@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1{top:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-lg{max-width:var(--container-lg)}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-3{gap:calc(var(--spacing) * 3)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#DDE3DF\]{border-color:#dde3df}.bg-\[\#007A49\]{background-color:#007a49}.bg-\[\#F6F8F7\]{background-color:#f6f8f7}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[\#00A361\]{color:#00a361}.text-\[\#626E67\]{color:#626e67}.text-\[\#18201C\]{color:#18201c}.text-\[\#56625C\]{color:#56625c}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-\[\#00A361\]:hover{background-color:#00a361}.hover\:text-\[\#007A49\]:hover{color:#007a49}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{--primary:#007a49;--primary-base:#00a361;--subtle:#e6f6ef;--bg:#f6f8f7;--surface:#fff;--muted:#f0f3f1;--text:#18201c;--secondary:#56625c;--border:#dde3df;--sidebar-width:220px;--nav-compact-height:0px;--sheet-radius:16px;--danger:#b42318;--danger-text:#8f1d14;--danger-surface:#feeceb;--danger-border:#f3b9b4}@media (max-width:900px){:root{--nav-compact-height:calc(56px + env(safe-area-inset-bottom))}}html[data-theme=dark]{--primary:#71d8a6;--primary-base:#36bd7e;--subtle:#203d2d;--bg:#101512;--surface:#171e1a;--muted:#202923;--text:#f2f6f3;--secondary:#b8c3bc;--border:#334039;--danger:#f97066;--danger-text:#fda29b;--danger-surface:#2a1715;--danger-border:#5c2a25;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html[data-theme=system]{--primary:#71d8a6;--primary-base:#36bd7e;--subtle:#203d2d;--bg:#101512;--surface:#171e1a;--muted:#202923;--text:#f2f6f3;--secondary:#b8c3bc;--border:#334039;--danger:#f97066;--danger-text:#fda29b;--danger-surface:#2a1715;--danger-border:#5c2a25;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{min-height:100dvh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh;display:grid}.shell.sidebar-collapsed,html[data-sidebar-collapsed="1"] .shell{--sidebar-width:64px}html[data-sidebar-transition-ready="1"] .shell{transition:grid-template-columns .18s}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;align-self:start;gap:24px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.sidebar-toggle{z-index:3;border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--secondary);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:24px;right:-14px;box-shadow:0 2px 7px #18201c14}.sidebar-toggle:hover{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.sidebar-collapsed .sidebar-toggle svg,html[data-sidebar-collapsed="1"] .shell .sidebar-toggle svg{transform:rotate(180deg)}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.nav a{min-height:44px;color:var(--secondary);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav a:hover,.nav a.active{background:var(--subtle);color:var(--primary)}.nav a.nav-feedback{background:var(--subtle);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-base);margin-top:4px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.nav a.nav-feedback{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-base) 36%, var(--border))}}.nav a.nav-feedback:hover{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.nav a.nav-feedback:hover{background:color-mix(in srgb, var(--primary-base) 18%, var(--surface))}}.nav a.nav-feedback:hover{color:var(--primary)}.nav a.nav-feedback svg{color:var(--primary-base)}.main{width:min(100%,1120px);margin:0 auto;padding:56px 40px}.eyebrow{color:var(--primary);letter-spacing:.04em;font-size:12px;font-weight:700}h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(30px,4vw,40px);line-height:1.15}.lead{color:var(--secondary);max-width:660px;margin:0;line-height:1.55}.launch{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:32px;padding:20px}.form-row{align-items:stretch;gap:12px;display:flex}.url-input{border:1px solid var(--border);min-width:0;height:48px;color:var(--text);border-radius:8px;flex:1;padding:0 14px}.select{border:1px solid var(--border);height:48px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.primary{background:var(--primary);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:650;text-decoration:none;display:inline-flex}.primary:hover{background:#006f42}.subline{color:var(--secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.error{color:#b42318;margin:10px 0 0;font-size:14px}.section-head{justify-content:space-between;align-items:center;margin-top:48px;margin-bottom:16px;display:flex}.section-head h2{margin:0}h2{letter-spacing:-.01em;font-size:20px}.quiet-link{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}.tour-launch-link{border:1px solid var(--primary-base);background:var(--subtle);min-height:44px;color:var(--primary);font:inherit;border-radius:8px;align-items:center;gap:7px;margin:0 8px 14px 0;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.tour-launch-link svg{flex:none}.tour-launch-link small{background:var(--primary-base);border-radius:99px;padding:2px 6px}@supports (color:color-mix(in lab, red, red)){.tour-launch-link small{background:color-mix(in srgb,var(--primary-base) 20%,transparent)}}.tour-launch-link small{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.tour-launch-link:hover{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.tour-launch-link:hover{background:color-mix(in srgb,var(--primary-base) 18%,var(--surface))}}.guided-tour-overlay{z-index:70;pointer-events:none;background:#1015127a;position:fixed}.guided-tour-card{z-index:72;border:1px solid var(--primary-base);background:var(--surface);width:min(360px,100vw - 24px);color:var(--text);border-radius:12px;padding:16px;position:fixed;box-shadow:0 14px 36px #0000003d}.guided-tour-card>span{color:var(--primary);font-size:12px;font-weight:700}.guided-tour-card h2{margin:7px 32px 6px 0;font-size:18px}.guided-tour-card p{color:var(--secondary);margin:0 0 14px;font-size:14px;line-height:1.45}.guided-tour-card>div{flex-wrap:wrap;gap:8px;display:flex}.guided-tour-card button,.guided-tour-recovery button,.guided-tour-status button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;border-radius:7px;padding:0 10px;font-size:13px;font-weight:650}.guided-tour-card .primary,.guided-tour-recovery .primary{color:#fff;border:0}.guided-tour-close{place-items:center;width:32px;display:grid;position:absolute;top:10px;right:10px;padding:0!important}.guided-tour-status,.guided-tour-recovery{z-index:72;right:16px;bottom:calc(16px + var(--nav-compact-height));color:var(--text);font-size:14px;position:fixed}.guided-tour-status{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(480px,100vw - 32px);padding:12px;display:flex;box-shadow:0 8px 24px #00000029}.guided-tour-recovery{border:1px solid var(--primary-base);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(430px,100vw - 32px);padding:10px 10px 10px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.guided-tour-recovery{border:1px solid color-mix(in srgb,var(--primary-base) 45%,var(--border))}}.guided-tour-recovery{background:var(--surface);border-radius:12px;box-shadow:0 10px 26px #00000024}.guided-tour-recovery-copy{gap:1px;min-width:0;display:grid}.guided-tour-recovery-copy span{color:var(--secondary);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.guided-tour-recovery-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.guided-tour-recovery-actions{align-items:center;gap:6px;display:flex}.guided-tour-recovery-actions .primary{min-height:36px;padding-inline:12px}.guided-tour-icon-button{place-items:center;width:36px;display:grid;min-height:36px!important;color:var(--secondary)!important;padding:0!important}.guided-tour-icon-button:hover{color:var(--primary)!important;border-color:var(--primary-base)!important;background:var(--subtle)!important}.guided-tour-recovery{border-left:4px solid var(--primary-base);background:linear-gradient(100deg,var(--primary-base),var(--surface) 58%)}@supports (color:color-mix(in lab, red, red)){.guided-tour-recovery{background:linear-gradient(100deg,color-mix(in srgb,var(--primary-base) 15%,var(--surface)),var(--surface) 58%)}}.guided-tour-recovery{box-shadow:0 12px 28px #00000029,0 0 0 3px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.guided-tour-recovery{box-shadow:0 12px 28px #00000029,0 0 0 3px color-mix(in srgb,var(--primary-base) 10%,transparent)}}.guided-tour-recovery-copy span{color:var(--primary)}.guided-tour-recovery-actions .primary{padding-inline:0}.guided-tour-recovery .guided-tour-icon-button.primary{border-color:var(--primary);background:var(--primary);color:#fff!important}.guided-tour-recovery .guided-tour-icon-button.primary:hover{color:#fff!important;background:#006f42!important}.guided-tour-card{border-left:4px solid var(--primary-base);background:linear-gradient(100deg,var(--primary-base),var(--surface) 58%)}@supports (color:color-mix(in lab, red, red)){.guided-tour-card{background:linear-gradient(100deg,color-mix(in srgb,var(--primary-base) 15%,var(--surface)),var(--surface) 58%)}}.guided-tour-card{box-shadow:0 12px 28px #00000029,0 0 0 3px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.guided-tour-card{box-shadow:0 12px 28px #00000029,0 0 0 3px color-mix(in srgb,var(--primary-base) 10%,transparent)}}.guided-tour-card>span{color:var(--primary-base)}.guided-tour-card button:hover{border-color:var(--primary-base);background:var(--subtle)}.guided-tour-card .primary{border-color:var(--primary);background:var(--primary);color:#fff!important}.guided-tour-card .primary:hover{background:#006f42;color:#fff!important}.guided-tour-status{border-left:4px solid var(--primary-base);background:linear-gradient(100deg,var(--primary-base),var(--surface) 58%);justify-content:space-between;align-items:center;gap:14px;min-width:300px;display:flex}@supports (color:color-mix(in lab, red, red)){.guided-tour-status{background:linear-gradient(100deg,color-mix(in srgb,var(--primary-base) 15%,var(--surface)),var(--surface) 58%)}}.guided-tour-status>div:first-child{gap:2px;display:grid}.guided-tour-status strong{font-size:13px}.guided-tour-status span{color:var(--secondary);font-size:12px}.guided-tour-status-actions{gap:6px;display:flex}.guided-tour-card-actions{justify-content:flex-end}.guided-tour-card .guided-tour-icon-button{place-items:center;width:36px;min-height:36px;padding:0;display:grid}.guided-tour-card .guided-tour-icon-button.primary,.guided-tour-recovery .guided-tour-icon-button.primary{opacity:1;width:40px;box-shadow:0 2px 6px #007a4947;color:#fff!important;background:#007a49!important;border:1px solid #007a49!important;min-height:40px!important}.guided-tour-card .guided-tour-icon-button.primary:hover,.guided-tour-recovery .guided-tour-icon-button.primary:hover{color:#fff!important;background:#00613a!important;border-color:#00613a!important}.guided-tour-card .guided-tour-icon-button.primary:disabled,.guided-tour-recovery .guided-tour-icon-button.primary:disabled{box-shadow:none;opacity:1;border-color:var(--border)!important;background:var(--muted)!important;color:var(--secondary)!important}.guided-tour-target{box-shadow:0 0 0 3px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.guided-tour-target{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-base) 70%,white)}}.guided-tour-target{border-radius:8px}@media (max-width:900px){.guided-tour-card{width:min(360px,100vw - 24px)}.guided-tour-status,.guided-tour-recovery{bottom:calc(12px + var(--nav-compact-height));max-width:none;left:12px;right:12px}.guided-tour-recovery{width:auto}}@media (prefers-reduced-motion:reduce){.guided-tour-card,.guided-tour-overlay{transition:none}}.home-demo{border:1px solid var(--border);background:linear-gradient(135deg,var(--subtle),var(--surface) 60%);border-radius:16px;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:center;gap:24px;margin-top:24px;padding:20px;display:grid}.home-demo-copy h2,.practice h2{letter-spacing:-.02em;margin:8px 0;font-size:clamp(20px,2.6vw,28px);line-height:1.2}.home-demo-copy p{color:var(--secondary);margin:0;line-height:1.55}.home-benefit{min-height:122px;animation:.24s ease-out home-benefit-enter}.home-benefit-controls{color:var(--secondary);margin-top:8px;font-size:13px}.home-demo-media{border:1px solid var(--border);aspect-ratio:120/59;background:#101512;border-radius:10px;position:relative;overflow:hidden}.home-demo-media video{object-fit:contain;width:100%;height:100%;display:block}.home-demo-close{color:#fff;background:#101512b8;border:1px solid #fff6;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:8px;right:8px}.home-demo-close:hover{background:#101512eb}.home-demo-show{border:1px solid var(--primary-base);background:var(--subtle);min-height:44px;color:var(--primary);font:inherit;border-radius:8px;margin-top:20px;padding:0 12px;font-size:14px;font-weight:700}.home-demo-show:hover{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.home-demo-show:hover{background:color-mix(in srgb,var(--primary-base) 18%,var(--surface))}}.practice{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;margin-top:24px;padding:20px;display:grid}.practice h2{margin-bottom:0}.practice ol{counter-reset:practice;gap:10px;margin:0;padding:0;list-style:none;display:grid}.practice li{color:var(--secondary);counter-increment:practice;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;line-height:1.45;display:grid}.practice li:before{content:counter(practice);background:var(--subtle);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;font-size:12px;font-weight:750;display:grid}@keyframes home-benefit-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-benefit{animation:none}}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recent{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid}.recent:hover{background:var(--muted);border-color:var(--primary-base)}.recent:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.recent-thumb{aspect-ratio:16/9;background:var(--muted);object-fit:cover;border-radius:7px;width:112px}.recent-copy{gap:8px;min-width:0;display:grid}.recent strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.recent small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-empty{border:1px dashed var(--border-strong);background:var(--surface);border-radius:12px;gap:4px;padding:20px;display:grid}.recent-empty p{color:var(--secondary);margin:0}.recent-position{color:var(--primary);text-underline-offset:2px;font-weight:700;text-decoration:underline}.quota{border-top:1px solid var(--border);color:var(--secondary);align-items:flex-start;gap:9px;margin-top:auto;padding:16px 8px 0;font-size:12px;line-height:1.5;display:flex}.quota>svg{flex:none;margin-top:2px}.theme-switch{flex-wrap:wrap;gap:4px;padding:0 8px;display:flex}.theme-switch button{min-height:28px;color:var(--secondary);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:11px}.theme-switch button[aria-pressed=true]{background:var(--subtle);color:var(--primary);font-weight:700}.sidebar-collapsed .theme-switch,html[data-sidebar-collapsed="1"] .shell .theme-switch{display:none}.theme-toggle{min-height:36px;color:var(--secondary);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 8px;font-size:12px;font-weight:650;display:flex}.theme-toggle:hover{background:var(--subtle);color:var(--primary)}.theme-toggle svg{flex:none}.sidebar-collapsed .theme-toggle,html[data-sidebar-collapsed="1"] .shell .theme-toggle{justify-content:center;width:100%;padding:0}.sidebar-collapsed .theme-toggle-label,html[data-sidebar-collapsed="1"] .shell .theme-toggle-label{display:none}.language-switcher{border:1px solid var(--border);width:max-content;color:var(--secondary);border-radius:8px;align-items:center;gap:3px;padding:3px 5px;display:flex}.language-switcher button,.language-menu button{min-height:28px;color:inherit;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:0 5px;font-size:10px;font-weight:750;display:flex}.language-switcher button:hover,.language-menu button:hover{color:var(--primary);background:var(--muted)}.language-switcher button[aria-pressed=true],.language-menu button[aria-pressed=true]{background:var(--subtle);color:var(--primary)}.locale-flag{border-radius:1px;flex:none;width:12px;height:9px;display:block;box-shadow:inset 0 0 0 1px #18201c1f}.locale-flag-uk{background:linear-gradient(#1769aa 0 50%,#ffd23f 50%)}.locale-flag-ru{background:linear-gradient(#fff 0 33%,#17479e 33% 66%,#d52b1e 66%)}.locale-flag-en{background:repeating-linear-gradient(#b22234 0 1px,#fff 1px 2px);position:relative}.locale-flag-en:before{content:"";background:#3c3b6e;width:45%;height:55%;position:absolute;inset:0 auto auto 0}.language-switcher-compact{justify-content:center;width:100%;margin:12px 0}.language-menu{width:100%;position:relative}.language-menu summary{border:1px solid var(--border);min-height:34px;color:var(--secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:750;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu[open] summary{border-color:var(--primary-base);color:var(--primary)}.language-menu-list{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:76px;padding:4px;display:grid;position:absolute;bottom:0;left:calc(100% + 8px);box-shadow:0 8px 24px #18201c29}.language-menu-list button{justify-content:flex-start}.sidebar>.language-menu,.sidebar-collapsed .sidebar>.language-switcher,html[data-sidebar-collapsed="1"] .shell .sidebar>.language-switcher{display:none}.sidebar-collapsed .sidebar>.language-menu,html[data-sidebar-collapsed="1"] .shell .sidebar>.language-menu{border-top:1px solid var(--border);margin-top:auto;padding-top:16px;display:block}.version-badge{color:var(--secondary);text-align:center;opacity:.65;padding:16px 8px 0;font-size:11px}.sidebar-collapsed .version-badge,html[data-sidebar-collapsed="1"] .shell .version-badge{padding:12px 0 0;font-size:10px}.sidebar-collapsed .sidebar,html[data-sidebar-collapsed="1"] .shell .sidebar{padding-inline:8px}.sidebar-collapsed .brand,html[data-sidebar-collapsed="1"] .shell .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .quota-label,html[data-sidebar-collapsed="1"] .shell .brand-label,html[data-sidebar-collapsed="1"] .shell .nav-label,html[data-sidebar-collapsed="1"] .shell .quota-label{display:none}.sidebar-collapsed .nav a,html[data-sidebar-collapsed="1"] .shell .nav a{justify-content:center;padding:0}.sidebar-collapsed .quota,html[data-sidebar-collapsed="1"] .shell .quota{display:none}.feedback-fab{z-index:30;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed}@supports (color:color-mix(in lab, red, red)){.feedback-fab{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.feedback-fab{color:var(--secondary);opacity:.72;text-decoration:none;transition:opacity .15s,color .15s,border-color .15s,background .15s;box-shadow:0 2px 8px #18201c1a}.feedback-fab:hover,.feedback-fab:focus-visible{opacity:1;color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}@media (max-width:900px){.feedback-fab{width:36px;height:36px;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.feedback-fab-watch{display:none}}@media (min-width:901px){.feedback-fab-watch{display:none}}.nav-compact{display:none}@media (max-width:900px){.nav-compact{z-index:40;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);inset-inline:0;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0}.nav-compact a,.nav-compact button{min-height:56px;color:var(--secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.nav-compact a.active,.nav-compact a[aria-current=page]{color:var(--primary)}.nav-compact{will-change:transform;transition:transform .18s}html[data-scroll-compact="1"] .nav-compact{transform:translateY(100%)}html[data-scroll-compact="1"] .controls{padding:4px 8px}}dialog.sheet{border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:var(--surface);width:100%;max-width:640px;max-height:85dvh;color:var(--text);padding:0;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;border:0;margin:auto auto 0}dialog.sheet[open]{flex-direction:column;display:flex}dialog.sheet::backdrop{background:#1015128c}.sheet-grabber{flex:none;justify-content:center;padding:10px 0 2px;display:flex}.sheet-grabber span{background:var(--border);border-radius:99px;width:36px;height:4px}.sheet-head{flex:none;justify-content:space-between;align-items:center;padding:4px 16px 8px;display:flex}.sheet-head h2{margin:0;font-size:16px}.sheet-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--secondary);border-radius:8px;place-items:center;padding:0;display:grid}.sheet-body{padding:4px 8px 16px;overflow-y:auto}.sheet-list-item{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sheet-list-item:hover{background:var(--muted)}.sheet-quota{border-top:1px solid var(--border);color:var(--secondary);margin:10px 12px 0;padding-top:10px;font-size:12px;line-height:1.5}.sheet-version{color:var(--secondary);opacity:.65;margin:8px 12px 4px;font-size:11px}.watch-main{width:100%;padding:16px 20px 24px}.watch-launch{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:10px 12px}.watch-launch.collapsed{display:none}.watch-launch-head{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:28px;display:flex}.watch-launch .eyebrow{margin:0}.watch-launch-head .collapse-button{margin-left:auto}.watch-launch .form-row{gap:8px;margin-top:6px}.watch-launch .url-input{height:40px}.watch-launch .subline{margin-top:6px;font-size:12px}.watch-action-icon{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--primary);border-radius:8px;flex:none;place-items:center;padding:0;display:grid;position:relative}.watch-action-icon:hover{background:var(--subtle);border-color:var(--primary-base)}.watch-action-icon:disabled{opacity:.55;cursor:wait}.watch-action-icon.watch-open{background:var(--primary);border-color:var(--primary);color:#fff}.watch-action-icon.watch-open:hover{background:#006f42}.watch-action-icon.watch-save.is-saved{background:var(--primary);border-color:var(--primary);color:#fff}.watch-action-icon[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.watch-action-icon[data-tooltip]:hover:after,.watch-action-icon[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.video-title{font-weight:650}.job{color:#2563eb;background:#eaf1ff;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.handoff-status{background:var(--subtle);color:var(--primary);border-radius:8px;margin:0 0 12px;padding:12px;font-size:14px}.extension-card{border:1px solid var(--border);background:var(--surface);max-width:680px;color:var(--text);border-radius:12px;align-items:flex-start;gap:12px;margin:16px auto 0;padding:16px;display:flex}.extension-card>svg{color:var(--primary);flex:none}.extension-card strong{display:block}.extension-card p{color:var(--secondary);margin:4px 0 8px;font-size:14px;line-height:1.45}.extension-card a{color:var(--primary);font-size:14px;font-weight:650}.extension-card button{width:36px;height:36px;color:var(--secondary);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.extension-card button:hover{background:var(--muted);color:var(--text)}.job-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.job-actions button{background:0 0;border:0;padding:0}.job-actions button:disabled{color:var(--secondary);cursor:wait}.job-track{background:#cfe0ff;border-radius:99px;height:4px;margin-top:9px;overflow:hidden}.job-track i{background:#2563eb;width:68%;height:100%;display:block}.workspace{grid-template-columns:var(--original-width,360px) 8px minmax(330px,1fr) 8px var(--translation-width,360px);align-items:start;gap:0;display:grid;container-type:inline-size}.workspace.original-collapsed{grid-template-columns:48px 0 minmax(330px,1fr) 8px var(--translation-width,360px)}.workspace.translation-collapsed{grid-template-columns:var(--original-width,360px) 8px minmax(330px,1fr) 0 48px}.workspace.original-collapsed.translation-collapsed{grid-template-columns:48px 0 minmax(330px,1fr) 0 48px}@container (max-width:780px){.track-head{padding-inline:12px}.segment-select{grid-template-columns:42px 1fr;gap:8px}.controls{gap:3px}.speed-options{display:none}}.workspace>.original{grid-area:1/1}.workspace>.resize-original{grid-area:1/2}.workspace>.player{grid-area:1/3}.workspace>.resize-translation{grid-area:1/4}.workspace>.translation{grid-area:1/5}.track.dialogue-track{display:none}@media (min-width:901px){.workspace.layout-adjacent{grid-template-columns:var(--original-width,360px) 8px var(--translation-width,360px) 8px minmax(330px,1fr)}.workspace.layout-adjacent.original-collapsed{grid-template-columns:48px 0 var(--translation-width,360px) 8px minmax(330px,1fr)}.workspace.layout-adjacent.translation-collapsed{grid-template-columns:var(--original-width,360px) 8px 48px 0 minmax(330px,1fr)}.workspace.layout-adjacent.original-collapsed.translation-collapsed{grid-template-columns:48px 0 48px 0 minmax(330px,1fr)}.workspace.layout-adjacent>.original{grid-area:1/1}.workspace.layout-adjacent>.resize-original{grid-area:1/2}.workspace.layout-adjacent>.translation{grid-area:1/3}.workspace.layout-adjacent>.resize-translation{grid-area:1/4}.workspace.layout-adjacent>.player{grid-area:1/5}.workspace.layout-dialogue{grid-template-columns:var(--original-width,360px) 8px minmax(330px,1fr)}.workspace.layout-dialogue.dialogue-collapsed{grid-template-columns:48px 0 minmax(330px,1fr)}.workspace.layout-dialogue>.original,.workspace.layout-dialogue>.translation,.workspace.layout-dialogue>.resize-translation{display:none}.workspace.layout-dialogue>.dialogue-track{grid-column:1;display:flex}.workspace.layout-dialogue>.resize-original{grid-column:2}.workspace.layout-dialogue>.player{grid-column:3}.workspace.layout-dialogue.dialogue-collapsed>.resize-original{display:none}}.resize-handle{cursor:col-resize;touch-action:none;outline:0;align-self:stretch;min-height:420px;position:relative}.resize-handle span{background:var(--border);inset-block:10px;border-radius:2px;width:2px;transition:background .15s,width .15s,left .15s;position:absolute;left:3px}.resize-handle:hover span,.resize-handle:focus-visible span,.resizing-tracks .resize-handle span{background:var(--primary-base);width:4px;left:2px}.resize-handle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.workspace.original-collapsed .resize-original,.workspace.translation-collapsed .resize-translation{display:none}.resizing-tracks{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (min-width:901px){.workspace.layout-dialogue:not(.dialogue-collapsed)>.resize-original{display:block}}.track{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;height:calc(100dvh - 146px);min-height:420px;display:flex;overflow:hidden}.track.collapsed{height:52px;min-height:52px}.track-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;min-height:52px;padding:0 10px 0 16px;font-size:14px;font-weight:650;display:flex}.track-library-actions,.track-job-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.track-job-action{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--secondary);border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.track-job-action:hover{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.track-job-action:disabled{opacity:.55;cursor:wait}.track-language,.track-language-select{color:var(--secondary);margin-left:auto;font-weight:500}.track-head>.track-language-select:first-child{margin-left:0}.track-head>.collapse-button{margin-left:auto}.track-library-actions+.track-language,.track-library-actions+.track-language-select{margin-left:0}.track-action-button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--secondary);border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.track-action-button:hover,.track-action-button.is-saved{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.track-action-button:disabled{opacity:.55;cursor:wait}.track-action-button[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.track-action-button:hover:after,.track-action-button:focus-visible:after{opacity:1;transform:translateY(0)}.collapse-button{border:1px solid var(--border);background:var(--surface);width:28px;min-width:28px;height:28px;color:var(--secondary);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 2px 7px #18201c14}.collapse-button:hover{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.track.collapsed .track-head{border-bottom:0;justify-content:center;padding:0}.track.collapsed .track-label,.track.collapsed .track-language,.track.collapsed .track-language-select,.track.collapsed .dialogue-language-selects,.track.collapsed .track-library-actions,.track.collapsed .track-job-actions{display:none}.track.collapsed .track-head>.collapse-button{margin-left:0}.track-load-button{width:32px;height:32px;color:var(--primary);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.track-load-button:hover{background:var(--subtle)}.track-load-button:disabled{opacity:.55;cursor:wait}.track-load-button[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.track-load-button:hover:after,.track-load-button:focus-visible:after{opacity:1;transform:translate(-50%)}.translation-progress{background:var(--subtle);color:var(--primary);text-align:right;flex:none;padding:7px 12px 10px;font-size:12px;line-height:1.3}.translation-progress strong{font-variant-numeric:tabular-nums}.translation-progress-track{text-align:left;background:#cfeadf;border-radius:99px;height:4px;margin-top:7px;overflow:hidden}.translation-progress-track i{background:var(--primary-base);height:100%;transition:width .2s;display:block}.track.collapsed .translation-progress{display:none}.translation-failure{border-bottom:1px solid var(--danger-border);background:var(--danger-surface);flex:none;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px 11px 14px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.translation-failure{background:color-mix(in srgb,var(--danger-surface) 72%,var(--surface))}}.translation-failure{color:var(--text);font-size:12px;line-height:1.35}.translation-failure:before{content:"";background:var(--danger);width:3px;position:absolute;inset:0 auto 0 0}.translation-failure-icon{background:var(--danger);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.translation-failure-icon{background:color-mix(in srgb,var(--danger) 14%,transparent)}}.translation-failure-icon{color:var(--danger)}.translation-failure-copy{min-width:0}.translation-failure strong,.translation-failure-copy>span{display:block}.translation-failure strong{font-size:13px}.translation-failure-copy>span{color:var(--secondary);margin-top:2px}.translation-failure-copy .translation-failure-error{color:var(--danger-text)}.translation-failure button{background:var(--primary);min-height:36px;color:var(--surface);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #18201c1f}.translation-failure button:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.translation-failure button:hover{background:color-mix(in srgb,var(--primary) 88%,var(--text))}}.translation-failure button:disabled{opacity:.6;cursor:wait}@media (max-width:640px){.translation-failure{grid-template-columns:28px minmax(0,1fr)}.translation-failure button{grid-column:1/-1;width:100%}}.track.collapsed .translation-failure{display:none}.segments{scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow:hidden auto}.track-empty{color:var(--secondary);padding:28px 20px;line-height:1.5}.track-empty p{margin:0 0 16px}.track-empty .primary{width:100%}.segment{width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;line-height:1.55;display:grid;position:relative}.segment-select{min-width:0;color:inherit;text-align:left;line-height:inherit;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px;display:grid}.segment:hover{background:var(--muted)}.segment.active{background:var(--subtle);box-shadow:inset 3px 0 0 var(--primary-base);font-weight:550}.segment-bookmark,.segment-examples{width:36px;height:44px;color:var(--secondary);opacity:0;background:0 0;border:0;border-radius:7px;align-self:center;place-items:center;display:grid}.segment:hover .segment-bookmark,.segment:hover .segment-examples,.segment:focus-within .segment-bookmark,.segment:focus-within .segment-examples,.segment.bookmarked .segment-bookmark,.segment.bookmarked .segment-examples,.dialogue-segment:hover .segment-bookmark,.dialogue-segment:hover .segment-examples,.dialogue-segment:focus-within .segment-bookmark,.dialogue-segment:focus-within .segment-examples,.dialogue-segment.bookmarked .segment-bookmark,.dialogue-segment.bookmarked .segment-examples{opacity:1}.segment.bookmarked .segment-bookmark,.dialogue-segment.bookmarked .segment-bookmark{color:var(--primary)}.segment-bookmark:hover,.segment-examples:hover:not(:disabled){background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.segment-bookmark:hover,.segment-examples:hover:not(:disabled){background:color-mix(in srgb, var(--primary-base) 12%, transparent)}}.segment-examples:disabled{cursor:not-allowed}.dialogue-language-selects{gap:4px;min-width:0;margin-right:auto;display:flex}.dialogue-language-selects .track-language-select{width:88px;min-width:0;margin-left:0}.dialogue-segment{width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;display:grid;position:relative}.dialogue-segment-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:10px 8px;display:grid}.dialogue-segment:hover{background:var(--muted)}.dialogue-segment.active{background:var(--subtle);box-shadow:inset 3px 0 0 var(--primary-base)}.dialogue-pair{flex-direction:column;gap:6px;min-width:0;display:flex}.dialogue-message{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:10px 10px 10px 3px;width:fit-content;max-width:92%;padding:8px 10px;line-height:1.45}.translation-message{border-color:var(--primary-base);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.translation-message{border-color:color-mix(in srgb, var(--primary-base) 38%, var(--border))}}.translation-message{background:var(--subtle);color:var(--primary);border-radius:10px 10px 3px}.player{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-self:stretch;height:calc(100dvh - 146px);min-height:420px;display:flex;position:sticky;top:16px;overflow:hidden}.player-title{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px 10px 16px;font-weight:650;line-height:1.35;display:flex}.player-title>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player-library-actions{flex:none;gap:5px;display:flex}.video-nav-group{border:1px solid var(--border);border-radius:8px;gap:0;display:inline-flex;overflow:hidden}.video-nav-group .video-nav-btn{background:var(--surface);width:44px;height:40px;color:var(--text);cursor:pointer;border:0;border-radius:0;place-items:center;padding:0;display:grid}.video-nav-group .video-nav-btn:first-child{border-right:1px solid var(--border)}.video-nav-group .video-nav-btn:disabled{opacity:.35;cursor:default}.video-nav-group .video-nav-btn:not(:disabled):hover{background:var(--subtle);color:var(--primary)}@media (min-width:901px){body.watch-launch-hidden .track,body.watch-launch-hidden .player{height:calc(100dvh - 40px)}}.facade{color:#fff;background:#101512;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.facade-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.facade:after{content:"";background:linear-gradient(#050c0829,#050c089e);position:absolute;inset:0}.facade-content{z-index:1;text-align:center;text-shadow:0 1px 3px #000000a6}.play{color:#063820;background:#fff;border:0;border-radius:50%;width:56px;height:56px;font-size:18px}.facade p{margin:12px 0 0;font-size:14px;font-weight:600}.facade-link{color:#063820;background:#fff;border-radius:8px;align-items:center;min-height:44px;margin-top:12px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.youtube-frame{background:#101512;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.youtube-frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important}.controls{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;overflow:visible}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:8px;place-items:center;padding:0;line-height:1;display:grid;position:relative}.icon-button.active,.speed-button.active{background:var(--subtle);color:var(--primary);border-color:var(--primary-base)}.speed-options{align-items:center;gap:0;display:flex}.speed-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);border-right:0;padding:0;font-size:11px;line-height:1;position:relative}.speed-button:first-child{border-radius:7px 0 0 7px}.speed-button:last-child{border-right:1px solid var(--border);border-radius:0 7px 7px 0}.icon-button[data-tooltip]:after,.speed-button[data-tooltip]:after{content:attr(data-tooltip);z-index:10;background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after,.speed-button[data-tooltip]:hover:after,.speed-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.secondary,.danger-button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--primary);border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-weight:650;display:inline-flex}.secondary:hover{background:var(--subtle);border-color:var(--primary-base)}.library-heading,.library-actions,.library-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-actions{flex-wrap:wrap}.library-layout{grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:32px;display:grid}.library-panel,.library-content{border:1px solid var(--border);background:var(--surface);border-radius:12px}.library-panel{align-self:start;padding:10px}.library-panel-head{justify-content:space-between;align-items:center;padding:5px 6px 10px;display:flex}.small{justify-content:center;width:32px;height:32px;min-height:32px;padding:0}.library-choice{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.library-choice:hover,.library-choice.selected{background:var(--subtle);color:var(--primary)}.library-choice small,.tree-row small{color:var(--secondary)}.library-toolbar{border-bottom:1px solid var(--border);padding:12px}.search{border:1px solid var(--border);min-height:44px;color:var(--secondary);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:100%;color:var(--text);border:0;outline:0}.tree-list{padding:8px}.tree-row{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:10px;display:flex}.tree-row:hover{background:var(--muted)}.tree-row strong,.tree-row small{display:block}.tree-actions{align-items:center;gap:4px;display:flex}.tree-actions button,.tree-actions a{color:var(--primary);background:0 0;border:0;padding:8px;font-size:12px;font-weight:650;text-decoration:none}.danger-text{color:#b42318!important}.library-empty{text-align:center;color:var(--secondary);padding:44px 20px}.library-empty strong{color:var(--text)}.toast{z-index:50;max-width:380px;color:var(--dark-text-primary,#f2f6f3);background:#171e1a;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #18201c2e}.toast button{color:#fff;background:0 0;border:0}.settings-main{max-width:860px}.settings-section,.account-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:16px;margin-top:20px;padding:24px;display:flex}.settings-section svg,.account-card>svg{color:var(--primary);flex:none}.settings-section h2,.account-card h2{margin:0 0 8px}.settings-section p{color:var(--secondary);margin:0 0 16px;line-height:1.55}.settings-section.destructive{border-color:#efc2bf}.account-card{max-width:700px;margin-top:28px}.account-card dl{gap:32px;margin:20px 0;display:flex}.account-card dt{color:var(--secondary);font-size:12px}.account-card dd{margin:4px 0 0;font-weight:700}.admin-main{max-width:1120px;margin:auto;padding:48px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:32px 20px calc(24px + var(--nav-compact-height))}.watch-main{padding:12px 28px calc(16px + var(--nav-compact-height)) 16px}.resize-handle{display:none}.workspace{display:block}.track{height:auto;min-height:0;margin-top:12px}.track.dialogue-track{margin-top:0}.segments{flex:none;height:auto;max-height:none;overflow:visible}.player{z-index:2;height:auto;min-height:0;position:sticky;top:0}.facade,.youtube-frame{aspect-ratio:16/9;flex:none}.workspace>.original,.workspace>.translation,.workspace>.resize-original,.workspace>.resize-translation{display:none}.workspace>.dialogue-track{display:flex}.workspace[data-mode=original]>.dialogue-track{display:none}.workspace[data-mode=original]>.original{display:flex}.workspace[data-mode=translation]>.dialogue-track{display:none}.workspace[data-mode=translation]>.translation{display:flex}.text-mode-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;margin:12px 0;padding:8px;display:flex}.text-mode-tabs button{background:0 0;border:0;border-radius:999px;flex:1;min-height:36px}.text-mode-tabs button.selected{background:var(--subtle);color:var(--primary);font-weight:650}.anki-export-button{display:none}.form-row{flex-direction:column}.url-input{flex:none}.subline{flex-direction:column;align-items:flex-start}.watch-launch .form-row{flex-direction:row}.home-demo,.practice{grid-template-columns:1fr;gap:16px;padding:16px}.recent-grid{grid-template-columns:1fr}.toast{bottom:calc(24px + var(--nav-compact-height))}.controls{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;gap:4px;padding:6px 8px;overflow:auto hidden}.controls::-webkit-scrollbar{display:none}.video-nav-group,.speed-options{display:none}.watch-more-btn{display:inline-flex}.icon-button{flex:none;width:40px;height:40px}.watch-more-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.watch-more-link:hover{background:var(--muted);color:var(--primary)}}.text-mode-tabs,.watch-more-btn{display:none}.watch-more-sheet-group button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.watch-more-sheet-group button:hover{background:var(--muted)}.watch-more-sheet-group button:disabled{opacity:.55;cursor:default}.watch-more-sheet-group button.active{background:var(--subtle);color:var(--primary);border-color:var(--primary-base)}.anki-overlay{z-index:100;background:#1015128c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.anki-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90dvh;display:flex;box-shadow:0 8px 32px #18201c2e}.anki-modal-header{align-items:center;gap:8px;padding:16px 16px 0;display:flex}.anki-modal-title{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.anki-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--secondary);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}.anki-close:hover{background:var(--muted);color:var(--text)}.anki-tabs{border-bottom:1px solid var(--border);gap:0;margin:12px 16px 0;display:flex}.anki-tab{color:var(--secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.anki-tab.active{color:var(--primary);border-bottom-color:var(--primary-base)}.anki-tab:hover:not(.active){color:var(--text)}.anki-table-wrap{flex:1;min-height:0;margin:12px 0;padding:0 16px;overflow-y:auto}.anki-table{border-collapse:collapse;width:100%;font-size:13px}.anki-table th{text-align:left;color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--surface);padding:8px 10px;font-size:11px;font-weight:700;position:sticky;top:0}.anki-table td{border-bottom:1px solid var(--border);padding:8px 10px;line-height:1.45}.anki-table tr:last-child td{border-bottom:0}.anki-num{color:var(--secondary);width:32px;font-size:11px}.anki-front{font-weight:550}.anki-back{color:var(--secondary)}.anki-empty{text-align:center;color:var(--secondary);padding:40px 16px;line-height:1.5}.anki-prompt-area{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px;display:flex}.anki-prompt-desc{color:var(--secondary);margin:0;font-size:13px;line-height:1.5}.anki-prompt-box{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex:1;min-height:0;overflow-y:auto}.anki-prompt-text{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:12px;line-height:1.6}.anki-actions{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.anki-btn{border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.anki-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.anki-btn-primary:hover{background:#006f42}.anki-btn-primary:disabled{opacity:.55;cursor:wait}.anki-btn-secondary{background:var(--surface);color:var(--text)}.anki-btn-secondary:hover{background:var(--muted);border-color:var(--primary-base)}.anki-btn-secondary:disabled{opacity:.5;cursor:default}.anki-note{color:var(--secondary);margin:0 16px 16px;font-size:12px;line-height:1.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.library-workspace{background:#f8faf9;grid-template-columns:minmax(280px,38%) minmax(0,1fr);min-height:100dvh;display:grid}.library-sidebar{color:#eaf1ed;background:#111820;border-right:1px solid #26333c;flex-direction:column;gap:16px;min-height:100dvh;padding:22px 14px 16px;display:flex}.library-sidebar .eyebrow{color:#63f1ba;font-size:10px}.library-sidebar-head{padding:0 2px}.library-name-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.library-name-row strong{letter-spacing:-.035em;font-size:20px}.icon-only{color:#b7cad3;background:#1c2835;border:1px solid #344451;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.library-switcher{border-top:1px solid #26333c;align-items:center;gap:6px;padding-top:14px;display:flex}.library-switcher button:not(.icon-only){color:#b7cad3;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;max-width:190px;padding:7px 8px;font-size:13px;overflow:hidden}.library-search{color:#89a2ad;background:#17212b;border:1px solid #344451;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.library-search input{color:#f4f8f6;background:0 0;border:0;outline:0;flex:1;min-width:0}.library-tree{flex:1;margin:0 -6px;padding:2px 0;overflow:auto}.library-tree-row{color:#d8e5e1;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:7px;min-height:34px;margin:1px 0;padding-right:9px;display:flex}.tree-grip{opacity:0;color:#7f99a5}.library-tree-row:hover .tree-grip{opacity:1}.tree-toggle{color:#91aab4;background:0 0;border:0;flex:none;place-items:center;width:16px;height:20px;padding:0;display:grid}.tree-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.library-tree-row small{color:#8fa6b0;background:#1b2733;border-radius:10px;place-items:center;min-width:18px;height:18px;font-size:11px;display:grid}.tree-empty{color:#78909a;text-align:center;font-size:13px}.library-sidebar-actions{border-top:1px solid #26333c;gap:8px;padding-top:14px;display:flex}.library-inspector{color:#17221e;background:#f8faf9;padding:40px clamp(28px,5vw,88px);position:relative}.inspector-head .eyebrow,.inspector-field>span,.move-panel>span{color:#007a49;letter-spacing:.07em;font-size:11px;font-weight:750;display:block}.inspector-head h1{margin:8px 0 30px;font-size:30px}.inspector-field{max-width:660px;margin-bottom:20px;display:block}.inspector-field>span{color:#527063;margin-bottom:8px;font-size:10px}.inspector-field input{color:#17221e;background:#fff;border:1px solid #c9d7d0;border-radius:8px;width:100%;height:46px;padding:0 13px;font-size:14px}.inspector-field input:focus{border-color:#00a361;outline:2px solid #d4f4e5}.folder-description{color:#586b62;max-width:600px;line-height:1.55}.inspector-actions{gap:8px;margin-top:30px;display:flex}.inspector-actions .icon-only{color:#007a49;background:#fff;border-color:#bdd4c7}.inspector-actions .icon-only:hover{background:#e7f7ef}.inspector-actions .danger{color:#b42318;border-color:#edc5c1}.move-panel{border-top:1px solid #d9e4de;max-width:660px;margin-top:42px;padding-top:18px}.move-panel>span{color:#527063;margin-bottom:10px;font-size:10px}.move-panel button{color:#007a49;text-align:left;background:0 0;border:0;border-bottom:1px solid #e4ece7;width:100%;padding:9px 0;font-weight:650;display:block}.inspector-empty{color:#63756d;text-align:center;align-content:center;place-items:center;gap:8px;min-height:60vh;display:grid}.inspector-empty svg{color:#00a361}.inspector-empty strong{color:#24342d}.inspector-empty p{margin:0}.back-mobile{display:none}.library-name-actions{gap:6px;display:flex}@media (max-width:700px){.library-workspace,.library-sidebar{width:100%;min-width:0;max-width:100%}.library-workspace{padding-bottom:var(--nav-compact-height);display:block;overflow-x:hidden}.library-sidebar{min-height:100dvh;padding-bottom:var(--nav-compact-height);overflow-x:hidden}.library-switcher-library-list{overscroll-behavior-x:contain;flex:1 1 0;width:0}.library-toolbar{flex-wrap:wrap;min-width:0}.library-toolbar .library-search{flex:1 0 100%;width:100%;min-width:0}.library-toolbar .library-sidebar-actions{margin-left:0}.library-inspector{min-height:100dvh;padding:28px 20px calc(20px + var(--nav-compact-height));display:none}.library-inspector.mobile-open{z-index:20;width:100vw;max-width:100vw;display:block;position:fixed;inset:0;overflow:auto}.library-inspector .inspector-field,.library-inspector .inspector-url-row{width:100%;min-width:0}.library-inspector .move-panel{display:none}.back-mobile{color:#007a49;background:0 0;border:0;margin:0 0 22px;padding:0;font-weight:700;display:block}}.library-sidebar{color:#17221e;background:#f8faf9;border-right-color:#d9e4de}.library-sidebar .eyebrow{color:#007a49}.library-name-row strong{color:#17221e}.library-switcher{border-top-color:#d9e4de}.library-switcher button:not(.icon-only){color:#52665c}.library-switcher button.active{color:#007a49;background:#e4f4ec}.icon-only{color:#527063;background:#fff;border-color:#c5d5cd}.icon-only:hover{color:#007a49;background:#e7f7ef;border-color:#82bca2}.library-search{color:#6f8579;background:#fff;border-color:#c5d5cd}.library-search input{color:#17221e}.library-search input::placeholder{color:#83958c}.library-tree-row{color:#24342d}.library-tree-row:hover{background:#edf3ef}.library-tree-row.selected{color:#007a49;background:#dff3e9}.library-tree-row.drop-target{background:#dff3e9;box-shadow:inset 0 0 0 2px #00a361}.tree-grip,.tree-toggle{color:#7d9388}.library-tree-row small{color:#527063;background:#e7eeea}.tree-empty{color:#74877e}.library-sidebar-actions{border-top-color:#d9e4de}.library-tree-row{position:relative}.library-tree-row.drop-inside{background:#dff3e9;box-shadow:inset 0 0 0 2px #00a361}.library-tree-row.drop-before:before,.library-tree-row.drop-after:after{content:"";z-index:2;background:#00a361;border-radius:2px;height:2px;position:absolute;left:4px;right:4px}.library-tree-row.drop-before:before{top:-1px}.library-tree-row.drop-after:after{bottom:-1px}.library-pointer-dragging,.library-pointer-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.tree-grip{z-index:4;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:18px;height:26px;padding:0;display:grid;position:relative}.tree-grip:active{cursor:grabbing}.library-tree-row.is-dragging{opacity:.35}.tree-drop-zone{z-index:2;pointer-events:none;position:absolute;left:2px;right:2px}.tree-drop-zone.before{height:7px;top:0}.tree-drop-zone.after{height:7px;bottom:0}.tree-drop-zone.video.before,.tree-drop-zone.video.after,.tree-drop-zone.entry.before,.tree-drop-zone.entry.after{height:50%}.tree-drop-zone.inside{top:7px;bottom:7px}.tree-drop-zone.before.is-over:after,.tree-drop-zone.after.is-over:after{content:"";background:#00a361;border-radius:2px;height:2px;position:absolute;left:2px;right:2px}.tree-drop-zone.before.is-over:after{top:0}.tree-drop-zone.after.is-over:after{bottom:0}.tree-drop-zone.inside.is-over{background:#dff3e9a6;border:2px solid #00a361;border-radius:6px}.library-drag-overlay{color:#007a49;pointer-events:none;background:#fff;border:1px solid #82bca2;border-radius:8px;place-items:center;width:30px;height:30px;margin:4px 0 0 8px;padding:0;display:grid;box-shadow:0 5px 14px #18201c2e}html[data-theme=dark] .library-workspace,html[data-theme=dark] .library-sidebar,html[data-theme=dark] .library-inspector{background:var(--bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] .library-name-row strong,html[data-theme=dark] .library-tree-row,html[data-theme=dark] .inspector-empty strong{color:var(--text)}html[data-theme=dark] .library-switcher,html[data-theme=dark] .library-sidebar-actions{border-color:var(--border)}html[data-theme=dark] .library-switcher button.active{background:var(--subtle);color:var(--primary)}html[data-theme=dark] .icon-only,html[data-theme=dark] .library-search,html[data-theme=dark] .inspector-field input{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .library-search input{color:var(--text)}html[data-theme=dark] .library-tree-row:hover{background:var(--muted)}html[data-theme=dark] .library-tree-row.selected{background:var(--subtle);color:var(--primary)}html[data-theme=dark] .library-tree-row small{background:var(--muted);color:var(--secondary)}html[data-theme=dark] .folder-description,html[data-theme=dark] .inspector-empty{color:var(--secondary)}.library-switcher-top{border-top:0;min-width:0;padding-top:0}.library-switcher-library-list{scrollbar-width:thin;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.library-switcher-library-list .library-switcher-button{touch-action:none;flex:none}.mobile-library-switcher{display:none}@media (max-width:700px){.library-switcher-top{display:none}.mobile-library-switcher{color:#007a49;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#e4f4ec;border:0;border-radius:6px;align-self:stretch;width:auto;min-width:0;padding:10px 8px;font-size:13px;display:block;overflow:hidden}.mobile-library-switcher small{color:#527063}.mobile-library-switcher:disabled{color:#527063;cursor:default}}.library-switcher-button{cursor:grab}.library-switcher-button:active{cursor:grabbing}.library-switcher-button.is-dragging{opacity:.38}.library-switcher-button.is-over{box-shadow:inset 0 -2px #00a361}.library-switcher-create{margin-left:auto}.library-toolbar{align-items:center;gap:8px;display:flex}.library-toolbar .library-search{flex:1}.library-toolbar .library-sidebar-actions{border:0;flex:none;padding:0}@media (max-width:700px){.library-workspace,.library-sidebar{width:auto;max-width:none}.library-sidebar{padding-right:28px}.library-sidebar>*{max-width:100%}.library-toolbar{border-bottom:0;grid-template-columns:minmax(0,1fr);align-self:stretch;width:auto;min-width:0;max-width:none;padding:0;display:grid}.library-toolbar .library-search{width:auto;min-width:0;max-width:none}.library-toolbar .library-sidebar-actions{margin-left:0}.library-tree{min-width:0;max-width:none;margin-inline:0}.library-tree-branch,.library-tree-row{min-width:0;max-width:100%}}.dialogue-language-selects{flex:1;gap:10px}.dialogue-language-selects .track-language-select{flex:1;width:auto}.library-manager{width:min(680px,100%);margin:0 auto;padding:18px 0 48px}.library-manager-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.library-manager-actions{flex:none;gap:8px;margin-top:2px;display:flex}.library-manager-create{flex:none}.library-manager-head .eyebrow{color:#007a49;letter-spacing:.07em;font-size:11px;font-weight:750;display:block}.library-manager-head h1{color:#17221e;letter-spacing:-.04em;margin:8px 0 5px;font-size:30px}.library-manager-head p{color:#63756d;margin:0;font-size:14px}.library-cards{gap:10px;display:grid}.library-card{background:#fff;border:1px solid #c9d7d0;border-radius:9px;transition:border-color .16s,background .16s;overflow:hidden}.library-card.is-dragging{opacity:.45}.library-card.open{background:#f8fcfa;border-color:#2f9f79}.library-card-head{align-items:stretch;display:flex}.library-card-grip{color:#7d9388;cursor:grab;touch-action:none;background:0 0;border:0;border-right:1px solid #dce8e1;flex:none;place-items:center;width:44px;padding:0;display:grid}.library-card-grip:hover{color:#007a49;background:#e7f7ef}.library-card-grip:active{cursor:grabbing}.library-card-grip:focus-visible,.library-card-order-button:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #00a361;position:relative}.library-card-summary{color:#527063;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:16px 15px;display:flex}.library-card-summary>span{flex:1;gap:3px;min-width:0;display:grid}.library-card-summary strong{color:#17221e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.library-card-summary small{color:#637d70;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.library-card-summary em{color:#007a49;background:#dff3e9;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:700}.library-card-summary>svg:last-child{transition:transform .16s}.library-card.open .library-card-summary>svg:last-child{transform:rotate(180deg)}.library-card-order{flex:none;align-items:center;gap:2px;padding-right:9px;display:flex}.library-card-order-button{color:#527063;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.library-card-order-button:hover:not(:disabled){color:#007a49;background:#e7f7ef}.library-card-order-button:disabled{opacity:.35}.library-card-body{border-top:1px solid #dce8e1;gap:18px;padding:0 15px 15px;display:grid}.library-name-field,.library-language-fields label{gap:7px;display:grid}.library-name-field{padding-top:16px}.library-name-field>span,.library-language-fields span{color:#527063;letter-spacing:.07em;font-size:10px;font-weight:750}.library-name-field input,.library-language-fields select{color:#17221e;background:#fff;border:1px solid #c5d5cd;border-radius:7px;width:100%;height:40px;padding:0 11px;font-size:14px}.library-name-field input:focus,.library-language-fields select:focus{border-color:#00a361;outline:2px solid #d4f4e5}.library-language-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.library-card-actions{gap:8px;padding-top:2px;display:flex}.library-card-actions .danger{color:#b42318;border-color:#edc5c1}html[data-theme=dark] .library-manager-head h1,html[data-theme=dark] .library-card-summary strong{color:var(--text)}html[data-theme=dark] .library-manager-head p,html[data-theme=dark] .library-card-summary small{color:var(--secondary)}html[data-theme=dark] .library-card{border-color:var(--border);background:var(--surface)}html[data-theme=dark] .library-card.open{border-color:var(--primary);background:var(--subtle)}html[data-theme=dark] .library-card-body{border-color:var(--border)}html[data-theme=dark] .library-name-field input,html[data-theme=dark] .library-language-fields select{border-color:var(--border);background:var(--surface);color:var(--text)}@media (max-width:700px){.library-manager{padding-top:0}.library-language-fields{grid-template-columns:1fr}}.storage-warning{background:#fff4d6;border-radius:8px;padding:12px;color:#855900!important}.feedback-main{flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;padding:20px 36px 16px;display:flex}@media (max-width:900px){.feedback-main{padding:20px 32px calc(16px + var(--nav-compact-height)) 20px}.feedback-main button[data-tooltip]:after{display:none}}button[data-tooltip]{position:relative}button[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}button[data-tooltip]:hover:after,button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.default-library-overlay{z-index:200;background:#1015128c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.default-library-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px #18201c2e}.default-library-modal h2{margin:0 0 10px;font-size:18px;font-weight:700}.default-library-modal p{color:var(--secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.default-library-options{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.default-library-options label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.default-library-options input[type=checkbox]{flex:none}.default-library-actions{align-items:center;gap:12px;display:flex}.default-library-actions .primary{flex:1;min-height:40px}.video-thumb-wrap{background:var(--muted);border-radius:4px;flex:none;width:48px;height:36px;position:relative;overflow:hidden}.video-thumb{object-fit:cover;width:100%;height:100%;display:block}.video-thumb-overlay{color:#ffffffd9;filter:drop-shadow(0 1px 2px #00000080);margin:auto;position:absolute;inset:0}.inspector-url-row{align-items:center;gap:6px;display:flex}.inspector-url-row input{flex:1}.inspector-url-button{border:1px solid var(--border);width:30px;height:30px;color:var(--secondary);border-radius:6px;flex:none;place-items:center;text-decoration:none;transition:border-color .12s,color .12s;display:grid}.inspector-url-button:hover{border-color:var(--primary-base);color:var(--primary)}.tree-external-link{width:22px;height:22px;color:var(--secondary);opacity:0;border:0;border-radius:4px;flex:none;place-items:center;margin-left:auto;text-decoration:none;transition:opacity .1s,background .1s,color .1s;display:grid}.library-tree-row:hover .tree-external-link,.library-tree-row.selected .tree-external-link{opacity:1}.tree-external-link:hover{background:var(--muted);color:var(--primary)}.settings-page{background:var(--bg);grid-template-columns:245px minmax(0,1fr);min-height:100dvh;display:grid}.settings-nav{border-right:1px solid var(--border);background:var(--surface);padding:28px 12px}@supports (color:color-mix(in lab, red, red)){.settings-nav{background:color-mix(in srgb, var(--surface) 88%, var(--bg))}}.settings-nav-title{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 10px 12px;font-size:12px;font-weight:750;display:block}.settings-nav button{width:100%;min-height:42px;color:var(--secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.settings-nav button:hover{color:var(--text);background:var(--muted)}.settings-nav button.active{border-color:var(--primary-base);background:var(--subtle);color:var(--primary);font-weight:700}.settings-content{width:min(100%,920px);padding:32px clamp(26px,5vw,72px) 72px}.settings-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.settings-header h1{margin:7px 0 0;font-size:clamp(28px,3vw,36px)}.settings-actions{flex:none;gap:8px;display:flex}.secondary-button,.danger-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 14px;font-size:13px;font-weight:700}.secondary-button:hover:not(:disabled){border-color:var(--primary-base);color:var(--primary);background:var(--subtle)}.secondary-button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.settings-rule{background:var(--border);height:1px;margin:24px 0 40px}.settings-panel{max-width:760px}.settings-intro{max-width:620px;color:var(--secondary);margin:0 0 34px;font-size:14px;line-height:1.55}.quota-loading{color:var(--secondary);padding:20px 0}.quota-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:20px;padding:20px}.quota-card h2{color:var(--text);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.quota-metric{margin-bottom:14px}.quota-metric-head{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.quota-label{color:var(--secondary);font-size:13px}.quota-value{color:var(--text);font-size:14px;font-weight:700}.quota-bar{background:var(--muted);border-radius:999px;height:8px;overflow:hidden}.quota-bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.quota-bar-fill-minute{background:#d97706}.quota-guest{background:var(--subtle);color:var(--secondary);border-radius:10px;flex-direction:column;gap:12px;margin-top:16px;padding:16px;font-size:13px;display:flex}.quota-guest button{align-self:flex-start}.quota-signedIn{border-top:1px solid var(--border);color:var(--secondary);margin-top:12px;padding:12px 0 0;font-size:13px}.quota-signedIn strong{color:var(--text)}.quota-limits{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;display:grid}.quota-limits dt{color:var(--secondary);margin-bottom:3px;font-size:12px}.quota-limits dd{margin:0;font-size:14px;font-weight:600}.settings-form-grid{grid-template-columns:minmax(0,1fr);gap:26px;display:grid}.settings-field{max-width:520px;color:var(--text);gap:7px;font-size:14px;font-weight:700;display:grid}.settings-field small{color:var(--secondary);font-size:12px;font-weight:400;line-height:1.45}.settings-field select{border:1px solid var(--border);background:var(--surface);width:100%;height:44px;color:var(--text);border-radius:8px;margin-top:7px;padding:0 12px}.settings-field select:focus{border-color:var(--primary-base);outline:2px solid var(--subtle)}.settings-field-languages,.language-selector{max-width:720px}.language-tags{min-height:46px;padding:6px 9px}.language-tags-arrow{color:var(--secondary);margin-left:auto}.language-tag{border-color:var(--primary-base);align-items:center;padding-right:3px}@supports (color:color-mix(in lab, red, red)){.language-tag{border-color:color-mix(in srgb, var(--primary-base) 55%, var(--border))}}.language-tag{background:var(--subtle);color:var(--text);border-radius:999px}.language-tag b{color:var(--primary);font-size:10px}.language-tag button{width:20px;height:20px;color:var(--secondary);background:0 0;border:0;border-radius:50%;font-size:17px;line-height:1}.language-tag button:hover{background:var(--surface);color:var(--text)}.language-dropdown{width:min(100%,520px)}.language-option.selected{color:var(--primary)}.settings-unsaved{color:var(--primary);margin:28px 0 0;font-size:13px;font-weight:700}.appearance-settings{gap:38px;display:grid}.appearance-group{gap:14px;display:grid}.appearance-group-head h2{margin:0 0 4px;font-size:15px}.appearance-group-head p{color:var(--secondary);margin:0;font-size:12px;line-height:1.45}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;display:grid}.theme-card{border:1px solid var(--border);background:var(--surface);min-height:94px;color:var(--secondary);text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px;font-weight:700;display:grid}.theme-card:hover{border-color:var(--primary-base);color:var(--text)}.theme-card.active{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.layout-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.layout-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--secondary);text-align:left;border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:12px;display:grid;position:relative}.layout-card:hover{border-color:var(--primary-base);color:var(--text)}.layout-card.active{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.layout-card>svg{margin-top:2px}.layout-preview{border:1px solid var(--border);background:var(--bg);border-radius:7px;grid-column:1/-1;gap:4px;height:72px;padding:7px;display:grid}.layout-preview i{border:1px solid var(--secondary);grid-row:1;min-width:0;display:block}@supports (color:color-mix(in lab, red, red)){.layout-preview i{border:1px solid color-mix(in srgb, var(--secondary) 45%, var(--border))}}.layout-preview i{border-radius:5px}.layout-preview-original{background:#f1c75b}@supports (color:color-mix(in lab, red, red)){.layout-preview-original{background:color-mix(in srgb, #f1c75b 42%, var(--surface))}}.layout-preview-translation{background:#74baf0}@supports (color:color-mix(in lab, red, red)){.layout-preview-translation{background:color-mix(in srgb, #74baf0 40%, var(--surface))}}.layout-preview-player{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.layout-preview-player{background:color-mix(in srgb, var(--primary-base) 28%, var(--surface))}}.layout-preview-edges{grid-template-columns:22% 1fr 22%}.layout-preview-edges .layout-preview-original{grid-column:1}.layout-preview-edges .layout-preview-player{grid-column:2}.layout-preview-edges .layout-preview-translation{grid-column:3}.layout-preview-adjacent{grid-template-columns:22% 22% 1fr}.layout-preview-dialogue{grid-template-columns:32% 1fr;position:relative}.layout-preview-dialogue .layout-preview-translation{display:none}.layout-preview-dialogue .layout-preview-original{grid-column:1}.layout-preview-dialogue .layout-preview-player{grid-column:2}.layout-preview-dialogue b{gap:5px;width:calc(32% - 18px);display:grid;position:absolute;top:18px;left:13px}.layout-preview-dialogue em{background:var(--primary-base);border-radius:3px;height:3px;display:block}.layout-preview-dialogue em:nth-child(2){width:72%;margin-left:auto}.layout-preview-dialogue em:nth-child(3){width:82%}.layout-card-copy{gap:3px;min-width:0;display:grid}.layout-card-copy strong{color:var(--text);font-size:13px}.layout-card-copy small{color:var(--secondary);font-size:11px;font-weight:400;line-height:1.4}.settings-data{gap:0;display:grid}.data-row{border-top:1px solid var(--border);color:var(--primary);grid-template-columns:24px minmax(0,1fr);gap:12px;padding:22px 0;display:grid}.data-row:first-of-type{border-top:0}.data-row h2{margin:0 0 5px;font-size:15px}.data-row p{max-width:560px;color:var(--secondary);margin:0;font-size:13px;line-height:1.5}.data-row button{margin-top:14px}.data-row.destructive{color:#b42318}.danger-button{color:#b42318;border-color:#e3b5b0}.danger-button:hover{background:#fff0ef}html[data-theme=dark] .danger-button:hover{background:#3d2422}.sync-status{font-size:13px;font-weight:650;color:var(--text)!important;margin-top:10px!important}.sync-stage{font-size:12px;color:var(--secondary)!important;margin-top:8px!important}.sync-connected{font-size:13px;font-weight:700;color:var(--primary)!important;margin-top:10px!important}.sync-progress{gap:5px;display:grid;margin-top:10px!important}.sync-progress-track{background:var(--muted);border-radius:999px;height:8px;overflow:hidden}.sync-progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .2s linear}.sync-progress-track.indeterminate .sync-progress-fill{animation:1.1s ease-in-out infinite sync-progress-indeterminate;width:35%!important}.sync-progress-label{font-variant-numeric:tabular-nums;font-size:12px;color:var(--secondary)!important}@keyframes sync-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}.sync-detail{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--secondary)!important;margin-top:6px!important}.sync-status-error{color:#b42318!important}.sync-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.sync-actions button{margin-top:0!important}.sync-actions .secondary-button{align-items:center;gap:7px;display:inline-flex}.sync-card{border:1px solid var(--primary-base);align-items:flex-start;gap:14px;margin:0 0 20px;padding:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.sync-card{border:1px solid color-mix(in srgb,var(--primary-base) 40%,var(--border))}}.sync-card{background:var(--primary-base);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.sync-card{background:color-mix(in srgb,var(--primary-base) 7%,var(--surface))}}.sync-card>svg{flex:none;margin-top:2px}.sync-card-body{flex:1;min-width:0}.sync-card h2{margin:0 0 5px;font-size:15px}.sync-card p{color:var(--secondary);margin:0;font-size:13px;line-height:1.5}.sync-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.sync-card-actions .secondary-button{align-items:center;gap:7px;display:inline-flex}@media (max-width:560px){.sync-card{padding:15px}}@media (max-width:800px){.settings-page{grid-template-rows:61px minmax(0,1fr);grid-template-columns:1fr;align-content:start}.settings-nav{border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:4px;height:61px;min-height:61px;max-height:61px;padding:12px 16px;display:flex;overflow:auto hidden}.settings-nav::-webkit-scrollbar{width:0;height:0;display:none}.settings-nav-title{display:none}.settings-nav button{box-sizing:border-box;white-space:nowrap;flex:none;gap:8px;width:auto;height:36px;min-height:36px;max-height:36px;padding:0 8px;font-size:13px;font-weight:700;line-height:1}.settings-nav button.active{font-weight:700}.settings-content{width:100%;padding:20px 20px calc(20px + var(--nav-compact-height))}.settings-rule{margin:20px 0 30px}}@media (max-width:700px){.layout-cards{grid-template-columns:1fr}.layout-preview{height:82px}}@media (max-width:560px){.settings-header,.settings-rule{display:none}.settings-actions{width:100%}.settings-actions button{flex:1;padding:0 8px}.theme-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-card{gap:8px;min-height:50px;padding:12px;font-size:13px}.theme-card svg{width:17px;height:17px}.theme-card[data-theme-option=system],.quota-processing-card{display:none}.language-dropdown{width:100%}.language-tag{max-width:100%}.language-tag b{display:none}}.notebook-main{width:min(100%,1040px);margin:0 auto;padding:48px 40px 80px}.notebook-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.notebook-header h1{margin-bottom:10px}.notebook-header p{max-width:650px;color:var(--secondary);margin:0;line-height:1.55}.notebook-actions{flex:none;gap:8px;display:flex}.notebook-actions .secondary-button{align-items:center;gap:7px;display:inline-flex}.notebook-tabs{scrollbar-width:thin;gap:8px;margin-top:34px;padding-bottom:2px;display:flex;overflow-x:auto}.notebook-tabs button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--secondary);border-radius:9px;flex:none;align-items:center;gap:9px;padding:0 13px;display:flex}.notebook-tabs button:hover{border-color:var(--primary-base);color:var(--primary)}.notebook-tabs button.active{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.notebook-tabs button.active{border-color:color-mix(in srgb, var(--primary-base) 55%, var(--border))}}.notebook-tabs button.active{background:var(--subtle);color:var(--primary);font-weight:700}.notebook-tabs b{color:var(--primary-base);padding:0 2px}.notebook-tabs small{background:var(--muted);min-width:20px;height:20px;color:var(--secondary);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:grid}.notebook-tabs button.active small{background:var(--surface);color:var(--primary)}.notebook-search{border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--secondary);border-radius:10px;align-items:center;gap:10px;margin:18px 0 12px;padding:0 14px;display:flex}.notebook-search:focus-within{border-color:var(--primary-base);box-shadow:0 0 0 3px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.notebook-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-base) 14%, transparent)}}.notebook-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.notebook-search-clear{width:22px;height:22px;color:var(--secondary);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.notebook-search-clear:hover{background:var(--muted);color:var(--text)}.notebook-list{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.notebook-entry{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 52px;min-height:80px;display:grid;position:relative}.notebook-entry:last-child{border-bottom:0}.notebook-entry:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.notebook-entry:hover{background:color-mix(in srgb, var(--subtle) 48%, var(--surface))}}.notebook-entry-link{min-width:0;color:inherit;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:12px 8px 12px 32px;text-decoration:none;display:grid}.notebook-entry-time{color:var(--primary);align-items:flex-start;gap:5px;padding-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700;display:flex}.notebook-entry-time svg{fill:currentColor;margin-top:1px}.notebook-entry-text{flex-direction:column;gap:4px;min-width:0;line-height:1.4;display:flex}.notebook-entry-text strong{overflow-wrap:anywhere;font-size:14px;font-weight:650}.notebook-entry-text>span{color:var(--primary);overflow-wrap:anywhere}.notebook-entry-text small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.notebook-delete{width:40px;height:40px;color:var(--secondary);opacity:.35;background:0 0;border:0;border-radius:8px;align-self:center;place-items:center;display:grid}.notebook-entry:hover .notebook-delete,.notebook-delete:focus-visible{opacity:1}.notebook-delete:hover{color:#b42318;background:#feeceb}.notebook-entry-grip{z-index:3;opacity:0;width:20px;height:26px;padding:0;position:absolute;top:12px}.notebook-entry:hover .notebook-entry-grip,.notebook-entry-grip:focus-visible{opacity:1}.notebook-entry-grip.is-dragging{opacity:.35}.notebook-folder-create,.notebook-view-toggle{padding:0 11px}.notebook-view-toggle.active{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.notebook-view-toggle.active{border-color:color-mix(in srgb, var(--primary-base) 55%, var(--border))}}.notebook-view-toggle.active{background:var(--subtle);color:var(--primary)}.notebook-entry.no-grip .notebook-entry-link{padding-left:18px}.vocabulary-entry{grid-template-columns:minmax(0,1fr) auto auto 44px;align-items:center;min-height:54px}.notebook-list>.vocabulary-entry:nth-child(2n){background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.notebook-list>.vocabulary-entry:nth-child(2n){background:color-mix(in srgb, var(--subtle) 28%, var(--surface))}}.vocabulary-entry .notebook-entry-link{box-sizing:border-box;align-items:center;width:100%;padding:10px 10px 10px 22px;display:flex}.vocabulary-entry .notebook-entry-text{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;min-width:0;display:grid}.vocabulary-entry .notebook-entry-text strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.vocabulary-entry .notebook-entry-text>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--primary);font-size:14px;font-weight:600;overflow:hidden}.vocabulary-entry .notebook-entry-text small{min-width:0;color:var(--secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.vocabulary-entry .notebook-entry-grip{top:50%;transform:translateY(-50%)}.vocabulary-entry .notebook-entry-grip.is-dragging{transform:translateY(-50%)}.vocabulary-entry .notebook-examples,.vocabulary-entry .notebook-delete{width:34px;height:34px;margin:0}.notebook-folder-row{border-bottom:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:7px;margin:1px 0;padding-right:6px;display:flex;position:relative}.notebook-list>.notebook-folder-row:last-child{border-bottom:0}.notebook-folder-row:hover{background:var(--subtle)}@supports (color:color-mix(in lab, red, red)){.notebook-folder-row:hover{background:color-mix(in srgb, var(--subtle) 48%, var(--surface))}}.notebook-folder-row.is-dragging{opacity:.35}.notebook-folder-row.is-creating{cursor:default}.notebook-folder-row .tree-grip{opacity:.5;color:var(--secondary)}.notebook-folder-row:hover .tree-grip{opacity:.9}.notebook-folder-row .tree-grip:hover,.notebook-folder-row .tree-grip:focus-visible{opacity:1;color:var(--text)}.notebook-folder-label{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;font-size:16px;font-weight:700;overflow:hidden}.notebook-folder-row small{min-width:18px;height:18px;color:var(--secondary);background:var(--muted);border-radius:10px;place-items:center;padding:0 4px;font-size:11px;display:grid}.notebook-folder-add,.notebook-folder-delete{width:26px;height:26px;color:var(--secondary);opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.notebook-folder-row:hover .notebook-folder-add,.notebook-folder-row:hover .notebook-folder-delete{opacity:1}.notebook-folder-add:hover{background:var(--subtle);color:var(--primary)}.notebook-folder-delete:hover{color:#b42318;background:#feeceb}.notebook-folder-rename{border:1px solid var(--primary-base);background:var(--surface);min-width:0;height:28px;color:var(--text);border-radius:5px;outline:0;flex:1;padding:0 8px;font-size:14px}.notebook-root-drop{border:1px dashed var(--border);min-height:52px;color:var(--secondary);border-radius:8px;place-items:center;margin:6px;font-size:12px;display:grid}.notebook-root-drop.is-over{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.notebook-drag-overlay{border:1px solid var(--primary-base);background:var(--surface);height:34px;color:var(--primary);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;place-items:center;max-width:280px;padding:0 14px;font-size:13px;font-weight:650;display:grid;overflow:hidden;box-shadow:0 5px 14px #18201c2e}.notebook-empty{min-height:220px;color:var(--secondary);text-align:center;align-content:center;place-items:center;gap:8px;padding:36px 20px;display:grid}.notebook-empty strong{color:var(--text)}.notebook-empty p{max-width:480px;margin:0;line-height:1.5}.notebook-empty svg{color:var(--primary)}.notebook-empty-page{border:1px dashed var(--border);background:var(--surface);border-radius:14px;min-height:420px;margin-top:36px}.notebook-empty-page .primary{margin-top:12px}@media (max-width:700px){.notebook-main{padding:30px 18px calc(24px + var(--nav-compact-height))}.notebook-header{flex-direction:column;align-items:stretch}.notebook-actions{width:100%}.notebook-actions button{flex:1;justify-content:center}.notebook-entry{grid-template-columns:minmax(0,1fr) 48px}.notebook-entry-link{grid-template-columns:1fr;gap:7px;padding:16px 4px 16px 14px}.notebook-entry-time{padding-top:0}.notebook-delete{opacity:.7}.vocabulary-entry{grid-template-columns:minmax(0,1fr) auto auto 40px}.vocabulary-entry .notebook-entry-link{padding:10px 4px 10px 16px}.vocabulary-entry .notebook-entry-text{flex-wrap:wrap;row-gap:2px}.vocabulary-entry .notebook-entry-text small{flex-basis:100%}.vocabulary-entry .notebook-examples,.vocabulary-entry .notebook-delete{width:30px;height:30px}}.vocabulary-add-dialog[open]{border:1px solid var(--border);background:var(--surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:14px;margin:0;padding:22px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #142a1f47}.vocabulary-add-dialog::backdrop{background:#0f17137a}.vocabulary-add-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.vocabulary-add-dialog h2{letter-spacing:-.02em;margin:0;font-size:20px}.vocabulary-add-field{gap:7px;margin-bottom:14px;display:grid}.vocabulary-add-field span{color:var(--secondary);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750}.vocabulary-add-field input,.vocabulary-add-field select{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);border-radius:8px;padding:0 12px;font-size:14px}.vocabulary-add-word-row{gap:8px;display:flex}.vocabulary-add-word-row input{flex:1;min-width:0}.vocabulary-add-swap{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--secondary);border-radius:8px;flex:none;place-items:center;display:grid}.vocabulary-add-swap:hover:not(:disabled){border-color:var(--primary-base);color:var(--primary);background:var(--subtle)}.vocabulary-add-field input:focus,.vocabulary-add-field select:focus{border-color:var(--primary-base);outline:2px solid var(--subtle)}.vocabulary-add-languages{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocabulary-add-error{color:#b42318;margin:0 0 12px;font-size:13px}.vocabulary-add-actions{justify-content:flex-end;gap:9px;margin-top:6px;display:flex}.vocabulary-add-confirm{border:1px solid var(--primary-base);background:var(--primary-base);color:#fff;border-radius:8px;min-height:42px;padding:0 15px;font-weight:700}.vocabulary-add-confirm:hover:not(:disabled){background:var(--primary)}.vocabulary-add-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.vocabulary-add-languages{grid-template-columns:1fr}}.language-selector{max-width:500px;position:relative}.language-tags{border:1px solid var(--border);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 8px;display:flex}.language-tags:hover{border-color:var(--primary-base)}.language-tags:focus-within{border-color:var(--primary-base);outline:2px solid var(--subtle)}.language-placeholder{color:var(--secondary);padding:4px;font-size:14px}.language-tag{border:1px solid var(--border);background:var(--subtle);color:var(--primary);border-radius:6px;align-items:center;gap:4px;padding:3px 4px 3px 8px;font-size:13px;font-weight:550;display:inline-flex}.language-tag-remove{width:18px;height:18px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.language-tag-remove:hover{background:var(--muted);color:var(--text)}.language-trigger-arrow{width:24px;height:24px;color:var(--secondary);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.language-dropdown{z-index:50;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:340px;max-height:340px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 6px 20px #18201c29}.language-dropdown-search{border-bottom:1px solid var(--border);gap:6px;padding:8px;display:flex}.language-dropdown-search input{border:1px solid var(--border);border-radius:6px;outline:0;flex:1;min-height:36px;padding:0 10px;font-size:14px}.language-dropdown-search input:focus{border-color:var(--primary-base)}.language-dropdown-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.language-option{cursor:pointer;align-items:center;gap:8px;padding:8px 10px;display:flex}.language-option:hover,.language-option.selected{background:var(--subtle)}.language-option-check{flex:none;place-items:center;width:20px;height:20px;display:grid}.language-option-name{flex:1;font-size:14px}.language-option-code{color:var(--secondary);font-family:ui-monospace,monospace;font-size:12px}.language-option input{opacity:0;pointer-events:none;position:absolute}.settings-section-icon svg{display:block}.playlist-import-backdrop,.library-create-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111f1873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.library-create-dialog{color:#17221e;background:#f8faf9;border:1px solid #c9d7d0;border-radius:14px;width:min(100%,560px);padding:22px;box-shadow:0 24px 70px #142a1f47}.library-create-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.library-create-dialog h2{letter-spacing:-.02em;margin:0;font-size:21px}.library-create-close{color:#527063;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid}.library-create-close:hover{color:#007a49;background:#e7f7ef}.library-create-field{gap:7px;display:grid}.library-create-field span{color:#527063;letter-spacing:.07em;font-size:10px;font-weight:750}.library-create-field input,.library-create-field select{color:#17221e;background:#fff;border:1px solid #c5d5cd;border-radius:8px;width:100%;height:42px;padding:0 12px;font-size:14px}.library-create-field input:focus,.library-create-field select:focus{border-color:#00a361;outline:2px solid #d4f4e5}.library-create-languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.library-create-error{color:#b42318;margin:12px 0 0;font-size:13px}.library-create-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.library-create-confirm{color:#fff;background:#007a49;border:1px solid #007a49;border-radius:8px;min-height:42px;padding:0 15px;font-weight:700}.library-create-confirm:hover{background:#00643d}html[data-theme=dark] .library-create-dialog{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .library-create-field input,html[data-theme=dark] .library-create-field select{background:var(--bg);border-color:var(--border);color:var(--text)}@media (max-width:560px){.library-create-languages{grid-template-columns:1fr}}.tag-settings{gap:16px;display:grid}.tag-settings-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.tag-settings-form .settings-field{flex:1;min-width:220px}.tag-settings-form input:not([type=color]){border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text);font:inherit;border-radius:8px;padding:0 12px}.tag-color-field{color:var(--text);gap:7px;font-size:14px;font-weight:700;display:grid}.tag-color-field input{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:44px;height:40px;padding:3px}.tag-save{place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.tag-cancel{background:0 0;border:0;min-height:40px;font-weight:700}.tag-settings-error{color:#b42318;margin:0;font-size:13px}.tag-settings-list,.notebook-filter-tags,.notebook-entry-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tag-settings-empty{color:var(--secondary);margin:4px 0 0;font-size:13px}.user-tag{--tag-color:var(--primary-base);border:1px solid var(--tag-color);align-items:center;gap:4px;max-width:100%;min-height:28px;padding:2px 4px 2px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.user-tag{border:1px solid color-mix(in srgb,var(--tag-color) 52%,var(--border))}}.user-tag{background:var(--tag-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.user-tag{background:color-mix(in srgb,var(--tag-color) 13%,var(--surface))}}.user-tag{color:var(--text);font-size:12px;font-weight:700}.user-tag:before{background:var(--tag-color);content:"";border-radius:50%;flex:none;width:7px;height:7px}.user-tag>button{min-width:22px;height:22px;color:var(--secondary);font:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.user-tag>button:first-child{min-width:0;height:auto;color:inherit;text-align:left}.user-tag>button:hover{background:var(--surface);color:var(--text)}.notebook-toolbar{align-items:center;gap:10px;margin:18px 0 12px;display:flex}.notebook-toolbar .notebook-search{flex:1;margin:0}.notebook-tag-filter,.notebook-entry-tag-menu{position:relative}.notebook-tag-filter>.secondary-button{place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.tag-menu{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:min(290px,100vw - 40px);max-height:300px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 10px 28px #18201c29}.tag-menu-option{min-height:40px;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.tag-menu-option:hover{background:var(--muted)}.tag-menu-option input{opacity:0;position:absolute}.tag-menu-option:focus-within{outline:2px solid var(--primary);outline-offset:-2px}.tag-menu-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tag-color-dot{border-radius:50%;flex:none;width:9px;height:9px}.tag-menu-option svg{flex:none}.notebook-filter-tags{margin:-2px 0 12px}.notebook-entry-tags{grid-column:1;padding:0 8px 14px 96px}.notebook-entry-tag-menu{flex-direction:column;grid-area:1/2/span 2;justify-content:space-evenly;place-self:stretch center;align-items:center;padding:10px 0;display:flex}.notebook-add-tag{border:1px dashed var(--border);min-height:30px;color:var(--secondary);background:0 0;border-radius:999px;align-items:center;gap:3px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.notebook-add-tag:hover:not(:disabled){border-color:var(--primary-base);color:var(--primary);background:var(--subtle)}.notebook-add-tag:disabled{opacity:.55;cursor:not-allowed}.notebook-entry-tag-menu .tag-menu{left:auto;right:0}@media (max-width:560px){.tag-settings-form{grid-template-columns:1fr auto;align-items:end;display:grid}.tag-settings-form .settings-field{grid-column:1/-1;min-width:0}.tag-save{width:40px}.tag-cancel{justify-self:start}.notebook-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,34px);gap:6px;width:100%;display:grid}.notebook-toolbar .notebook-search{width:100%;min-width:0}.notebook-toolbar .secondary-button,.notebook-toolbar .notebook-study-toggle,.notebook-toolbar .notebook-tag-filter{width:34px;min-width:34px}.notebook-toolbar .secondary-button{place-items:center;padding:0;display:grid}.notebook-toolbar .secondary-button svg,.notebook-toolbar .notebook-study-button svg,.notebook-toolbar .notebook-tag-filter svg{width:16px;height:16px}.notebook-toolbar .notebook-study-toggle{position:relative}.notebook-toolbar .notebook-study-button{width:34px;min-width:34px;padding:0}.notebook-tag-filter>.secondary-button{justify-content:center;width:34px;min-width:34px}.tag-menu{top:auto;right:16px;bottom:calc(var(--nav-compact-height) + 14px);width:auto;max-height:min(50dvh,360px);position:fixed;left:16px}.notebook-entry{grid-template-columns:minmax(0,1fr) 46px}.notebook-entry-link{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:15px 6px 9px 14px}.notebook-entry-tags{padding:0 6px 13px 14px}.notebook-delete{width:36px}.notebook-entry-tag-menu .tag-menu{left:16px;right:16px;bottom:calc(var(--nav-compact-height) + 14px);position:fixed}.user-tag{min-height:30px}.notebook-add-tag{min-height:32px}}.notebook-examples{width:32px;height:32px;color:var(--secondary);background:0 0;border:0;border-radius:7px;place-items:center;margin-bottom:5px;display:grid}.notebook-examples:hover{background:var(--subtle);color:var(--primary)}.usage-examples-dialog{border:1px solid var(--border);background:var(--surface);width:min(680px,100vw - 32px);max-height:min(760px,100dvh - 32px);color:var(--text);border-radius:14px;padding:24px;overflow:auto;box-shadow:0 24px 70px #142a1f47}.usage-examples-dialog::backdrop{background:#0f17137a}.usage-examples-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usage-examples-dialog h2{letter-spacing:-.02em;margin:5px 0 0;font-size:22px}.usage-examples-actions{gap:4px;display:flex}.usage-examples-close,.usage-examples-regenerate{width:36px;height:36px;color:var(--secondary);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.usage-examples-close:hover,.usage-examples-regenerate:hover:not(:disabled){background:var(--subtle);color:var(--primary)}.usage-examples-regenerate:disabled{opacity:.45;cursor:not-allowed}.usage-examples-focus{color:var(--secondary);margin:22px 0 12px;font-size:14px}.usage-examples-focus strong{color:var(--text)}.usage-examples-list{counter-reset:examples;gap:12px;margin:0;padding:0;list-style:none;display:grid}.usage-examples-list li{counter-increment:examples;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px 18px 16px 48px;position:relative}.usage-examples-list li:before{color:var(--secondary);content:counter(examples);font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:17px;left:16px}.usage-examples-list p{overflow-wrap:anywhere;margin:0 0 11px;font-size:16px;line-height:1.5}.usage-examples-list .usage-example-translation{color:var(--secondary);margin-bottom:0;font-size:14px}.usage-examples-status,.usage-examples-error{background:var(--subtle);color:var(--text);border-radius:8px;margin:20px 0 0;padding:12px}.usage-examples-error{color:#b42318;background:#feeceb}.usage-examples-error p{margin:0 0 10px}.usage-examples-error .secondary{min-height:36px}.notebook-entry-tag-menu{width:52px}.notebook-entry-tag-menu .notebook-add-tag{white-space:nowrap}.notebook-entry-tag-menu .notebook-examples,.notebook-entry-tag-menu .notebook-delete{margin:0}.usage-examples-dialog[open]{width:min(560px,100vw - 32px);max-height:min(680px,100dvh - 32px);margin:0;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.usage-examples-dialog h2{font-size:20px}.usage-examples-focus{margin:16px 0 10px}.usage-examples-list{gap:8px}.usage-examples-list li{padding:12px 14px 12px 40px}.usage-examples-list li:before{top:13px;left:13px}.usage-examples-list p{margin-bottom:8px;font-size:15px}.usage-examples-list .usage-example-translation{font-size:13px}@media (max-width:560px){.usage-examples-dialog[open]{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.usage-examples-dialog h2{font-size:19px}.usage-examples-list li{padding-right:12px}.usage-examples-actions{margin-top:-3px}}.vocabulary-sort-mobile{display:none;position:relative}.vocabulary-sort-mobile-trigger.active{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.vocabulary-sort-mobile-trigger.active{border-color:color-mix(in srgb, var(--primary-base) 55%, var(--border))}}.vocabulary-sort-mobile-trigger.active{background:var(--subtle);color:var(--primary)}.vocabulary-sort-mobile-menu{width:min(220px,100vw - 40px);min-width:190px;max-height:min(50dvh,360px);position:absolute;inset:calc(100% + 6px) 0 auto auto}.vocabulary-sort-mobile-menu .tag-menu-option{text-align:left;background:0 0;border:0;width:100%}.vocabulary-sort-mobile-menu .tag-menu-option.selected{background:var(--subtle);color:var(--primary);font-weight:700}.notebook-study-toggle{display:inline-flex;position:relative}.notebook-study-button.active{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.notebook-study-button.active{border-color:color-mix(in srgb, var(--primary-base) 55%, var(--border))}}.notebook-study-button.active{background:var(--subtle);color:var(--primary)}.notebook-study-stop{z-index:1;border:1px solid var(--border);background:var(--surface);width:18px;height:18px;color:var(--secondary);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.notebook-study-stop:hover{color:#b42318;background:#feeceb;border-color:#feeceb}.notebook-folder-row-studied{border:1px solid var(--primary-base);margin:6px 4px 10px}@supports (color:color-mix(in lab, red, red)){.notebook-folder-row-studied{border:1px solid color-mix(in srgb, var(--primary-base) 30%, var(--border))}}.notebook-folder-row-studied{border-left:3px solid var(--primary-base);background:linear-gradient(135deg, var(--primary-base), var(--subtle));border-radius:9px}@supports (color:color-mix(in lab, red, red)){.notebook-folder-row-studied{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-base) 12%, var(--surface)), var(--subtle))}}.notebook-folder-row-studied:hover{background:linear-gradient(135deg, var(--primary-base), var(--subtle))}@supports (color:color-mix(in lab, red, red)){.notebook-folder-row-studied:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-base) 20%, var(--surface)), var(--subtle))}}.notebook-folder-row-studied svg{color:var(--primary-base)}@media (max-width:700px){.vocabulary-sort-mobile{display:block}.notebook-toolbar .vocabulary-sort-key,.notebook-toolbar .vocabulary-sort-direction{display:none!important}}.notebook-folder-row-studied .notebook-folder-label{color:var(--primary);font-weight:800}.notebook-folder-row-studied small{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.notebook-folder-row-studied small{background:color-mix(in srgb, var(--primary-base) 30%, var(--muted))}}.notebook-folder-row-studied small{color:var(--primary)}.study-dialog[open]{border-color:var(--primary-base);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.study-dialog[open]{border-color:color-mix(in srgb, var(--primary-base) 22%, var(--border))}}.study-dialog[open]{border-radius:18px;box-shadow:0 32px 90px #0028194d,0 6px 18px #0028191f}.study-dialog::backdrop{background:radial-gradient(120% 120% at 50% -10%, var(--primary-base), #09140e8c)}@supports (color:color-mix(in lab, red, red)){.study-dialog::backdrop{background:radial-gradient(120% 120% at 50% -10%, color-mix(in srgb, var(--primary-base) 20%, transparent), #09140e8c)}}.study-dialog header{border:1px solid var(--primary-base);align-items:center;margin:-4px -4px 0;padding:14px 16px}@supports (color:color-mix(in lab, red, red)){.study-dialog header{border:1px solid color-mix(in srgb, var(--primary-base) 28%, var(--border))}}.study-dialog header{background:linear-gradient(135deg, var(--primary-base), var(--subtle));border-radius:13px}@supports (color:color-mix(in lab, red, red)){.study-dialog header{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-base) 16%, var(--surface)), var(--subtle))}}.study-dialog h2{color:var(--primary);align-items:center;gap:9px;margin:0;font-size:19px;display:flex}.study-dialog h2:before{content:"";background:var(--primary-base);width:9px;height:9px;box-shadow:0 0 0 4px var(--primary-base);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.study-dialog h2:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-base) 22%, transparent)}}.study-dialog .usage-examples-close{color:var(--primary)}.study-dialog .usage-examples-close:hover{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-dialog .usage-examples-close:hover{background:color-mix(in srgb, var(--primary-base) 18%, transparent)}}.study-dialog .usage-examples-focus{border:1px solid var(--primary-base);align-items:center;gap:7px;margin:18px 0 16px;padding:7px 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.study-dialog .usage-examples-focus{border:1px solid color-mix(in srgb, var(--primary-base) 32%, var(--border))}}.study-dialog .usage-examples-focus{background:var(--subtle);color:var(--primary);border-radius:999px;font-size:13px;text-decoration:none;transition:background-color .15s,border-color .15s}.study-dialog .usage-examples-focus strong{color:var(--primary);font-weight:700}.study-dialog .usage-examples-focus svg{color:var(--primary-base);flex:none}.study-dialog .usage-examples-focus:hover,.study-dialog .usage-examples-focus:focus-visible{border-color:var(--primary-base);background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-dialog .usage-examples-focus:hover,.study-dialog .usage-examples-focus:focus-visible{background:color-mix(in srgb, var(--primary-base) 20%, var(--subtle))}}.study-dialog .usage-examples-focus:hover,.study-dialog .usage-examples-focus:focus-visible{text-decoration:underline}.study-dialog .usage-examples-list li{border-color:var(--border);border-left:3px solid var(--primary-base);background:var(--surface);transition:box-shadow .15s,border-color .15s}.study-dialog .usage-examples-list li:hover{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-dialog .usage-examples-list li:hover{border-color:color-mix(in srgb, var(--primary-base) 40%, var(--border))}}.study-dialog .usage-examples-list li:hover{box-shadow:0 6px 18px #0032201a}.study-dialog .usage-examples-list li:before{color:var(--primary);font-weight:750}.study-body{flex:1;position:relative;overflow:auto}.study-empty{min-height:160px;color:var(--secondary);text-align:center;place-items:center;gap:10px;padding:24px 0;line-height:1.5;display:grid}.study-empty strong{color:var(--text);font-size:16px}.study-empty p{max-width:380px;margin:0}.study-empty strong{font-size:18px}.study-empty svg{color:var(--primary-base)}.study-empty .secondary-button{border-color:var(--primary-base);border-radius:999px;align-items:center;gap:6px;margin-top:4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.study-empty .secondary-button{border-color:color-mix(in srgb, var(--primary-base) 45%, var(--border))}}.study-speak{width:30px;height:30px;color:var(--secondary);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.study-speak:hover{background:var(--subtle);color:var(--primary)}.study-actions{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.study-actions .secondary-button{border-radius:999px;place-items:center;width:46px;min-width:0;height:46px;padding:0;display:grid}.study-actions .secondary-button:disabled{opacity:.4;cursor:not-allowed}.study-actions .study-nav{width:96px}.study-actions .study-remember{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-actions .study-remember{border-color:color-mix(in srgb, var(--primary-base) 60%, var(--border))}}.study-actions .study-remember{background:linear-gradient(135deg, var(--primary-base), var(--subtle))}@supports (color:color-mix(in lab, red, red)){.study-actions .study-remember{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-base) 18%, var(--subtle)), var(--subtle))}}.study-actions .study-remember{color:var(--primary)}.study-popover{z-index:70;border:1px solid var(--primary-base);width:300px;max-width:calc(100% - 16px);padding:14px 16px 12px;position:absolute}@supports (color:color-mix(in lab, red, red)){.study-popover{border:1px solid color-mix(in srgb, var(--primary-base) 22%, var(--border))}}.study-popover{background:var(--surface);color:var(--text);border-radius:14px;animation:.15s ease-out study-popover-in;box-shadow:0 20px 46px #00281938,0 4px 14px #0028191a}@keyframes study-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.study-popover{animation:none}}.study-popover:before{content:"";border-left:1px solid var(--primary-base);border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-6px;left:18px}@supports (color:color-mix(in lab, red, red)){.study-popover:before{border-left:1px solid color-mix(in srgb, var(--primary-base) 22%, var(--border))}}.study-popover:before{border-top:1px solid var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-popover:before{border-top:1px solid color-mix(in srgb, var(--primary-base) 22%, var(--border))}}.study-popover:before{background:var(--surface);transform:rotate(45deg)}.study-popover p{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px;line-height:1.4}.study-popover p:first-child{letter-spacing:-.01em;font-size:16px;font-weight:800}.study-popover-status{color:var(--secondary);font-size:13px}.study-popover p.study-popover-saved{color:var(--primary);margin:8px 0 0;font-weight:700}.study-popover-error{color:#b42318}.study-popover-translation{background:var(--subtle);color:var(--primary);border-radius:999px;padding:3px 11px;font-weight:700;display:inline-flex;margin-bottom:0!important}.study-popover-actions{border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.study-popover .study-speak{border-radius:8px;width:32px;height:32px;position:static}.study-popover .study-save.study-save-done{color:var(--primary)}.study-popover .study-save.study-save-done:hover{background:0 0}.study-popover-saved{animation:.15s ease-out study-popover-in}.playlist-import-dialog{color:#17221e;background:#f8faf9;border:1px solid #c9d7d0;border-radius:14px;width:min(100%,500px);padding:26px;box-shadow:0 24px 70px #142a1f47}.extension-page h1{letter-spacing:-.02em;margin:6px 0 14px;font-size:28px}.extension-section{margin-top:36px}.extension-section h2{letter-spacing:-.01em;margin:0 0 12px;font-size:19px}.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:820px){.extension-grid{grid-template-columns:1fr}}.extension-mock{flex-direction:column;gap:10px;display:flex}.extension-mock p{color:var(--secondary);margin:0;font-size:13px;line-height:1.5}.extension-mock-frame{aspect-ratio:16/11;border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;gap:10px;padding:14px;display:flex}.extension-mock-video{background:linear-gradient(135deg,var(--muted),var(--border));border-radius:8px;height:60%}.extension-mock-btn{background:var(--primary);color:#fff;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:650}.extension-mock-bar{background:var(--subtle);border-radius:6px;height:14%}.extension-mock-lines{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.extension-mock-lines span{background:var(--muted);border-radius:5px;height:10px}.extension-mock-lines span:nth-child(2){width:80%}.extension-mock-lines span:nth-child(3){width:60%}.extension-mock-popup-item{background:var(--muted);border-radius:8px;height:22%}.extension-steps{color:var(--text);gap:8px;margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.5;display:grid}.extension-permissions{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.extension-permissions li{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.extension-permissions li svg{color:var(--primary);flex:none;margin-top:2px}.extension-install{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;margin-top:24px;padding:18px;display:flex}.extension-install>svg{color:var(--primary);flex:none;margin-top:2px}.extension-install p{color:var(--text);margin:0 0 8px;font-size:14px;line-height:1.5}.extension-install-ok,.extension-install-note,.extension-install-outdated{flex-direction:row;align-items:flex-start;gap:12px}.extension-install-ok{background:var(--subtle);align-items:center}.extension-install-ok p{margin:0}.extension-install-outdated{border-color:var(--primary-base)}.extension-install-outdated>div{flex:1;min-width:0}.extension-download{align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin:4px 0 8px;padding:0 20px;display:inline-flex}.extension-release-meta,.extension-release-notes{color:var(--secondary);margin:0;font-size:12.5px}.extension-checksum{margin:0}.extension-env-note{background:var(--muted);color:var(--secondary);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13px}.extension-manual-steps{color:var(--secondary);font-size:13px}.extension-manual-steps code,.extension-install code{background:var(--muted);border-radius:5px;padding:1px 5px;font-size:12px}.playlist-import-dialog header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.playlist-import-dialog .eyebrow{color:#007a49;letter-spacing:.08em;font-size:10px;font-weight:750;display:block}.playlist-import-dialog h2{letter-spacing:-.03em;margin:7px 0 0;font-size:24px}.playlist-dialog-close{color:#527063;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid}.playlist-dialog-close:hover{color:#007a49;background:#e7f7ef}.playlist-url-field{gap:8px;display:grid}.playlist-url-field span{color:#527063;letter-spacing:.07em;font-size:10px;font-weight:750}.playlist-url-field input{color:#17221e;background:#fff;border:1px solid #c9d7d0;border-radius:8px;width:100%;height:46px;padding:0 13px;font-size:14px}.playlist-url-field input:focus{border-color:#00a361;outline:2px solid #d4f4e5}.playlist-import-error{color:#b42318;margin:12px 0 0;font-size:13px}.playlist-preview{color:#40564b;line-height:1.5}.playlist-preview p{margin:0}.playlist-preview-target{color:#527063;margin-top:10px!important}.playlist-dialog-actions{justify-content:flex-end;gap:9px;margin-top:26px;display:flex}.playlist-import-confirm{color:#fff;background:#007a49;border:1px solid #007a49;border-radius:8px;min-height:44px;padding:0 14px;font-weight:700}.playlist-import-confirm:hover:not(:disabled){background:#00643d}.playlist-import-confirm:disabled{opacity:.55;cursor:wait}html[data-theme=dark] .playlist-import-dialog{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .playlist-url-field input{background:var(--bg);border-color:var(--border);color:var(--text)}.admin-narrow{max-width:520px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-head-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-dashboard-actions{justify-items:end;gap:10px;display:grid}.admin-backups{gap:8px;width:min(286px,100%);display:grid}.admin-backup-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:5px;padding:10px;display:grid}.admin-backup-title{align-items:center;gap:7px;font-size:13px;display:flex}.admin-backup-title svg{color:var(--primary)}.admin-backup-card small{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:12px}.admin-backup-card button{justify-self:start;margin-top:3px}.admin-backup-track{background:var(--muted);border-radius:999px;height:6px;overflow:hidden}.admin-backup-track i{border-radius:inherit;background:var(--primary);height:100%;transition:width .2s linear;display:block}.admin-backup-track.indeterminate i{width:35%;animation:1.1s ease-in-out infinite sync-progress-indeterminate}.admin-login{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;margin-top:24px;padding:20px;display:grid}.admin-login label{color:var(--secondary);font-size:12px;font-weight:650}.admin-login input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px}.admin-login button{margin-top:8px}.admin-notice{background:var(--subtle);color:var(--primary);border-radius:8px;margin:20px 0 0;padding:12px;font-size:14px}.admin-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:32px;padding:20px}.admin-section h2{margin:0 0 12px}.admin-hint{color:var(--secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.admin-muted{color:var(--secondary)}.admin-calm{color:var(--primary);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.admin-incident-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-incident-list li{color:#b42318;background:#feeceb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.admin-incident-list strong,.admin-incident-list small{display:block}.admin-incident-list small{margin-top:2px;font-weight:500}.admin-metrics{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.admin-metric{border:1px solid var(--border);background:var(--muted);border-radius:8px;padding:12px}.admin-metric span{color:var(--secondary);font-size:12px;font-weight:650}.admin-metric strong{letter-spacing:-.02em;margin-top:6px;font-size:24px;display:block}.admin-metric small{color:var(--secondary);margin-top:4px;font-size:12px;display:block}.admin-metric-alert{background:#feeceb;border-color:#efc2bf}.admin-metric-alert strong{color:#b42318}.admin-settings{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-settings li{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px;display:flex}.admin-setting-text strong{display:block}.admin-setting-text small{color:var(--secondary);margin-top:3px;font-size:12px;line-height:1.5;display:block}.admin-setting-edit{align-items:center;gap:8px;display:flex}.admin-setting-edit input{border:1px solid var(--border);background:var(--surface);width:110px;min-height:44px;color:var(--text);border-radius:8px;padding:0 10px}.admin-filters,.admin-block-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;margin-bottom:16px;display:grid}.admin-field{flex-direction:column;min-width:0;display:flex}.admin-filters label,.admin-block-form label,.admin-field label{color:var(--secondary);margin-bottom:4px;font-size:12px;font-weight:650;display:block}.admin-filters input,.admin-filters select,.admin-block-form input,.admin-block-form select,.admin-field input,.admin-field select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:0 10px}.admin-filters>button,.admin-block-form>button{align-self:end}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.admin-table th{color:var(--secondary);font-size:12px}.admin-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.small-action{min-height:36px;padding:0 10px;font-size:12px}.admin-block-list,.admin-actions-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-block-list li{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.admin-block-list strong,.admin-block-list small{display:block}.admin-block-list small{color:var(--secondary);margin-top:2px;font-size:12px}.admin-actions-list li{border-bottom:1px solid var(--border);color:var(--secondary);flex-wrap:wrap;gap:10px;padding:8px 0;font-size:13px;line-height:1.5;display:flex}.admin-action-time{flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.admin-dialog{border:1px solid var(--border);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);border-radius:12px;padding:20px;box-shadow:0 8px 28px #18201c33}.admin-dialog::backdrop{background:#0f17137a}.admin-dialog h2{margin:0 0 8px}.admin-dialog-consequence{color:var(--secondary);margin:0 0 16px;line-height:1.55}.admin-dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (max-width:900px){.admin-main{padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.admin-section{padding:16px}.admin-settings li,.admin-block-list li{flex-direction:column;align-items:stretch}.admin-setting-edit input{flex:1;width:auto}}@media (max-width:640px){.admin-dashboard-actions{justify-items:stretch;width:100%}.admin-dashboard-actions>.secondary{justify-self:start}.admin-backups{width:100%}.admin-backup-card button{justify-content:center;width:100%}}.admin-warning{color:#855900;background:#fff4d6;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.5}.admin-warning code{background:#8559001f;border-radius:5px;padding:1px 5px;font-size:12px}.admin-shell{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:20px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.admin-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px;font-weight:700;display:flex}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav a{min-height:44px;color:var(--secondary);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.admin-nav a:hover,.admin-nav a.active{background:var(--subtle);color:var(--primary)}.admin-logout{min-height:44px;color:var(--secondary);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:0 10px;font-size:14px;font-weight:600;display:flex}.admin-logout:hover{background:var(--subtle);color:var(--primary)}.admin-content{min-width:0}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.admin-nav-compact{display:none}@media (max-width:900px){.admin-nav-compact{z-index:40;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);inset-inline:0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.admin-nav-compact a,.admin-nav-compact button{min-height:56px;color:var(--secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.admin-nav-compact a.active,.admin-nav-compact a[aria-current=page]{color:var(--primary)}}.docs-main{max-width:none;padding:36px 40px 56px}.docs-layout{grid-template-columns:224px minmax(0,760px) 208px;justify-content:center;align-items:start;gap:24px;display:grid}.docs-tree-panel,.docs-toc-panel{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow:auto}.docs-reading{min-width:0}.docs-tree,.docs-toc{color:var(--secondary);font-size:13px}.docs-tree h2,.docs-toc h2{color:var(--text);letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.docs-tree ul,.docs-toc ol{margin:0;padding:0;list-style:none}.docs-tree>ul{gap:8px;display:grid}.docs-tree button{width:100%;min-height:36px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-weight:700;display:flex}.docs-tree button:hover{background:var(--muted)}.docs-tree>ul>li>ul{border-left:1px solid var(--border);margin:2px 0 6px 21px}.docs-tree a{color:var(--secondary);border-radius:6px;padding:7px 9px;line-height:1.35;text-decoration:none;display:block}.docs-tree a:hover,.docs-tree a[aria-current=page]{background:var(--subtle);color:var(--primary)}.docs-tree a[aria-current=page]{box-shadow:inset 3px 0 0 var(--primary-base);font-weight:700}.docs-toc ol{gap:3px;display:grid}.docs-toc a{color:var(--secondary);padding:5px 0;line-height:1.35;text-decoration:none;display:block}.docs-toc a:hover{color:var(--primary);text-decoration:underline}.docs-toc-nested{padding-left:12px;font-size:12px}.docs-article{color:var(--text);font-size:16px;line-height:1.68}.docs-article h1{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.12}.docs-language-note{color:var(--secondary);margin:10px 0 30px;font-size:13px}.docs-article h2,.docs-article h3{color:var(--text);scroll-margin-top:24px;line-height:1.22}.docs-article h2{margin:40px 0 12px;font-size:25px}.docs-article h3{margin:28px 0 10px;font-size:19px}.docs-article p,.docs-article ul,.docs-article ol,.docs-article blockquote{margin:0 0 18px}.docs-article ul,.docs-article ol{padding-left:24px}.docs-article a{color:var(--primary);font-weight:650}.docs-article img{border:1px solid var(--border);background:var(--muted);border-radius:12px;width:100%;height:auto;margin:24px 0;display:block}.docs-article code{background:var(--muted);border-radius:4px;padding:2px 5px;font-size:.9em}.docs-article pre{border:1px solid var(--border);background:var(--dark-surface,#172019);color:var(--dark-text-primary,#f2f6f3);border-radius:10px;margin:20px 0;padding:14px;overflow:auto}.docs-article pre code{background:0 0;padding:0}.docs-article kbd{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:600 .82em ui-monospace,monospace}.docs-article details{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin:18px 0;padding:12px 14px}.docs-article summary{cursor:pointer;color:var(--text);font-weight:700}.docs-article table{border-collapse:collapse;max-width:100%;margin:20px 0;display:block;overflow:auto}.docs-article th,.docs-article td{border:1px solid var(--border);text-align:left;padding:8px 10px}.docs-article th{background:var(--muted)}.docs-breadcrumbs{color:var(--secondary);flex-wrap:wrap;gap:7px;margin:0 0 22px;font-size:13px;display:flex}.docs-breadcrumbs a{color:var(--primary);text-decoration:none}.docs-pager{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:20px;display:grid}.docs-pager>a{border:1px solid var(--border);min-height:56px;color:var(--text);border-radius:9px;align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.docs-pager>a:last-child{text-align:right;justify-content:flex-end}.docs-pager>a:hover{border-color:var(--primary-base);background:var(--subtle)}.docs-pager small,.docs-pager span{display:block}.docs-pager small{color:var(--secondary);margin-bottom:2px;font-size:11px}.docs-overview h1{max-width:760px;color:var(--text);letter-spacing:-.03em;margin:0;font-size:clamp(32px,4vw,46px);line-height:1.1}.docs-overview .lead{max-width:620px;color:var(--secondary);margin:14px 0 0;font-size:18px;line-height:1.5}.docs-overview-grid{gap:30px;max-width:760px;margin-top:36px;display:grid}.docs-overview-grid h2{color:var(--text);margin:0 0 12px;font-size:20px}.docs-overview-grid ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.docs-overview-grid a{border:1px solid var(--border);color:var(--text);border-radius:10px;padding:15px;text-decoration:none;display:block}.docs-overview-grid a:hover{border-color:var(--primary-base);background:var(--subtle)}.docs-overview-grid strong,.docs-overview-grid span{display:block}.docs-overview-grid span{color:var(--secondary);margin-top:3px;font-size:14px}.docs-compact-panels{display:none}@media (max-width:1120px){.docs-main{max-width:860px;padding:32px 24px calc(32px + var(--nav-compact-height));margin:0 auto}.docs-layout{display:block}.docs-tree-panel,.docs-toc-panel{display:none}.docs-compact-panels{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;display:grid}.docs-compact-panels details{border:1px solid var(--border);background:var(--surface);border-radius:9px;position:relative}.docs-compact-panels summary{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:700;list-style:none;display:flex}.docs-compact-panels summary::-webkit-details-marker{display:none}.docs-compact-panels details[open]{box-shadow:0 6px 18px #18201c14}.docs-compact-panels .docs-tree,.docs-compact-panels .docs-toc{max-height:50dvh;padding:0 10px 12px;overflow:auto}.docs-compact-panels .docs-tree h2,.docs-compact-panels .docs-toc h2{display:none}.docs-compact-panels .docs-tree>ul>li>ul{margin-left:20px}.docs-compact-panels .docs-toc ol{padding:0 4px}.docs-article h2{margin-top:34px}}@media (max-width:560px){.docs-main{padding:22px 16px calc(26px + var(--nav-compact-height))}.docs-compact-panels{grid-template-columns:1fr}.docs-article{font-size:15px;line-height:1.62}.docs-article h1,.docs-overview h1{font-size:30px}.docs-article h2{font-size:23px}.docs-pager{grid-template-columns:1fr}.docs-pager>a:last-child{text-align:left;justify-content:flex-start}.docs-pager>a:last-child svg{order:-1}.docs-overview-grid{margin-top:28px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
