:root{--nb-border-w:3px;--nb-shadow-offset:6px;--nb-grid-opacity:.07;--nb-paper:#e6e8fb;--nb-paper-2:#dde0f7;--nb-ink:#15131c;--nb-surface:#fff;--nb-surface-2:#fbf8ef;--nb-grid:rgba(43, 35, 99, var(--nb-grid-opacity));--nb-fg:#15131c;--nb-fg-muted:#6a6480;--nb-fg-subtle:#9a93b5;--nb-iris:#6c5ce8;--nb-coral:#f4593c;--nb-green:#43c988;--nb-yellow:#fcd535;--nb-blue:#4d7cff;--nb-on-iris:#fff;--nb-on-coral:#fff;--nb-on-green:#15131c;--nb-on-yellow:#15131c;--nb-on-blue:#fff;--nb-success:#2c7148;--nb-danger:#b3402a;--nb-warn:#8a6a12;--nb-border:var(--nb-border-w) solid var(--nb-ink);--nb-shadow:var(--nb-shadow-offset) var(--nb-shadow-offset) 0 0 var(--nb-ink);--nb-shadow-sm:3px 3px 0 0 var(--nb-ink);--nb-shadow-lg:10px 10px 0 0 var(--nb-ink);--nb-radius:4px;--bg:var(--nb-paper);--bg-elevated:var(--nb-surface);--bg-subtle:var(--nb-paper-2);--bg-inverse:var(--nb-ink);--fg:var(--nb-fg);--fg-muted:var(--nb-fg-muted);--fg-subtle:var(--nb-fg-subtle);--fg-on-inverse:var(--nb-paper);--fg-on-accent:var(--nb-fg);--border:var(--nb-ink);--border-strong:var(--nb-ink);--accent:var(--nb-iris);--accent-hover:var(--nb-iris);--accent-press:var(--nb-iris);--accent-contrast:var(--nb-fg);--accent-shadow:var(--nb-ink);--accent-2:var(--nb-coral);--accent-2-hover:var(--nb-coral);--accent-2-shadow:var(--nb-ink);--success:var(--nb-green);--danger:var(--nb-coral);--warn:var(--nb-warn);--c-peach-100:#fde6df;--c-peach-300:var(--nb-coral);--c-peach-400:var(--nb-coral);--c-peach-500:var(--nb-coral);--c-peach-700:var(--nb-coral);--c-lav-100:#e5ddff;--c-lav-300:var(--nb-iris);--c-lav-400:var(--nb-iris);--c-lav-500:var(--nb-iris);--c-lav-700:var(--nb-iris);--c-mint-300:var(--nb-green);--c-mint-500:var(--nb-green);--c-mint-700:var(--nb-green);--c-cream-300:var(--nb-surface-2);--c-cream-500:var(--nb-yellow);--c-cream-700:var(--nb-yellow);--c-rose-300:var(--nb-coral);--c-rose-500:var(--nb-coral);--c-rose-700:var(--nb-coral);--c-butter-300:var(--nb-yellow);--c-ink-900:var(--nb-ink);--c-ink-500:var(--nb-fg-muted);--c-ink-400:var(--nb-fg-subtle);--c-ink-200:var(--nb-paper-2);--c-ink-100:var(--nb-paper-2);--c-ink-50:var(--nb-paper);--c-danger-500:var(--nb-danger);--c-danger-100:#fbe4df;--c-success-500:var(--nb-success);--c-success-100:#dff0e5;--c-warn-500:var(--nb-warn);--grad-peach:var(--nb-coral);--grad-lav:var(--nb-iris);--grad-cream:var(--nb-surface-2);--grad-mint:var(--nb-green);--grad-ink:var(--nb-ink);--skill-wash-grammar:color-mix(in oklab, var(--nb-iris) 10%, var(--nb-surface));--skill-wash-listening:color-mix(in oklab, var(--nb-yellow) 12%, var(--nb-surface));--skill-wash-reading:color-mix(in oklab, var(--nb-green) 10%, var(--nb-surface));--skill-wash-writing:color-mix(in oklab, var(--nb-coral) 10%, var(--nb-surface));--skill-wash-speaking:color-mix(in oklab, var(--nb-blue) 10%, var(--nb-surface));--skill-accent-grammar:var(--nb-iris);--skill-accent-listening:#2f46ff;--skill-accent-reading:var(--nb-success);--skill-accent-writing:var(--nb-coral);--skill-accent-speaking:var(--nb-blue);--font-serif:var(--font-inter), system-ui, sans-serif;--font-display:var(--font-inter), system-ui, sans-serif;--tracking-tight:-.03em;--leading-tight:1;--r-xs:2px;--r-sm:3px;--r-md:4px;--r-lg:4px;--r-xl:6px;--r-2xl:8px;--r-3xl:10px;--sh-soft:var(--nb-shadow-sm);--sh-lift:var(--nb-shadow);--sh-pressed:inset 2px 2px 0 0 var(--nb-ink);--sh-focus:0 0 0 3px var(--nb-iris);--sh-stack-ink:var(--nb-shadow);--sh-stack-peach:var(--nb-shadow);--sh-stack-lav:var(--nb-shadow);--sh-stack-ghost:var(--nb-shadow-sm);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--paper:var(--nb-paper);--paper-2:var(--nb-paper-2);--card:var(--nb-surface);--ink:var(--nb-ink);--ink-soft:var(--nb-fg-muted);--muted:var(--nb-fg-muted);--bw:var(--nb-border-w);--bw-thin:2px;--sh:var(--nb-shadow-offset);--sh-sm:3px;--sh-lg:10px;--warning:var(--nb-yellow);--info:var(--nb-blue);--blue:var(--nb-blue);--coral:var(--nb-coral);--yellow:var(--nb-yellow);--mint:var(--nb-green);--violet:var(--nb-iris);--pink:var(--nb-coral);--orange:var(--nb-coral);--cyan:var(--nb-blue);--phase-warmup:var(--nb-coral);--phase-input:var(--nb-blue);--phase-vocab:var(--nb-iris);--phase-grammar:var(--nb-yellow);--phase-practice:var(--nb-green);--phase-phonetics:var(--nb-coral);--phase-production:var(--nb-coral);--phase-culture:var(--nb-blue);--phase-wrapup:var(--nb-green);--skill-accent:var(--nb-blue);--skill-surface:color-mix(in oklab, var(--nb-blue) 7%, var(--nb-surface));--site-header-h:64px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark],html.dark{--nb-paper:#131022;--nb-paper-2:#0e0b1a;--nb-ink:#ece9fb;--nb-surface:#1e1a30;--nb-surface-2:#221c38;--nb-grid:rgba(210, 205, 255, var(--nb-grid-opacity));--nb-fg:#ece9fb;--nb-fg-muted:#9a93b5;--nb-fg-subtle:#6a6480;--nb-iris:#8a78ff;--nb-coral:#ff6b52;--nb-green:#5fe0a0;--nb-yellow:#fcd535;--nb-blue:#6d93ff;--nb-on-iris:#15131c;--nb-on-coral:#15131c;--nb-on-green:#15131c;--nb-on-yellow:#15131c;--nb-on-blue:#15131c;--nb-success:#5fe0a0;--nb-danger:#ff6b52;--nb-warn:#fcd535;--fg-on-accent:var(--nb-fg);--accent-contrast:var(--nb-fg);--c-success-100:#18301f;--c-danger-100:#301a16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--nb-paper:#131022;--nb-paper-2:#0e0b1a;--nb-ink:#ece9fb;--nb-surface:#1e1a30;--nb-surface-2:#221c38;--nb-grid:rgba(210, 205, 255, var(--nb-grid-opacity));--nb-fg:#ece9fb;--nb-fg-muted:#9a93b5;--nb-fg-subtle:#6a6480;--nb-iris:#8a78ff;--nb-coral:#ff6b52;--nb-green:#5fe0a0;--nb-yellow:#fcd535;--nb-blue:#6d93ff;--nb-on-iris:#15131c;--nb-on-coral:#15131c;--fg-on-accent:var(--nb-fg);--accent-contrast:var(--nb-fg);--c-success-100:#18301f;--c-danger-100:#301a16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background-color:var(--nb-paper);background-image:linear-gradient(var(--nb-grid) 1px, transparent 1px), linear-gradient(90deg, var(--nb-grid) 1px, transparent 1px);color:var(--nb-fg);font-family:var(--font-inter), system-ui, -apple-system, sans-serif;background-size:32px 32px;background-attachment:fixed}.font-display{font-family:var(--font-display);font-weight:800}.serif-italic{font-family:var(--font-display);letter-spacing:-.02em;font-style:normal;font-weight:800}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nb-fg-muted);font-weight:600}.glass-card{position:relative;overflow:visible;background:var(--nb-surface)!important;border:var(--nb-border)!important;box-shadow:var(--nb-shadow)!important;border-radius:var(--nb-radius)!important;-webkit-backdrop-filter:none!important;transition:transform var(--dur-sm,.15s) var(--ease-out)!important;animation:none!important}a.glass-card:hover,button.glass-card:hover,a.glass-card:focus-visible,button.glass-card:focus-visible,.glass-card.glass-iris-on{transform:translate(-3px,-3px);box-shadow:var(--nb-shadow-lg)!important}.glass-pill{letter-spacing:0;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex;position:relative;border-radius:var(--nb-radius)!important;background:var(--nb-iris)!important;color:var(--nb-on-iris)!important;border:var(--nb-border)!important;box-shadow:var(--nb-shadow-sm)!important;-webkit-backdrop-filter:none!important;transition:transform var(--dur-sm,.15s) var(--ease-out)!important;animation:none!important}.glass-pill:hover{transform:translate(-2px,-2px)}.glass-pill:active{transform:translate(1px,1px)}.glass-pill.glass-pill-peach{background:var(--nb-coral)!important;color:var(--nb-on-coral)!important}.glass-table{background:var(--nb-surface)!important;border:2px solid var(--nb-ink)!important;-webkit-backdrop-filter:none!important}.glass-table thead{background:var(--nb-paper-2)!important}.glass-stage,.blob{display:none!important}.lesson-tint-grammar,.lesson-tint-listening,.lesson-tint-reading,.lesson-tint-writing,.lesson-tint-speaking{background:0 0!important}[data-press]{transition:transform var(--dur-sm,.15s) var(--ease-out);will-change:transform}[data-press]:hover{transform:translate(-3px,-3px)}[data-press]:active{transform:translate(1px,1px)}::selection{background:var(--nb-iris);color:var(--nb-on-iris)}:focus-visible{outline-offset:2px;outline:3px solid var(--nb-iris)!important;box-shadow:none!important}::-webkit-scrollbar-thumb{background:var(--nb-ink)!important;border:2px solid var(--nb-paper)!important;border-radius:0!important}.nb-ghost{transition:background var(--dur-sm,.15s) var(--ease-out), color var(--dur-sm,.15s) var(--ease-out)}.nb-ghost:hover{background:var(--nb-ink)!important;color:var(--nb-paper)!important}.nb-ghost:active{transform:translateY(1px)}.pedagogy-prose{--tw-prose-body:var(--nb-fg-muted);--tw-prose-headings:var(--nb-fg);--tw-prose-lead:var(--nb-fg-muted);--tw-prose-links:var(--nb-iris);--tw-prose-bold:var(--nb-fg);--tw-prose-counters:var(--nb-fg-muted);--tw-prose-bullets:var(--nb-ink);--tw-prose-hr:var(--nb-ink);--tw-prose-quotes:var(--nb-fg);--tw-prose-quote-borders:var(--nb-ink);--tw-prose-captions:var(--nb-fg-subtle);--tw-prose-code:var(--nb-fg);--tw-prose-pre-code:var(--nb-paper);--tw-prose-pre-bg:var(--nb-ink);--tw-prose-th-borders:var(--nb-ink);--tw-prose-td-borders:var(--nb-ink);color:var(--nb-fg)}.pedagogy-prose :where(code):not(pre code){background:var(--nb-paper-2);border:2px solid var(--nb-ink);font-family:var(--font-mono);border-radius:3px;padding:.1em .35em}.pedagogy-prose :where(pre){background:var(--nb-ink);color:var(--nb-paper);border:var(--nb-border);border-radius:var(--nb-radius)}.pedagogy-prose :where(blockquote){border-left:6px solid var(--nb-ink);background:var(--nb-paper-2)}[data-rtype=article]{--tc:var(--nb-blue,#4d7cff)}[data-rtype=story]{--tc:var(--nb-iris,#6c5ce8)}[data-rtype=mini-novel]{--tc:var(--nb-coral,#f4593c)}.reading-prose{font-family:var(--font-inter), system-ui, sans-serif;color:var(--nb-fg);isolation:isolate;max-width:38rem;margin:0 auto;font-size:19px;line-height:1.75;position:relative}.reading-prose p{margin:0 0 1.3em;position:relative}.reading-prose p:last-child{margin-bottom:0}.reading-prose strong{font-family:var(--font-inter);background:var(--nb-yellow);box-shadow:2px 2px 0 var(--nb-ink);border:1.5px solid var(--nb-ink);padding:0 .28em;font-size:.9em;font-weight:700}.reading-prose .reading-signoff{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--nb-fg-muted);margin-top:1.6em;font-size:12px;font-weight:700}.reading-prose.dropcap>p:first-of-type:first-letter{font-family:var(--font-inter);float:left;color:var(--tc,var(--nb-iris));padding:6px 10px 0 0;font-size:3.4em;font-weight:900;line-height:.8}.reading-gloss{cursor:help;white-space:nowrap;background-image:linear-gradient(var(--tc,var(--nb-iris)), var(--tc,var(--nb-iris)));transition:background-size .12s var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px;padding-bottom:1px;text-decoration:none;position:relative}.reading-gloss:hover,.reading-gloss:focus-visible,.reading-gloss.open{background-color:color-mix(in oklab, var(--tc,var(--nb-iris)) 16%, transparent);outline:none}.reading-gloss-pop{z-index:30;width:max-content;max-width:240px;font-family:var(--font-inter), system-ui, sans-serif;white-space:normal;text-align:left;border:var(--nb-border);background:var(--nb-surface);box-shadow:var(--nb-shadow);opacity:0;visibility:hidden;padding:10px 12px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.reading-gloss:hover .reading-gloss-pop,.reading-gloss.open .reading-gloss-pop{opacity:1;visibility:visible}.reading-gloss-pop .pfr{font-size:14px;font-weight:800}.reading-gloss-pop .pen{color:var(--nb-fg-muted);margin-top:2px;font-size:13px}.reading-gloss-pop .pnote{color:var(--nb-fg-subtle);margin-top:6px;font-size:12px;font-style:italic;line-height:1.4}.reading-gloss-pop:after{content:"";background:var(--nb-surface);border-right:var(--nb-border-w,3px) solid var(--nb-ink);border-bottom:var(--nb-border-w,3px) solid var(--nb-ink);width:10px;height:10px;margin-top:-6px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.reading-now-box{z-index:0;background:color-mix(in oklab, var(--nb-yellow) 55%, var(--nb-surface));border:var(--nb-border);box-shadow:var(--nb-shadow);opacity:0;pointer-events:none;transition:top .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;left:-16px;right:-16px}.reading-say{cursor:pointer;border:2px solid var(--nb-ink);background:var(--nb-surface);opacity:.35;place-items:center;width:26px;height:26px;transition:opacity .12s,transform .1s;display:grid;position:absolute;top:2px;right:-34px}.reading-prose p:hover .reading-say{opacity:1}.reading-say:hover{box-shadow:2px 2px 0 var(--nb-ink);transform:translate(-1px,-1px)}.reading-say.speaking{background:var(--nb-yellow);opacity:1}.reading-aloud{border:var(--nb-border);background:var(--nb-paper-2);box-shadow:var(--nb-shadow);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.reading-aloud .pp-btn{border:var(--nb-border-w,3px) solid var(--nb-ink);background:var(--nb-iris);width:46px;height:46px;color:var(--nb-on-iris);cursor:pointer;box-shadow:3px 3px 0 var(--nb-ink);flex-shrink:0;place-items:center;font-size:17px;display:grid}.reading-aloud .pp-btn:active{box-shadow:1px 1px 0 var(--nb-ink);transform:translate(2px,2px)}.reading-voice-toggle{border:var(--nb-border);flex-shrink:0;display:flex;overflow:hidden}.reading-voice-toggle button{font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:var(--nb-surface);border:none;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.reading-voice-toggle button+button{border-left:2px solid var(--nb-ink)}.reading-voice-toggle button.on{background:var(--nb-ink);color:var(--nb-paper)}.reading-chap-rail{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.reading-chap-rail::-webkit-scrollbar{display:none}.reading-chap-chip{cursor:pointer;border:2px solid var(--nb-ink);background:var(--nb-surface);white-space:nowrap;transition:transform .1s var(--ease-out);flex-shrink:0;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.reading-chap-chip:hover{transform:translateY(-1px)}.reading-chap-chip .cn{font-family:var(--font-mono);color:var(--nb-fg-muted);font-size:11px}.reading-chap-chip.read{background:var(--nb-paper-2)}.reading-chap-chip.current{background:var(--tc,var(--nb-iris));color:#fff;box-shadow:3px 3px 0 var(--nb-ink)}.reading-chap-chip.current .cn{color:#fffc}.reading-masthead{border:var(--nb-border);box-shadow:var(--nb-shadow);background:var(--nb-surface);margin-bottom:22px;overflow:hidden}.reading-mast-band{border-bottom:var(--nb-border-w,3px) solid var(--nb-ink);background:var(--tc,var(--nb-iris));color:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.reading-mast-body{padding:20px 18px}.reading-mast-title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(28px,6vw,46px);font-weight:900;line-height:.95}.reading-mast-titleen{color:var(--nb-fg-muted);margin-top:6px;font-size:15px;font-weight:600}.reading-mast-hook{color:var(--nb-fg-muted);border-left:6px solid var(--tc,var(--nb-iris));margin-top:14px;padding-left:14px;font-size:18px;line-height:1.5}.reading-meta-grid{border-top:var(--nb-border);grid-template-columns:1fr 1fr;gap:0;display:grid}.reading-meta-cell{border-right:2px solid var(--nb-ink);border-bottom:2px solid var(--nb-ink);padding:11px 16px}.reading-meta-cell:nth-child(2n){border-right:none}.reading-meta-cell .ml{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--nb-fg-muted);font-size:10px;font-weight:700}.reading-meta-cell .mv{margin-top:3px;font-size:14px;font-weight:700}.reading-glossary{border:var(--nb-border);box-shadow:var(--nb-shadow);background:var(--nb-surface);margin-top:34px;overflow:hidden}.reading-glossary .gh{border-bottom:var(--nb-border);background:var(--nb-paper-2);align-items:center;gap:10px;padding:12px 16px;display:flex}.reading-glossary .gl{padding:6px 16px 14px}.reading-gloss-row{border-bottom:2px dashed #15140f29;align-items:baseline;gap:12px;padding:9px 0;display:flex}.reading-gloss-row:last-child{border-bottom:none}.reading-footer{z-index:60;background:var(--nb-paper);border-top:var(--nb-border);padding:11px 16px calc(11px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.reading-card{border:var(--nb-border);background:var(--nb-surface);height:100%;box-shadow:var(--nb-shadow);color:var(--nb-fg);grid-template-columns:auto 1fr;gap:0;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.reading-card:hover{box-shadow:9px 9px 0 var(--nb-ink);transform:translate(-3px,-3px)}.reading-card .rc-rail{background:var(--tc,var(--nb-iris));border-right:var(--nb-border);flex-direction:column;justify-content:space-between;align-items:center;width:60px;padding:12px 0;display:flex}.reading-card .rc-rail .rc-emo{font-size:26px}.reading-card .rc-rail .rc-lvl{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.12em;color:#fff;font-size:11px;font-weight:700;transform:rotate(180deg)}.reading-card .rc-body{min-width:0;padding:14px 16px}.reading-card .rc-chips{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.reading-card .rc-ttl{letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.08}.reading-card .rc-hook{font-family:var(--font-display);color:var(--nb-fg-muted);margin-top:6px;font-size:14px;font-style:italic;line-height:1.4}.reading-card .rc-foot{font-family:var(--font-mono);color:var(--nb-fg-muted);white-space:nowrap;align-items:center;gap:12px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.reading-card.locked{opacity:.6;filter:grayscale(.5)}.reading-chap-title{border-bottom:var(--nb-border);align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.reading-chap-title .num{font-family:var(--font-mono);color:var(--tc,var(--nb-iris));font-size:13px;font-weight:700}.reading-scrollbar{top:var(--site-header-h,64px);z-index:55;background:var(--nb-paper-2);border-bottom:2px solid var(--nb-ink);height:6px;position:sticky}.reading-scrollbar>i{background:var(--tc,var(--nb-iris));background-image:repeating-linear-gradient(45deg,#0000002e 0 6px,#0000 6px 12px);width:0;height:100%;display:block}@media (max-width:560px){.reading-meta-grid{grid-template-columns:1fr}.reading-meta-cell{border-right:none}}@media (prefers-reduced-motion:reduce){[data-press]:hover,[data-press]:active,.glass-card:hover,.glass-pill:hover,.glass-pill:active,.nb-ghost:active{transform:none!important}}[data-phase=warmup]{--pc:var(--nb-coral)}[data-phase=input]{--pc:var(--nb-blue)}[data-phase=vocab]{--pc:var(--nb-iris)}[data-phase=grammar]{--pc:var(--nb-yellow)}[data-phase=practice]{--pc:var(--nb-green)}[data-phase=phonetics],[data-phase=production]{--pc:var(--nb-coral)}[data-phase=culture]{--pc:var(--nb-blue)}[data-phase=wrapup]{--pc:var(--nb-green)}.nb-panel{border:var(--nb-border);border-radius:var(--nb-radius);background:var(--nb-surface);box-shadow:var(--nb-shadow);overflow:hidden}.nb-panel-hd{border-bottom:var(--nb-border);background:var(--nb-paper-2);align-items:center;gap:9px;min-height:46px;padding:11px 15px;display:flex}.nb-panel-hd .nb-panel-ico{flex-shrink:0;font-size:16px}.nb-panel-hd .nb-panel-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.nb-panel-bd{padding:16px}.nb-kp-row{cursor:pointer;border-bottom:2px dashed #15140f29;align-items:baseline;gap:12px;padding:10px 0;display:flex}.nb-kp-row:last-child{border-bottom:none}.nb-kp-row .nb-kp-fr{font-size:15px;font-weight:700}.nb-kp-row .nb-kp-en{color:var(--nb-fg-muted);font-size:14px}.nb-kp-row .nb-kp-note{color:var(--nb-fg-subtle);margin-top:3px;font-size:12.5px;font-style:italic;display:block}.nb-kp-row .nb-kp-spk{border:2px solid var(--nb-ink);background:var(--nb-surface);cursor:pointer;flex-shrink:0;align-self:center;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.nb-audio{align-items:center;gap:14px;display:flex}.nb-audio .nb-audio-play{border:var(--nb-border);background:var(--nb-blue);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:4px 4px 0 var(--nb-ink);flex-shrink:0;place-items:center;font-size:20px;display:grid}.nb-audio .nb-audio-play:active{box-shadow:2px 2px 0 var(--nb-ink);transform:translate(2px,2px)}.nb-audio-wave{flex:1;align-items:center;gap:3px;height:40px;display:flex}.nb-audio-wave i{background:var(--nb-ink);flex:1;height:30%}.nb-ttsnote{font-family:var(--font-mono);color:var(--nb-fg-muted);align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.nb-grammar-table{border-collapse:collapse;width:100%;margin:4px 0 14px}.nb-grammar-table th,.nb-grammar-table td{border:2px solid var(--nb-ink);text-align:left;padding:8px 12px;font-size:15px}.nb-grammar-table th{background:var(--nb-yellow);font-family:var(--font-display);font-weight:800}.nb-grammar-table td:first-child{font-family:var(--font-mono);color:var(--nb-fg-muted)}.nb-grammar-ex{border-bottom:2px dashed #15140f29;padding:8px 0}.nb-grammar-ex .nb-grammar-ex-en{color:var(--nb-fg-muted);font-size:13.5px}.nb-grammar-pitfall{gap:8px;padding:6px 0;font-size:14px;display:flex}.nb-grammar-pitfall:before{content:"⚠"}.nb-vgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.nb-vcard{border:2px solid var(--nb-ink);background:var(--nb-surface);box-shadow:3px 3px 0 var(--nb-ink);padding:11px;position:relative}.nb-vcard .nb-vcard-w{font-size:16px;font-weight:800}.nb-vcard .nb-vcard-g{color:var(--nb-fg-muted);font-size:13px}.nb-vcard .nb-vcard-pos{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--nb-iris);margin-top:4px;font-size:10px}.nb-vcard .nb-vcard-ipa{font-family:var(--font-mono);color:var(--nb-fg-muted);margin-top:2px;font-size:11px}.nb-vcard .nb-vcard-speak{border:1.5px solid var(--nb-ink);background:var(--nb-paper-2);cursor:pointer;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;top:6px;right:6px}.nb-cando-row{border-bottom:2px dashed #15140f29;padding:14px 0}.nb-cando-row:last-child{border-bottom:none}.nb-cando-stmt{margin-bottom:8px;font-size:15px;font-weight:700}.nb-cando-rate{gap:6px;display:flex}.nb-cando-rate button{border:2px solid var(--nb-ink);background:var(--nb-surface);width:38px;height:38px;font-family:var(--font-mono);cursor:pointer;font-weight:700;transition:transform .1s}.nb-cando-rate button:hover{transform:translateY(-1px)}.nb-cando-rate button.on{background:var(--nb-green);color:var(--nb-ink)}.nb-done{z-index:90;background:var(--nb-paper);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.nb-done-card{width:100%;max-width:460px}.nb-stat-pill{border:2px solid var(--nb-ink);background:var(--nb-surface);padding:12px}.nb-stat-pill .nb-stat-n{font-family:var(--font-mono);font-size:26px;font-weight:700;line-height:1}.nb-stat-pill .nb-stat-l{text-transform:uppercase;letter-spacing:.08em;color:var(--nb-fg-muted);margin-top:4px;font-size:11px}.nb-lesson-foot{z-index:60;background:var(--nb-paper);border-top:var(--nb-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.nb-lesson-foot-in{gap:12px;max-width:720px;margin:0 auto;display:flex}.nb-lesson-foot-in button{font-family:var(--font-display);text-transform:uppercase;border:var(--nb-border);background:var(--nb-surface);cursor:pointer;box-shadow:var(--nb-shadow-sm);padding:12px 20px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s}.nb-lesson-foot-in button:hover{box-shadow:var(--nb-shadow);transform:translate(-2px,-2px)}.nb-lesson-foot-in button:active{box-shadow:none;transform:translate(1px,1px)}.nb-lesson-foot-in button.nb-foot-primary{background:var(--nb-iris);color:var(--nb-on-iris);flex:1}.nb-lesson-mini{z-index:55;background:var(--nb-surface);border-bottom:var(--nb-border);position:sticky;top:0}.nb-lesson-mini-in{align-items:center;gap:12px;max-width:860px;margin:0 auto;padding:6px 16px;display:flex}.nb-lesson-mini-prog{background:var(--nb-iris);border-right:2px solid var(--nb-ink);z-index:56;background-image:repeating-linear-gradient(45deg,#0000002e 0 6px,#0000 6px 12px);height:6px;transition:width .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-3px;left:0}.nb-stepper{scrollbar-width:none;gap:8px;padding:9px 0;display:flex;overflow-x:auto}.nb-stepper::-webkit-scrollbar{display:none}.nb-stepper .nb-stepper-chip{cursor:pointer;border:2px solid var(--nb-ink);background:var(--nb-surface);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:700;transition:transform .1s;display:flex}.nb-stepper .nb-stepper-chip:hover{transform:translateY(-1px)}.nb-stepper .nb-stepper-chip.done{background:var(--nb-paper-2)}.nb-stepper .nb-stepper-chip.done .nb-stepper-chip-ico:after{content:"✓"}.nb-stepper .nb-stepper-chip.current{background:var(--pc,var(--nb-iris));color:var(--nb-ink);box-shadow:3px 3px 0 var(--nb-ink)}.nb-stepper .nb-stepper-chip.locked{opacity:.42;pointer-events:none}@media (min-width:1024px){.nb-stepper{display:none}}.nb-guided,.nb-guided *{border-radius:0!important}.nb-guided [class*=blur-]{display:none!important}.nb-guided div{-webkit-backdrop-filter:none!important}.nb-guided{--accent-2:var(--skill-accent);--accent-2-hover:var(--skill-accent);--accent-2-shadow:var(--skill-accent);--accent-contrast:#fff;background:var(--skill-surface)!important;box-shadow:var(--nb-shadow)!important}.nb-guided [class~=border],.nb-guided [class~=border-2]{border-width:var(--nb-border-w)!important;border-color:var(--nb-ink)!important}.nb-guided [class~=border-2]{box-shadow:var(--nb-shadow-sm)}.nb-ex{border:var(--nb-border);background:var(--nb-surface);box-shadow:var(--nb-shadow);border-radius:0;overflow:hidden}.nb-ex-head{border-bottom:2px solid var(--nb-ink);background:var(--nb-paper-2);flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:9px 14px;display:flex}.nb-ex-head .nb-ex-dot{border:2px solid var(--nb-ink);background:var(--pc,var(--nb-green));flex-shrink:0;width:12px;height:12px}.nb-ex-head .nb-ex-kind{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--nb-fg-muted);font-size:11px;font-weight:700}.nb-ex-head .nb-ex-stateflag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--nb-ink);background:var(--nb-surface);margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.nb-ex-body{padding:16px}.nb-ex-prompt{font-family:var(--font-display);margin-bottom:5px;font-size:19px;font-weight:800;line-height:1.1}.nb-ex-prompt-en{color:var(--nb-fg-muted);margin-bottom:16px;font-size:13px;font-weight:500}.nb-ex-actionbar{border-top:var(--nb-border-w,3px) solid var(--nb-ink);background:var(--nb-paper-2);flex-wrap:wrap;align-items:center;gap:8px;margin:14px -16px -16px;padding:14px 16px;display:flex}.nb-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:var(--nb-border-w,3px) solid var(--nb-ink);background:var(--nb-iris);color:var(--nb-on-iris);box-shadow:var(--nb-shadow-sm);transition:transform .12s var(--ease-struct,cubic-bezier(.2,.8,.2,1)), box-shadow .12s var(--ease-struct,cubic-bezier(.2,.8,.2,1));border-radius:0;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.nb-btn:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-btn:active{box-shadow:1px 1px 0 var(--nb-ink);transform:translate(2px,2px)}.nb-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--nb-shadow-sm);transform:none}.nb-btn-accent{background:var(--nb-iris);color:var(--nb-on-iris)}.nb-btn-default{background:var(--nb-surface);color:var(--nb-fg);box-shadow:none}.nb-btn-paper2{background:var(--nb-paper-2);color:var(--nb-fg)}.nb-btn-ghost{color:var(--nb-fg);box-shadow:none;background:0 0}.nb-btn-ghost:hover{background:var(--nb-ink);color:var(--nb-paper);box-shadow:none;transform:none}.nb-btn-ghost:active{box-shadow:none;transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.nb-btn:hover,.nb-btn:active{transform:none}}.nb-feedback{border:var(--nb-border);align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.nb-feedback .nb-fb-ico{width:24px;height:24px;font-family:var(--font-display);border:2px solid var(--nb-ink);flex-shrink:0;place-items:center;font-size:15px;font-weight:900;display:grid}.nb-feedback-ok{background:color-mix(in oklab, var(--nb-green) 18%, var(--nb-surface))}.nb-feedback-ok .nb-fb-ico{background:var(--nb-green);color:var(--nb-on-green)}.nb-feedback-err{background:color-mix(in oklab, var(--nb-coral) 14%, var(--nb-surface))}.nb-feedback-err .nb-fb-ico{background:var(--nb-coral);color:var(--nb-on-coral)}.nb-reveal{border:var(--nb-border);background:var(--nb-paper-2);border-left-width:8px;margin-top:14px;padding:14px;font-size:14px}.nb-option{text-align:left;cursor:pointer;background:var(--nb-surface);border:var(--nb-border);width:100%;box-shadow:3px 3px 0 var(--nb-ink);transition:transform .1s var(--ease-struct,cubic-bezier(.2,.8,.2,1)), box-shadow .1s var(--ease-struct,cubic-bezier(.2,.8,.2,1)), background .12s;border-radius:0;align-items:center;gap:12px;padding:13px 15px;font-size:15px;font-weight:600;display:flex}.nb-option:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-option .nb-option-key{width:26px;height:26px;font-family:var(--font-mono);border:2px solid var(--nb-ink);background:var(--nb-paper-2);color:var(--nb-fg);flex-shrink:0;place-items:center;font-size:13px;font-weight:700;transition:background .12s,color .12s;display:grid}.nb-option.nb-option-selected{background:color-mix(in oklab, var(--nb-iris) 14%, var(--nb-surface));box-shadow:1px 1px 0 var(--nb-ink);transform:translate(2px,2px)}.nb-option.nb-option-selected .nb-option-key{background:var(--nb-iris);color:var(--nb-on-iris)}.nb-option.nb-option-correct{background:color-mix(in oklab, var(--nb-green) 20%, var(--nb-surface))}.nb-option.nb-option-correct .nb-option-key{background:var(--nb-green);color:var(--nb-on-green)}.nb-option.nb-option-wrong{background:color-mix(in oklab, var(--nb-coral) 16%, var(--nb-surface))}.nb-option.nb-option-wrong .nb-option-key{background:var(--nb-coral);color:var(--nb-on-coral)}.nb-option.nb-option-disabled{opacity:.55;pointer-events:none;box-shadow:none}.nb-blank{min-width:84px;font-family:var(--font-mono);text-align:center;border:2px solid var(--nb-ink);background:var(--nb-surface);color:var(--nb-fg);font-weight:700;font-size:inherit;line-height:inherit;border-bottom-width:3px;margin:0 2px;padding:2px 8px;transition:background .12s;display:inline-block}.nb-blank.nb-blank-ok{background:color-mix(in oklab, var(--nb-green) 28%, var(--nb-surface))}.nb-blank.nb-blank-err{background:color-mix(in oklab, var(--nb-coral) 26%, var(--nb-surface))}.nb-matchrow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.nb-matchcol-item{border:2px solid var(--nb-ink);background:var(--nb-surface);box-shadow:3px 3px 0 var(--nb-ink);cursor:pointer;margin-bottom:8px;padding:9px 11px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .1s}.nb-matchcol-item:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-matchcol-item.nb-match-selected{background:color-mix(in oklab, var(--nb-iris) 16%, var(--nb-surface));box-shadow:1px 1px 0 var(--nb-ink);transform:translate(2px,2px)}.nb-matchcol-item.nb-match-connected{background:color-mix(in oklab, var(--nb-iris) 14%, var(--nb-surface))}.nb-matchcol-item.nb-match-correct{background:color-mix(in oklab, var(--nb-green) 22%, var(--nb-surface))}.nb-matchcol-item.nb-match-wrong{background:color-mix(in oklab, var(--nb-coral) 18%, var(--nb-surface))}.nb-matchcol-item.nb-match-idle{opacity:.65}.nb-match-dot{border:2px dashed var(--nb-ink);flex-shrink:0;width:10px;height:10px;margin-right:8px;display:inline-block}.nb-matchcol-item.nb-match-connected .nb-match-dot,.nb-matchcol-item.nb-match-correct .nb-match-dot,.nb-matchcol-item.nb-match-wrong .nb-match-dot{background:var(--nb-iris);border-style:solid}.nb-matchcol-item.nb-match-correct .nb-match-dot{background:var(--nb-green)}.nb-matchcol-item.nb-match-wrong .nb-match-dot{background:var(--nb-coral)}.nb-token{border:2px solid var(--nb-ink);background:var(--nb-surface);box-shadow:3px 3px 0 var(--nb-ink);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.nb-token:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-token:active{box-shadow:1px 1px 0 var(--nb-ink);transform:translate(1px,1px)}.nb-conj-row{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.nb-conj-row .nb-conj-pn{font-family:var(--font-mono);color:var(--nb-fg-muted);font-size:14px}.nb-mem-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.nb-mem-card{aspect-ratio:1;border:2px solid var(--nb-ink);box-shadow:3px 3px 0 var(--nb-ink);cursor:pointer;place-items:center;font-weight:800;transition:transform .1s,box-shadow .1s;display:grid}.nb-mem-card:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-mem-card.nb-mem-hidden{background:var(--nb-ink);color:var(--nb-paper)}.nb-mem-card.nb-mem-matched{background:color-mix(in oklab, var(--nb-green) 25%, var(--nb-surface))}.nb-mark{background:var(--nb-yellow);cursor:pointer;padding:0 3px;box-shadow:inset 0 -6px #15140f14}.nb-mark.nb-mark-hit{background:var(--nb-green)}.nb-timer-rings{gap:8px;margin:8px 0 14px;display:flex}.nb-timer-rings>div{text-align:center;border:2px solid var(--nb-ink);font-family:var(--font-mono);background:var(--nb-surface);flex:1;padding:8px;font-weight:700}.nb-timer-rings>div.on{background:var(--nb-coral);color:#fff}.nb-turn{gap:10px;margin-bottom:10px;display:flex}.nb-turn .nb-turn-who{border:2px solid var(--nb-ink);width:30px;height:30px;font-family:var(--font-mono);flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.nb-turn .nb-turn-bubble{border:2px solid var(--nb-ink);background:var(--nb-surface);box-shadow:3px 3px 0 var(--nb-ink);padding:8px 11px;font-size:14px}.nb-turn.nb-turn-learner .nb-turn-bubble{background:color-mix(in oklab, var(--nb-blue) 12%, var(--nb-surface))}.nb-turn.nb-turn-learner .nb-turn-who{background:var(--nb-blue);color:#fff}.nb-mp-trial{align-items:center;gap:10px;margin-bottom:10px;display:flex}.nb-mp-trial .nb-mp-play{border:2px solid var(--nb-ink);background:var(--nb-coral);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:3px 3px 0 var(--nb-ink);flex-shrink:0;place-items:center;display:grid}.nb-mp-trial .nb-mp-opt{border:2px solid var(--nb-ink);background:var(--nb-surface);box-shadow:3px 3px 0 var(--nb-ink);font-family:var(--font-display);cursor:pointer;text-align:center;flex:1;padding:13px;font-size:18px;font-weight:800;transition:transform .1s,box-shadow .1s}.nb-mp-trial .nb-mp-opt:hover{box-shadow:5px 5px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-mp-trial .nb-mp-opt.nb-mp-sel{background:var(--nb-coral);color:#fff}.nb-mic-btn{border:var(--nb-border);background:var(--nb-coral);color:#fff;width:64px;height:64px;box-shadow:4px 4px 0 var(--nb-ink);cursor:pointer;border-radius:50%;place-items:center;font-size:22px;transition:transform .1s,box-shadow .1s;display:grid}.nb-mic-btn:hover{box-shadow:6px 6px 0 var(--nb-ink);transform:translate(-2px,-2px)}.nb-mic-btn:active{box-shadow:2px 2px 0 var(--nb-ink);transform:translate(2px,2px)}.nb-breather{text-align:center;padding:26px 16px}.nb-ai-caret{color:var(--nb-iris);margin-left:1px;animation:1s steps(2,start) infinite nb-ai-blink;display:inline-block}@keyframes nb-ai-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.nb-ai-caret{animation:none}}