:root{--teal: #176B58;--teal-deep: #125442;--teal-soft: #E2EDE6;--purple: #176B58;--purple-soft: #E2EDE6;--lavender: #73938a;--off-white: #F6F5F0;--gold: #ba9050;--gold-deep: #866328;--gold-soft: #f1e8d7;--horn-yellow: #ba9050;--pink: #af6470;--pink-soft: #f2e4e5;--sky: #537d96;--sky-soft: #e4ebef;--ink: #242B27;--ink-soft: #465249;--ink-muted: #6b746d;--ink-faint: #717a73;--line: #e2e5de;--white: #FFFefa;--danger: #b44347;--danger-soft: #f6e4e4;--night: #181D1A;--night-surface: #222925;--night-surface-alt: #2B332E;--night-line: #374139;--night-text: #EDF0E8;--night-muted: #ADB8AE;--night-faint: #9AA89C;--overlay: rgba(46, 38, 34, .55);--night-overlay: rgba(0, 0, 0, .6);--cream: var(--off-white);--cream-alt: #edefe7;--stage-learning: var(--teal-deep);--stage-known: var(--gold-deep);--stage-skipped: var(--ink-muted);--band-0: #8bc34a;--band-1: #cddc39;--band-2: #ffc107;--band-3: #ff9800;--band-4: #f44336;--r-xs: 6px;--r-sm: 12px;--r-md: 14px;--r-lg: 14px;--r-xl: 18px;--r-card: 16px;--r-pill: 999px;--s-xxs: 2px;--s-xs: 4px;--s-sm: 8px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-xxl: 48px;--font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 600;--font-display: 600;--nav-width: 218px;--nav-width-mini: 70px;--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.2, .8, .3, 1);--ease-spring: cubic-bezier(.3, 1.3, .4, 1);--focus-ring: 2px solid var(--accent);--focus-ring-offset: 2px}:root,:root[data-theme=light]{--bg: var(--off-white);--surface: var(--white);--surface-alt: #edefe7;--border: #E3E6DD;--text: var(--ink);--text-muted: #647067;--text-faint: #707A72;--accent: var(--teal);--accent-deep: var(--teal-deep);--accent-soft: var(--teal-soft);--accent-on: var(--white);--accent-text: #FFFefa;--teal-dim: rgba(39, 107, 93, .15);--purple-dim: rgba(39, 107, 93, .12);--gold-dim: rgba(254, 202, 87, .15);--tabbar: var(--purple);--tabbar-active: var(--teal);--tabbar-inactive: var(--ink-muted);--gold-strong: var(--gold-deep);--gold-soft-strong: var(--gold-soft);--danger-strong: var(--danger);--danger-soft-strong: var(--danger-soft);--track: #E3E6DD;--wash: #edefe7;--scrim: var(--overlay);--accent-glow: 0 0 12px rgba(39, 107, 93, .18);--shadow-color: rgba(46, 38, 34, .1);--shadow-color-sm: rgba(46, 38, 34, .06);--code-bg: var(--wash);--nav-bg: var(--bg);--nav-active: rgba(46, 38, 34, .08);--input-bg: var(--surface-alt);--hover: rgba(46, 38, 34, .05);--active: rgba(46, 38, 34, .09);--skeleton-base: var(--track);--skeleton-shine: rgba(255, 255, 255, .55);color-scheme:light}:root[data-theme=dark]{--bg: var(--night);--surface: var(--night-surface);--surface-alt: var(--night-surface-alt);--border: var(--night-line);--text: var(--night-text);--text-muted: var(--night-muted);--text-faint: var(--night-faint);--accent: var(--teal);--accent-deep: var(--teal-deep);--accent-soft: #1f3e3a;--accent-on: var(--night);--accent-text: var(--night);--teal-dim: rgba(39, 107, 93, .18);--purple-dim: rgba(39, 107, 93, .22);--gold-dim: rgba(254, 202, 87, .16);--tabbar: var(--purple);--tabbar-active: var(--teal);--tabbar-inactive: var(--night-muted);--gold-strong: var(--gold);--gold-soft-strong: #3a301d;--danger-strong: #ff6b72;--danger-soft-strong: #3e2326;--track: #374139;--wash: var(--night-surface-alt);--scrim: var(--night-overlay);--accent-glow: 0 0 12px rgba(39, 107, 93, .35);--shadow-color: rgba(0, 0, 0, .4);--shadow-color-sm: rgba(0, 0, 0, .25);--code-bg: var(--wash);--nav-bg: var(--bg);--nav-active: rgba(251, 244, 236, .08);--input-bg: var(--night-surface-alt);--hover: rgba(251, 244, 236, .05);--active: rgba(251, 244, 236, .1);--skeleton-base: var(--track);--skeleton-shine: rgba(251, 244, 236, .09);--stage-learning: var(--teal);--stage-known: var(--gold);--stage-skipped: var(--night-muted);color-scheme:dark}:root{--muted: var(--text-muted);--strong: #34483d;--title-size: 22px;--title-line: 28px;--title-tracking: -.7px;--section-size: 19px;--section-line: 24px;--section-tracking: .6px;--body-size: 14.5px;--body-line: 18px;--body-tracking: .3px;--shadow-card: 0 2px 4px rgba(28, 40, 31, .035), 0 12px 30px rgba(28, 40, 31, .065);--shadow-raised: 0 3px 8px rgba(28, 40, 31, .06), 0 18px 48px rgba(28, 40, 31, .1);--button-highlight: rgba(255, 255, 255, .17);--shadow-button: inset 0 6px 6px -3px var(--button-highlight), 0 2px 3px rgba(28, 40, 31, .06), 0 5px 10px rgba(28, 40, 31, .07);--accent-glow: var(--shadow-button)}:root[data-theme=dark]{--strong: #d0dfd2;--accent: #91c9ab;--accent-deep: #a5d8bd;--accent-text: #182d24;--teal: #91c9ab;--teal-deep: #a5d8bd;--purple: #91c9ab;--shadow-card: 0 2px 4px rgba(0, 0, 0, .12), 0 12px 30px rgba(0, 0, 0, .18);--shadow-raised: 0 3px 8px rgba(0, 0, 0, .18), 0 18px 48px rgba(0, 0, 0, .3);--button-highlight: rgba(255, 255, 255, .1);--shadow-button: inset 0 6px 6px -3px var(--button-highlight), 0 2px 3px rgba(0, 0, 0, .13), 0 5px 10px rgba(0, 0, 0, .18)}:root,:root[data-theme=light]{--page-gutter: 32px;--page-gap: 24px;--content-width: 1320px;--marketing-width: 1140px;--marketing-section-gap: 80px;--marketing-copy-line: 24px;--marketing-muted: #5b685f;--control-gap: 8px;--row-gap: 16px;--card-padding: 24px;--feature-media: #695796;--feature-media-soft: #EEEAF7;--feature-saved: #37698A;--feature-saved-soft: #E7EFF7;--feature-review: #95601F;--feature-review-soft: #F7EEDC;--feature-books: #9C5945;--feature-books-soft: #F7EAE3;--surface-neutral: #EFEEEA;--surface-hover: #E8E7E3;--bg: #F6F5F2;--surface-alt: var(--surface-neutral);--wash: var(--surface-neutral);--input-bg: var(--surface-neutral);--nav-bg: var(--surface)}:root[data-theme=dark]{--feature-media: #C1B2E5;--feature-media-soft: #352E45;--feature-saved: #9EBEDD;--feature-saved-soft: #293A48;--feature-review: #DDBB80;--feature-review-soft: #423726;--feature-books: #DEAA97;--feature-books-soft: #44332E;--surface-neutral: #2C302D;--surface-hover: #373D39;--bg: #1B1F1D;--surface-alt: var(--surface-neutral);--wash: var(--surface-neutral);--input-bg: var(--surface-neutral);--nav-bg: var(--surface)}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/InterTight-400.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/InterTight-500.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/InterTight-600.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text);font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}::selection{background:var(--accent);color:var(--accent-text)}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=switch]:focus-visible,[role=slider]:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.lvl-slider:focus-visible,.mp-chip:focus-visible{outline-color:var(--purple)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px);filter:blur(2px)}}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:var(--r-xs)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:skeleton-shimmer 1.6s var(--ease-standard) infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-stack{display:flex;flex-direction:column;gap:10px}*{scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:999px;border:3px solid var(--bg)}*::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:0}.nav-rail{width:var(--nav-width);flex-shrink:0;background:var(--nav-bg);border-right:1px solid var(--track);display:flex;flex-direction:column;padding:var(--s-sm);gap:var(--s-xs);overflow-y:auto;overflow-x:hidden;transition:background var(--dur-base) var(--ease-out)}.nav-is-collapsed .nav-rail{width:var(--nav-width-mini);overflow:visible}.nav-brand{display:flex;align-items:center;gap:var(--s-sm);padding:6px 4px;margin-bottom:var(--s-xs);position:relative}.nav-brand img{width:34px;height:34px;border-radius:var(--r-md);flex-shrink:0}.nav-brand__name{font-weight:var(--font-display);font-size:17px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden}.nav-collapse-toggle{position:absolute;right:4px;top:6px;border:none;background:none;color:var(--text-faint);cursor:pointer;padding:5px;border-radius:var(--r-xs);flex-shrink:0;z-index:3}.nav-collapse-toggle:hover{background:var(--hover);color:var(--text)}.nav-brand{padding-right:34px}.nav-is-collapsed .nav-brand{padding-right:4px;flex-direction:column;justify-content:center;gap:var(--s-xs)}.nav-is-collapsed .nav-collapse-toggle{position:relative;border:none;box-shadow:var(--shadow-card);background:var(--surface)}.nav-is-collapsed .nav-collapse-toggle .nav-tooltip{left:calc(100% + 22px)}.nav-is-collapsed .nav-brand__name{display:none}.nav-is-collapsed .nav-brand img{width:32px;height:32px}.nav-link{display:flex;align-items:center;gap:var(--s-sm);position:relative;padding:11px 10px;border-radius:var(--r-md);color:var(--muted);font-weight:var(--font-semibold);font-size:15px;transition:background var(--dur-fast),color var(--dur-fast);border:none;background:none;width:100%;text-align:left;white-space:nowrap}.nav-is-collapsed .nav-link{justify-content:center;padding:11px 0}.nav-is-collapsed .nav-link__label,.nav-is-collapsed .nav-link__badge{display:none}.nav-link:hover{background:var(--hover);color:var(--text);text-decoration:none}.nav-link.is-active{background:var(--accent-soft);color:var(--accent-deep)}.nav-link.is-active .nav-link__icon{color:var(--accent-deep)}.nav-link.is-active:hover{background:var(--accent-soft);color:var(--accent-deep)}.nav-link .nav-link__icon{width:20px;text-align:center;font-size:16px}.nav-link .nav-link__badge{margin-left:auto;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:var(--font-bold);border-radius:var(--r-pill);padding:1px 7px}.nav-section{margin:var(--s-sm) var(--s-sm) var(--s-xs);padding-top:var(--s-sm);border-top:1px solid var(--track);font-size:11px;font-weight:var(--font-bold);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;overflow:hidden}.nav-is-collapsed .nav-section{display:none}.nav-spacer{flex:1}.nav-tooltip{position:absolute;left:calc(100% + 12px);top:50%;translate:0 -50%;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:var(--font-bold);letter-spacing:.2px;padding:6px 11px;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:90;box-shadow:0 4px 14px var(--shadow-color)}.nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;translate:0 -50%;border:5px solid transparent;border-right-color:var(--accent)}@media(min-width:769px){.nav-is-collapsed .nav-link:hover .nav-tooltip,.nav-is-collapsed .nav-link:focus-visible .nav-tooltip,.nav-is-collapsed .nav-lang:hover .nav-tooltip,.nav-is-collapsed .nav-lang:focus-visible .nav-tooltip,.nav-is-collapsed .nav-collapse-toggle:hover .nav-tooltip,.nav-is-collapsed .nav-collapse-toggle:focus-visible .nav-tooltip{opacity:1;visibility:visible;animation:pop-in var(--dur-fast) var(--ease-out)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-sm);border:none;border-radius:var(--r-pill);padding:10px 20px;font-weight:var(--font-bold);font-size:14px;transition:transform var(--dur-instant) var(--ease-standard),filter var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{background:var(--surface-alt);color:var(--text-faint);border:none;box-shadow:var(--shadow-card);box-shadow:none;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--accent-glow)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{background:var(--surface);color:var(--text);border:none;box-shadow:var(--shadow-card)}.btn--ghost:hover:not(:disabled){border-color:var(--text-faint);background:var(--hover)}.btn--soft{background:var(--accent-soft);color:var(--accent-deep)}.btn--soft:hover:not(:disabled){filter:brightness(1.03)}.btn--danger{background:var(--danger-strong);color:#fff}.btn--sm{padding:6px 14px;font-size:13px}.btn--lg{padding:13px 28px;font-size:15px}.btn--icon{padding:8px;border-radius:var(--r-sm);background:transparent;color:var(--muted);border:none}.btn--icon:hover{background:var(--hover);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;border:none;box-shadow:var(--shadow-card);background:var(--surface);color:var(--muted);border-radius:var(--r-pill);padding:5px 13px;font-size:13px;font-weight:var(--font-semibold);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-instant) var(--ease-standard);white-space:nowrap}.chip:active:not(:disabled){transform:scale(.96)}.chip:hover{border-color:var(--text-faint)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip .chip__count{font-size:11px;opacity:.75}.card{background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-card);padding:var(--s-lg)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s-md)}.field__label{font-size:13px;font-weight:var(--font-bold);color:var(--muted)}.input{background:var(--input-bg);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);padding:12px 16px;color:var(--text);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);width:100%}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--teal-dim);outline:none}.input::placeholder{color:var(--muted)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;height:18px;cursor:pointer}.slider:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-pill);background:var(--track)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 3px var(--shadow-color)}.slider::-moz-range-track{height:6px;border-radius:var(--r-pill);background:var(--track)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 3px var(--shadow-color)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;background:var(--input-bg);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);padding:12px 16px;color:var(--text);font:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--teal-dim);outline:none}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-trigger__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger__chevron{flex-shrink:0;color:var(--muted);transition:transform var(--dur-fast) var(--ease-standard)}.select-trigger[aria-expanded=true] .select-trigger__chevron{transform:rotate(180deg)}.select-menu{z-index:400;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-lg);box-shadow:0 8px 24px var(--shadow-color);transform-origin:top center;animation:pop-in var(--dur-fast) var(--ease-out)}.select-menu--up{transform-origin:bottom center}.select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;min-height:44px;border-radius:var(--r-sm);color:var(--text);cursor:pointer}.select-option.is-highlighted{background:var(--accent-soft)}.select-option.is-selected{font-weight:var(--font-semibold);background:var(--teal-dim)}.select-option.is-selected.is-highlighted{background:var(--accent-soft)}.select-option__label{flex:1;min-width:0;overflow-wrap:anywhere}.select-option__check{flex-shrink:0;color:var(--accent-deep)}.toggle{min-height:44px;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle.is-disabled{cursor:not-allowed;opacity:.5}.toggle__track{width:42px;height:24px;border-radius:var(--r-pill);background:var(--text-faint);position:relative;transition:background var(--dur-base) var(--ease-standard);display:inline-block;flex-shrink:0}.toggle__track.is-on{background:var(--accent)}.toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px var(--shadow-color);transition:transform var(--dur-base) var(--ease-spring)}.toggle__track.is-on .toggle__thumb{transform:translate(18px)}.toggle:active .toggle__thumb{transform:scale(.9)}.toggle:active .toggle__track.is-on .toggle__thumb{transform:translate(18px) scale(.9)}.toggle__label{font-size:var(--body-size);line-height:var(--body-line)}.eyebrow{font-size:11px;font-weight:var(--font-bold);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:var(--s-xs)}.text-muted{color:var(--muted)}.text-faint{color:var(--text-faint)}.text-small{font-size:13px}.spinner{width:26px;height:26px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{display:flex;align-items:center;justify-content:center;min-height:60vh}.stack{display:flex;flex-direction:column;gap:var(--s-md)}.row{display:flex;align-items:center;gap:var(--s-sm)}.wrap{flex-wrap:wrap}.grow{flex:1}.tag-dot{width:14px;height:14px;border-radius:50%;display:inline-block;border:2px solid transparent;cursor:pointer}.tag-dot.is-active{border-color:var(--text)}.rank-bar{display:flex;gap:3px;align-items:center}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:12px;font-weight:var(--font-semibold);padding:4px 9px;border-radius:var(--r-xs);white-space:nowrap;z-index:50;pointer-events:none;animation:tip-in var(--dur-fast) var(--ease-out)}@keyframes tip-in{0%{opacity:0;transform:translate(-50%) translateY(3px) scale(.96);filter:blur(2px)}}.kbd{display:inline-block;background:var(--surface-alt);border:none;box-shadow:var(--shadow-card);border-bottom-width:2px;border-radius:var(--r-xs);padding:1px 6px;font-size:12px;font-weight:var(--font-bold);font-family:var(--font-family)}.empty{text-align:center;padding:var(--s-xxl) var(--s-lg);color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--s-sm);animation:page-in var(--dur-slow) var(--ease-out)}.empty img{width:140px;height:140px;object-fit:contain;opacity:.9}.empty__badge{width:88px;height:88px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center}.empty h3{color:var(--text);font-size:18px}@media(max-width:900px){.app-content{padding:var(--s-md)}}.nav-lang{position:relative;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--r-md);background:var(--input-bg);border:none;box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:var(--s-xs);white-space:nowrap;transition:border-color var(--dur-fast),background var(--dur-fast)}.nav-lang:hover{background:var(--hover);border-color:var(--text-faint)}.nav-lang__code{display:inline-flex;align-items:center;gap:8px;font-weight:var(--font-display);font-size:14px;letter-spacing:.4px;color:var(--text);min-width:40px}.nav-lang__name{font-size:13.5px;font-weight:var(--font-semibold);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-lang__caret{color:var(--text-faint);flex-shrink:0}.nav-is-collapsed .nav-lang{justify-content:center;padding:9px 0}.nav-is-collapsed .nav-lang__name,.nav-is-collapsed .nav-lang__caret{display:none}.nav-lang__menu{position:fixed;width:260px;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);box-shadow:0 12px 40px var(--shadow-color);padding:var(--s-sm);z-index:400;max-height:76vh;overflow-y:auto;transform-origin:top left;animation:pop-in var(--dur-fast) var(--ease-out)}.nav-lang__menu-title{font-size:var(--body-size);font-weight:var(--font-semibold);letter-spacing:var(--body-tracking);color:var(--text-faint);padding:4px 8px 6px}.nav-lang__option{min-height:44px;display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:7px 10px;border-radius:var(--r-sm);font-size:14px;font-weight:var(--font-semibold);color:var(--muted);cursor:pointer;text-align:left}.nav-lang__option:hover{background:var(--hover);color:var(--text)}.nav-lang__option.is-active{background:var(--accent-soft);color:var(--accent-deep)}.nav-lang__code-sm{display:none}.nav-lang__option.is-active .nav-lang__code-sm{color:var(--accent-deep)}.nav-lang__divider{height:1px;background:var(--border);margin:6px 0}.nav-lang__row{padding:6px 8px}.nav-lang__translation-options{max-height:220px;overflow-y:auto}.nav-user{border-top:1px solid var(--track);padding-top:var(--s-sm)}.nav-user__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.nav-user__name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user__row{display:flex;align-items:center;gap:10px}.nav-user__meta{min-width:0}.nav-user__signout{border:none;background:none;padding:0;cursor:pointer;font-size:12px;color:var(--text-faint)}.nav-user__signout:hover{color:var(--text)}.nav-is-collapsed .nav-user__row{justify-content:center}.nav-is-collapsed .nav-user__meta{display:none}.nav-is-collapsed .nav-user__signin{margin:0 auto}.country-flag{display:inline-block;line-height:0;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #ffffff1f}.country-flag svg{width:100%;height:100%;display:block;border-radius:50%}h1,h2{font-size:var(--title-size);line-height:var(--title-line);font-weight:600;letter-spacing:var(--title-tracking);text-wrap:balance}h3,h4{font-size:var(--section-size);line-height:var(--section-line);font-weight:600;letter-spacing:var(--section-tracking);text-wrap:balance}button,input,select,textarea{letter-spacing:var(--body-tracking)}input,textarea{caret-color:var(--accent)}a{text-underline-offset:3px}.nav-rail{padding:16px 12px;border:0;box-shadow:2px 0 18px var(--shadow-color-sm);gap:8px}.nav-brand{min-height:56px;gap:10px;margin-bottom:14px}.nav-brand__name{font-size:19px;font-weight:600;letter-spacing:-.7px}.brand-mark{display:inline-flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:20px;font-weight:600;letter-spacing:-1px;box-shadow:var(--shadow-button)}.nav-collapse-toggle{top:8px;right:0}.nav-link{min-height:44px;font-size:var(--body-size);font-weight:500}.nav-link__icon{color:var(--strong)}.nav-link.is-active{box-shadow:inset 0 6px 6px -3px var(--button-highlight),0 3px 8px var(--shadow-color-sm)}.nav-section{color:var(--muted);letter-spacing:.3px;text-transform:none;font-size:12px;font-weight:500;padding-top:16px}.btn,.chip{height:44px;min-height:44px;font-size:var(--body-size);font-weight:500;line-height:18px;border:0;box-shadow:var(--shadow-button)}.btn--sm{min-height:44px;padding:8px 14px}.btn--lg{min-height:44px;padding:12px 22px}.btn--icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:42px;min-width:42px;padding:0;border-radius:50%;background:var(--surface);color:var(--strong);box-shadow:var(--shadow-button)}.btn:disabled{border:0;box-shadow:inset 0 6px 6px -3px var(--button-highlight)}.card{border:0;border-radius:var(--r-card);box-shadow:var(--shadow-card)}.select-menu,.nav-lang__menu{border:0;box-shadow:var(--shadow-raised)}.input,.select-trigger{min-height:44px;border:0;font-size:var(--body-size);box-shadow:inset 0 2px 4px var(--shadow-color-sm)}.select-trigger:focus-visible,.input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.signin-page{width:min(440px,calc(100% - 32px));margin:72px auto}.signin-page .card{padding:32px;text-align:center}.signin-page .brand-mark{width:46px;height:46px;margin-bottom:24px;font-size:26px}@media(max-width:768px){.nav-rail{padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:2px}.nav-link{min-height:46px;font-size:11px}.signin-page{margin:32px auto}}.nav-brand img.brand-mark{width:36px;height:36px;border-radius:12px}.nav-lang__divider{background:var(--track)}.brand-mark{object-fit:cover}.signin-page img.brand-mark{width:46px;height:46px;border-radius:14px}.tag-dot{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-button)}.tag-dot span{width:var(--tag-size);height:var(--tag-size);border-radius:50%;background:var(--tag-color)}.tag-dot[aria-pressed=true] span{outline:2px solid var(--text);outline-offset:2px}.nav-lang{width:100%;color:var(--text);font:inherit;text-align:left}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;pointer-events:none}.drawer-layer--right{justify-content:flex-end}.drawer-layer--bottom{align-items:flex-end;justify-content:center}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn var(--dur-base) var(--ease-standard);pointer-events:auto}@keyframes fadeIn{0%{opacity:0}}.drawer{position:relative;background:var(--surface);pointer-events:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-raised);animation:slideInRight var(--dur-slow) var(--ease-out);max-width:100vw}.drawer-layer--right .drawer{height:100%}.drawer-layer--bottom .drawer{width:100%;max-height:88%;border-radius:var(--r-xl) var(--r-xl) 0 0;animation:slideUp var(--dur-slow) var(--ease-out)}@keyframes slideInRight{0%{transform:translate(100%)}}@keyframes slideUp{0%{transform:translateY(100%)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-md) var(--s-lg);border-bottom:1px solid var(--track);flex-shrink:0}.drawer__title{font-weight:var(--font-display);font-size:var(--section-size);line-height:var(--section-line);letter-spacing:var(--section-tracking)}.drawer__body{flex:1;overflow-y:auto;padding:var(--s-md) var(--s-lg) var(--s-xxl)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--s-lg);animation:fadeIn var(--dur-base) var(--ease-standard)}.modal{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-xl);width:100%;max-width:420px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-raised);animation:popIn var(--dur-base) var(--ease-out)}@keyframes popIn{0%{transform:scale(.96);opacity:0}}@media(max-width:768px){.drawer-layer--right .drawer{width:100vw!important;max-width:100vw}.drawer__body{padding-bottom:calc(var(--s-xxl) + env(safe-area-inset-bottom))}}.player-page{display:flex;flex-direction:column;min-height:100%}.player-video{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;max-width:995px;width:100%;margin:0 auto;box-shadow:0 8px 32px #0006,0 2px 8px #0003;border:1px solid rgba(255,255,255,.05)}.video-subs{max-width:995px;width:100%;margin:14px auto 0;display:flex;align-items:flex-start;justify-content:center}.video-subs__inner{width:100%;max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.sub-line-card{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-card);padding:10px 16px;width:100%}.sub-line-card__play,.sub-line-card__save{flex-shrink:0;margin-top:4px}.sub-line-card__texts{flex:1;min-width:0}.sub-line{max-width:100%;text-align:center;padding:4px 15px;border-radius:10px;font-size:23px;line-height:1.5;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.sub-line--trans{font-size:16px;color:var(--muted);cursor:default}.sub-line--source:hover .tt-word{color:var(--accent)}.auto-pause-hint{pointer-events:auto;background:#000000b3;color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-pill);padding:6px 14px;font-weight:600;font-size:13px}.no-subs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:#0000008c;text-align:center;padding:0 24px}.player-controls{display:flex;align-items:center;gap:var(--s-sm);padding:12px 4px;flex-wrap:wrap}.player-controls__time{font-size:13px;margin-left:4px;white-space:nowrap}.player-controls__rate{width:76px;min-width:0;padding:6px 8px}.player-tabs{display:flex;gap:4px;border-bottom:1px solid var(--track);margin-bottom:12px;padding:0 8px}.player-tab{position:relative;border:none;background:none;padding:12px 20px;font-size:15px;font-weight:var(--font-bold);color:var(--muted);cursor:pointer;transition:color var(--dur-fast)}.player-tab:hover,.player-tab.is-active{color:var(--text)}.player-tab:after{content:"";position:absolute;left:50%;transform:translate(-50%) scaleX(0);bottom:-2px;width:70px;height:3px;background:var(--accent);border-radius:2px 2px 0 0;transition:transform var(--dur-base) var(--ease-out)}.player-tab.is-active:after{transform:translate(-50%) scaleX(1)}.player-body{flex:1}.transcript{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow-y:auto;padding-bottom:var(--s-xl)}.transcript-line{display:flex;gap:12px;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast);align-items:flex-start}.transcript-line:hover{background:var(--hover)}.transcript-line.is-active{background:var(--active)}.transcript-line.is-active .transcript-line__source{color:var(--accent-deep)}.transcript-line__time{font-size:12px;color:var(--text-faint);min-width:38px;padding-top:3px;font-variant-numeric:tabular-nums}.transcript-line__texts{flex:1;min-width:0}.transcript-line__source{font-size:16px;font-weight:600;line-height:1.5;cursor:text}.transcript-line__trans{font-size:14px;margin-top:2px}.transcript-line__actions{opacity:0;transition:opacity .12s}.transcript-line:hover .transcript-line__actions,.transcript-line:focus-within .transcript-line__actions{opacity:1}.tt-word{cursor:pointer;border-radius:3px;transition:background var(--dur-fast);padding:0 1px}.tt-word:hover,.tt-word:focus-visible{color:var(--accent);outline-color:var(--accent);background:transparent}.words-panel{max-width:860px}.words-table{width:100%;border-collapse:collapse;font-size:14px}.words-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);padding:8px 10px;border-bottom:1px solid var(--track)}.words-table td{padding:8px 10px;border-bottom:1px solid var(--track);vertical-align:middle}.words-table tbody tr{transition:background var(--dur-fast)}.words-table tbody tr:hover{background:var(--hover)}.dict-drawer{display:flex;flex-direction:column}.stage-btn{border:none;box-shadow:var(--shadow-card);background:var(--surface-alt);color:var(--muted);border-radius:var(--r-md);padding:7px 16px;font-size:13px;font-weight:var(--font-bold);cursor:pointer;transition:all var(--dur-fast)}.stage-btn:hover{filter:brightness(1.1)}.stage-btn.is-active{border-color:currentColor}.stage-btn--known.is-active{background:color-mix(in srgb,var(--stage-known) 15%,transparent);color:var(--stage-known);border-color:var(--stage-known)}.stage-btn--learning.is-active{background:color-mix(in srgb,var(--stage-learning) 15%,transparent);color:var(--stage-learning);border-color:var(--stage-learning)}.stage-btn--skipped.is-active{background:color-mix(in srgb,var(--stage-skipped) 15%,transparent);color:var(--stage-skipped);border-color:var(--stage-skipped)}.stage-btn--remove{color:var(--danger-strong);border-color:var(--danger-strong)}.dict-translation-chip{background:var(--accent-soft);color:var(--accent-deep);border-radius:var(--r-pill);padding:4px 12px;font-weight:600;font-size:13px}.dict-example{background:var(--surface-alt);border-radius:var(--r-sm);padding:10px 14px;font-size:14px}.dict-tab{border:none;background:none;padding:5px 14px;font-size:13px;font-weight:var(--font-bold);color:var(--muted);border-radius:50px;cursor:pointer;height:26px}.dict-llm{font-size:14px;line-height:1.6;color:var(--text)}.dict-llm .md-para{margin:0 0 8px}.dict-llm .md-para:last-child{margin-bottom:0}.dict-llm .md-heading{font-weight:600;margin:10px 0 4px}.dict-llm .md-heading:first-child{margin-top:0}.dict-llm .md-heading--1,.dict-llm .md-heading--2{font-size:15px}.dict-llm .md-heading--3,.dict-llm .md-heading--4{font-size:14px}.dict-llm .md-list{margin:4px 0 8px;padding-left:20px}.dict-llm .md-list li{margin-bottom:2px}.dict-llm code{background:var(--surface-alt);border:none;box-shadow:var(--shadow-card);border-radius:4px;font-size:13px;padding:0 4px}.stat-card{transition:transform var(--dur-fast) var(--ease-out)}.stat-card:hover{transform:translateY(-2px)}.session{max-width:620px;margin:0 auto;padding:var(--s-md) 0}.session-progress{margin-bottom:16px}.progress-track{height:6px;background:var(--surface-alt);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:background var(--dur-base) var(--ease-out)}.study-card{background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-lg);padding:var(--s-xl);min-height:340px;display:flex;flex-direction:column}.study-card__meta{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.study-card__tag{font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;padding:2px 9px;letter-spacing:.4px}.study-card__prompt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.study-card__word{font-size:26px;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);align-self:flex-start;padding:4px 16px;border-radius:var(--r-pill)}.saved-items-table td{max-width:300px;overflow:hidden}.saved-items-table .select-trigger{width:auto;min-width:0;padding:6px 10px}.media-player video{border-radius:var(--r-md)}.transcript--media{max-height:46vh}.choice-cards{display:flex;gap:var(--s-sm);flex-wrap:wrap}.choice-card{position:relative;flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:none;box-shadow:var(--shadow-card);border-radius:var(--r-card);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-instant) var(--ease-out)}.choice-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.choice-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.choice-card:disabled{opacity:.5;cursor:not-allowed}.choice-card svg{color:var(--accent-deep)}.choice-card__hint{font-size:11px;font-weight:500;color:var(--text-faint)}.asr-status{margin-top:12px;border:none;box-shadow:var(--shadow-card);border-radius:var(--r-card);background:var(--surface-alt);padding:14px;display:flex;flex-direction:column;gap:10px}.asr-status__icon{color:var(--gold-strong);flex-shrink:0}.asr-status__icon--error{color:var(--danger-strong)}.asr-status__icon--waiting{transform-origin:center;animation:asr-hourglass-flip 2.4s ease-in-out infinite}@keyframes asr-hourglass-flip{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){.asr-status__icon--waiting{animation:none}}.asr-status__error{font-size:14px;color:var(--danger-strong)}.asr-status__skeleton{height:12px;border-radius:var(--r-xs);background:var(--track);animation:asr-skeleton-pulse 1.4s ease-in-out infinite}.asr-status__skeleton--short{width:60%}@keyframes asr-skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}.asr-progress{height:6px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.asr-progress__fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:background var(--dur-base) var(--ease-out)}.asr-partial-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);background:var(--gold-soft-strong);color:var(--gold-strong);font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:900px){.app-shell:not(.nav-is-collapsed) .nav-rail{width:var(--nav-width-mini)}.app-shell:not(.nav-is-collapsed) .nav-brand__name,.app-shell:not(.nav-is-collapsed) .nav-section,.app-shell:not(.nav-is-collapsed) .nav-link__label,.app-shell:not(.nav-is-collapsed) .nav-lang__name,.app-shell:not(.nav-is-collapsed) .nav-lang__caret{display:none}.app-shell:not(.nav-is-collapsed) .nav-link{justify-content:center;padding:12px 0}.app-shell:not(.nav-is-collapsed) .nav-lang{justify-content:center}.app-shell:not(.nav-is-collapsed) .nav-lang__code>span:not(.country-flag){display:none}.app-shell:not(.nav-is-collapsed) .nav-link__badge{position:absolute;margin-left:22px;margin-top:-14px}.app-shell:not(.nav-is-collapsed) .nav-user__meta{display:none}.app-shell:not(.nav-is-collapsed) .nav-user__row{justify-content:center}.video-row{flex-direction:row}.video-row__thumb{width:140px}.sub-line{font-size:16px}.player-controls__time{display:none}}.catalogue-page{padding:0}.catalogue-lr{display:flex;gap:var(--s-lg);min-height:100%}.catalogue-lr__rail{width:306px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--s-md);padding-right:var(--s-md);border-right:1px solid var(--track);max-height:calc(100vh - 140px);overflow-y:auto;position:sticky;top:0}.catalogue-lr__tabs{display:flex;flex-direction:column;gap:6px}.media-tab{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:9px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:var(--font-semibold);color:var(--muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast);text-align:left}.media-tab:hover:not(:disabled){background:var(--hover);color:var(--text)}.media-tab.is-active{background:var(--active);color:var(--text)}.media-tab:disabled{opacity:.4;cursor:not-allowed}.catalogue-lr__filters{display:flex;flex-direction:column;gap:6px;padding:var(--s-md) 0;border-bottom:1px solid var(--track);overflow:visible}.filter-label{font-size:12px;font-weight:var(--font-bold);letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);margin:8px 0 2px}.filter-slider{width:100%;margin:4px 0 2px}.filter-stops{display:flex;gap:6px;flex-wrap:wrap}.filter-stop{border:none;box-shadow:var(--shadow-card);background:var(--surface);color:var(--muted);font-size:12px;font-weight:var(--font-semibold);padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-instant) var(--ease-standard)}.filter-stop:active{transform:scale(.95)}.filter-stop.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.lvl-slider{--lvl-track-h: 22px;--lvl-thumb: 44px;position:relative;display:flex;height:var(--lvl-track-h);border-radius:var(--r-pill);background:var(--surface-alt);border:none;box-shadow:var(--shadow-card);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;margin:calc((var(--lvl-thumb) - var(--lvl-track-h)) / 2 + 2px) 0}.lvl-slider--compact{--lvl-track-h: 20px;--lvl-thumb: 40px}.lvl-slider__segment{flex:1;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--track)}.lvl-slider__segment:first-child{border-left:none}.lvl-slider__label{font-size:11px;font-weight:var(--font-bold);letter-spacing:.8px;color:var(--text-faint);transition:opacity var(--dur-fast)}.lvl-slider__segment.is-active .lvl-slider__label{opacity:0}.lvl-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--lvl-thumb);height:var(--lvl-thumb);border-radius:50%;background:var(--lvl-color, var(--purple));color:var(--lvl-on, #fff);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:var(--font-display);border:2px solid var(--surface);box-shadow:0 2px 8px var(--shadow-color);pointer-events:none;z-index:1;transition:left var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.lvl-slider--compact .lvl-slider__thumb{font-size:13px}.lvl-slider:active .lvl-slider__thumb{transform:translate(-50%,-50%) scale(1.06)}.toast{position:fixed;right:24px;bottom:24px;z-index:500;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-deep);font-weight:var(--font-bold);box-shadow:0 8px 24px var(--shadow-color);animation:pop-in var(--dur-fast) var(--ease-out);transform-origin:bottom right;pointer-events:none}@media(max-width:768px){.toast{right:16px;bottom:calc(92px + env(safe-area-inset-bottom))}}.catalogue-lr__channels{display:flex;flex-direction:column;gap:2px}.catalogue-lr__section-title{font-size:12px;font-weight:var(--font-bold);letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.channel-row{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:background var(--dur-fast)}.channel-row:hover{background:var(--hover)}.channel-row.is-active{background:var(--accent-soft)}.channel-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:var(--font-semibold);color:var(--text)}.channel-row.is-active .channel-row__name{color:var(--accent-deep)}.channel-row__count{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.catalogue-lr__main{flex:1;min-width:0}.catalogue-lr__heading{font-size:17px;font-weight:var(--font-display);letter-spacing:-.3px;margin-bottom:14px}.catalogue-search{position:relative;margin-bottom:var(--s-md)}.catalogue-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.catalogue-search .input{padding-left:40px;border-radius:var(--r-pill)}@media(max-width:900px){.catalogue-lr{flex-direction:column}.catalogue-lr__rail{width:100%;position:static;max-height:none;border-right:none;border-bottom:1px solid var(--track);padding-bottom:var(--s-md)}.catalogue-lr__channels{max-height:220px;overflow-y:auto}}.next-video-btn{display:flex;align-items:center;gap:10px;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-sm);padding:6px 12px 6px 6px;cursor:pointer;max-width:320px;color:var(--text);transition:border-color .12s,background .12s}.next-video-btn:hover{border-color:var(--accent);background:var(--hover)}.next-video-btn__thumb{width:44px;height:26px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#000}.next-video-btn__thumb img{width:100%;height:100%;object-fit:cover}.next-video-btn__meta{display:flex;flex-direction:column;min-width:0;text-align:left}.next-video-btn__label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint)}.next-video-btn__title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue-tabsbar{display:flex;align-items:center;gap:4px;padding-bottom:var(--s-md);margin-bottom:var(--s-md);border-bottom:1px solid var(--track);flex-wrap:wrap}.catalogue-tabsbar .media-tab{width:auto;border-radius:50px;padding:8px 14px}.video-rows{display:flex;flex-direction:column}.video-row{display:flex;gap:20px;padding:10px 12px;border-radius:8px;max-width:1000px;transition:background .12s}.video-row:hover{background:var(--hover)}.video-row__thumb{width:216px;flex-shrink:0;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.video-row__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-base) var(--ease-out)}.video-row:hover .video-row__thumb img{transform:scale(1.03)}.video-row:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.video-row__body{min-width:0;display:flex;flex-direction:column;justify-content:center}.video-row__title{font-size:20px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.video-row__channel{font-size:14px;color:var(--muted)}.video-row__meta{font-size:14px;color:var(--text-faint)}.video-row__chip{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;border:none;box-shadow:var(--shadow-card);background:var(--surface-alt);color:var(--muted)}@media(max-width:900px){.video-row{gap:12px;padding:8px;max-width:none}.video-row__thumb{width:160px}.video-row__title{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.study-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--track)}.study-card__heading{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}.study-card__meta{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}.stage-pill{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:30px;border-radius:var(--r-pill);border:none;box-shadow:var(--shadow-card);background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.stage-pill__count{font-size:12px;opacity:.8}.stage-pill--known{border-color:var(--stage-known);color:var(--stage-known)}.stage-pill--known.is-active{background:var(--stage-known);color:var(--accent-text)}.stage-pill--learning{border-color:var(--stage-learning);color:var(--stage-learning)}.stage-pill--learning.is-active{background:var(--stage-learning);color:var(--accent-text)}.stage-pill--skipped{border-color:var(--stage-skipped);color:var(--stage-skipped)}.stage-pill--skipped.is-active{background:var(--stage-skipped);color:var(--accent-on)}.catalogue-page,.media-page,.saved-page,.gym-dashboard,.settings-page,.help-page{padding:14px 20px 40px;max-width:none;animation:page-in var(--dur-base) var(--ease-out)}.player-page{padding:12px 20px 40px;animation:page-in var(--dur-base) var(--ease-out)}.bulk-bar{background:var(--purple);border-radius:var(--r-sm);padding:12px 16px;color:#fff}.bulk-bar .select-trigger,.bulk-bar input{background:#ffffff1f;border-color:#ffffff40;color:#fff}.bulk-bar .select-trigger__chevron{color:#fffc}.bulk-bar .btn--ghost{border-color:#fff6;color:#fff}.bulk-bar .btn--danger{background:#ffffff26;color:#fff}.gym-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.gym-hero__copy h2{font-size:24px;font-weight:600;letter-spacing:-.4px;margin-bottom:4px}.gym-hero__today{color:var(--muted);font-size:15px}.gym-hero__urgent{color:var(--danger-strong);font-weight:600}.gym-hero__start{background:var(--accent);color:var(--accent-text);border-radius:var(--r-pill);height:44px;min-height:44px;padding:12px 22px;font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);font-weight:500;box-shadow:var(--accent-glow)}.gym-hero__start:hover{filter:brightness(1.08)}.gym-fabs{display:flex;justify-content:center;gap:12px;margin-top:20px}.gym-fab{width:56px;height:56px;border-radius:50%;border:none;background:var(--hover);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),transform var(--dur-instant) var(--ease-standard)}.gym-fab:hover{background:var(--active)}.gym-fab:active{transform:scale(.95)}.gym-fab--primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--accent-glow)}.gym-fab--primary:hover{background:var(--accent);filter:brightness(1.08)}.gym-grade-row{display:flex;gap:10px;margin-top:14px}.gym-dash-top{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.gym-dash-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:20px;align-items:stretch}.gym-dash-bottom .card{min-width:0;margin-bottom:0}.gym-card{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:0}.gym-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;margin-bottom:12px}.gym-card__head h3{font-size:var(--section-size);line-height:var(--section-line);letter-spacing:var(--section-tracking);font-weight:600}.gym-card__nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.gym-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-xs);border:none;box-shadow:var(--shadow-card);background:var(--surface);color:var(--muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.gym-nav-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.gym-nav-btn:disabled{opacity:.4;cursor:default}.gym-card__bar-labels{display:flex;justify-content:space-between;align-self:stretch;font-size:12px;color:var(--muted);margin-top:6px}.gym-card__bar-count{color:var(--accent-deep);font-weight:600}.gym-mini-stat{display:flex;flex-direction:column;gap:1px}.gym-mini-stat b{font-size:18px;font-weight:600}.gym-mini-stat .text-faint{font-size:11px}.gym-level{justify-content:center}.gym-level__badge{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;letter-spacing:.5px;box-shadow:0 0 0 5px var(--purple-dim);margin-bottom:8px}.gym-level__name{font-size:17px;font-weight:600}.gym-level__track{align-self:stretch;margin-top:14px}.gym-goal{justify-content:center}.gym-ring{position:relative;width:120px;height:120px;margin-bottom:8px}.gym-ring__svg{width:100%;height:100%;display:block}.gym-ring__track,.gym-ring__fill{fill:none;stroke-width:10}.gym-ring__track{stroke:var(--track)}.gym-ring__fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.gym-ring__pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.gym-goal__count{color:var(--accent-deep);font-size:17px;font-weight:600}.gym-streak{align-items:stretch;justify-content:space-between;gap:12px}.gym-streak__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gym-streak__count{font-size:19px;font-weight:600}.gym-streak__flame{color:var(--gold-strong)}.gym-streak__dots{display:flex;justify-content:space-between;gap:4px;padding-bottom:22px}.gym-dot{position:relative;width:26px;height:26px;border-radius:50%;border:none;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;color:var(--accent-on)}.gym-dot--on{background:var(--accent);border-color:var(--accent)}.gym-dot--future{background:var(--surface-alt);box-shadow:none}.gym-dot__label{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);font-weight:400;color:var(--text-faint)}.gym-streak__stats{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--track);padding-top:12px;margin-top:10px}.gym-trends{align-items:stretch}.gym-trends__body{display:flex;gap:18px;flex:1}.gym-trends__summary{display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:92px}.gym-trends__chart{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;min-height:150px}.gym-bar-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;height:100%}.gym-bar-pair{display:flex;align-items:flex-end;gap:4px;flex:1;width:100%;justify-content:center}.gym-bar{width:12px;min-height:2px;border-radius:4px 4px 2px 2px;background:var(--accent);transition:background var(--dur-base) var(--ease-out)}.gym-bar--prev{background:var(--track)}.gym-bar-label{font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);font-weight:400;color:var(--text-faint)}.gym-legend{display:flex;gap:16px;margin-top:14px}.gym-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.gym-legend__swatch{width:10px;height:10px;border-radius:50%;background:var(--accent)}.gym-legend__swatch--prev{background:var(--track)}.gym-legend__chip{width:14px;height:14px;border-width:1.5px}.gym-cal{align-items:stretch}.gym-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 4px;justify-items:center;flex:1}.gym-cal__dow{font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);font-weight:400;color:var(--text-faint)}.gym-cal-day{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking);font-weight:400;color:var(--muted);border:1.5px solid transparent}.gym-cal-day--out{border:none}.gym-cal-day--active{background:var(--accent);color:var(--accent-text);font-weight:400}.gym-cal-day--partial{border-color:var(--accent);color:var(--accent-deep)}.gym-cal-day--today{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-dim);font-weight:400;color:var(--text)}.gym-cal-day--active.gym-cal-day--today{color:var(--accent-text)}@media(max-width:900px){.gym-dash-top,.gym-dash-bottom{grid-template-columns:minmax(0,1fr)}}.settings-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-bottom:16px}.settings-cols .card{min-width:0;margin-bottom:0!important}.vocab-swatches{display:flex;gap:6px;flex-wrap:wrap}.vocab-swatch{width:26px;height:26px;border-radius:var(--r-xs);border:none;box-shadow:var(--shadow-card);cursor:pointer}@media(max-width:900px){.settings-cols{grid-template-columns:minmax(0,1fr)}}.mini-dict{position:fixed;z-index:200;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:8px;box-shadow:0 8px 24px var(--shadow-color);padding:8px 12px;display:flex;flex-direction:column;gap:2px;max-width:220px;pointer-events:none;animation:pop-in var(--dur-fast) var(--ease-out)}.mini-dict__word{font-weight:600;font-size:14px}.mini-dict__gloss{font-size:13px;color:var(--muted)}.gym-controls{display:flex;gap:16px;align-items:stretch;margin-bottom:20px}.gym-stats{display:flex;gap:10px;flex:1.2}.gym-stats .stat-card{flex:1;min-width:0;padding:12px 8px}.gym-stats .stat-card>div:nth-child(2){font-size:22px}.gym-settings{flex:1;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);padding:14px 16px}.gym-settings__hint{font-size:12px;color:var(--text-faint);margin-bottom:10px}@media(max-width:900px){.gym-controls{flex-direction:column}}.saved-date-group td{background:var(--surface-alt);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 10px!important;border-bottom:1px solid var(--track)}.saved-table .words-table th{background:var(--surface-alt);color:var(--muted)}.dict-translate{display:flex;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--track)}.dict-translate__input{flex:1;min-width:0;background:transparent;border:none;box-shadow:var(--shadow-card);border-radius:var(--r-xs);padding:8px 12px;font-size:15px;color:var(--text);outline:none}.dict-translate__input:focus{border-color:var(--accent)}.dict-contextual{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;flex-wrap:wrap}.dict-contextual__word{color:var(--gold-strong);font-weight:600;font-size:20px}.dict-contextual__trans{color:var(--muted);font-size:15px;padding-top:4px}.dict-contextual__tts{margin-left:auto;color:var(--text)}.dict-rank{display:flex;align-items:center;gap:10px;padding:6px 12px}.dict-rank__track{flex:1;max-width:167px;height:4px;border-radius:10px;background:var(--track);overflow:hidden}.dict-rank__fill{height:100%;background:var(--purple);border-radius:10px}.dict-rank__num{font-size:12px;font-weight:600;opacity:.5}.dict-stages{display:flex;gap:6px;padding:6px 12px}.lln-stage-btn{width:38px;height:38px;border-radius:var(--r-md);border:none;box-shadow:var(--shadow-card);background:var(--surface-alt);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast)}.lln-stage-btn:hover{filter:brightness(1.15)}.lln-stage-btn--known.is-active{background:color-mix(in srgb,var(--stage-known) 18%,transparent);color:var(--stage-known);border-color:var(--stage-known)}.lln-stage-btn--learning.is-active{background:color-mix(in srgb,var(--stage-learning) 18%,transparent);color:var(--stage-learning);border-color:var(--stage-learning)}.lln-stage-btn--skipped.is-active{background:color-mix(in srgb,var(--stage-skipped) 18%,transparent);color:var(--stage-skipped);border-color:var(--stage-skipped)}.lln-stage-btn--remove{color:var(--danger-strong);border-color:var(--danger-strong)}.dict-tags-row{display:flex;align-items:center;justify-content:space-between;padding:4px 12px}.dict-tags-link{font-size:12px;opacity:.4;cursor:pointer}.dict-divider{border:none;border-top:1px solid var(--track);margin:10px 0}.flex-center{display:flex;justify-content:center;padding:4px 12px}.dict-tabs{display:flex;gap:4px}.dict-tab{border:none;background:none;padding:5px 14px;font-size:13px;font-weight:600;color:var(--muted);border-radius:50px;cursor:pointer;height:26px}.dict-tab.is-active{background:var(--accent-soft);color:var(--accent-deep)}.dict-entry-word{color:var(--gold-strong);font-weight:600;font-size:15px}.dict-entry-pos{opacity:.45;font-style:italic;margin-right:5px}.dict-external{display:flex;gap:8px;padding:8px 20px}.dict-external__btn{width:30px;height:30px;border-radius:50%;border:none;box-shadow:var(--shadow-card);color:var(--muted);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;transition:all var(--dur-fast)}.dict-external__btn img{width:18px;height:18px;border-radius:4px}.dict-external__btn:hover{border-color:var(--accent);color:var(--accent)}.dict-examples{padding:8px 20px}.dict-examples__title{font-size:13px;font-weight:600;margin-bottom:6px}.dict-examples__title--current{color:var(--gold-strong)}.dict-examples__title--tatoeba{color:var(--accent-deep)}.dict-example-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--track)}.dict-example-row__text{flex:1;font-size:15px;line-height:1.5;color:var(--text);min-width:0}.dict-example-row__play{color:var(--accent);flex-shrink:0}.dict-example-row__save{color:var(--text-faint);flex-shrink:0}.dict-example-row__save:hover{color:var(--gold-strong)}.mp{margin:-14px -20px -40px;height:calc(100vh - 46px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text)}.mp-topbar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--track);flex-shrink:0}.mp-topbar__title{font-size:13px;font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.mp-topbar__acc{display:flex;align-items:center;gap:4px}.mp-acc{position:relative}.mp-iconbtn{width:32px;height:32px;border:none;border-radius:var(--r-sm);background:none;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.mp-iconbtn:hover{background:var(--hover);color:var(--text)}.mp-iconbtn.is-active{color:var(--accent)}.mp-chip{height:28px;min-width:42px;padding:0 10px;border-radius:var(--r-pill);border:none;box-shadow:var(--shadow-card);background:transparent;color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.mp-chip.is-active{border-color:var(--purple);background:var(--purple-dim)}.mp-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.mp-pop{position:absolute;top:38px;right:0;z-index:60;width:240px;background:var(--surface);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);box-shadow:0 8px 24px var(--shadow-color);padding:12px;display:flex;flex-direction:column;gap:10px;transform-origin:top right;animation:pop-in var(--dur-fast) var(--ease-out)}.mp-main{flex:1;min-height:0;display:flex;align-items:stretch}.mp-stage{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 20px 48px}.mp-video{position:relative;width:100%;max-width:995px;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;border:none;box-shadow:var(--shadow-card);flex-shrink:0}.mp-video:fullscreen{max-width:none;border-radius:0;border:none}.mp-video video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.mp-vcontrols{position:absolute;left:0;right:0;bottom:0;padding:4px 10px 8px;background:linear-gradient(transparent,#000000a6);display:flex;flex-direction:column;gap:2px}.mp-vcontrols .mp-iconbtn{color:#ffffffe6}.mp-vcontrols .mp-iconbtn:hover{background:#ffffff1f;color:#fff}.mp-vcontrols__row{display:flex;align-items:center;gap:10px}.mp-vcontrols__time{color:#ffffffd9;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.mp-scrub{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.mp-scrub:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:2px;background:#ffffff47}.mp-scrub__fill{position:absolute;left:0;height:4px;border-radius:2px;background:var(--purple)}.mp-scrub__handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%);pointer-events:none}.mp-scrub__tip{position:absolute;bottom:18px;transform:translate(-50%);background:#000000d9;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;pointer-events:none;font-variant-numeric:tabular-nums}.mp-subtitle{display:flex;align-items:flex-start;justify-content:center;gap:14px;width:100%;max-width:840px}.mp-subtitle__dot{width:9px;height:9px;border-radius:50%;background:var(--purple);flex-shrink:0;margin-top:18px}.mp-subtitle__body{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.mp-subtitle__card{background:var(--surface-alt);border-radius:var(--r-md);padding:8px 24px;font-size:21px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer}.mp-subtitle__card .tt-word:hover,.tt-word:focus-visible{color:var(--accent)}.mp-subtitle__trans{font-size:16px;color:var(--muted);text-align:center}.mp-asr-note{display:flex;justify-content:center}.mp-panel{width:380px;flex-shrink:0;border-left:1px solid var(--track);background:var(--surface);display:flex;flex-direction:column;min-height:0}.mp-panel__head{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--track);flex-shrink:0}.mp-tabs{flex:1;display:flex;justify-content:center;gap:18px}.mp-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 2px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast),border-bottom-color var(--dur-fast)}.mp-tab:hover{color:var(--muted)}.mp-tab.is-active{color:var(--text);border-bottom-color:var(--text)}.mp-search{padding:8px;border-bottom:1px solid var(--track);flex-shrink:0}.mp-panel__body{flex:1;min-height:0;overflow-y:auto;padding:4px 6px 40px}.mp-panel-open{width:24px;flex-shrink:0;border:none;border-left:1px solid var(--track);background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.mp-panel-open:hover{color:var(--text);background:var(--hover)}.mp-trows{display:flex;flex-direction:column;gap:2px;width:100%}.mp-trows--wide{max-width:900px}.mp-trow{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast)}.mp-trow:hover{background:var(--hover)}.mp-trow.is-active{background:var(--active)}.mp-trow__play{flex-shrink:0;width:26px;height:26px;margin-top:1px;border:none;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s}.mp-trow:hover .mp-trow__play,.mp-trow.is-active .mp-trow__play{opacity:1}.mp-trow__cols{flex:1;min-width:0;display:grid;grid-template-columns:1.15fr 1fr;gap:2px 12px;align-items:start}.mp-trow__src:only-child{grid-column:1 / -1}.mp-trow__src{font-size:14px;font-weight:600;line-height:1.5}.mp-trow__tr{font-size:13px;color:var(--muted);line-height:1.45}.mp-trow__actions{flex-shrink:0;color:var(--text-faint);opacity:0;transition:opacity .12s}.mp-trow:hover .mp-trow__actions,.mp-trow.is-active .mp-trow__actions{opacity:1}.mp-words{padding:10px 6px}.mp-pills{display:flex;gap:4px;background:var(--surface-alt);border-radius:var(--r-pill);padding:3px;margin-bottom:14px}.mp-pill{flex:1;border:none;background:none;padding:6px 8px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.mp-pill.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow-color-sm)}.mp-words__known-label{font-size:12px;font-weight:600;color:var(--muted);text-align:center;margin:0 0 6px}.mp-words__bar{height:5px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.mp-words__bar-fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:background var(--dur-base) var(--ease-out)}.mp-words__known-next{font-size:12px;color:var(--muted);text-align:center;margin:8px 0 0}.mp-wsection__divider{display:flex;align-items:center;gap:12px;margin:16px 0 8px;font-size:13px;color:var(--muted)}.mp-wsection__divider:before,.mp-wsection__divider:after{content:"";flex:1;height:1px;background:var(--border)}.mp-wgroup{margin-bottom:8px;border-radius:var(--r-md);padding:4px 6px}.mp-wgroup__head{display:flex;align-items:center;gap:8px;padding:4px 2px}.mp-wgroup__word{background:none;border:none;padding:0;font-family:inherit;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.mp-wgroup__word:hover{color:var(--accent)}.mp-wgroup__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mp-wgroup__dot--learning{background:var(--stage-learning)}.mp-wgroup__dot--known{background:var(--stage-known)}.mp-wgroup__dot--skipped{background:var(--stage-skipped)}.mp-wgroup__count{font-size:12px;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);border-radius:var(--r-pill);padding:1px 8px}.mp-wgroup__gloss{flex:1;min-width:0;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-wgroup__book{margin-left:auto;flex-shrink:0;width:30px;height:30px;border:none;border-radius:var(--r-sm);background:var(--gold-soft-strong);color:var(--gold-strong);display:flex;align-items:center;justify-content:center;cursor:pointer}.mp-wgroup__book:hover{filter:brightness(1.1)}.mp-wex{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:none;border:none;font-family:inherit;padding:3px 4px 3px 10px;border-radius:var(--r-xs);cursor:pointer}.mp-wex:hover{background:var(--hover)}.mp-wex__src{font-size:13.5px;color:var(--text);line-height:1.5}.mp-wex__src b{font-weight:600}.mp-wex__tr{font-size:12.5px;color:var(--muted);line-height:1.4}.mini-dict--rich{pointer-events:auto;transform:translateY(-100%);min-width:190px;padding:10px 12px;gap:10px;animation:pop-in-above var(--dur-fast) var(--ease-out)}@keyframes pop-in-above{0%{opacity:0;transform:translateY(calc(-100% + 4px)) scale(.96);filter:blur(2px)}}.mini-dict__glosses{display:flex;flex-direction:column;gap:2px}.mini-dict__gloss--primary{color:var(--text);font-weight:600;font-size:15px}.mini-dict__actions{display:flex;gap:8px}.mini-dict__btn{width:40px;height:34px;border:none;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.mini-dict__btn--known{background:var(--accent-soft);color:var(--accent-deep)}.mini-dict__btn--known.is-active{background:var(--accent);color:var(--accent-on)}.mini-dict__btn--dict{background:var(--gold-soft-strong);color:var(--gold-strong)}@media(max-width:900px){.mp{height:auto;min-height:calc(100vh - 46px);overflow:visible}.mp-main{flex-direction:column}.mp-stage{overflow:visible}.mp-panel{width:100%;border-left:none;border-top:1px solid var(--track);max-height:55vh}.mp-panel-open{width:100%;height:28px;border-left:none;border-top:1px solid var(--track)}.mp-subtitle__card{font-size:17px}}.books-panel{position:relative;padding:4px 0;max-width:860px}.books-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.books-panel__title{font-size:18px;font-weight:600}.books-panel__drop-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--scrim);color:var(--accent);font-size:18px;font-weight:600;pointer-events:none}.books-import{display:flex;align-items:center;gap:12px;padding:14px var(--s-md);margin-bottom:16px;border:none;box-shadow:var(--shadow-card);border-radius:var(--r-md);background:var(--surface)}.books-import .center-fill{width:100%}.books-import--error{border-color:var(--danger-strong)}.books-import__msg{flex:1;min-width:0;font-size:13px;color:var(--muted)}.books-import--error .books-import__msg{color:var(--danger-strong)}.books-list{display:flex;flex-direction:column;gap:2px}.books-item{display:flex;align-items:center;gap:4px}.books-book{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;border-radius:var(--r-sm);cursor:pointer;text-align:left;color:var(--text);transition:background var(--dur-fast)}.books-book:hover{background:var(--hover)}.books-book__icon{width:34px;height:34px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.books-book__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.books-book__title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-book__meta{font-size:12px;color:var(--text-faint)}.books-book__progress{height:4px;margin-top:4px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.books-book__progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.books-item__delete{flex-shrink:0}.books-reader{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:400px}.books-reader__head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--track)}.books-reader__title{flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-reader__pct{flex-shrink:0}.books-reader__view{display:flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--surface-alt);border:none;box-shadow:var(--shadow-card)}.books-reader__view-btn{display:flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:var(--font-semibold);padding:5px 12px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.books-reader__view-btn.is-active{background:var(--accent-soft);color:var(--accent-deep)}.books-reader__search{position:relative;margin-bottom:10px}.books-reader__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.books-reader__search .input{padding-left:36px}.books-reader__body{flex:1;overflow-y:auto}.books-reader__rows{max-width:1060px;margin:0 auto;display:flex;flex-direction:column;gap:6px;padding-bottom:40vh}.books-chunk{display:grid;grid-template-columns:24px 1fr auto;gap:4px 10px;align-items:start;padding:4px 8px;margin:0 -8px;border-radius:var(--r-sm);transition:background var(--dur-fast)}.books-chunk:hover{background:var(--surface-alt)}.books-chunk__cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 32px;align-items:start}.books-chunk__play{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px;border:none;border-radius:50%;background:transparent;color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.books-chunk__play:hover{color:var(--accent-deep);background:var(--accent-soft)}.books-chunk__actions{display:flex;opacity:0;transition:opacity var(--dur-fast)}.books-chunk:hover .books-chunk__actions,.books-chunk:focus-within .books-chunk__actions{opacity:1}@media(hover:none){.books-chunk__actions{opacity:1}}.books-chunk__src:only-child{grid-column:1 / -1}.books-chunk__src{font-size:16px;line-height:1.75}.books-chunk__tr{font-size:14px;line-height:1.7;color:var(--muted)}.books-reader__error{margin:0 0 8px;color:var(--danger-strong, var(--accent-deep))}@media(max-width:760px){.books-chunk__cols{grid-template-columns:1fr}}@media(max-width:768px){.app-shell{height:100dvh}.app-shell .nav-rail{position:fixed;left:0;right:0;bottom:0;z-index:80;width:auto!important;flex-direction:row;align-items:center;justify-content:space-around;gap:0;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--track);overflow:visible}.app-shell .nav-rail .nav-collapse-toggle,.app-shell .nav-rail .nav-brand__name,.app-shell .nav-rail .nav-section,.app-shell .nav-rail .nav-spacer{display:none}.app-shell .nav-rail .nav-brand{padding:4px;margin-bottom:0}.app-shell .nav-rail .nav-brand img{width:30px;height:30px}.app-shell .nav-rail .nav-link{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;min-width:48px;min-height:48px;padding:6px 8px;white-space:normal}.app-shell .nav-rail .nav-link__label{display:block;font-size:10px;line-height:1.1}.app-shell .nav-rail .nav-link.is-active:before{display:none}.app-shell .nav-rail .nav-link .nav-link__badge{position:absolute;top:1px;right:1px;margin:0}.app-shell .nav-rail .nav-lang{margin-bottom:0;padding:8px;min-width:48px;min-height:48px;justify-content:center;background:none;border-color:transparent}.app-shell .nav-rail .nav-lang__code{min-width:0}.app-shell .nav-rail .nav-lang__code>span:not(.country-flag),.app-shell .nav-rail .nav-lang__name,.app-shell .nav-rail .nav-lang__caret{display:none}.app-shell .nav-rail .nav-user{display:flex;align-items:center;border-top:none;padding-top:0}.app-shell .nav-rail .nav-user__row{flex-direction:column;justify-content:center;gap:1px;min-height:48px}.app-shell .nav-rail .nav-user__meta{display:block;text-align:center}.app-shell .nav-rail .nav-user__name{display:none}.app-shell .nav-rail .nav-user__signout{font-size:10px}.app-shell .nav-rail .nav-user__signin{padding:12px}.nav-lang__menu{top:auto!important;left:8px!important;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:60vh;transform-origin:bottom center}.app-shell .app-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.btn,.btn--sm{min-height:44px}.btn--icon{min-width:40px;min-height:40px}.chip{min-height:44px}.stage-pill{height:auto;min-height:44px}.media-tab,.channel-row{min-height:44px}}@media(max-width:400px){.app-shell .nav-rail .nav-brand{display:none}}@media(max-width:768px){.catalogue-tabsbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.catalogue-tabsbar .media-tab{flex-shrink:0}.catalogue-lr__channels{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.catalogue-lr__channels .catalogue-lr__section-title{display:none}.catalogue-lr__channels .channel-row{width:auto;flex-shrink:0;border:none;box-shadow:var(--shadow-card);border-radius:var(--r-pill);padding:8px 14px}.video-row__thumb{width:120px}.video-row__title{font-size:15px}}@media(max-width:768px){.player-tabs{overflow-x:auto;padding:0}.player-tab{padding:12px 14px;flex-shrink:0}.mp-topbar{flex-wrap:wrap}.mp-iconbtn{width:40px;height:40px}.mp-trow__cols{grid-template-columns:1fr}.words-panel{overflow-x:auto}.words-panel .words-table{min-width:520px}}@media(max-width:768px){.saved-table{overflow-x:auto!important}.saved-items-table{min-width:620px}.saved-items-table td{max-width:220px}.bulk-bar .select,.bulk-bar input{min-height:40px}}@media(max-width:768px){.gym-hero,.gym-stats{flex-wrap:wrap}.gym-stats .stat-card{min-width:0!important}}@media(min-width:901px)and (max-width:1024px){.catalogue-lr__rail{width:260px}.mp-panel{width:320px}}.catalogue-lr__heading{font-size:var(--title-size);line-height:var(--title-line);letter-spacing:var(--title-tracking);font-weight:600}.catalogue-lr__rail{width:266px;padding-right:24px}.catalogue-lr{gap:32px}.media-tab{min-height:44px;font-size:var(--body-size);font-weight:500}.media-tab.is-active{background:var(--surface);color:var(--accent-deep);box-shadow:var(--shadow-button)}.filter-label,.catalogue-lr__section-title{color:var(--muted);font-weight:500;letter-spacing:.3px;text-transform:none}.filter-stop,.stage-btn{min-height:38px;border:0;box-shadow:var(--shadow-button)}.study-card{border:0;border-radius:18px;box-shadow:var(--shadow-raised)}.study-card__word{font-size:22px;line-height:28px;letter-spacing:-.7px;font-weight:600}.transcript-line{border-radius:12px;padding-top:14px;padding-bottom:14px}.transcript-line__source,.transcript-line__trans{font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking)}.player-tabs{border-bottom:1px solid var(--track)}.player-tab{min-height:44px;font-weight:500}.sub-line-card{border:0;border-radius:14px;box-shadow:var(--shadow-card)}.player-video{border:0;border-radius:16px}.stat-card,.choice-card,.demo-card{border-radius:16px}.books-panel__title,.books-reader__title{font-size:var(--section-size);line-height:var(--section-line);letter-spacing:var(--section-tracking)}@media(max-width:1000px){.catalogue-lr__rail{width:228px;padding-right:16px}.catalogue-lr{gap:20px}}@media(max-width:768px){.catalogue-lr__rail{width:100%;padding-right:0}.catalogue-lr{gap:20px}}.catalogue-page,.media-page,.saved-page,.gym-dashboard,.settings-page,.help-page{padding:28px 28px 48px}.mp-iconbtn{width:42px;height:42px;border-radius:50%;box-shadow:var(--shadow-button);color:var(--strong)}.nav-collapse-toggle{width:38px;height:38px;border-radius:50%}@media(max-width:900px){.catalogue-lr__rail{width:100%;padding-right:0}}@media(max-width:768px){.app-shell .nav-rail .nav-brand{display:none}.catalogue-page,.media-page,.saved-page,.gym-dashboard,.settings-page,.help-page{padding:20px 16px 40px}}.page-intro{margin-bottom:28px}.page-intro p{margin-top:8px}.add-vocabulary{margin-bottom:24px;max-width:780px}.add-vocabulary>p{margin:8px 0 20px}.add-vocabulary__fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.saved-notice{color:var(--accent-deep);margin-bottom:16px}.form-error{color:var(--danger-strong);margin-bottom:16px}@media(max-width:600px){.add-vocabulary__fields{grid-template-columns:1fr}}.gym-hero__copy h2{font-size:var(--title-size);line-height:var(--title-line);letter-spacing:var(--title-tracking);font-weight:600}.gym-card__title{font-size:var(--section-size);line-height:var(--section-line);letter-spacing:var(--section-tracking)}.gym-nav-btn,.dict-example-row__save{width:38px;height:38px;min-width:38px;border:0;border-radius:50%;background:var(--surface);color:var(--strong);box-shadow:var(--shadow-button)}.mp-vcontrols .mp-iconbtn{color:#fffefa;background:#181d1ab8}.mp-chip,.stage-pill{min-height:44px;border:0;box-shadow:var(--shadow-button)}.mp-iconbtn.is-active{color:var(--accent-deep);background:var(--accent-soft)}.gym-dashboard,.settings-page,.help-page{max-width:1320px}.text-small{font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-tracking)}.classic-reader .books-chunk{grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;padding:16px 0;margin:0}.classic-reader .books-reader__body{padding:0 20px}.classic-reader .books-reader__rows{padding-bottom:24px}.classic-reader>.row{align-items:center}.classic-reader .field{min-width:180px;max-width:100%}@media(max-width:600px){.classic-reader .books-chunk{grid-template-columns:minmax(0,1fr) 42px}.classic-reader .books-chunk>.btn--icon:first-child{grid-column:2;grid-row:1}.classic-reader .books-chunk>.stack{grid-column:1;grid-row:1 / span 2}.classic-reader .books-chunk>.btn--icon:last-child{grid-column:2;grid-row:2}}.gym-fab{width:44px;height:44px;min-width:44px;box-shadow:var(--shadow-button);background:var(--surface);color:var(--strong)}.gym-fab--primary{background:var(--accent);color:var(--accent-text)}.gym-fab:disabled{opacity:.5;cursor:default}.books-chunk__play{width:38px;height:38px;min-width:38px;box-shadow:var(--shadow-button);background:var(--surface);color:var(--strong)}.books-chunk{grid-template-columns:38px minmax(0,1fr) auto}@media(max-width:380px){.app-shell .nav-rail .nav-link{min-width:40px;padding-inline:4px}.app-shell .nav-rail .nav-lang{min-width:38px;padding-inline:4px}}.lln-stage-btn{border-radius:50%;color:var(--strong);box-shadow:var(--shadow-button);transition:background var(--dur-fast),color var(--dur-fast)}.dict-contextual__word{color:var(--text);font-size:var(--title-size);line-height:var(--title-line);letter-spacing:var(--title-tracking)}.dict-entry-word{color:var(--text)}.dict-entry-pos{opacity:1;color:var(--muted)}.dict-examples__title--current,.dict-examples__title--tatoeba{color:var(--muted)}.books-reader__view-btn{min-height:44px}.books-reader__view-btn.is-active{box-shadow:var(--shadow-button)}.settings-cols .row{flex-wrap:wrap}.settings-cols .row>*,.settings-cols .field{min-width:0;max-width:100%}.settings-cols .select-trigger{min-width:0}.settings-language{width:100%}.settings-language>.field{flex:1;margin-bottom:0}.settings-language>.country-flag{align-self:flex-end;margin-bottom:8px}@media(max-width:600px){.gym-trends__body{flex-direction:column}.gym-trends__summary{flex-direction:row;justify-content:space-between;min-width:0}.gym-trends__chart{flex:none;height:150px}.gym-bar-group{min-width:0}}.dict-tab,.mp-pill{min-height:44px;height:auto;font-size:var(--body-size);line-height:var(--body-line);font-weight:500;box-shadow:var(--shadow-button);background:var(--surface)}.dict-tabs,.mp-pills{flex-wrap:wrap}.mp-pill{white-space:normal;flex:1 1 90px}.mini-dict__btn,.mp-wgroup__book{width:40px;height:40px;min-width:40px;border-radius:50%;box-shadow:var(--shadow-button)}.dict-tags-link{opacity:1;color:var(--muted);cursor:default}.lln-stage-btn:disabled,.mini-dict__btn:disabled,.tag-dot:disabled{opacity:.5;cursor:default}.welcome-page{min-height:100dvh;display:grid;place-items:center;padding:32px 24px;background:var(--bg)}.welcome-frame{width:min(1040px,100%)}.welcome-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;font-size:21px;font-weight:600;color:var(--text);text-decoration:none}.welcome-brand img{width:38px;height:38px}.welcome-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.welcome-story h2{font-size:var(--title-size);line-height:var(--title-line);letter-spacing:var(--title-tracking);margin:14px 0 20px;font-weight:500}.welcome-story>p:last-child{color:var(--muted);line-height:1.8;font-size:16px}.welcome-eyebrow{font-size:12px;letter-spacing:var(--body-tracking);color:var(--accent-deep);font-weight:600;margin:0 0 14px}.welcome-card{padding:clamp(24px,4vw,40px);border-radius:var(--r-card);width:100%}.welcome-card h1{font-size:var(--title-size);letter-spacing:var(--title-tracking);line-height:var(--title-line);margin:0 0 12px;font-weight:500;outline:none}.welcome-card>.text-muted{line-height:1.6}.onboarding-progress{display:flex;gap:6px;margin-bottom:24px}.onboarding-progress span{height:3px;width:34px;background:var(--border);border-radius:8px}.onboarding-progress .is-complete{background:var(--accent-deep)}.onboarding-fields{display:grid;gap:20px;margin:30px 0}.onboarding-fields .field{margin:0}.onboarding-levels{border:0;padding:0;margin:24px 0;display:grid;gap:8px;min-width:0}.onboarding-level{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;box-shadow:inset 0 2px 4px var(--shadow-color-sm);background:var(--surface-alt);border-radius:var(--r-sm);cursor:pointer;position:relative;transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.onboarding-level.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-deep)}.onboarding-level input{position:absolute;opacity:0;width:1px;height:1px}.onboarding-level:has(input:focus-visible){outline:2px solid var(--accent-deep);outline-offset:3px}.onboarding-level__badge{font-size:13px;font-weight:600;color:var(--accent-deep);width:30px;flex-shrink:0}.onboarding-level strong{display:block;font-size:14px;font-weight:600}.onboarding-level small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.onboarding-level svg{margin-left:auto;flex-shrink:0;color:var(--accent-deep)}.onboarding-actions{display:flex;justify-content:space-between;gap:12px}.onboarding-actions .btn--primary{flex:1;justify-content:center}.welcome-footnote{font-size:11px;text-align:center;color:var(--muted);margin:18px 0 0;line-height:1.5}.language-art{position:relative;height:210px;width:270px;margin-bottom:40px}.language-art span{position:absolute;display:grid;place-items:center;font-size:46px;width:122px;height:122px;border-radius:36px 36px 36px 4px;background:var(--accent);color:var(--accent-text);top:18px;left:12px;transform:rotate(-12deg)}.language-art span:nth-child(2){background:var(--accent-soft);color:var(--accent-deep);top:66px;left:113px;transform:rotate(11deg);border-radius:36px 4px 36px 36px}.language-art span:nth-child(3){background:var(--surface-alt);color:var(--strong);top:0;left:160px;width:66px;height:66px;font-size:30px;border-radius:50%;transform:rotate(8deg)}.welcome-page .signin-page{width:min(440px,100%);max-width:440px;margin:0;padding:0}.signin-card .brand-mark{width:64px;height:64px;margin-bottom:22px}.provider-button{width:100%;min-height:50px;gap:12px}.provider-soon{font-size:10px;font-weight:400}.gym-stats .stat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;min-width:0;text-align:center}.stat-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--accent-deep);background:var(--accent-soft);margin-bottom:2px}@media(max-width:720px){.welcome-page{padding:24px 16px}.welcome-layout{display:block}.welcome-story{display:none}.welcome-brand{margin-bottom:24px}.welcome-frame{max-width:490px}.gym-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference){.welcome-card{animation:page-in var(--dur-slow) var(--ease-out) both}.language-art span{animation:language-arrive var(--dur-slow) var(--ease-out) both}.language-art span:nth-child(2){animation-delay:var(--dur-fast)}.language-art span:nth-child(3){animation-delay:var(--dur-base)}.onboarding-level.is-selected svg{animation:pop-in var(--dur-base) var(--ease-out) both}.gym-stats .stat-card{animation:page-in var(--dur-slow) var(--ease-out) both}.gym-stats .stat-card:nth-child(2){animation-delay:var(--dur-instant)}.gym-stats .stat-card:nth-child(3){animation-delay:var(--dur-fast)}.gym-stats .stat-card:nth-child(4){animation-delay:var(--dur-base)}}@keyframes language-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(hover:hover){.onboarding-level:not(.is-selected):hover{background:var(--accent-soft)}}.onboarding-level:has(input:disabled){cursor:wait}.welcome-card h1,.welcome-story h2{font-weight:var(--font-semibold);text-wrap:balance}.welcome-story h2{margin-bottom:var(--s-lg)}.onboarding-levels legend{font-size:var(--body-size);color:var(--muted);margin-bottom:var(--s-sm)}.catalogue-page,.saved-page,.gym-dashboard,.settings-page,.help-page,.player-page{width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--page-gutter) var(--page-gutter) var(--s-xxl)}.catalogue-page>.media-page{padding:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--page-gap);margin-bottom:var(--page-gap);min-height:56px}.page-header__identity{display:flex;align-items:center;gap:var(--row-gap);min-width:0}.page-header__identity>div{min-width:0}.page-header h1{font-size:var(--title-size);line-height:var(--title-line);letter-spacing:var(--title-tracking);font-weight:600}.page-header p{color:var(--muted);margin-top:var(--s-xs);line-height:1.5}.page-header__icon{width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;flex-shrink:0;background:var(--tone-soft, var(--surface-neutral));color:var(--tone, var(--strong))}.page-header__actions{display:flex;align-items:center;gap:var(--control-gap);flex-shrink:0}.tone-media{--tone: var(--feature-media);--tone-soft: var(--feature-media-soft)}.tone-saved{--tone: var(--feature-saved);--tone-soft: var(--feature-saved-soft)}.tone-review{--tone: var(--feature-review);--tone-soft: var(--feature-review-soft)}.tone-books{--tone: var(--feature-books);--tone-soft: var(--feature-books-soft)}.learning-context{display:inline-flex;align-items:center;gap:var(--control-gap);padding:10px 16px;border-radius:var(--r-pill);color:var(--muted);background:var(--surface);font-size:13px;box-shadow:var(--shadow-card);white-space:nowrap}.learning-context>span{color:var(--track)}.nav-rail{box-shadow:1px 0 0 var(--track);padding:var(--s-lg) var(--s-sm)}.nav-brand{padding-inline:var(--s-sm);gap:10px;margin-bottom:var(--s-lg)}.nav-brand__name{font-size:20px;letter-spacing:-.65px}.nav-rail .brand-mark{box-shadow:none}.nav-link{min-height:48px;padding-inline:12px;gap:12px}.nav-link[href="/"]{--nav-tone: var(--feature-media);--nav-tone-soft: var(--feature-media-soft)}.nav-link[href="/saved"]{--nav-tone: var(--feature-saved);--nav-tone-soft: var(--feature-saved-soft)}.nav-link[href="/gym"]{--nav-tone: var(--feature-review);--nav-tone-soft: var(--feature-review-soft)}.nav-link.is-active,.nav-link.is-active:hover{color:var(--nav-tone, var(--accent-deep));background:var(--nav-tone-soft, var(--accent-soft));box-shadow:inset 0 1px 0 var(--button-highlight)}.nav-link.is-active .nav-link__icon{color:inherit}.nav-link .nav-link__badge{background:var(--feature-review-soft);color:var(--feature-review)}.nav-user{padding:var(--s-md) var(--s-sm) 0}.nav-lang{margin:0 var(--s-xs) var(--s-sm);background:var(--bg);box-shadow:inset 0 1px 3px var(--shadow-color-sm)}.catalogue-tabsbar{width:fit-content;max-width:100%;padding:var(--s-xs);gap:var(--s-xs);margin-bottom:var(--page-gap);border-radius:var(--r-pill);background:var(--surface-neutral)}.media-tab{min-height:44px;padding:10px 20px;gap:var(--control-gap);border-radius:var(--r-pill);font-size:var(--body-size);color:var(--muted)}.media-tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.media-tab--youtube.is-active{color:var(--feature-media)}.media-tab--books.is-active{color:var(--feature-books)}.media-tab--media.is-active{color:var(--feature-saved)}.catalogue-lr{gap:var(--page-gap);align-items:flex-start}.catalogue-lr__rail{width:224px;flex-shrink:0;padding:var(--s-md);background:var(--surface);border:0;border-radius:var(--r-card);box-shadow:var(--shadow-card)}.catalogue-lr__main{min-width:0;flex:1}.catalogue-lr__filters{padding:0 0 var(--s-md);border-bottom:0;gap:var(--s-md)}.catalogue-filter-level{display:grid;gap:var(--s-sm);min-width:0}.catalogue-filter-level .filter-label{margin:0}.catalogue-filter-level .filter-stop{justify-self:start}.catalogue-lr__channels{padding-top:var(--s-md);border-top:1px solid var(--track)}.catalogue-lr__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s-md);font-size:var(--section-size);letter-spacing:var(--section-tracking);line-height:var(--section-line);margin:0 0 var(--s-md)}.section-count{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:var(--body-tracking);white-space:nowrap}.channel-row{min-height:40px;padding:10px;border-radius:var(--r-sm);line-height:1.4}.channel-row.is-active{background:var(--feature-media-soft);color:var(--feature-media)}.catalogue-search{margin-bottom:var(--page-gap)}.catalogue-search .input{background:var(--surface)}.video-rows{gap:var(--s-sm)}.video-row{padding:var(--s-md);margin:0;border:0;border-radius:var(--r-card);background:var(--surface);gap:var(--s-md);transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.video-row:hover{box-shadow:var(--shadow-card);background:var(--surface);text-decoration:none}.video-row__title{font-size:17px;font-weight:600;line-height:1.45}.video-row__thumb{border-radius:var(--r-sm);overflow:hidden}.video-row__body{min-width:0}.video-row__meta{line-height:1.5}.video-row__chip{background:var(--surface-neutral);padding:4px 8px;border-radius:var(--r-xs);font-size:12px}.video-row__chip strong{color:var(--feature-media)!important}.empty{min-height:240px;padding:var(--s-xl) var(--s-lg);gap:var(--s-md);background:var(--surface);border-radius:var(--r-card)}.empty__badge{display:grid;place-items:center;width:64px;height:64px;margin:0;border-radius:22px;color:var(--feature-books);background:var(--feature-books-soft)}.empty h3{font-size:var(--section-size);font-weight:600}.empty>p{margin:0;color:var(--muted);line-height:1.6}.gym-dash-top,.gym-dash-bottom{gap:var(--page-gap);margin-bottom:var(--page-gap)}.gym-card,.gym-settings{padding:var(--card-padding)}.gym-stats{gap:var(--s-md)}.gym-stats .stat-card{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:8px 12px;padding:var(--s-lg);position:relative;min-height:108px}.stat-card__icon{width:40px;height:40px;margin:0;flex-shrink:0}.stat-card__value{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.gym-stats .stat-card>.text-faint{flex-basis:100%;text-align:left;padding-left:52px;margin-top:-10px;font-size:13px}.stat-card--saved .stat-card__icon{color:var(--feature-saved);background:var(--feature-saved-soft)}.stat-card--learning .stat-card__icon{color:var(--feature-media);background:var(--feature-media-soft)}.stat-card--due-now .stat-card__icon{color:var(--feature-review);background:var(--feature-review-soft)}.stat-card--mastered .stat-card__icon{color:var(--accent-deep);background:var(--accent-soft)}.gym-level__badge{background:var(--feature-media);color:var(--surface);box-shadow:0 0 0 6px var(--feature-media-soft)}.gym-ring__fill{stroke:var(--feature-review)}.gym-ring__pct{color:var(--feature-review)}.gym-streak__fire{color:var(--feature-books)}.gym-bar--current{background:var(--feature-review)}.gym-bar--previous{background:var(--feature-review-soft)}.settings-cols{gap:var(--page-gap);align-items:start}.settings-cols>section.card{margin-bottom:0!important;padding:var(--card-padding)}.settings-page>section.card{margin-top:var(--page-gap)}.settings-cols h3{margin-bottom:var(--s-sm)!important}.settings-cols .text-muted{line-height:1.6}.settings-cols .field{margin-bottom:0}.help-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:var(--page-gap);align-items:start}.help-layout>.card{padding:var(--card-padding)}.help-layout>.card>.stack{gap:0!important}.help-layout>.card .stack>.row{justify-content:space-between;padding-block:var(--s-md);border-bottom:1px solid var(--track);align-items:center}.help-layout>.card .stack>.row:last-child{border:0;padding-bottom:0}.help-layout>.card .stack>.row>.text-muted{text-align:right}.help-questions>h3{margin:0 0 var(--s-md)}.help-questions details{padding:var(--s-lg)!important}.help-questions summary{font-weight:500!important;line-height:1.5}.help-questions details p{margin-top:var(--s-md)!important;line-height:1.7}.saved-page .row.wrap{row-gap:var(--s-md)!important}.saved-page .table-wrap{border-radius:var(--r-card)}.saved-page th{font-weight:500;color:var(--muted);padding:var(--s-md)}.saved-page td{padding:var(--s-md)}.saved-page table .field{margin:0}.saved-page .stage-pill{box-shadow:none;background:var(--surface)}.saved-page .stage-pill--learning.is-active{color:var(--feature-saved);background:var(--feature-saved-soft)}.classics-collection{margin-bottom:var(--page-gap)!important}.classics-collection>div:first-child p{margin-top:var(--s-sm);line-height:1.6}.classics-collection>.row{align-items:stretch}.classic-book-card{flex:0 1 240px;padding:var(--s-md);text-align:left;display:flex;flex-direction:column;gap:var(--s-sm)}.classic-book-card__cover{flex-shrink:0;height:200px;padding:var(--s-lg);border-radius:var(--r-sm);color:var(--feature-books);background:var(--feature-books-soft);display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 5px 0 color-mix(in srgb,var(--feature-books) 12%,transparent)}.classic-book-card:nth-child(2n) .classic-book-card__cover{color:var(--feature-media);background:var(--feature-media-soft)}.classic-book-card__cover span{font-size:9px;letter-spacing:.12em}.classic-book-card__cover strong{font-family:Georgia,serif;font-size:24px;line-height:1.15;font-weight:400}.classic-book-card>h3{font-size:var(--body-size);letter-spacing:var(--body-tracking)}.classic-book-card>p{font-size:13px;line-height:1.6}.books-panel__head{padding-top:var(--s-lg);border-top:1px solid var(--track);margin-bottom:var(--s-lg)}.books-reader,.classic-reader{border-radius:var(--r-card);background:var(--surface);padding:var(--s-lg)}.books-reader__body{line-height:1.75}.player-page{padding-top:var(--s-lg)}.player-controls,.player-toolbar{gap:var(--control-gap);padding-block:var(--s-md)}.sub-line-card{padding:var(--s-md)}.media-page>.card{padding:var(--s-lg)}.choice-cards{gap:var(--s-md)}.choice-card{border:0;padding:var(--s-lg);border-radius:var(--r-md);background:var(--surface-neutral)}.choice-card>svg{color:var(--feature-saved)}.choice-card.is-active{background:var(--feature-saved-soft)}.dict-header,.drawer-header{padding:var(--s-lg)}.dict-tab.is-active{color:var(--feature-saved)}.welcome-frame{width:min(1000px,100%)}.welcome-layout{gap:var(--s-xxl)}.welcome-card{padding:var(--s-xl)}.welcome-story{border-radius:var(--r-xl);padding:var(--s-xl);background:var(--feature-media-soft);color:var(--text)}.welcome-story .welcome-eyebrow{color:var(--feature-media)}.language-art{margin-bottom:var(--s-lg);height:180px}.language-art span{font-family:Georgia,serif;font-style:italic;font-size:36px;background:var(--feature-media);color:var(--surface)}.language-art span:nth-child(2){color:var(--feature-books);background:var(--feature-books-soft)}.language-art span:nth-child(3){color:var(--feature-review);background:var(--feature-review-soft)}.onboarding-fields{margin:var(--s-lg) 0;gap:var(--s-lg)}.onboarding-levels{margin:var(--s-lg) 0}.onboarding-level{padding:12px 16px}.signin-card>.brand-mark{box-shadow:none}.signin-card .provider-button.btn--primary{background:var(--surface);color:var(--text);box-shadow:var(--shadow-button)}.signin-card>.text-faint{border-top:1px solid var(--track);padding-top:var(--s-lg)}@media(prefers-reduced-motion:no-preference){.page-header__icon{animation:pop-in var(--dur-slow) var(--ease-out)}.media-tab svg,.nav-link__icon{transition:transform var(--dur-fast) var(--ease-out)}.media-tab:active svg,.nav-link:active .nav-link__icon{transform:scale(.92)}.gym-ring__fill{animation:ring-arrive var(--dur-slow) var(--ease-out)}@keyframes ring-arrive{0%{opacity:0}to{opacity:1}}}@media(max-width:1100px){.gym-stats .stat-card{padding:var(--s-md)}}@media(max-width:900px){.catalogue-lr{flex-direction:column}.catalogue-lr__rail{width:100%}.catalogue-lr__filters{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:var(--s-lg);padding-bottom:0}.catalogue-lr__channels{margin-top:var(--s-md)}.catalogue-lr__filters .filter-label,.catalogue-lr__filters .field{margin:0}}@media(max-width:768px){:root,:root[data-theme=light],:root[data-theme=dark]{--page-gutter: 16px;--page-gap: 24px;--card-padding: 20px}.catalogue-page,.saved-page,.gym-dashboard,.settings-page,.help-page,.player-page{padding-top:var(--s-lg)}.page-header{align-items:flex-start;flex-wrap:wrap;gap:var(--s-md)}.page-header__icon{width:40px;height:40px;border-radius:var(--r-sm)}.page-header__identity{gap:12px}.page-header__identity>div{flex:1}.page-header__actions{margin-left:52px}.page-header p{max-width:38ch}.catalogue-tabsbar{width:100%}.media-tab{flex:1;padding:10px 12px;white-space:nowrap;justify-content:center}.help-layout{grid-template-columns:1fr}.gym-stats .stat-card{min-height:100px;padding:var(--s-md);gap:8px 10px}.gym-stats .stat-card>.text-faint{padding-left:50px}.video-row{padding:12px}.video-row__title{font-size:15px}.catalogue-lr__filters{grid-template-columns:minmax(0,1fr);gap:var(--s-md)}.catalogue-lr__filters>.field{display:grid;grid-template-columns:1fr 136px;align-items:center}.catalogue-lr__filters>.field>label{margin:0}.classic-book-card{flex:1 1 160px}.classic-book-card__cover{flex-shrink:0;height:180px}.books-reader,.classic-reader{padding:var(--s-md)}.app-shell .nav-rail .nav-link.is-active{color:var(--nav-tone, var(--accent-deep));background:var(--nav-tone-soft, var(--accent-soft))}.app-shell .nav-rail{box-shadow:0 -1px 0 var(--track),0 -6px 24px var(--shadow-color-sm)}.welcome-card{padding:var(--s-lg)}}@media(max-width:380px){.page-header__icon{display:none}.page-header__actions{margin-left:0}.gym-stats .stat-card{padding:12px}.stat-card__icon{width:32px;height:32px}.gym-stats .stat-card>.text-faint{padding-left:42px}}.settings-language-grid{display:grid;gap:var(--s-md)}.settings-language-grid>div{min-width:0}.settings-language .field{min-width:0}.classic-book-card{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.classic-book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}.video-row:hover .video-row__thumb img{transform:scale(1.025)}.video-row__thumb img{transition:transform var(--dur-slow) var(--ease-out)}}.session{max-width:684px;padding:var(--page-gutter)}.study-card{padding:var(--card-padding)}.gym-results{width:calc(100% - 2 * var(--page-gutter))}.gym-results .row{flex-wrap:wrap}.btn--primary .kbd{background:color-mix(in srgb,currentColor 15%,transparent);color:inherit;box-shadow:none}.media-tab.is-active:hover:not(:disabled){background:var(--surface);color:var(--text)}.channel-row.is-active .channel-row__name{color:inherit}.catalogue-error{display:grid;justify-items:start;gap:var(--s-md);padding:var(--card-padding)}.saved-table-hint{display:none}@media(max-width:768px){.app-shell .app-content{padding-inline:0}.saved-table-hint{display:block;margin-bottom:var(--s-sm);color:var(--muted);font-size:12px}}.app-shell .app-content{padding-top:0;padding-inline:0}.welcome-card h1[tabindex]:focus-visible{outline:none}@media(max-width:768px){.page-header__actions{flex-basis:calc(100% - 52px)}.app-shell .nav-rail .nav-lang{width:48px;flex:0 0 48px;box-shadow:none}}@media(max-width:380px){.page-header__actions{flex-basis:100%}}