@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-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;--spacing:.25rem;--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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.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}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.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}.invert{--tw-invert:invert(100%);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,)}.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))}.\[https-proxy-agent\:parse-proxy-response\]{https-proxy-agent:parse-proxy-response}.\[no-new-privileges\:true\]{no-new-privileges:true}}: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:10px;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:#fff url(/site-icon-yula.png) 50%/cover no-repeat;border-radius:8px;width:28px;height:28px}.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}.home-brand-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.home-brand-expansion{color:var(--secondary);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.home-brand-expansion{color:color-mix(in srgb,var(--secondary) 78%,transparent)}}.home-brand-expansion{letter-spacing:.025em;font-size:11px;font-weight:500;line-height:1.3}.home-brand-expansion:before{background:var(--border);width:1px;height:11px;margin-right:8px}@supports (color:color-mix(in lab, red, red)){.home-brand-expansion:before{background:color-mix(in srgb,var(--border) 88%,transparent)}}.home-brand-expansion:before{content:""}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);background:var(--surface);aspect-ratio:120/59;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:10px 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: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:6px 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))}}.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-area:1/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);content-visibility:auto;contain-intrinsic-size:auto 68px;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-time-select{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.segment-time-select:focus-visible{outline:2px solid var(--primary-base);outline-offset:2px;border-radius:4px}.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}.track-original-tabs{border:1px solid var(--border);background:var(--muted);border-radius:999px;gap:2px;margin-left:8px;padding:2px;display:flex}.track-original-tabs button{min-height:26px;color:var(--secondary);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600}.track-original-tabs button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px #18201c14}.track.collapsed .track-original-tabs{display:none}.words-panel{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden auto}.words-progress{background:var(--subtle);color:var(--primary);border-radius:10px;flex:none;padding:10px 12px;font-size:12px;line-height:1.4}.words-progress strong{font-size:13px;display:block}.words-progress .translation-progress-track{margin:7px 0}.words-progress span{color:var(--secondary)}.words-subtabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.words-subtabs button{min-height:32px;color:var(--secondary);background:0 0;border:0;border-radius:999px;flex:1;font-size:12px;font-weight:600}.words-subtabs button.selected{background:var(--subtle);color:var(--primary)}.words-filters{flex-wrap:wrap;flex:none;gap:6px;display:flex}.words-filter-chip{border:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--secondary);opacity:.55;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600}.words-filter-chip[aria-pressed=true]{opacity:1;background:var(--subtle);color:var(--primary);border-color:var(--primary-base)}.words-group-header{color:var(--secondary);letter-spacing:.03em;text-transform:uppercase;padding:10px 4px 4px;font-size:11px;font-weight:700}.words-list{flex-direction:column;display:flex}.word-card{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:8px 4px;display:grid}.word-card:last-child{border-bottom:0}.word-card-main{flex-wrap:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.word-display{flex:none;font-weight:650}.word-count{color:var(--secondary);flex:none;font-size:11px}.word-translation{min-width:0;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.word-status-known .word-display{color:var(--primary)}.word-status-ignored .word-display{color:var(--secondary);opacity:.7;text-decoration:line-through}.word-card-actions{align-items:center;gap:4px;display:flex}.word-status-button.is-open{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.word-actions-menu{z-index:120;border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:2px;width:min(220px,100vw - 16px);padding:5px;display:grid;position:fixed;box-shadow:0 10px 28px #18201c29}.word-actions-menu button{min-width:0;min-height:40px;color:var(--secondary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;display:flex}.word-actions-menu button:hover,.word-actions-menu button:focus-visible,.word-actions-menu button.is-active{background:var(--subtle);color:var(--primary)}.word-actions-menu button:focus-visible{outline:2px solid var(--primary-base);outline-offset:-2px}.word-actions-menu button:disabled{opacity:.65;cursor:default}.word-actions-menu button svg{flex:none}.word-actions-menu button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.word-status-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}.word-status-button:hover{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.word-status-button:disabled{opacity:.55;cursor:default}.word-status-button.is-saved,.word-status-known[aria-pressed=true]{color:var(--primary);border-color:var(--primary-base);background:var(--subtle)}.word-status-learning[aria-pressed=true]{color:#b7791f;background:#fdf3da;border-color:#d9a441}.word-status-ignored[aria-pressed=true]{color:var(--secondary);border-color:var(--border);background:var(--muted)}html[data-theme=dark] .word-status-learning[aria-pressed=true]{color:#f0c36d;background:#3a2c11;border-color:#8a651f}@media (prefers-color-scheme:dark){html[data-theme=system] .word-status-learning[aria-pressed=true]{color:#f0c36d;background:#3a2c11;border-color:#8a651f}}.word-example{border:1px solid var(--border);background:var(--muted);width:100%;color:var(--text);text-align:left;border-radius:8px;grid-column:1/-1;margin-top:6px;padding:8px 10px;line-height:1.5;display:block}.word-example span{display:block}.word-example-translation{color:var(--secondary);margin-top:4px}.words-footer{flex-direction:column;flex:none;gap:8px;padding-top:6px;display:flex}.words-pagination{color:var(--secondary);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.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%)}.player-title{order:0}.youtube-frame,.facade{order:1}.interactive-subtitle-panel{order:2}.controls{order:3}.interactive-subtitle-panel{border-top:1px solid var(--border);background:var(--subtle);flex:none;min-height:84px;position:relative}@supports (color:color-mix(in lab, red, red)){.interactive-subtitle-panel{background:color-mix(in srgb,var(--subtle) 46%,var(--surface))}}.interactive-subtitle-panel{color:var(--text)}.interactive-subtitle-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(230px,32dvh);overflow-y:auto}.interactive-subtitle-row{grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;gap:8px;padding:11px 12px 7px;display:grid}.interactive-subtitle-original{text-align:center;overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px;font-weight:720;line-height:1.48}.subtitle-size-small .interactive-subtitle-original{font-size:18px}.subtitle-size-large .interactive-subtitle-original{font-size:26px}.interactive-subtitle-word{color:inherit;font:inherit;line-height:inherit;text-underline-offset:4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;margin:0;padding:2px 1px;text-decoration-thickness:2px;display:inline}button.interactive-subtitle-word,[data-word-translate-word].interactive-subtitle-word{cursor:pointer}button.interactive-subtitle-word:hover,[data-word-translate-word].interactive-subtitle-word:hover{background:var(--muted)}.interactive-subtitle-word:focus-visible,.interactive-subtitle-word.is-selected{outline:2px solid var(--primary-base);outline-offset:2px;background:var(--surface)}.interactive-subtitle-word.is-learning{background:var(--subtitle-learning-background);color:var(--subtitle-learning-text)}.interactive-subtitle-word.is-learning.is-underlined{box-shadow:inset 0 -2px 0 var(--subtitle-learning-accent)}.interactive-subtitle-word.is-known{background:var(--subtitle-known-background);color:var(--subtitle-known-text)}.interactive-subtitle-word.is-known.is-underlined{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--subtitle-known-accent);-webkit-text-decoration-color:var(--subtitle-known-accent);-webkit-text-decoration-color:var(--subtitle-known-accent);text-decoration-color:var(--subtitle-known-accent)}.interactive-subtitle-word.is-ignored{background:var(--subtitle-ignored-background);color:var(--subtitle-ignored-text)}.interactive-subtitle-word.is-ignored.is-underlined{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--subtitle-ignored-accent);-webkit-text-decoration-color:var(--subtitle-ignored-accent);-webkit-text-decoration-color:var(--subtitle-ignored-accent);text-decoration-color:var(--subtitle-ignored-accent)}.interactive-subtitle-word.is-vocabulary{background:var(--subtitle-vocabulary-background);color:var(--subtitle-vocabulary-text)}.interactive-subtitle-word.is-vocabulary.is-underlined{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--subtitle-vocabulary-accent);-webkit-text-decoration-color:var(--subtitle-vocabulary-accent);-webkit-text-decoration-color:var(--subtitle-vocabulary-accent);text-decoration-color:var(--subtitle-vocabulary-accent)}.interactive-subtitle-word.is-vocabulary:after{background:var(--subtitle-vocabulary-accent);content:"";border-radius:50%;width:5px;height:5px;margin:0 0 .5em 2px;display:inline-block}.interactive-subtitle-side-actions{align-items:center;gap:8px;display:flex}.interactive-subtitle-row>.interactive-subtitle-side-action:last-child{justify-self:end}.interactive-subtitle-side-action{width:40px;height:40px;color:var(--secondary);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.interactive-subtitle-side-action:hover,.interactive-subtitle-side-action:focus-visible,.interactive-subtitle-side-action.is-active{border-color:var(--border);background:var(--surface);color:var(--primary)}.interactive-subtitle-side-action:focus-visible{outline:2px solid var(--primary-base);outline-offset:2px}.interactive-subtitle-translation{border-top:1px solid var(--border);margin:0;padding:8px 16px 11px}@supports (color:color-mix(in lab, red, red)){.interactive-subtitle-translation{border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}}.interactive-subtitle-translation{color:var(--secondary);text-align:center;overflow-wrap:anywhere;font-size:17px;line-height:1.45}.subtitle-size-small .interactive-subtitle-translation{font-size:14px}.subtitle-size-large .interactive-subtitle-translation{font-size:20px}.interactive-subtitle-empty{min-height:84px;color:var(--secondary);place-items:center;margin:0;padding:16px;font-size:14px;display:grid}.interactive-word-card{z-index:100;overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--surface);width:min(328px,100vw - 16px);max-height:min(460px,100dvh - 16px);color:var(--text);border-radius:12px;padding:14px;position:fixed;overflow:auto;box-shadow:0 12px 34px #121f1838}.interactive-word-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.interactive-word-card header>div{min-width:0}.interactive-word-card header strong{overflow-wrap:anywhere;font-size:19px;display:block}.interactive-word-card header p{color:var(--secondary);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.4}.interactive-word-card header>button{width:36px;height:36px;color:var(--secondary);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.interactive-word-card header>button:hover{background:var(--muted);color:var(--text)}.interactive-word-translation{color:var(--primary);overflow-wrap:anywhere;margin:13px 0 0;font-size:18px;font-weight:720}.interactive-word-status{color:var(--secondary);margin:13px 0 0;font-size:13px}.interactive-word-error{color:var(--danger-text);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.interactive-word-error button,.interactive-word-saved button{color:var(--primary);background:0 0;border:0;font-weight:700}.interactive-word-actions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.interactive-word-actions>button,.interactive-word-statuses>button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--secondary);border-radius:8px;place-items:center;padding:0;display:grid}.interactive-word-statuses{gap:6px;display:flex}.interactive-word-actions>button.interactive-word-details{width:auto;padding:0 10px;font-size:12px;font-weight:700}.interactive-word-actions>button:hover,.interactive-word-actions>button:focus-visible,.interactive-word-statuses>button:hover,.interactive-word-statuses>button:focus-visible{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.interactive-word-actions>button:focus-visible,.interactive-word-statuses>button:focus-visible{outline:2px solid var(--primary-base);outline-offset:2px}.interactive-word-actions>button.is-active,.interactive-word-statuses>button.is-active{background:var(--subtle);color:var(--primary);border-color:var(--primary-base)}.interactive-word-actions>button.is-learning,.interactive-word-statuses>button.is-learning{color:var(--subtitle-learning-accent);border-color:var(--subtitle-learning-accent)}.interactive-word-actions>button.is-vocabulary{color:var(--subtitle-vocabulary-accent);border-color:var(--subtitle-vocabulary-accent)}.interactive-word-saved{min-height:18px;color:var(--secondary);margin:9px 0 0;font-size:12px}.subtitle-panel-toggle{flex:none}.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:1440px;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)}.interactive-subtitle-scroll{max-height:33dvh}.interactive-subtitle-row{grid-template-columns:76px minmax(0,1fr) 76px;gap:4px;padding:8px 8px 5px}.interactive-subtitle-side-actions{gap:4px}.interactive-subtitle-side-action{width:36px;height:36px}.interactive-subtitle-original{font-size:18px;line-height:1.5}.subtitle-size-small .interactive-subtitle-original{font-size:16px}.subtitle-size-large .interactive-subtitle-original{font-size:21px}.interactive-subtitle-translation{padding:6px 12px 8px;font-size:14px}.subtitle-size-small .interactive-subtitle-translation{font-size:13px}.subtitle-size-large .interactive-subtitle-translation{font-size:17px}.interactive-word-card{width:100%;max-height:min(72dvh,620px);padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:14px 14px 0 0;box-shadow:0 -12px 34px #121f1838;inset:auto 0 0!important}}.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:center;gap:24px;max-width:760px;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,.language-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}.subtitle-panel-settings{max-width:720px}.subtitle-size-settings,.subtitle-panel-options{flex-wrap:wrap;gap:8px;display:flex}.subtitle-size-settings button,.subtitle-panel-options button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--secondary);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.subtitle-size-settings button:hover,.subtitle-size-settings button.active,.subtitle-panel-options button:hover,.subtitle-panel-options button[aria-pressed=true]{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.subtitle-color-settings{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.subtitle-color-setting{min-width:0;color:var(--text);font-size:13px;font-weight:700}.subtitle-color-setting:nth-child(odd){border-right:1px solid var(--border)}.subtitle-color-setting:nth-child(n+3){border-top:1px solid var(--border)}.subtitle-color-setting>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:56px;padding:6px 10px 6px 14px;list-style:none;display:grid}.subtitle-color-setting>summary::-webkit-details-marker{display:none}.subtitle-color-setting>summary>svg{color:var(--secondary);transition:transform .16s}.subtitle-color-setting[open]>summary{background:var(--subtle)}.subtitle-color-setting[open]>summary>svg{transform:rotate(180deg)}.subtitle-color-setting>summary:focus-visible{outline:2px solid var(--primary-base);outline-offset:-2px}.subtitle-color-setting-preview{border:1px solid var(--subtitle-setting-accent);place-items:center;min-width:44px;height:34px;padding:0 8px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.subtitle-color-setting-preview{border:1px solid color-mix(in srgb,var(--subtitle-setting-accent) 55%,var(--border))}}.subtitle-color-setting-preview{background:var(--subtitle-setting-background);color:var(--subtitle-setting-text);border-radius:8px;font-size:14px;line-height:1}.subtitle-color-setting-preview:after{background:var(--subtitle-setting-accent);content:"";width:100%;height:3px;position:absolute;bottom:0;left:0}.subtitle-color-setting-preview.is-underlined{text-decoration:underline;-webkit-text-decoration-color:var(--subtitle-setting-accent);-webkit-text-decoration-color:var(--subtitle-setting-accent);-webkit-text-decoration-color:var(--subtitle-setting-accent);text-decoration-color:var(--subtitle-setting-accent);text-underline-offset:3px}.subtitle-color-setting-preview.is-transparent{background:repeating-conic-gradient(var(--surface) 0 25%,var(--muted) 0 50%) 50%/8px 8px}.subtitle-color-picker-group{border-top:1px solid var(--border);background:var(--subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;padding:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.subtitle-color-picker-group{background:color-mix(in srgb,var(--subtle) 45%,var(--surface))}}.subtitle-color-picker{border:1px solid var(--picker-color);flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.subtitle-color-picker{border:1px solid color-mix(in srgb,var(--picker-color) 55%,var(--border))}}.subtitle-color-picker{background:var(--picker-color);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.subtitle-color-picker{background:color-mix(in srgb,var(--picker-color) 16%,var(--surface))}}.subtitle-color-picker:before{background:var(--picker-color);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--picker-color);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.subtitle-color-picker:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--picker-color) 75%,var(--text))}}.subtitle-color-picker:before{content:""}.subtitle-color-picker.is-transparent,.subtitle-color-picker.is-transparent:before{background:repeating-conic-gradient(var(--surface) 0 25%,var(--muted) 0 50%) 50%/8px 8px}.subtitle-color-picker.is-transparent{border-color:var(--border)}.subtitle-color-picker.is-transparent:before{box-shadow:inset 0 0 0 1px var(--border)}.subtitle-color-picker input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.subtitle-color-picker:focus-within{outline:2px solid var(--primary-base);outline-offset:2px}.subtitle-background-transparent-toggle,.subtitle-underline-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--secondary);cursor:pointer;background:0 0;border-radius:9px;place-items:center;padding:0;display:grid;position:relative}.subtitle-background-transparent-toggle.active{border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.subtitle-underline-toggle:has(input:checked){border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.subtitle-background-transparent-toggle:focus-visible,.subtitle-underline-toggle:focus-within{outline:2px solid var(--primary-base);outline-offset:2px}.subtitle-underline-toggle input{opacity:0;position:absolute}.subtitle-underline-toggle span{font-size:0}.subtitle-underline-toggle span:before{content:"U";font-size:19px;font-weight:800;line-height:1;text-decoration:underline}.subtitle-settings-preview{border:1px solid var(--border);background:var(--subtle);border-radius:10px;padding:14px}@supports (color:color-mix(in lab, red, red)){.subtitle-settings-preview{background:color-mix(in srgb,var(--subtle) 46%,var(--surface))}}.subtitle-settings-preview{color:var(--secondary);font-size:16px}.subtitle-settings-preview.subtitle-size-small{font-size:14px}.subtitle-settings-preview.subtitle-size-large{font-size:19px}.subtitle-settings-reset{white-space:nowrap;align-items:center;gap:7px;width:max-content;display:inline-flex}.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 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}.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}.subtitle-color-settings{grid-template-columns:1fr}.subtitle-color-setting:nth-child(odd){border-right:0}.subtitle-color-setting:nth-child(n+2){border-top:1px solid var(--border)}}@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{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-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111f1873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.library-create-dialog{border:1px solid var(--border);background:var(--surface);width:min(100%,420px);color:var(--text);border-radius:14px;padding:16px;box-shadow:0 24px 70px #142a1f47}.library-create-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.library-create-dialog h2{color:var(--primary);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.library-create-dialog h2 svg{color:var(--primary-base)}.library-create-close{width:30px;height:30px;color:var(--secondary);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.library-create-close:hover{background:var(--subtle);color:var(--primary)}.library-create-field{gap:6px;display:grid}.library-create-field>p{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;margin:2px 2px 1px;font-size:11px;font-weight:750}.library-create-field>.library-create-existing-label{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.library-create-field>input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text);font:inherit;border-radius:8px;padding:0 11px}.library-create-field>input:focus{border-color:var(--primary-base);outline:2px solid var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.library-create-field>input:focus{outline:2px solid color-mix(in srgb,var(--primary-base) 24%,transparent)}}.library-create-field>input:focus{outline-offset:0}.library-create-field label{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 11px;font-size:14px;display:flex}.library-create-field label:hover{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.library-create-field label:hover{border-color:color-mix(in srgb,var(--primary-base) 45%,var(--border))}}.library-create-field label:hover{background:var(--subtle)}.library-create-field label.selected{border-color:var(--primary-base);background:var(--subtle);color:var(--primary);font-weight:700}.library-create-field label input{width:16px;height:16px;accent-color:var(--primary-base);margin:0}.library-create-field span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-create-field label:focus-within{outline:2px solid var(--primary);outline-offset:2px}.library-create-languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.library-create-error{color:var(--danger-text);margin:10px 0 0;font-size:13px}.library-create-done{background:var(--subtle);color:var(--primary);border-radius:8px;align-items:center;gap:8px;margin:0;padding:12px;font-weight:650;display:flex}.library-create-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;display:flex}.library-create-confirm{border:1px solid var(--primary-base);background:var(--primary-base);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.library-create-confirm:hover{background:var(--primary)}html[data-theme=dark] .library-create-dialog{background:var(--surface);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-details{background:var(--subtle);min-height:32px;color:var(--primary);border:0;border-radius:7px;padding:0 9px;font-size:12px;font-weight:750}.study-popover-details:hover{background:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.study-popover-details:hover{background:color-mix(in srgb,var(--primary-base) 16%,var(--subtle))}}.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}.word-details-panel{box-sizing:border-box;color:var(--text);background:var(--surface)}.word-details-wide{z-index:82;border:1px solid var(--border-strong);border-radius:14px;min-width:340px;max-width:520px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;box-shadow:0 18px 48px #121f1833}.word-details-content{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-width:0;padding:16px;overflow:auto}.word-details-head{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:12px;margin:-16px -16px 14px;padding:16px 16px 12px;display:flex;position:sticky;top:-16px}@supports (color:color-mix(in lab, red, red)){.word-details-head{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.word-details-head{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.word-details-title{min-width:0}.word-details-head h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:22px}.word-details-transcription{color:var(--secondary);margin:3px 0 0;font-size:13px}.word-details-head-actions{flex:none;justify-items:end;gap:2px;display:grid}.word-details-head-actions>div{gap:3px;display:flex}.word-details-icon{width:34px;height:34px;color:var(--secondary);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.word-details-icon:hover:not(:disabled){border-color:var(--border);background:var(--muted);color:var(--primary)}.word-details-icon:disabled{opacity:.35}.word-details-icon.is-saved,.word-details-icon.is-copied{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.word-details-icon.is-saved,.word-details-icon.is-copied{border-color:color-mix(in srgb,var(--primary-base) 45%,var(--border))}}.word-details-icon.is-saved,.word-details-icon.is-copied{background:var(--subtle);color:var(--primary)}.word-details-context{border:1px solid var(--primary-base);padding:12px}@supports (color:color-mix(in lab, red, red)){.word-details-context{border:1px solid color-mix(in srgb,var(--primary-base) 28%,var(--border))}}.word-details-context{background:linear-gradient(135deg,var(--primary-base),var(--surface));border-radius:10px}@supports (color:color-mix(in lab, red, red)){.word-details-context{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-base) 10%,var(--surface)),var(--surface))}}.word-details-context>span,.word-details-section h3{color:var(--secondary);letter-spacing:.055em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:750;display:block}.word-details-context strong{color:var(--primary);font-size:18px;line-height:1.35;display:block}.word-details-context p{overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.45}.word-details-context p+p{color:var(--secondary);margin-top:3px}.word-details-search-links{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;margin:10px 0 16px;padding-bottom:8px;display:flex}.word-details-search-links a{min-width:34px;min-height:32px;color:var(--secondary);border-radius:6px;place-items:center;padding:0 7px;font-size:12px;font-weight:750;text-decoration:none;display:grid}.word-details-search-links a:hover{background:var(--subtle);color:var(--primary)}.word-details-control:hover:not(:disabled){border-color:var(--primary-base);background:var(--subtle);color:var(--primary)}.word-details-control:disabled{opacity:.4;cursor:not-allowed}.word-details-loading{color:var(--secondary);align-items:center;gap:7px;margin:12px 0;font-size:13px;display:flex}.word-details-loading svg{animation:1s linear infinite word-details-spin}@keyframes word-details-spin{to{transform:rotate(360deg)}}.word-details-error{color:var(--danger-text);margin:12px 0;font-size:13px}.word-details-section{margin:18px 0}.word-details-section h3{margin-bottom:8px}.word-details-section ol{counter-reset:meaning;gap:8px;margin:0;padding:0;list-style:none;display:grid}.word-details-section li{padding-left:24px;font-size:14px;line-height:1.45;position:relative}.word-details-section li:before{color:var(--primary);counter-increment:meaning;content:counter(meaning);font-weight:750;position:absolute;left:0}.word-details-section li small{color:var(--secondary);margin-bottom:2px;font-size:11px;display:block}.word-details-section details{color:var(--secondary);margin-top:8px;font-size:13px}.word-details-section summary{cursor:pointer;color:var(--primary);font-weight:650}.word-details-chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.word-details-chips span,.word-details-chips button{border:1px solid var(--primary-base);min-height:28px;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.word-details-chips span,.word-details-chips button{border:1px solid color-mix(in srgb,var(--primary-base) 25%,var(--border))}}.word-details-chips span,.word-details-chips button{background:var(--subtle);color:var(--primary);border-radius:999px;font-size:12px}.word-details-chips button:hover{border-color:var(--primary-base)}.word-details-examples{gap:8px;display:grid}.word-details-examples article{border:1px solid var(--border);background:var(--muted);border-radius:8px;padding:9px 10px;position:relative}@supports (color:color-mix(in lab, red, red)){.word-details-examples article{background:color-mix(in srgb,var(--muted) 45%,var(--surface))}}.word-details-examples p{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.word-details-examples p+p{color:var(--secondary);margin-top:3px}.word-details-examples article>button{float:right;border:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--primary);border-radius:6px;margin:0 0 4px 9px;padding:0 7px;font-size:12px;font-weight:700}.word-details-sources{border-top:1px solid var(--border);color:var(--secondary);margin-top:20px;padding-top:12px;font-size:12px}.word-details-sources summary{cursor:pointer;color:var(--secondary);align-items:center;gap:6px;font-weight:650;display:flex}.word-details-sources p{margin:7px 0 0}.word-details-sources a{color:var(--primary)}.word-details-resize{cursor:col-resize;touch-action:none;width:24px;position:absolute;top:0;bottom:0;left:-12px}.word-details-resize:after{background:var(--border);content:"";border-radius:2px;width:2px;height:46px;position:absolute;top:45%;left:11px}.word-details-resize:hover:after,.word-details-resize:focus-visible:after{background:var(--primary-base)}.word-details-resize:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.word-details-panel button:focus-visible,.word-details-panel a:focus-visible,.word-details-sources summary:focus-visible{outline:2px solid var(--primary-base);outline-offset:2px}.vocabulary-entry .notebook-entry-link{width:auto;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1}.vocabulary-entry .notebook-entry-link:hover strong{color:var(--primary)}.word-details-dialog{border:1px solid var(--border-strong);border-radius:16px 16px 0 0;width:min(100%,680px);max-width:100%;max-height:85dvh;margin:auto 0 0;padding:0;box-shadow:0 -18px 48px #121f183d}.word-details-dialog::backdrop{background:#0f19146b}.word-details-dialog .word-details-content{max-height:85dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}@media (max-width:900px){.word-details-icon{width:44px;height:44px}.word-details-wide{display:none}}@media (min-width:901px){.word-details-dialog{display:none}}@media (prefers-reduced-motion:reduce){.word-details-loading svg{animation:none}}.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-screenshot-frame{aspect-ratio:16/11;border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.extension-screenshot-frame img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.extension-screenshot-frame .extension-popup-screenshot{object-fit:contain}.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-cache-form,.admin-cache-confirm{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.admin-cache-form label,.admin-cache-confirm label{min-width:160px;color:var(--secondary);gap:6px;font-size:13px;display:grid}.admin-cache-form input,.admin-cache-form select,.admin-cache-confirm input{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;padding:6px 9px}.admin-cache-preview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.admin-cache-preview li{border:1px solid var(--border);border-radius:7px;justify-content:space-between;gap:8px;padding:7px 9px;font-size:13px;display:flex}.admin-cache-preview small,.admin-cache-job small{color:var(--secondary)}.admin-cache-jobs{gap:10px;display:grid}.admin-cache-job{border:1px solid var(--border);border-radius:10px;gap:10px;padding:12px;display:grid}.admin-cache-job-head{justify-content:space-between;gap:12px;display:flex}.admin-cache-job-head div{gap:3px;display:grid}.admin-cache-job-stats,.admin-cache-actions{color:var(--secondary);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.admin-cache-warmer button:focus-visible,.admin-cache-warmer a:focus-visible,.admin-cache-warmer input:focus-visible,.admin-cache-warmer select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.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}.auth-page{max-width:400px;margin:60px auto;padding:0 16px}.auth-page h1{margin:0 0 16px}.auth-form{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;padding:20px;display:grid}.auth-form label{color:var(--secondary);font-size:12px;font-weight:650}.auth-form input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px}.auth-form button{margin-top:4px}.auth-form-divider{text-align:center;color:var(--secondary);margin:4px 0;font-size:12px}.auth-form .quiet-link{justify-self:center;margin-top:8px}.google-signin-button{color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:0 12px;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.google-signin-button:hover:not(:disabled){background:#f7f8f8;box-shadow:0 1px 2px #3c40434d}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-signin-button svg{flex:none}.account-entry{min-height:40px;color:var(--secondary);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.account-entry:hover{background:var(--subtle);color:var(--primary)}.account-entry .nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-account .settings-field{margin-top:8px}.account-profile{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:4px;padding-bottom:20px;display:flex}.account-profile-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.account-profile-avatar-fallback{color:var(--secondary);flex-shrink:0}.account-profile-body{flex-direction:column;gap:2px;min-width:0;display:flex}.account-profile-name{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.account-profile-email{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.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,.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-search-button{justify-content:center;width:44px;padding:0}.admin-multiselect{position:relative}.admin-multiselect summary{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;padding:0 32px 0 10px;list-style:none;display:flex}.admin-multiselect summary::-webkit-details-marker{display:none}.admin-multiselect summary:after{content:"";border-right:2px solid var(--secondary);border-bottom:2px solid var(--secondary);width:7px;height:7px;position:absolute;right:12px;transform:translateY(-2px)rotate(45deg)}.admin-multiselect[open] summary:after{transform:translateY(2px)rotate(225deg)}.admin-multiselect-menu{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:max-content;min-width:100%;max-height:300px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 6px 18px #18201c1f}.admin-multiselect-menu label{min-height:34px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;margin:0;padding:5px 8px;font-size:13px;font-weight:500;display:flex}.admin-multiselect-menu label:hover{background:var(--subtle)}.admin-multiselect-menu input{width:16px;height:16px;min-height:16px;accent-color:var(--primary-base);margin:0;padding:0}.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}.admin-jobs-table tbody tr:nth-child(odd){background:var(--surface)}.admin-jobs-table tbody tr:nth-child(2n){background:var(--muted)}.admin-jobs-table tbody tr:hover{background:var(--subtle)}.admin-sort{min-height:32px;color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;margin:-6px -7px;padding:6px 7px;font-weight:700;display:inline-flex}.admin-sort:hover{background:var(--subtle);color:var(--primary)}.admin-video-link{min-width:160px;color:var(--primary);gap:3px;text-decoration:none;display:grid}.admin-video-link span{max-width:260px;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.admin-video-link:hover code,.admin-video-link:focus-visible code{text-decoration:underline}.admin-job-error{color:#b42318;margin-top:3px;font-size:11px;display:block}.admin-tabular{font-variant-numeric:tabular-nums;white-space:nowrap}.admin-row-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.admin-icon-action{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--primary);border-radius:8px;place-items:center;padding:0;display:inline-grid}.admin-icon-action:hover:not(:disabled){border-color:var(--primary-base);background:var(--subtle)}.admin-icon-action.danger{color:#b42318}.admin-icon-action.danger:hover:not(:disabled){background:#feeceb;border-color:#b42318}.admin-icon-action:disabled{opacity:.35;cursor:not-allowed}.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{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:12px;margin:auto;padding:20px;position:fixed;inset:0;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-cache-form,.admin-cache-confirm{grid-template-columns:1fr;display:grid}.admin-cache-form label,.admin-cache-confirm label{min-width:0}.admin-cache-preview{grid-template-columns:1fr}}.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-sidebar-actions{gap:2px;margin-top:auto;display:grid}.admin-logout,.admin-theme-toggle{min-height:44px;color:var(--secondary);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.admin-logout:hover,.admin-theme-toggle: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}}@media (max-width:900px){.track-layout-button{display:none}}.settings-data,.settings-account{gap:6px;display:grid}.data-row{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:15px;padding:14px;transition:border-color .16s,box-shadow .16s}.data-row:hover{border-color:var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.data-row:hover{border-color:color-mix(in srgb,var(--primary-base) 42%,var(--border))}}.data-row:hover{box-shadow:0 6px 18px #18201c0f}.data-row>svg:first-child{box-sizing:content-box;background:var(--subtle);width:20px;height:20px;color:var(--primary);border-radius:12px;padding:11px}.data-row>div{align-self:center;min-width:0}.data-row h2{letter-spacing:-.01em;margin:0 0 5px;font-size:15px}.data-row button{align-items:center;gap:8px;margin-top:14px;display:inline-flex}.data-row button>svg{flex:none}.data-row.destructive{color:var(--text)}.data-row.destructive>svg:first-child{background:var(--danger-surface);color:var(--danger)}.data-row.destructive:hover{border-color:var(--danger-border);box-shadow:0 6px 18px var(--danger)}@supports (color:color-mix(in lab, red, red)){.data-row.destructive:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--danger) 12%,transparent)}}.danger-button{border-color:var(--danger-border);background:var(--surface);color:var(--danger-text);align-items:center;gap:8px;display:inline-flex}.danger-button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-surface)}.settings-account .data-row:not(:has(h2,p,button,form)){display:none}.settings-account [role=status]{background:var(--muted);color:var(--secondary);border-radius:999px;align-items:center;gap:7px;margin-top:8px;padding:5px 11px 5px 9px;font-size:12px;font-weight:650;display:inline-flex}.settings-account [role=status]:before{background:var(--primary-base);content:"";border-radius:50%;flex:none;width:7px;height:7px}.settings-account [role=alert]{color:var(--danger-text);margin-top:10px;font-size:13px}.account-profile{border:1px solid var(--primary-base);align-items:center;gap:16px;margin:0 0 2px;padding:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.account-profile{border:1px solid color-mix(in srgb,var(--primary-base) 34%,var(--border))}}.account-profile{border-bottom:1px solid var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.account-profile{border-bottom:1px solid color-mix(in srgb,var(--primary-base) 34%,var(--border))}}.account-profile{background:linear-gradient(120deg,var(--subtle),var(--surface) 62%);border-radius:16px}.account-profile-avatar{width:60px;height:60px;box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.account-profile-avatar{box-shadow:0 0 0 3px var(--surface),0 0 0 5px color-mix(in srgb,var(--primary-base) 42%,transparent)}}.account-profile-avatar-fallback{color:var(--primary)}.account-profile-name{color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:750}.account-profile-email{font-size:13.5px}.settings-nav button{transition:background .15s,color .15s,border-color .15s}.settings-nav button svg{color:var(--secondary);flex:none;transition:color .15s}.settings-nav button:hover svg{color:var(--text)}.settings-nav button.active svg{color:var(--primary)}.settings-header h1{letter-spacing:-.03em}.settings-rule{background:linear-gradient(90deg,var(--primary-base),var(--border) 42%,transparent)}@supports (color:color-mix(in lab, red, red)){.settings-rule{background:linear-gradient(90deg,color-mix(in srgb,var(--primary-base) 45%,var(--border)),var(--border) 42%,transparent)}}.theme-card,.layout-card{transition:border-color .16s,box-shadow .16s,background .16s}.theme-card:hover,.layout-card:hover{box-shadow:0 6px 16px #18201c0f}.theme-card.active,.layout-card.active{box-shadow:0 0 0 1px var(--primary-base) inset}.settings-page .data-row .secondary-button:hover:not(:disabled) svg{color:var(--primary)}@media (max-width:560px){.data-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px}.data-row>svg:first-child{border-radius:10px;width:18px;height:18px;padding:9px}.account-profile{padding:16px}.account-profile-avatar{width:52px;height:52px}}.data-row:first-of-type{border-top:1px solid var(--border)}.data-row.destructive:first-of-type{border-top-color:var(--border)}.account-drive-import{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--secondary);border-radius:7px;justify-content:center;align-items:center;margin-top:0;padding:0;display:inline-flex}.account-drive-import:hover:not(:disabled){border-color:var(--primary-base);color:var(--primary);background:var(--subtle)}.account-drive-import:disabled{opacity:.5;cursor:not-allowed}.account-profile-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.account-profile-meta [role=status]{margin-top:0}.account-profile-storage{color:var(--secondary);margin:6px 0 0;font-size:12.5px}.settings-header{position:relative}.account-header-actions{align-items:center;display:inline-flex}.account-header-actions .danger-button{align-items:center;gap:8px;display:inline-flex}.account-signout-blocked{z-index:5;border:1px solid var(--danger-border);background:var(--surface);border-radius:10px;width:max-content;max-width:280px;margin-top:8px;padding:12px;position:absolute;top:100%;right:0;box-shadow:0 10px 26px #18201c24}.library-share-row{gap:6px;display:grid;position:relative}.library-share-input-row{align-items:flex-end;gap:8px;display:flex}.library-share-field{flex:1;gap:7px;min-width:0;display:grid}.library-share-field>span{color:#527063;letter-spacing:.07em;font-size:10px;font-weight:750}.library-share-field input{color:#17221e;background:#fff;border:1px solid #c5d5cd;border-radius:7px;width:100%;height:40px;padding:0 11px;font-size:13px}.library-share-field input.muted,.library-share-field input:disabled{color:#8a9c93;background:#f3f7f5}.library-share-actions{flex:none;align-items:center;gap:6px;display:flex}.library-share-hint{color:#7d9388;margin:0;font-size:11.5px}.library-share-explain{color:#3a4a42;gap:8px;margin:0 0 4px;padding-left:20px;line-height:1.5;display:grid}.library-share-dialog{border-color:var(--primary-base);width:min(100%,440px);padding:22px}@supports (color:color-mix(in lab, red, red)){.library-share-dialog{border-color:color-mix(in srgb,var(--primary-base) 28%,var(--border))}}.library-share-dialog{background:linear-gradient(145deg,var(--primary-base),var(--surface) 42%);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.library-share-dialog{background:linear-gradient(145deg,color-mix(in srgb,var(--primary-base) 8%,var(--surface)),var(--surface) 42%)}}.library-share-dialog{box-shadow:0 24px 68px #142a1f3d,0 0 0 1px var(--primary-base)}@supports (color:color-mix(in lab, red, red)){.library-share-dialog{box-shadow:0 24px 68px #142a1f3d,0 0 0 1px color-mix(in srgb,var(--primary-base) 7%,transparent)}}.library-share-dialog header{align-items:flex-start;margin-bottom:18px}.library-share-dialog h2{max-width:calc(100% - 40px);color:var(--text);font-size:20px;font-weight:750;line-height:1.2}.library-share-dialog h2 svg{background:var(--primary);color:#fff;border-radius:10px;flex:none;width:34px;height:34px;padding:8px}.library-share-dialog .library-create-close{border:1px solid #0000;border-radius:10px;width:34px;height:34px;margin:-2px -2px 0 0}.library-share-dialog .library-create-close:hover{border-color:var(--border);background:var(--surface)}.library-share-dialog .library-share-explain{color:var(--secondary);gap:10px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none}.library-share-dialog .library-share-explain li{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;display:grid}.library-share-dialog .library-share-explain svg{color:var(--primary-base);margin-top:2px}.library-share-dialog .library-create-actions{margin-top:20px;padding-top:16px}.library-share-dialog .secondary{border-radius:9px;min-height:44px;padding-inline:14px}.library-share-dialog .library-create-confirm{border-color:var(--primary);background:var(--primary);min-height:44px;box-shadow:0 6px 14px var(--primary);border-radius:9px;padding-inline:16px}@supports (color:color-mix(in lab, red, red)){.library-share-dialog .library-create-confirm{box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 22%,transparent)}}.library-share-dialog .library-create-confirm:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.library-share-dialog .library-create-confirm:hover{background:color-mix(in srgb,var(--primary) 92%,#000)}}.library-share-dialog .library-create-confirm:disabled{opacity:.58;box-shadow:none}.share-toggle{cursor:pointer;background:#e4ece7;border:1px solid #c5d5cd;border-radius:999px;flex:none;width:40px;height:24px;padding:0;position:relative}.share-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #18201c40}.share-toggle[aria-checked=true]{background:#00a361;border-color:#00a361}.share-toggle[aria-checked=true]:after{transform:translate(16px)}.share-toggle:disabled{opacity:.55;cursor:default}html[data-theme=dark] .library-share-field input{border-color:var(--border);background:var(--surface);color:var(--text)}html[data-theme=dark] .library-share-field input.muted,html[data-theme=dark] .library-share-field input:disabled{color:var(--secondary);background:var(--muted)}html[data-theme=dark] .library-share-hint,html[data-theme=dark] .library-share-explain{color:var(--secondary)}html[data-theme=dark] .share-toggle{border-color:var(--border);background:var(--muted)}html[data-theme=dark] .share-toggle[aria-checked=true]{border-color:var(--primary);background:var(--primary)}.public-share-layout{box-sizing:border-box;background:var(--bg);height:100dvh;color:var(--text);grid-template-rows:minmax(0,1fr);padding:14px clamp(12px,2.5vw,26px) 16px;display:grid;overflow:hidden}.public-share-title{align-items:baseline;gap:10px;min-width:0;display:flex}.public-share-brand{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.public-share-brand:hover{background:var(--subtle)}.public-share-brand .brand-mark{width:22px;height:22px}.public-share-title h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:20px;overflow:hidden}.public-share-author{color:var(--secondary);flex:none;font-size:13px}.public-share-claim{background:var(--primary-base);color:#fff;border:0;border-radius:8px;flex:none;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-weight:650;display:flex}.public-share-claim .brand-mark{border-radius:6px;width:22px;height:22px}.public-share-claim:hover{background:var(--primary)}.public-share-body{grid-template-columns:var(--public-tree-width,280px) 8px minmax(420px,1fr);gap:0;width:100%;min-height:0;display:grid}.public-share-body.tree-collapsed{grid-template-columns:48px 0 minmax(420px,1fr)}.public-tree-panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.public-tree-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}.public-tree-head>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.public-tree-head>.collapse-button{margin-left:auto}.public-tree-panel.collapsed .public-tree-head{border-bottom:0;padding:0}.public-tree-expand-button{width:100%;min-height:52px;color:var(--secondary);background:0 0;border:0;border-radius:9px;justify-content:flex-end;align-items:center;padding:0 8px;display:flex}.public-tree-expand-button:hover{background:var(--subtle);color:var(--primary)}.public-tree-expand-icon{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px 7px #18201c14}.public-tree-head>.public-share-title{flex:1;overflow:hidden}.public-tree-head .public-share-title h1,.public-tree-head .public-share-author{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.public-tree-head .public-share-title h1{flex:0 auto;font-size:16px}.public-tree-head .public-share-author{flex:0 auto;font-size:11px}.public-library-tree{flex:1;min-width:0;min-height:0;padding:10px;overflow:auto}.public-tree-resize{cursor:col-resize;touch-action:none;outline:0;align-self:stretch;min-height:52px;position:relative}.public-tree-resize span{background:var(--border);inset-block:10px;border-radius:2px;width:2px;transition:background .15s,width .15s,left .15s;position:absolute;left:3px}.public-tree-resize:hover span,.public-tree-resize:focus-visible span,.resizing-tracks .public-tree-resize span{background:var(--primary-base);width:4px;left:2px}.public-tree-resize:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.public-share-body.tree-collapsed .public-tree-resize{display:none}.public-tree-level{gap:2px;margin:0;padding:0;list-style:none;display:grid}.public-tree-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:7px 8px;font-size:13px;display:flex}.public-tree-thumbnail{object-fit:cover;background:var(--muted);border-radius:4px;flex:none;width:40px;height:30px}.public-tree-row:hover{background:var(--muted)}.public-tree-video[aria-current=true]{background:var(--subtle);color:var(--primary)}.public-tree-empty{color:var(--secondary)}.public-watch{grid-column:3;grid-template-columns:var(--public-original-width,320px) 8px minmax(420px,1fr) 8px var(--public-translation-width,320px);grid-template-rows:minmax(0,1fr);justify-self:stretch;gap:0;width:100%;min-width:420px;min-height:0;display:grid}.public-watch.original-collapsed{grid-template-columns:48px 0 minmax(420px,1fr) 8px var(--public-translation-width,320px)}.public-watch.translation-collapsed{grid-template-columns:var(--public-original-width,320px) 8px minmax(420px,1fr) 0 48px}.public-watch.original-collapsed.translation-collapsed{grid-template-columns:48px 0 minmax(420px,1fr) 0 48px}.public-video{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;grid-area:1/3;min-width:420px;min-height:0;display:flex;overflow:hidden}.public-video-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;min-height:52px;padding:10px 12px;font-weight:650;line-height:1.35;display:flex}.public-video-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.public-video-head>.public-share-claim{margin-left:auto}.public-watch .youtube-frame{aspect-ratio:auto;background:#000;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.public-watch .youtube-frame>div{position:absolute;inset:0}.public-watch .youtube-frame iframe{border:0;width:100%;height:100%}.public-watch-empty{color:var(--secondary);place-items:center;display:grid}.public-subtitles{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:none;overflow:hidden}.public-subtitles-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}.public-subtitles-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.public-subtitles-head>.collapse-button{margin-left:auto}.public-subtitle-segments{scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow:auto}.public-subtitles.collapsed{align-self:stretch;min-height:0}.public-subtitles.collapsed .public-subtitles-head{border-bottom:0;justify-content:center;padding:0}.public-subtitles.collapsed .public-subtitles-head>span{display:none}.public-subtitles.collapsed .public-subtitles-head>.collapse-button{margin-left:0}.public-watch.layout-edges .public-subtitles-original{grid-area:1/1;display:flex}.public-watch.layout-edges .public-subtitles-translation{grid-area:1/5;display:flex}.public-watch.layout-edges .public-resize-original{grid-area:1/2;display:block}.public-watch.layout-edges .public-resize-translation{grid-area:1/4;display:block}.public-watch.layout-adjacent{grid-template-columns:var(--public-original-width,320px) 8px var(--public-translation-width,320px) 8px minmax(420px,1fr)}.public-watch.layout-adjacent.original-collapsed{grid-template-columns:48px 0 var(--public-translation-width,320px) 8px minmax(420px,1fr)}.public-watch.layout-adjacent.translation-collapsed{grid-template-columns:var(--public-original-width,320px) 8px 48px 0 minmax(420px,1fr)}.public-watch.layout-adjacent.original-collapsed.translation-collapsed{grid-template-columns:48px 0 48px 0 minmax(420px,1fr)}.public-watch.layout-adjacent .public-video{grid-column:5}.public-watch.layout-adjacent .public-subtitles-original{grid-area:1/1;display:flex}.public-watch.layout-adjacent .public-subtitles-translation{grid-area:1/3;display:flex}.public-watch.layout-adjacent .public-resize-original{grid-area:1/2;display:block}.public-watch.layout-adjacent .public-resize-translation{grid-area:1/4;display:block}.public-watch.layout-dialogue{grid-template-columns:var(--public-dialogue-width,320px) 8px minmax(420px,1fr)}.public-watch.layout-dialogue.dialogue-collapsed{grid-template-columns:48px 0 minmax(420px,1fr)}.public-watch.layout-dialogue .public-video{grid-column:3}.public-watch.layout-dialogue .public-subtitles-dialogue{grid-area:1/1;display:flex}.public-watch.layout-dialogue .public-resize-dialogue{grid-area:1/2;display:block}.public-watch.original-collapsed .public-resize-original,.public-watch.translation-collapsed .public-resize-translation,.public-watch.dialogue-collapsed .public-resize-dialogue{display:none}.public-resize-handle{cursor:col-resize;touch-action:none;outline:0;align-self:stretch;min-height:52px;display:none;position:relative}.public-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}.public-resize-handle:hover span,.public-resize-handle:focus-visible span,.resizing-tracks .public-resize-handle span{background:var(--primary-base);width:4px;left:2px}.public-resize-handle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.public-subtitles-loading{color:var(--secondary);margin:0}.public-segment{grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.public-share-body,.public-share-body.tree-collapsed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.public-watch,.public-watch.layout-adjacent,.public-watch.layout-dialogue{order:1;grid-column:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-width:0}.public-video{grid-area:1/1;min-width:0}.public-watch.layout-adjacent .public-video,.public-watch.layout-dialogue .public-video{grid-column:1}.public-watch .youtube-frame{aspect-ratio:16/9;align-self:center;width:min(100%,60.4444dvh);height:auto}.public-watch.layout-dialogue .public-subtitles-dialogue{grid-area:2/1;display:flex}.public-watch .public-subtitles-original,.public-watch .public-subtitles-translation,.public-watch .public-resize-handle{display:none}.public-tree-panel{order:2;max-height:26dvh}.public-tree-panel.mobile-expanded{z-index:40;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));height:90dvh;max-height:90dvh;position:fixed;box-shadow:0 12px 36px #18201c2e}.public-tree-resize{display:none}}.public-share-notice{min-height:100dvh;color:var(--secondary);place-items:center;display:grid}.reconcile-dialog-actions button{place-items:center;width:46px;min-width:0;height:40px;padding:0;display:grid}.account-signout-blocked p{color:var(--danger-text);margin:0 0 10px;font-size:13px;line-height:1.4}@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-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}