:root{color-scheme:light;--page-w: min(1600px, 92vw);--bg: #FDFBF7;--surface: #F5F2EB;--surface-2: #EFEAF4;--surface-3: #E6DCF0;--border: #E8E2D6;--border-strong: #D8CDE6;--ink: #2B2730;--ink-muted: #6B6275;--ink-faint: #746B81;--accent: #5A3E78;--accent-hover: #6E4E90;--accent-press: #472F62;--accent-dim: #C4B2DE;--accent-ghost: rgba(90, 62, 120, .1);--accent-ink: #FDFBF7;--ember: #BB6038;--ember-soft: rgba(187, 96, 56, .14);--ember-dim: #E0B48C;--kind-grammatical: #B15A2E;--kind-lexical: #8A6800;--kind-register: #3C7A53;--due: #8A6800;--overdue: #B15A2E;--pass: #3A7850;--fail: #9B5E48;--info: var(--ink-muted);--mark-lost: #B07A86;--gender-m: #2F5F9E;--gender-f: #A8325E;--hl-said: #FFE27A;--hl-answer: #B9E4C6;--t-xs: .75rem;--t-sm: .86rem;--t-base: 1rem;--t-lg: 1.2rem;--t-xl: 1.5rem;--t-2xl: 2rem;--s1: .375rem;--s2: .625rem;--s3: 1rem;--s4: 1.5rem;--s5: 2.25rem;--s6: 3.5rem;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--nav-h: 3.5rem;--shadow: 0 2px 4px rgba(43, 39, 48, .06), 0 12px 32px rgba(43, 39, 48, .1);--shadow-sm: 0 1px 2px rgba(43, 39, 48, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--mono: "SF Mono", "Cascadia Code", "JetBrains Mono", ui-monospace, monospace;--dur: .19s;--dur-slow: .32s;--ease: cubic-bezier(.22, 1, .36, 1);--z-nav: 20;--z-sticky: 30;--z-toast: 60}[data-theme=dark]{color-scheme:dark;--bg: #18151D;--surface: #231F2A;--surface-2: #2E2938;--surface-3: #383145;--border: #3A3245;--border-strong: #4A4157;--ink: #FDFBF7;--ink-muted: #A39BB0;--ink-faint: #948BA4;--accent: #E2D4F0;--accent-hover: #EBE0F7;--accent-press: #D1BBEE;--accent-dim: #6E5F86;--accent-ghost: rgba(226, 212, 240, .12);--accent-ink: #18151D;--ember: #E0955A;--ember-soft: rgba(224, 149, 90, .15);--ember-dim: #8A5E3A;--kind-grammatical: #D98A5A;--kind-lexical: #D9BE5E;--kind-register: #7DBE92;--due: #D9BE5E;--overdue: #D98A5A;--pass: #7DBE92;--fail: #C79B86;--mark-lost: #C98F9B;--gender-m: #8DB8F0;--gender-f: #F2A0C0;--hl-said: rgba(217, 190, 94, .45);--hl-answer: rgba(125, 190, 146, .45);--shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .42);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:430;font-size:var(--t-base);line-height:1.62;letter-spacing:.006em;font-feature-settings:"cv05","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(226,212,240,.4),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(187,96,56,.05),transparent 70%)}[data-theme=dark] body:before{background:radial-gradient(120% 80% at 50% -10%,rgba(226,212,240,.06),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(224,149,90,.035),transparent 70%)}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}h1{font-size:var(--t-xl)}h2{font-size:var(--t-lg)}h3{font-size:var(--t-base);font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.lead{color:var(--ink-muted);max-width:62ch}.prose{max-width:66ch}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.mono{font-family:var(--mono);font-feature-settings:normal}.btn{--btn-bg: var(--surface-2);--btn-bd: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:550;letter-spacing:0;padding:.6rem 1.05rem;border-radius:var(--radius-sm);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--ink);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--surface-3);border-color:var(--ink-faint)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{cursor:not-allowed;transform:none;background:var(--surface-2);border-color:var(--border);color:var(--ink-faint);box-shadow:none}.btn-primary{--btn-bg: var(--accent);--btn-bd: var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-ghost{--btn-bg: transparent;--btn-bd: transparent;color:var(--ink-muted);padding-inline:.5rem}.btn-ghost:hover{background:var(--accent-ghost);color:var(--ink);border-color:transparent}.btn-lg{padding:.75rem 1.4rem;font-size:var(--t-base)}.spin{width:.85em;height:.85em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;opacity:.9}.field{display:block}.field-label{display:block;color:var(--ink-muted);font-size:var(--t-sm);margin-bottom:.4rem;font-weight:500}.field-hint{color:var(--ink-muted);font-size:var(--t-sm);margin-top:.35rem}textarea,input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=date],select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.65rem .8rem;resize:vertical;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}input[type=number],input[type=date]{width:auto;min-width:9rem}select{resize:none;cursor:pointer}textarea::placeholder,input::placeholder{color:var(--ink-faint)}:is(textarea,select,input:is([type=text],[type=password],[type=email],[type=search],[type=number],[type=date])):hover{border-color:var(--ink-faint)}:is(textarea,select,input:is([type=text],[type=password],[type=email],[type=search],[type=number],[type=date])):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost);background:var(--surface)}.write{font-size:1.05rem;line-height:1.7;min-height:8.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:var(--gap, var(--s3))}.row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.tag{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--t-xs);font-weight:550;letter-spacing:.01em;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--ink-muted);background:var(--surface-2);white-space:nowrap}.tag-due{color:var(--due);border-color:color-mix(in oklch,var(--due),transparent 55%)}.tag-overdue{color:var(--overdue);border-color:color-mix(in oklch,var(--overdue),transparent 55%)}.tag-kind{text-transform:capitalize}.tag-grammatical{color:var(--kind-grammatical);border-color:color-mix(in oklch,var(--kind-grammatical),transparent 58%)}.tag-lexical{color:var(--kind-lexical);border-color:color-mix(in oklch,var(--kind-lexical),transparent 58%)}.tag-register{color:var(--kind-register);border-color:color-mix(in oklch,var(--kind-register),transparent 58%)}.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);flex:none}.dot-ember{background:var(--ember)}.id{font-family:var(--mono);font-size:.8em;color:var(--ink-faint);letter-spacing:0}.skel{background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s var(--ease) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise var(--dur-slow) var(--ease) both}.rise-1{animation-delay:40ms}.rise-2{animation-delay:90ms}.rise-3{animation-delay:.14s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.skel{animation:none}.spin{animation-duration:.7s!important;animation-iteration-count:infinite!important}}.shell{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:40px;min-height:40px;padding:.4rem}.icon-button svg{flex:none}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-tooltip{position:fixed;z-index:1000;width:max-content;max-width:min(240px,calc(100vw - 16px));padding:.4rem .6rem;border-radius:.4rem;background:var(--ink);color:var(--bg);font-size:.8rem;box-shadow:0 2px 8px #0002}.nav-links{display:contents}.nav .nav-toggle{display:none}@media (max-width: 820px){.nav-compact{padding-block:.4rem;gap:.3rem}.nav-compact .nav-toggle{display:inline-flex}.nav-compact .nav-links{display:none}.nav-compact .nav-links.is-open{display:flex;order:5;flex-basis:100%;flex-wrap:wrap;gap:.3rem;padding-block:.4rem}.nav-compact .nav-link{min-height:40px;display:inline-flex;align-items:center}}.nav{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;background:color-mix(in oklch,var(--bg),transparent 18%);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-bottom:1px solid var(--border);padding:.7rem max(1.15rem,calc((100% - var(--page-w)) / 2))}.nav-brand{display:flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:-.01em;margin-right:.4rem}.nav-brand .dot{box-shadow:0 0 10px color-mix(in oklch,var(--accent),transparent 45%)}.nav-spacer{flex:1}.nav .btn,.nav .nav-link,.nav-brand{white-space:nowrap}.nav-link{padding:.4rem .85rem;border-radius:var(--radius-sm);color:var(--ink-muted);font-size:var(--t-sm);font-weight:520;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-link:hover{color:var(--ink);background:var(--surface-2);text-decoration:none}.nav-link.active{color:var(--accent);background:var(--accent-ghost)}.nav-user{font-size:.82rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-right:.3rem}.lang-switch{display:flex;align-items:center;gap:.15rem;margin-right:.3rem}.lang-switch .btn{padding:.3rem .55rem;font-size:var(--t-xs);font-weight:600;letter-spacing:.02em}.lang-switch .btn.active{color:var(--accent);background:var(--accent-ghost)}.lang-switch .btn:disabled{opacity:.5;cursor:progress}.lang-error{font-size:var(--t-xs);color:var(--fail);white-space:nowrap}.theme-switch{display:flex;align-items:center;gap:.15rem;margin-right:.3rem}.theme-switch .btn{padding:.3rem .55rem;font-size:var(--t-xs);font-weight:600}.theme-switch .btn.active{color:var(--accent);background:var(--accent-ghost)}.mode-switch{display:flex;align-items:center;gap:.15rem;margin-right:.4rem}.mode-switch .btn{padding:.3rem .55rem;font-size:var(--t-xs);font-weight:600}.mode-switch .btn.active{color:var(--accent);background:var(--accent-ghost)}.mode-switch .btn:disabled{opacity:.5}.page{max-width:var(--page-w);margin:0 auto;padding:var(--s5) 1.15rem var(--s6)}.page-wide{max-width:var(--page-w)}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}.split-sticky{position:sticky;top:calc(var(--nav-h) + var(--s3))}.transcript-box{overflow-y:auto;max-height:calc(100vh - var(--nav-h) - 9rem)}@media (max-width: 820px){.split-2{grid-template-columns:1fr}.split-sticky{position:static}}.page-head{margin-bottom:var(--s4)}.center-note{max-width:700px;margin:0 auto;text-align:center;color:var(--ink-muted);padding:var(--s6) 1rem}.notice{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--accent-dim);background:var(--accent-ghost);color:var(--ink-muted);font-size:var(--t-sm)}.notice-fail{border-color:color-mix(in oklch,var(--fail),transparent 55%);background:color-mix(in oklch,var(--fail),transparent 88%)}.prompt{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s3) var(--s4);font-size:1.05rem;line-height:1.68;white-space:pre-wrap}.prompt h3{font-size:var(--t-lg)}.prompt{position:relative}.keep-float{position:absolute;z-index:5;transform:translateY(-100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .4rem;box-shadow:0 2px 8px #0000001f;font-size:var(--t-sm);max-width:16rem;flex-wrap:nowrap;white-space:nowrap}.keep-float.below{transform:none}.keep-float.has-meaning{flex-wrap:wrap;white-space:normal;max-width:min(20rem,calc(100vw - 2rem))}.keep-meaning{flex-basis:100%}.drill-explain{max-width:68ch}.onboard-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s5) 1.15rem}.onboard-card{width:100%;max-width:26rem}.eyebrow{color:var(--accent);font-size:var(--t-xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}.scenario-warn{color:var(--fail);font-size:var(--t-sm);font-weight:500}.steps{display:flex;gap:.4rem;align-items:center}.step-pip{height:.32rem;width:2.2rem;border-radius:999px;background:var(--border-strong);transition:background var(--dur) var(--ease),width var(--dur) var(--ease)}.step-pip.on{background:var(--accent)}.step-pip.done{background:var(--accent-dim)}.step-count{color:var(--ink-faint);font-size:var(--t-sm);font-family:var(--mono)}.lane{display:flex;flex-direction:column;gap:var(--s5)}.stage-tab{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--s3)}.stage-no{display:grid;place-items:center;flex:none;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--ink-muted);font-size:var(--t-sm);font-weight:600;font-family:var(--mono)}.stage-active .stage-no{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.stage-done .stage-no{background:transparent;border-color:var(--accent-dim);color:var(--accent)}.cold-frame{border:1px solid var(--accent-dim);border-radius:var(--radius);padding:var(--s4);background:linear-gradient(180deg,var(--accent-ghost),transparent 40%)}.seal{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:var(--t-sm);font-weight:550;margin-bottom:var(--s2)}.seal svg{width:.95rem;height:.95rem}.hint-frame{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--s4);background:transparent}.hint-plan{margin:0;padding-left:1.2rem}.hint-plan>li+li{margin-top:.6rem}.hint-ideas{margin:.3rem 0 0;padding-left:1.1rem}.word-row{display:grid;gap:.4rem;padding:var(--s3) 0;border-top:1px solid var(--border)}.word-row:first-of-type{border-top:none;padding-top:0}.word-head{display:flex;align-items:baseline;gap:.5rem}.word-fr{font-weight:600;font-size:1.05rem}.word-gloss{color:var(--ink-faint);font-size:var(--t-sm)}.feedback{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s3);white-space:pre-wrap;line-height:1.6}.chat{display:flex;flex-direction:column;gap:.7rem}.msg{padding:.75rem .95rem;border-radius:var(--radius);max-width:92%;white-space:pre-wrap;line-height:1.62;border:1px solid var(--border);background:var(--surface-2)}.msg-mentor{align-self:flex-start;border-top-left-radius:var(--radius-sm)}.msg-me{align-self:flex-end;background:var(--accent-ghost);border-color:var(--accent-dim);border-top-right-radius:var(--radius-sm)}.msg-who{font-size:var(--t-xs);color:var(--ink-faint);margin-bottom:.2rem;letter-spacing:.02em}.thinking{display:inline-flex;gap:.35rem;color:var(--ink-faint);font-size:var(--t-sm);align-items:center}.markdown{white-space:normal;line-height:1.62}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 .6rem}.markdown ul,.markdown ol{margin:0 0 .6rem;padding-left:1.3rem}.markdown li{margin:.15rem 0}.markdown li::marker{color:var(--ink-faint)}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-size:1rem;font-weight:650;line-height:1.35;margin:.8rem 0 .4rem}.markdown strong{font-weight:650;color:var(--ink)}.markdown em{font-style:italic}.markdown a{color:var(--accent);text-decoration:underline}.markdown code{font-family:var(--mono);font-size:.9em;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem}.markdown pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .9rem;overflow-x:auto;margin:0 0 .6rem}.markdown pre code{background:none;border:none;padding:0}.markdown blockquote{margin:0 0 .6rem;padding-left:.8rem;border-left:2px solid var(--border);color:var(--ink-muted)}.done-state{text-align:left}.alt-list{list-style:none;margin:var(--s2) 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.alt-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-muted);font-size:var(--t-sm)}.alt-list li:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--accent-dim);margin-top:.55rem;flex:none}.review-row{display:flex;justify-content:space-between;gap:var(--s2);padding:.55rem 0;border-top:1px solid var(--border)}.review-row:first-child{border-top:none}.review-q{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-muted)}.review-q:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--accent-dim);margin-top:.6rem;flex:none}.danger{border-color:color-mix(in oklch,var(--fail),transparent 55%)}.danger h2{color:var(--fail)}.zones{display:flex;flex-direction:column;gap:var(--s4)}.zone-label{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--s3)}.zone-label h2{font-size:var(--t-base)}.zone-label .why{color:var(--ink-faint);font-size:var(--t-xs);margin-left:auto}.zone-truth{padding:var(--s4) var(--s4) var(--s4)}.zone-momentum{border-color:color-mix(in oklch,var(--ember),transparent 62%);background:linear-gradient(180deg,var(--ember-soft),transparent 55%),var(--surface)}.zone-momentum .zone-label .dot{background:var(--ember);box-shadow:0 0 10px color-mix(in oklch,var(--ember),transparent 50%)}.cefr-line{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.cefr-value{font-size:var(--t-2xl);font-weight:640;letter-spacing:-.02em;color:var(--accent)}.cefr-note{color:var(--ink-faint);font-size:var(--t-sm)}.sub-head{color:var(--ink-muted);font-size:var(--t-sm);font-weight:550;margin-bottom:.5rem}.trend{display:flex;gap:.28rem;flex-wrap:wrap;align-items:center}.trend-pip{width:1rem;height:1.4rem;border-radius:3px;opacity:.9}.trend-pip.grammatical{background:var(--kind-grammatical)}.trend-pip.lexical{background:var(--kind-lexical)}.trend-pip.register{background:var(--kind-register)}.trend-legend{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:.6rem}.legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--t-xs);color:var(--ink-faint)}.legend-swatch{width:.7rem;height:.7rem;border-radius:3px}.meter{height:.5rem;border-radius:999px;background:var(--surface-3);overflow:hidden}.meter-fill{height:100%;background:var(--accent);border-radius:999px;transition:width var(--dur-slow) var(--ease)}.queue{display:flex;flex-direction:column}.gap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:.75rem 0;border-top:1px solid var(--border)}.gap-row:first-child{border-top:none}.gap-title{display:flex;flex-direction:column;gap:.15rem;min-width:0}.gap-title .t{line-height:1.4}.gap-tags{display:flex;gap:.4rem;flex:none}.text-link{color:var(--accent);font-size:var(--t-sm);font-weight:550;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.deployed-toggle{display:block;width:100%;text-align:left;cursor:pointer;background:none;border:none;padding:0;color:inherit;font:inherit}.deployed-toggle:hover .sub-head{color:var(--ink)}.vocab-list{display:flex;flex-direction:column}.vocab-item{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding:.5rem 0;border-top:1px solid var(--border)}.vocab-item:first-child{border-top:none}.vocab-meta{display:flex;gap:.4rem;margin-left:auto;flex:none}.tag-known{color:var(--pass);border-color:color-mix(in oklch,var(--pass),transparent 55%)}.tag-notyet{color:var(--ink-faint)}.score-pill{display:inline-block;font-size:var(--t-xs);border:1px solid var(--border);border-radius:999px;padding:0 .45rem;white-space:nowrap}.score-pill.high{color:var(--pass);border-color:color-mix(in oklch,var(--pass),transparent 55%)}.score-pill.mid{color:var(--ink-muted)}.score-pill.low{color:var(--fail);border-color:color-mix(in oklch,var(--fail),transparent 55%)}.listen-row{border-left:3px solid transparent;padding-left:.55rem}.listen-row.high{border-left-color:var(--pass)}.listen-row.mid{border-left-color:color-mix(in oklch,var(--ink-muted),transparent 40%)}.listen-row.low{border-left-color:var(--fail)}.account{position:relative}.account-btn{display:inline-flex;align-items:center;gap:.35rem}.account-menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;min-width:11rem;max-width:min(16rem,90vw);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 6px 20px #00000024;padding:.4rem}.account-item{display:flex;align-items:center;gap:.4rem;width:100%;justify-content:flex-start}.account-menu .mode-switch{display:flex;gap:.3rem}.exam-table-wrap{overflow-x:auto}.exam-table{width:100%;border-collapse:collapse}.exam-table th,.exam-table td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--border)}.exam-table th{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-weight:600}.exam-duree,.exam-note{white-space:nowrap}.exam-note{text-align:center;font-variant-numeric:tabular-nums}.new-word-list{display:flex;flex-direction:column}.new-word{padding:.55rem 0;border-top:1px solid var(--border)}.new-word:first-child{border-top:none}.new-word-ex{color:var(--ink-muted);font-size:var(--t-sm);font-style:italic;margin-top:.15rem}.mcq{display:flex;flex-direction:column;gap:.4rem}.mcq-q{font-weight:550}.mcq-opts{display:flex;flex-direction:column;gap:.35rem}.mcq-opt{display:flex;align-items:flex-start;gap:.6rem;text-align:left;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;font:inherit}.mcq-opt:hover:not(:disabled){border-color:var(--border-strong)}.mcq-opt.picked{border-color:var(--accent);background:var(--accent-ghost)}.mcq-opt.correct{border-color:color-mix(in oklch,var(--pass),transparent 40%);background:color-mix(in oklch,var(--pass),transparent 86%);color:var(--ink)}.mcq-opt.wrong{border-color:color-mix(in oklch,var(--fail),transparent 40%);background:color-mix(in oklch,var(--fail),transparent 86%)}.mcq-opt:disabled{cursor:default}.mcq-badge{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;margin-top:.05rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-3);color:var(--ink-muted);font-family:var(--mono);font-size:var(--t-sm);font-weight:650}.mcq-opt.picked .mcq-badge{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mcq-opt.correct .mcq-badge{background:var(--pass);color:var(--bg);border-color:var(--pass)}.mcq-opt.wrong .mcq-badge{background:var(--fail);color:var(--bg);border-color:var(--fail)}.fr-chip{display:inline-block;margin:.12rem .2rem .12rem 0;padding:.05rem .4rem;border-radius:5px;background:var(--accent-ghost);color:var(--accent);font-weight:550;font-size:.95em}.fr-lift{color:var(--accent);font-weight:500}.mcq-note{color:var(--ink-muted);font-size:var(--t-sm);margin:.1rem 0 0}.ev{background:var(--accent-ghost);border-radius:4px;padding:0 .15rem;color:inherit}.ev sup{color:var(--accent);font-weight:650;font-size:.7em;margin-right:.1rem}.mcq-explain{color:var(--ink-muted);font-size:var(--t-sm);margin:.2rem 0 0}.mcq-explain strong{color:var(--ink)}.fc-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:var(--s4)}.fc-filters .btn.active,.option-list .btn.active{color:var(--accent);background:var(--accent-ghost)}.flashcard,.fc-meta,.fc-controls,.fc-actions{max-width:26rem;margin-inline:auto;width:100%}.fc-actions{display:flex;justify-content:center;gap:var(--s2);flex-wrap:wrap}.flashcard{perspective:1200px;cursor:pointer}.flashcard-inner{position:relative;width:100%;min-height:16rem;transition:transform .45s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:var(--s5) 1.2rem;text-align:center;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.card-back{transform:rotateY(180deg)}.fc-word{font-size:2rem;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.fc-article{font-weight:700}.fc-article.gender-m{color:var(--gender-m)}.fc-article.gender-f{color:var(--gender-f)}.speak-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:2rem;height:2rem;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);font-size:1rem;cursor:pointer;flex:none}.speak-btn:hover{color:var(--accent);border-color:var(--accent)}.speak-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fc-badge{font-size:var(--t-xs);color:var(--ink-faint);border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem}.fc-hint{font-size:var(--t-xs);position:absolute;bottom:.8rem}.fc-gloss{font-size:1.5rem;font-weight:550;color:var(--ink)}.fc-example{color:var(--ink-muted);font-style:italic;max-width:42ch;line-height:1.6}.fc-example-text{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fc-example-label{display:block;font-style:normal;font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem}.fc-controls{margin-top:.2rem}@media (prefers-reduced-motion: reduce){.flashcard-inner{transition:none}}.kind-group .sub-head{margin-top:.3rem}.gap-item{border-top:1px solid var(--border)}.gap-item:first-child{border-top:none}.gap-head-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;text-align:left;cursor:pointer;background:none;border:none;padding:.7rem 0;color:inherit;font:inherit}.gap-head-btn:hover .t{color:var(--ink)}.gap-history{padding:0 0 .8rem}.history-list{margin:.2rem 0 0;padding-left:1.2rem}.history-list li{color:var(--ink-muted);font-size:var(--t-sm);line-height:1.6}.section-head-btn{width:100%;cursor:pointer;background:none;border:none;padding:0;color:inherit;font:inherit}.section-head-btn:hover h2{color:var(--ink)}.stat-strip{display:flex;gap:var(--s5);flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.1rem}.stat-value{font-size:var(--t-xl);font-weight:640;letter-spacing:-.02em}.stat-value.hot{color:var(--ember)}.stat-label{color:var(--ink-faint);font-size:var(--t-xs)}.caveat{color:var(--ink-faint);font-size:var(--t-sm);font-style:italic;max-width:60ch}.empty{color:var(--ink-muted);font-size:var(--t-sm)}@media (max-width: 560px){.page{padding:var(--s4) .95rem var(--s5)}.nav{padding:.6rem .95rem;gap:.15rem}.nav-user{display:none}.stat-strip{gap:var(--s4)}.msg{max-width:100%}}.goal-shell{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:var(--s4);align-items:start}.goal-rail{position:sticky;top:calc(var(--nav-h) + var(--s3));display:flex;flex-direction:column;gap:.75rem}.goal-work{min-width:0}.goal-strip,.goal-tabs{display:none}@media (max-width: 800px){.goal-shell{grid-template-columns:1fr}.goal-rail{display:none}.goal-rail[data-open=true]{display:flex;position:static}.goal-strip{display:block;position:sticky;top:var(--nav-h);z-index:var(--z-sticky);padding:.6rem .8rem;margin-bottom:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.goal-strip[data-hidden=true]{display:none}.goal-tabs{display:flex;gap:.4rem;margin-bottom:.75rem}.goal-tabs>button{flex:1}}.goal-shell[data-focus=true]{grid-template-columns:1fr}.goal-shell[data-focus=true] .goal-rail{display:none}.goal-tabs .btn.active{color:var(--accent);background:var(--accent-ghost)}.goal-phase-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.goal-phase-bar>span{display:block;height:100%;background:var(--accent)}.goal-count{font-size:var(--t-2xl);font-weight:650;letter-spacing:-.02em;line-height:1}.plan-phase{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.plan-phase>summary{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;font-size:var(--t-sm);font-weight:550;list-style:none}.plan-phase>summary::-webkit-details-marker{display:none}.plan-phase>summary:hover{color:var(--accent)}.plan-phase[open]>summary{border-bottom:1px dashed var(--border)}.plan-caret{flex:none;transition:transform .15s ease}.plan-phase[open] .plan-caret{transform:rotate(90deg)}.goal-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;font-size:var(--t-sm)}.goal-queue>li{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px dashed var(--border)}.goal-queue>li[data-current=true]{font-weight:650}.goal-queue>li[data-done=true]{opacity:.5}.plan-sessions{list-style:none;margin:0;max-height:15rem;overflow-y:auto;padding:.3rem .7rem .5rem}.plan-sessions>li.plan-day-header{display:block;border-bottom:none;padding-top:.5rem;font-size:var(--t-xs);font-weight:600;color:var(--ink-muted)}.plan-sessions>li.plan-day-header:first-child{padding-top:0}.review-item{border-left:2px solid var(--border);padding:.45rem 0 .45rem .7rem}.review-item.miss{border-left-color:color-mix(in oklch,var(--fail),transparent 40%)}.review-item.ok{border-left-color:color-mix(in oklch,var(--pass),transparent 55%)}.review-item>summary{cursor:pointer;line-height:1.5}.review-item>summary::marker{color:var(--ink-faint)}.review-body{margin:.5rem 0 .2rem;font-size:var(--t-sm)}.write-echo{white-space:pre-wrap;font:inherit;margin:0;padding:.7rem .85rem;border:1px solid var(--border);border-radius:.4rem;background:var(--bg)}.criteria{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.criteria th,.criteria td{text-align:left;vertical-align:top;padding:.35rem .6rem .35rem 0;border-bottom:1px solid var(--border)}.criteria th{font-weight:550;color:var(--ink-muted);white-space:nowrap}.criteria .criteria-score{white-space:nowrap;color:var(--ink)}.corrections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.corrections s{color:var(--ink-faint)}.fb-orig{color:var(--fail);text-decoration:line-through;text-decoration-thickness:1px}.fb-fix{color:var(--pass);font-weight:600}.fb-good{color:var(--pass)}.fb-tag{display:inline-block;font-size:var(--t-xs);color:var(--ink-muted);border:1px solid var(--border);border-radius:999px;padding:0 .4rem;margin-bottom:.2rem}.fb-item{margin:0}.fb-crit{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.fb-band{display:inline-block;font-size:var(--t-xs);border:1px solid var(--border);border-radius:999px;padding:0 .4rem;white-space:nowrap}.fb-band.b1,.fb-band.b1plus{color:var(--pass);border-color:color-mix(in oklch,var(--pass),transparent 55%)}.fb-band.below{color:var(--ink-muted)}.fb-band.insufficient{color:var(--fail);border-color:color-mix(in oklch,var(--fail),transparent 55%)}.fb-improved{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem}.fb-improved p{margin:0 0 .6rem}.fb-improved p:last-child{margin-bottom:0}.src-badge{align-self:flex-start}.letter-guide .letter-row{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;align-items:start}.letter-val{color:var(--ink-muted);font-size:var(--t-sm)}.wm-bar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.wm-search{flex:1 1 12rem;min-width:0}.wm-list{list-style:none;margin:0;padding:0}.wm-row{border-top:1px solid var(--border)}.wm-row:first-child{border-top:none}.wm-row.open{background:var(--surface-2);border-radius:var(--radius-sm)}.wm-row-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0}.wm-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;background:none;border:none;padding:0 0 0 var(--s2);text-align:start;font:inherit;color:inherit;cursor:pointer}.wm-row-main:hover .word-fr{color:var(--accent)}.wm-row-main .word-gloss{font-size:var(--t-sm);color:var(--ink-muted)}.wm-row-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-badge{font-size:var(--t-xs);white-space:nowrap}.wm-icon{flex:none;background:none;border:1px solid transparent;cursor:pointer;border-radius:var(--radius-sm);color:var(--ink-muted);font-size:1rem;inline-size:40px;block-size:40px;line-height:1}.wm-icon:hover{background:var(--accent-ghost);color:var(--ink)}.wm-icon-danger:hover{background:color-mix(in oklch,var(--fail),transparent 88%);color:var(--fail)}.wm-confirm{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:0 var(--s2) var(--s3);font-size:var(--t-sm)}.wm-spacer{flex:1}.btn-danger{--btn-bg: var(--fail);--btn-bd: var(--fail);color:#fff;font-weight:600}.wm-form{padding:var(--s3) var(--s2) var(--s3)}.wm-field{display:flex;flex-direction:column;gap:.25rem}.wm-field>span{font-size:var(--t-xs);color:var(--ink-muted)}.wm-field textarea{resize:vertical;font:inherit}.wm-form-actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}@media (max-width: 30rem){.wm-badge{display:none}}.wm-forms-input{font-size:var(--t-sm);line-height:1.5}.wm-field-hint{font-size:var(--t-xs);line-height:1.4}.fc-forms{display:flex;flex-direction:column;gap:.2rem;margin-top:var(--s2);inline-size:100%}.fc-form{font-size:var(--t-sm);line-height:1.45;text-align:start;overflow-wrap:anywhere}.card-back{overflow-y:auto}.wm-row-fields{display:flex;gap:var(--s2);flex-wrap:wrap}.wm-field-register{flex:0 0 9rem}.wm-field-usage{flex:1 1 12rem;min-width:0}.fc-register{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2);inline-size:100%}.reg-chip{flex:none;font-size:var(--t-xs);padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-muted)}.reg-usage{font-size:var(--t-sm);color:var(--ink-muted);text-align:start;overflow-wrap:anywhere}.keepable{position:relative}.yt-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.yt-library-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-block:.6rem}.yt-continue{border-inline-start:3px solid var(--accent)}.yt-import-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.75rem}.yt-import-row .field{flex:1 1 16rem;min-width:0;margin:0}.yt-preferences summary{cursor:pointer;font-weight:600}.yt-preferences[open] summary{margin-bottom:1rem}.yt-lesson-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.yt-lesson-layout>*{min-width:0}.yt-exercise-transport,.yt-row-audio{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.yt-playback-state{flex-basis:100%;font-size:var(--t-sm);color:var(--ink-muted)}.yt-row-tools .yt-exercise-transport{flex:1 1 auto}.yt-practice-progress{margin:0}[data-practice-segment],.yt-gist{scroll-margin-top:calc(var(--nav-h) + 1rem)}@media (max-width: 820px){.yt-lesson-layout{grid-template-columns:minmax(0,1fr)}.yt-clip{padding-bottom:calc(var(--yt-transport-h, 0px) + 1rem)}.yt-clip .yt-exercise-transport{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -3px 12px #0001}.yt-clip [data-practice-segment],.yt-clip .yt-gist,.yt-clip button,.yt-clip input,.yt-clip textarea{scroll-margin-bottom:calc(var(--yt-transport-h, 0px) + 1rem)}}.yt-open{font-weight:600;text-align:left}.yt-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;font-size:var(--t-sm);color:var(--ink-muted)}.yt-step{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.yt-step:not(:last-child):after{content:"";width:1rem;height:1px;margin-left:.1rem;background:var(--border-strong)}.yt-step-dot{flex:none;width:.5rem;height:.5rem;box-sizing:border-box;border-radius:50%;border:1px solid var(--border-strong)}.yt-step-check{flex:none;margin:0 -.18rem;color:var(--pass)}.yt-step.is-current{color:var(--accent);font-weight:600}.yt-step.is-current .yt-step-dot{background:var(--accent);border-color:var(--accent)}@media (max-width: 560px){.yt-steps{column-gap:.9rem}.yt-step:not(:last-child):after{content:none}}.yt-path{position:relative;list-style:none;margin:0;padding:0 0 0 22px;display:grid;gap:.9rem}.yt-path:before{content:"";position:absolute;left:7px;top:.4rem;bottom:.4rem;width:2px;background:var(--border)}.yt-node{position:relative;min-width:0;display:grid;gap:.1rem}.yt-node:before{content:"";position:absolute;left:-20px;top:.3rem;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong)}.yt-node.is-done:before{background:var(--pass);border-color:var(--pass)}.yt-node.is-next:before{top:.9rem;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ghost)}.yt-node.is-end:before{border-radius:3px}.yt-node.is-locked{color:var(--ink-muted)}.yt-node-box,.yt-node-head{display:grid;gap:.5rem;min-width:0}.yt-node-box{padding:.6rem .75rem;border:1px solid var(--accent);border-radius:10px;background:var(--bg);box-shadow:0 0 0 2px var(--accent-ghost)}.yt-node-head{gap:.1rem}.yt-node-open{display:grid;gap:.1rem;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.yt-node-open:hover .yt-node-title{color:var(--accent)}.yt-node-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.yt-node-title{font-weight:600;overflow-wrap:anywhere}.yt-node-tr,.yt-node-meta{font-size:var(--t-sm);color:var(--ink-muted);overflow-wrap:anywhere}.yt-node-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}.yt-node-step{flex:0 1 auto;padding:.15rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-muted);font-size:var(--t-xs);text-align:center}.yt-node-step.is-done{border-color:transparent;background:color-mix(in oklch,var(--pass),transparent 85%);color:var(--pass)}.yt-node-step.is-current{border-color:var(--accent);background:var(--accent-ghost);color:var(--accent);font-weight:600}.yt-review-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px dashed var(--due);border-radius:var(--radius-sm);font-size:var(--t-sm)}.yt-player{position:relative;aspect-ratio:16 / 9;width:100%;background:#000;border-radius:var(--radius);overflow:hidden}.yt-player>div,.yt-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-drill{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-drill.is-active{border-color:var(--accent)}.yt-compare{line-height:1.9;margin:0}.yt-ok>span:first-child{color:var(--pass)}.yt-accent>span:first-child{color:var(--due)}.yt-wrong>span:first-child,.yt-missed>span:first-child{color:var(--fail);text-decoration:line-through}.yt-shadow-box{position:relative;max-height:26rem;overflow-y:auto;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-shadow-line{display:block;width:100%;text-align:left;font:inherit;font-size:1.3rem;line-height:2.4;color:var(--ink);background:none;border:0;border-left:3px solid transparent;border-radius:var(--radius-sm);padding:0 .5rem;cursor:pointer}.yt-shadow-line.is-other{color:var(--ink-muted)}.yt-shadow-line.is-looping{border-left-color:var(--accent);background:var(--bg)}.yt-shadow-line:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.yt-shadow-line:disabled{cursor:not-allowed}.yt-sw.is-said,.yt-sw.is-now,.yt-sw-gap.is-said{background:var(--accent-ghost);-webkit-box-decoration-break:clone;box-decoration-break:clone}.yt-run{display:inline-block}.yt-sw.is-now>.yt-sw-word,.yt-sw.is-now>.yt-flag>.yt-sw-word{background:color-mix(in srgb,var(--accent) 30%,transparent);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.yt-sw-silent{opacity:.45}.yt-sw-woken{color:var(--ember);font-weight:700}.yt-tie{display:inline-block;position:relative;width:0;height:1em;-webkit-user-select:none;user-select:none}.yt-tie:after{content:"";position:absolute;left:-.4em;width:1.1em;bottom:-.34em;height:.36em;border:2px solid var(--ember);border-top:none;border-radius:0 0 1em 1em}.yt-tie.is-flow:after{opacity:.6}.yt-tie.is-maybe:after{border-style:none dashed dashed;opacity:.75}.yt-tie i{position:absolute;top:-1.1em;left:.15em;transform:translate(-50%);font-size:.62em;font-style:normal;font-weight:800;color:var(--ember)}.yt-tie.is-maybe i{opacity:.75}.yt-shadow-chip{display:inline-block;margin-left:.5rem;padding:0 .5rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:var(--t-xs);font-weight:600;line-height:1.6;vertical-align:middle;-webkit-user-select:none;user-select:none}.yt-shadow-speed{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-shadow-speed .btn{padding-block:.35rem}.yt-shadow-speed .btn[aria-pressed=true]:not(:disabled){color:var(--accent);background:var(--accent-ghost);font-weight:600}.yt-shadow-legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;list-style:none;font-size:var(--t-sm);color:var(--ink-muted)}.yt-shadow-legend li{display:inline-flex;align-items:center;gap:.4rem}.yt-key-said{display:inline-block;width:1.8em;height:1em;border-radius:4px;background:linear-gradient(90deg,var(--accent-ghost) 55%,color-mix(in srgb,var(--accent) 30%,transparent) 55%)}.yt-key-tie{display:inline-block;position:relative;width:1.1em;height:1.3em}.yt-key-tie:after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.36em;border:2px solid var(--ember);border-top:none;border-radius:0 0 1em 1em}.yt-key-tie i{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.75em;font-style:normal;font-weight:800;line-height:1;color:var(--ember)}.yt-key-tie.is-maybe:after{border-style:none dashed dashed;opacity:.75}.yt-key-tie.is-maybe i{opacity:.75}.yt-key-silent{color:var(--ink);opacity:.45;font-weight:700}.yt-flag,.yt-key-flag{text-decoration-line:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}.yt-flag{cursor:pointer}.yt-flag.is-fixed,.yt-key-flag.is-fixed{text-decoration-style:double;text-decoration-color:var(--accent)}.yt-flag.is-unsure,.yt-key-flag.is-unsure{text-decoration-style:wavy;text-decoration-color:var(--ink-muted)}.yt-flag:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.yt-key-flag{color:var(--ink)}.yt-shadow-line .yt-flag{cursor:inherit}.yt-shadow-fixes{margin:0;padding:0;list-style:none;font-size:var(--t-sm);color:var(--ink-muted)}.yt-shadow-fixes li{overflow-wrap:anywhere}.yt-shadow-fixes li+li{margin-top:.2rem}.yt-flag-note{position:fixed;left:0;top:0;z-index:var(--z-toast);width:max-content;max-width:min(18rem,calc(100vw - 16px));padding:.4rem .6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:var(--shadow);color:var(--ink);font-size:var(--t-sm);line-height:1.4;text-align:left;overflow-wrap:anywhere}.yt-compare input.yt-blank{display:inline-block;width:auto;min-width:0;padding:.1rem .35rem;margin:0 .1rem}.yt-stage{position:relative}.yt-cover{position:absolute;left:0;right:0;top:64%;bottom:7%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.yt-bar-row{flex-wrap:wrap;gap:.3rem}.yt-bar-row .btn{min-width:2.6rem;justify-content:center}.yt-bar-speeds{display:inline-flex;gap:.2rem;margin-left:auto}.yt-bar-keys{font-size:var(--t-sm)}.yt-answer{border-left:3px solid var(--accent);padding-left:.6rem}.yt-row-body{flex:1 1 14rem;min-width:0}.yt-level select{width:auto}.yt-setup{gap:1rem}.yt-setup select,.yt-tier-options{max-width:32rem}.yt-tier-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.65rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.yt-tier-option:not(:disabled):hover{border-color:var(--accent-dim)}.yt-tier-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yt-tier-option:disabled{cursor:default}.yt-tier-option.is-on{border-color:var(--accent);background:var(--accent-ghost)}.yt-tier-option .field-hint{margin:0}.yt-fit{display:inline-block;padding:.05rem .55rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--ink-muted);font-size:var(--t-sm);white-space:nowrap}.yt-fit-fits{color:var(--pass);border-color:color-mix(in oklch,var(--pass),transparent 55%)}.yt-fit-hard{color:var(--due);border-color:color-mix(in oklch,var(--due),transparent 55%)}.yt-fit-tooHard{color:var(--fail);border-color:color-mix(in oklch,var(--fail),transparent 55%)}.yt-fit-why{margin:0}.yt-thumb{flex:none;width:7rem;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.yt-thumb-sm{width:4rem}.yt-thumb img{display:block;width:100%;height:100%;object-fit:cover}.yt-thumb-btn,.yt-thumb-link{display:inline-flex;flex:none;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--radius-sm)}.yt-strip{display:flex;flex-wrap:wrap;gap:2px;width:100%;max-width:24rem}.yt-cell{flex:1 0 4px;min-width:4px;height:.45rem;border-radius:2px;background:var(--surface-2);border:1px solid var(--border);box-sizing:border-box}.yt-cell-doing{background:transparent;border-color:var(--accent)}.yt-cell-done{background:var(--pass);border-color:var(--pass)}.yt-week-title{font-size:var(--t-base);margin:0 0 .5rem}.yt-week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0}@media (min-width: 48rem){.yt-week-grid{grid-template-columns:repeat(4,1fr)}}.yt-week-grid dt{font-size:var(--t-sm);color:var(--ink-muted)}.yt-week-grid dd{margin:0;font-size:var(--t-lg)}.yt-week-grid>div{display:flex;flex-direction:column;justify-content:flex-end}.yt-week-grid .field-hint{display:block;margin-top:.1rem}.yt-done-head{gap:.4rem;align-items:center}.yt-done-check{display:inline-flex;color:var(--pass)}.yt-done.is-fresh .yt-done-check{animation:yt-pop .42s var(--ease) both}.yt-cell.is-fresh{animation:yt-fill .6s var(--ease) .12s both}@keyframes yt-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes yt-fill{0%{background-color:transparent}}@media (prefers-reduced-motion: reduce){.yt-cell.is-fresh,.yt-done.is-fresh .yt-done-check{animation-delay:0s}}.yt-today-line{gap:.6rem;align-items:center;flex-wrap:wrap}.yt-today-text{flex:1;min-width:12rem}.yt-gist-q{font-weight:500;line-height:1.45}.yt-gist-sub{margin-top:-.15rem;font-size:var(--t-sm);line-height:1.4;color:var(--ink-muted)}.yt-gist{margin:-.5rem;padding:.5rem;border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.yt-gist.is-waiting{background:var(--accent-ghost);box-shadow:inset 3px 0 0 var(--accent);scroll-margin-top:calc(var(--nav-h) + 1rem)}.yt-gist-wait{font-size:var(--t-sm);font-weight:600;color:var(--accent)}@media (max-width: 820px){.yt-gist.is-waiting{scroll-margin-top:calc(var(--nav-h) + 9.5rem)}}.yt-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}.yt-choice{display:flex;align-items:flex-start;gap:.7rem;width:100%;text-align:left;padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.yt-choice:disabled{cursor:default}.yt-choice[aria-pressed=false][aria-disabled=false]:hover{border-color:var(--accent-dim)}.yt-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yt-choice-badge{flex:none;display:grid;place-items:center;box-sizing:border-box;width:1.75rem;height:1.75rem;margin-top:-.175rem;border-radius:50%;border:1px solid var(--border-strong);color:var(--ink-muted);font-size:var(--t-sm);font-weight:600;line-height:1;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.yt-choice-text{min-width:0}.yt-choice-main{display:block;font-weight:500;line-height:1.4}.yt-choice-sub{display:block;margin-top:.15rem;font-size:var(--t-sm);color:var(--ink-muted)}.yt-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-ghost)}.yt-choice[aria-pressed=true] .yt-choice-badge{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.yt-choice.is-right{border-color:var(--pass);box-shadow:inset 0 0 0 1px var(--pass);background:color-mix(in srgb,var(--pass) 10%,transparent)}.yt-choice.is-right .yt-choice-badge{background:var(--pass);border-color:var(--pass);color:var(--bg)}.yt-choice.is-wrong{border-color:var(--fail);box-shadow:inset 0 0 0 1px var(--fail);background:color-mix(in srgb,var(--fail) 10%,transparent)}.yt-choice.is-wrong .yt-choice-badge{background:var(--fail);border-color:var(--fail);color:var(--bg)}.yt-choice.is-faded{color:var(--ink-muted)}.yt-choice.is-right .yt-choice-sub,.yt-choice.is-wrong .yt-choice-sub{color:var(--ink)}.yt-choice[aria-disabled=true]{cursor:default}@media (prefers-reduced-motion: reduce){.yt-choice,.yt-choice-badge{transition:none}}.yt-tools .btn[aria-pressed=true],.yt-tools .btn.active{color:var(--accent);background:var(--accent-ghost);border-color:var(--accent-dim)}.yt-dictation{width:100%;font-size:var(--t-lg);line-height:1.5}.yt-hint-line{margin:0;font-family:var(--mono);letter-spacing:.05em;color:var(--ink-muted)}.yt-missed{background:color-mix(in oklch,var(--due),transparent 75%);border-radius:3px;padding:0 .1em}.yt-elision{text-decoration:underline dotted;text-underline-offset:.2em}.yt-liaison{color:var(--accent);margin:0 .05em}.yt-rows{display:flex;flex-direction:column;gap:.6rem}.yt-row{display:grid;gap:.4rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:opacity var(--dur) var(--ease)}.yt-row.is-current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ghost)}.yt-row.is-later{border-style:dashed}.yt-row.is-later .yt-row-text{color:var(--ink-muted)}.yt-row.is-done{background:var(--bg)}.yt-row-head{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.yt-row-label{font-size:var(--t-sm);color:var(--ink-muted)}.yt-row-ok{color:var(--pass);font-weight:700}.yt-row-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-left:auto}.yt-row-submit{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem}.yt-row-submit .field-hint{margin:0}.yt-row-text{font-size:var(--t-base)}.yt-row-hint{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6rem}.yt-row-hint .field-hint{margin-top:0}.yt-row-link{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:0;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:var(--t-sm);text-decoration:underline dotted;text-underline-offset:.2em;cursor:pointer}.yt-row-link:hover{color:var(--ink)}.yt-row-link:focus-visible,.yt-mini:focus-visible,.yt-chip-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yt-row-link:disabled{cursor:not-allowed;color:var(--ink-faint)}.yt-phrase-choices{display:flex;flex-wrap:wrap;gap:.5rem}.yt-phrase-choices .btn[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.yt-phrase mark{background:var(--accent-soft, #f8e2c7);color:inherit;border-radius:.2rem;padding:.08em .2em}.yt-target-shadow{margin:.75rem 0 1rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem}.yt-shadow-placeholder{color:var(--ink-muted);font-size:var(--t-sm)}.yt-mini{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:.25rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;font-size:var(--t-sm);line-height:1.4;cursor:pointer}.yt-mini:hover:not(:disabled){background:var(--accent-ghost);border-color:var(--accent-dim)}.yt-mini:disabled{color:var(--ink-faint);cursor:not-allowed}.yt-gap{display:inline-block;min-width:4rem;border-bottom:2px solid var(--border-strong);text-align:center;line-height:1.4}.yt-gap.is-active{border-bottom-color:var(--accent);background:var(--accent-ghost);outline:1px solid var(--accent);outline-offset:2px;border-radius:2px}.yt-gap.is-filled{min-width:0;border-bottom-color:var(--pass);color:var(--pass);font-weight:600}.yt-gap.is-filled.is-missed{border-bottom-color:var(--due);color:var(--due)}.yt-compare input.yt-blank.is-shown{color:var(--due);border-color:var(--due)}.yt-compare input.yt-blank.is-wrong{border-color:var(--fail);box-shadow:0 0 0 1px var(--fail)}.yt-fix{margin:0;font-size:var(--t-sm);color:var(--fail)}.yt-self-compare{margin:0}.yt-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.yt-chip-pick{min-height:32px;padding:.2rem .8rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.yt-chip-pick:hover{background:var(--surface-2)}.yt-chip-pick.is-wrong{border-color:var(--fail);color:var(--fail);background:color-mix(in oklch,var(--fail),transparent 88%)}@media (prefers-reduced-motion: reduce){.yt-row,.yt-chip-pick{transition:none}}.yt-typo{color:var(--fail);text-decoration:line-through}.yt-why,.yt-meaning{margin:0;font-size:var(--t-sm)}.yt-why-tag{color:var(--ink-muted);font-size:var(--t-sm);font-weight:400}.yt-why{color:var(--ink-muted)}@media (max-width: 480px){.yt-row-tools{flex-basis:100%;margin-left:0}}.yt-swap-text{font-size:16px;line-height:1.9}.yt-sentence{margin:0 0 .5rem;padding:.1rem .4rem;border-radius:6px}.yt-sentence.is-now{background:var(--accent-ghost)}.yt-sentence.is-ahead{color:var(--ink-muted)}.yt-word{display:inline;margin:0;padding:0 .1rem;border:0;border-radius:4px;background:none;color:inherit;font:inherit;cursor:pointer}.yt-word:hover{background:color-mix(in oklch,var(--accent),transparent 80%)}.yt-word.is-caught{color:var(--ink-muted)}.yt-word.is-flash{background:color-mix(in oklch,var(--fail),transparent 72%)}.yt-transcript{position:relative;max-height:11.5em;overflow-y:auto;padding:.5rem .7rem;font-size:16px;line-height:1.8;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-transcript.is-sticky{position:sticky;top:var(--nav-h);z-index:2}.yt-transcript:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yt-transcript-slot:empty{display:none}.yt-tr-word{padding:.12em 0;transition:background .15s;-webkit-box-decoration-break:clone;box-decoration-break:clone}.yt-tr-word.is-lit{background:var(--hl-said)}.yt-tr-sentence.is-answer .yt-tr-word.is-lit{background:var(--hl-answer)}@media (prefers-reduced-motion: reduce){.yt-tr-word{transition:none}}@media (max-width: 820px){.yt-transcript{max-height:7.5em}}.yt-word-said{margin-left:.2rem;font-weight:600;color:var(--accent)}.yt-quality{margin:.45rem 0 .85rem;font-size:var(--t-sm);line-height:1.5;color:var(--ink-muted)}.yt-quality summary,.yt-quality-history summary{cursor:pointer;padding:.35rem 0}.yt-quality details[open]{padding:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-quality select{max-width:100%;margin:.4rem 0}.yt-quality .row{gap:.6rem;flex-wrap:wrap}.yt-quality-history>div,.yt-quality-history>details{padding:.6rem 0;border-bottom:1px solid var(--border)}.yt-row.is-excluded{border-style:dashed;color:var(--ink-muted)}.yt-learning-scope{border:0;padding:0;margin:0;min-width:0}.yt-flow-windows{display:flex;flex-wrap:wrap;gap:.5rem}.yt-flow-windows [aria-pressed=true],.yt-consolidation{border:1px solid var(--accent)}.yt-consolidation{border-radius:.75rem;padding:1rem}.yt-flow-extras{border-top:1px solid var(--border);padding-top:1rem}.yt-flow-extras>summary{cursor:pointer;font-weight:600;margin-bottom:.75rem}.yt-activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.yt-activities .yt-step{padding:.5rem .65rem;border-radius:.5rem;background:var(--surface-2);white-space:normal}.yt-activities .yt-step:after{display:none}.yt-activity-number{flex-shrink:0;font-variant-numeric:tabular-nums}.yt-activity-heading h4,.yt-activity-heading p{margin-block:.2rem}.yt-flow-scope{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}.yt-flow-scope span{color:var(--ink-muted);font-size:var(--t-sm)}.yt-learning-result{font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}.yt-learning-result summary{cursor:pointer}.yt-learning-result li{margin-block:.5rem}.yt-learning-summary ul{margin:0;padding-inline-start:1.3rem}.yt-question-feedback{border-inline-start:3px solid var(--accent-dim);padding:.7rem 1rem;font-size:.95rem;overflow-wrap:anywhere}.yt-question-feedback p{margin-block:.3rem}.yt-question-feedback summary{cursor:pointer}.yt-question-feedback blockquote{margin:.6rem 0;padding-inline-start:.8rem;border-inline-start:2px solid var(--border-strong)}.yt-question-replays{flex-wrap:wrap;gap:.5rem}.yt-listening-hints summary{width:fit-content;min-height:32px;padding-block:.3rem;color:var(--ink-muted);font-size:var(--t-sm);cursor:pointer}.yt-listening-hints summary:hover{color:var(--ink)}.yt-listening-hints summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.yt-listening-hints .yt-question-replays{gap:.25rem 1rem}.yt-hint-time{font-variant-numeric:tabular-nums;white-space:nowrap}.yt-library-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.yt-library-filters .field{flex:1 1 13rem;min-width:0;margin:0}.yt-library-filters select{width:100%}.yt-playback-state{display:grid;flex:1 1 7rem;min-width:0}.yt-playback-state>span{grid-area:1 / 1}.yt-playback-size{visibility:hidden;pointer-events:none}.yt-play-count{margin:0;font-size:.75rem}.yt-exercise-transport .icon-button,.yt-row-audio .icon-button,.yt-row-link.icon-button{min-height:40px;min-width:40px}.yt-transcript-panel{background:var(--surface);border-radius:var(--radius-sm)}.yt-transcript-panel.is-sticky{position:sticky;top:var(--nav-h);z-index:2}.yt-transcript-panel>button{padding-inline:.5rem}.yt-follow{display:flex;align-items:center;gap:.5rem;font-size:var(--t-sm);color:var(--ink-muted);min-height:36px;cursor:pointer}.yt-follow input{width:18px;height:18px;accent-color:var(--accent)}.yt-swap-mistap{color:var(--fail)}.yt-swap-text .yt-flag.is-fixed,.yt-swap-feedback .yt-flag.is-fixed{text-decoration:none}.yt-word{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:36px;padding:.05rem .16rem}.yt-sentence{scroll-margin-top:calc(var(--nav-h) + 1rem);scroll-margin-bottom:calc(var(--yt-transport-h, 0px) + 1rem)}.yt-lesson-panel{--gap: .75rem}.yt-lesson-panel>.row p,.yt-lesson-panel h3,.yt-lesson-panel h4{margin-block:0}.yt-lesson-panel>fieldset>p{margin-block:.25rem}.listening-page-head.is-lesson{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.listening-page-head.is-lesson h1{font-size:var(--t-lg);margin:0}@media (max-width: 820px){.listening-page-head{margin-bottom:1rem}.yt-clip>.row h2{font-size:var(--t-base);margin-block:.3rem}.yt-activities{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.yt-activities .yt-step{padding:.4rem;font-size:.78rem;align-items:flex-start;gap:.25rem}.yt-clip .yt-exercise-transport{padding:.4rem .75rem calc(.4rem + env(safe-area-inset-bottom));gap:.4rem}.yt-transcript-panel .yt-transcript{max-height:6em}.yt-clip:has(.yt-transcript-panel.is-sticky .yt-transcript) button:focus,.yt-clip:has(.yt-transcript-panel.is-sticky .yt-transcript) summary:focus{scroll-margin-top:calc(var(--nav-h) + 9rem)}}.yt-clip summary{min-height:32px;padding-block:.3rem;cursor:pointer}.yt-clip summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.yt-clip summary,.yt-clip select{scroll-margin-top:calc(var(--nav-h) + 1rem);scroll-margin-bottom:calc(var(--yt-transport-h, 0px) + 1rem)}.yt-swap-feedback h5,.yt-part-results h5{font-size:var(--t-base);margin:0}.yt-swap-text.is-checked{overflow-wrap:anywhere}.yt-swap-text.is-checked .yt-sentence{padding-left:0}.yt-swap-replay{display:inline-flex;vertical-align:middle;min-height:28px;padding:0 .15rem;margin-right:.1rem}.yt-swap-mark{font-weight:700;margin-right:.15rem}.yt-swap-mistap-word{text-decoration:underline dotted #B42335;text-decoration-thickness:2px;text-underline-offset:4px}[data-theme=dark] .yt-swap-mistap-word{text-decoration-color:#ff9ba5}.yt-swap-correction{display:inline-block;max-width:100%;padding:.1rem .15rem;border-radius:.2rem}.yt-swap-correction.is-caught{color:var(--pass);background:color-mix(in srgb,var(--pass) 10%,transparent)}.yt-swap-correction s{color:var(--ink-muted);font-weight:400}.yt-swap-correction.is-missed{color:#b42335;background:#b423350f;border-bottom:1px dotted currentColor}[data-theme=dark] .yt-swap-correction.is-missed{color:#ff9ba5;background:#ff9ba50f}.yt-part-results section{padding-block:.8rem;border-bottom:1px solid var(--border)}.yt-part-results p{margin-block:.4rem}.yt-result-question{padding-block:.4rem;overflow-wrap:anywhere}.yt-alternate-activity{min-width:0}.yt-match-board{--match-wash: var(--surface-3);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto repeat(var(--rows),minmax(2.4rem,auto) auto);column-gap:1rem;row-gap:.3rem}.yt-match-head{grid-row:1;margin:0 0 .2rem;font-size:var(--t-sm);font-weight:600;color:var(--ink-muted)}.yt-match-head-extracts{grid-column:1}.yt-match-head-cards{grid-column:2}.yt-match-extracts,.yt-match-bank{grid-row:2 / -1;display:grid;grid-template-rows:subgrid;list-style:none;margin:0;padding:0;min-width:0}.yt-match-extracts{grid-column:1}.yt-match-bank{grid-column:2;border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.yt-match-bank.is-over{background:var(--match-wash);box-shadow:0 0 0 .4rem var(--match-wash)}.yt-match-extracts>li{grid-row:span 2;display:grid;grid-template-rows:subgrid;min-width:0}.yt-match-extract{gap:.25rem;align-items:center;padding-top:.35rem}.yt-match-extract .btn-ghost{padding-inline:.35rem}.yt-match-extracts>li.is-current .yt-match-extract .btn-ghost{color:var(--accent)}.yt-match-slot{position:relative;display:flex;align-items:stretch;min-height:3.5rem;min-width:0;padding:.3rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.yt-match-slot:not(.is-filled){align-items:center;justify-content:center;cursor:pointer}.yt-match-slot.is-filled{border-style:solid;border-color:transparent;padding:0;background:none}.yt-match-extracts>li.is-current .yt-match-slot:not(.is-filled){border-color:var(--accent);background:var(--match-wash)}.yt-match-slot.is-over{border-style:solid;border-color:var(--accent);background:var(--match-wash)}.yt-match-slot>.field-hint{margin:0;text-align:center}.yt-match-slot.is-filled .yt-match-card{padding-right:2.6rem}.yt-match-remove{position:absolute;right:.2rem;top:0;bottom:0;margin-block:auto;height:fit-content;padding:.35rem}.yt-match-cell{grid-row:var(--row);display:flex;min-width:0}.yt-match-gap{flex:1;min-height:3.5rem;border:1.5px dashed var(--border);border-radius:var(--radius-sm)}.yt-alternate-card.yt-match-card{flex:1;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:.6rem;cursor:grab;user-select:none;-webkit-user-select:none}.yt-match-card:active{cursor:grabbing}.yt-match-card.is-dragging{opacity:.4}.yt-match-grip{flex:none;color:var(--ink-faint);font-size:1.1rem;line-height:1}.yt-match-card>.yt-bilingual{flex:1;min-width:0}.yt-match-board.is-frozen{grid-template-rows:auto repeat(var(--rows),minmax(2.4rem,auto) auto auto)}.yt-match-board.is-frozen .yt-match-extracts{grid-column:1 / -1;grid-template-columns:subgrid}.yt-match-board.is-frozen .yt-match-extracts>li{grid-row:span 3;grid-column:1 / -1;grid-template-columns:subgrid}.yt-match-board.is-frozen .yt-match-extract,.yt-match-board.is-frozen .yt-match-slot{grid-column:1}.yt-match-board.is-frozen .yt-match-bank{pointer-events:none}.yt-match-board.is-frozen .yt-match-cell.is-empty{display:none}.yt-match-name{padding-inline:.35rem}.yt-match-feedback{grid-column:1 / -1;position:relative;min-width:0;padding:0 .2rem .5rem}.yt-match-feedback .yt-alternate-feedback{margin-block:.25rem 0}.yt-match-correct{margin-top:.3rem;font-size:var(--t-sm)}.yt-alternate-activity{--b-right: var(--pass);--b-wrong: #B42335}[data-theme=dark] .yt-alternate-activity{--b-wrong: #FF9BA5}.yt-alternate-activity .yt-alternate-card.is-fixed{flex-direction:row;align-items:center;justify-content:flex-start;gap:.6rem;cursor:default;user-select:text;-webkit-user-select:text}.yt-alternate-activity .yt-alternate-card.is-fixed,.yt-alternate-activity .yt-alternate-card.is-fixed:hover,.yt-alternate-activity .yt-alternate-card.is-fixed:active{background:var(--btn-bg);border-color:var(--btn-bd);box-shadow:none;transform:none}.yt-alternate-activity .yt-alternate-card.is-fixed>.yt-bilingual{flex:1;min-width:0}.yt-alternate-activity .yt-alternate-card.is-right,.yt-alternate-activity .yt-alternate-card.is-right:hover,.yt-alternate-activity .yt-alternate-card.is-right:active{background:color-mix(in srgb,var(--b-right) 12%,var(--surface));border-color:var(--b-right);box-shadow:inset 3px 0 var(--b-right)}.yt-alternate-activity .yt-alternate-card.is-wrong,.yt-alternate-activity .yt-alternate-card.is-wrong:hover,.yt-alternate-activity .yt-alternate-card.is-wrong:active{background:color-mix(in srgb,var(--b-wrong) 9%,var(--surface));border-color:var(--b-wrong);box-shadow:inset 3px 0 var(--b-wrong)}.yt-alternate-activity .yt-alternate-card.is-answer,.yt-alternate-activity .yt-alternate-card.is-answer:hover,.yt-alternate-activity .yt-alternate-card.is-answer:active{background:var(--surface);border:1px dashed var(--b-right);box-shadow:inset 3px 0 var(--b-right)}.yt-alternate-activity .yt-alternate-card.is-faded{opacity:.55}.yt-alternate-activity .yt-alternate-card.is-left,.yt-alternate-activity .yt-alternate-card.is-left:hover{background:var(--surface);border-color:var(--border);color:var(--ink-muted)}.yt-verdict-mark{flex:none;width:1.1rem;text-align:center;font-weight:700;font-size:1.05rem;line-height:1}.is-right>.yt-verdict-mark,.is-answer>.yt-verdict-mark{color:var(--b-right)}.is-wrong>.yt-verdict-mark{color:var(--b-wrong)}.yt-verdict-note{font-size:var(--t-sm);font-weight:600;color:var(--accent)}.yt-order-list.is-frozen li{padding:0;background:none;border:0;margin-bottom:.7rem}.yt-order-list.is-frozen .yt-alternate-feedback{margin-block:.25rem 0}.yt-bilingual,.yt-alternate-card{display:flex;flex-direction:column;gap:.25rem}.yt-alternate-card{width:100%;white-space:normal;text-align:left;align-items:stretch;padding:.65rem .8rem;overflow-wrap:anywhere}.yt-alternate-card[aria-pressed=true]{background:var(--surface-3);border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.yt-alternate-card[aria-disabled=true]{cursor:default}.yt-note-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.yt-note-field{min-width:0;margin:0;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-note-field legend{padding-inline:.3rem;font-weight:600;max-width:100%}.yt-order-list{padding-inline-start:1.6rem}.yt-order-list li{padding:.6rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-order-list li>.yt-bilingual{display:inline-flex;width:calc(100% - 48px);vertical-align:middle}.yt-order-list li>.icon-button{vertical-align:middle}.yt-alternate-feedback{font-size:var(--t-sm);margin-block:.6rem}.yt-alternate-feedback blockquote{margin:.6rem 0;border-left:2px solid var(--accent-dim);padding-left:.7rem}.yt-answer-right{color:var(--pass)}.yt-answer-wrong{color:var(--fail)}.yt-alternate-lesson>fieldset>details{padding-block:.4rem}@media (max-width: 700px){.yt-note-fields{grid-template-columns:minmax(0,1fr)}.yt-match-board{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.yt-match-head,.yt-match-extracts,.yt-match-bank{grid-column:1;grid-row:auto}.yt-match-head-extracts{order:0}.yt-match-extracts{order:1}.yt-match-head-cards{order:2;margin-top:.6rem}.yt-match-bank{order:3}.yt-match-extracts,.yt-match-bank,.yt-match-extracts>li{grid-template-rows:none;gap:.3rem}.yt-match-extracts{gap:.5rem}.yt-match-extracts>li{grid-row:auto}.yt-match-cell{grid-row:auto}.yt-match-cell.is-empty{display:none}.yt-match-board.is-frozen{grid-template-rows:none}.yt-match-board.is-frozen .yt-match-extracts,.yt-match-board.is-frozen .yt-match-extracts>li{grid-column:1;grid-row:auto;grid-template-columns:none}.yt-match-board.is-frozen .yt-match-feedback{grid-column:1}}@media (max-width: 820px){.yt-clip:has(.yt-transcript.is-sticky) button:focus,.yt-clip:has(.yt-transcript.is-sticky) summary:focus{scroll-margin-top:calc(var(--nav-h) + 9rem)}}