:root{--color-bg:#fbfaf8;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#e5e1da;--color-text:#1c1a17;--color-text-muted:#6b6559;--color-accent:#1f6f5c;--color-accent-contrast:#fff;--color-accent-soft:#e6f0ec;--color-star:#c8871b;--color-star-empty:#ddd8cf;--note-bad:#a63d40;--note-understandable:#b3762a;--note-good:#3f7d4e;--note-fluent:#1f6f5c;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--shadow-card:0 1px 2px #1c1a170f, 0 4px 12px #1c1a170a;--content-width:56rem}@media (prefers-color-scheme:dark){:root{--color-bg:#15140f;--color-surface:#1e1c17;--color-surface-raised:#26241e;--color-border:#37342c;--color-text:#f2efe8;--color-text-muted:#a9a294;--color-accent:#6bbfa4;--color-accent-contrast:#10201b;--color-accent-soft:#1d3730;--color-star:#e0aa4a;--color-star-empty:#3c382f;--note-bad:#d98289;--note-understandable:#dda45c;--note-good:#7fbf8e;--note-fluent:#6bbfa4;--shadow-card:none}}
*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__inner,.app-main{width:100%;max-width:var(--content-width);padding-inline:var(--space-4);margin-inline:auto}.app-header__inner{align-items:center;gap:var(--space-3);min-height:3.5rem;display:flex}.app-wordmark{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:650}.app-main{padding-block:var(--space-6) var(--space-8);gap:var(--space-5);flex-direction:column;flex:1;display:flex}@media (max-width:32rem){.app-main{padding-block:var(--space-4) var(--space-6)}}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.stars{letter-spacing:.1em;white-space:nowrap}.stars__on{color:var(--color-star)}.stars__off{color:var(--color-star-empty)}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-accent-contrast);background:var(--note-good);font-weight:600;display:inline-block}.badge[data-note=bad]{background:var(--note-bad)}.badge[data-note=understandable]{background:var(--note-understandable)}.badge[data-note=good]{background:var(--note-good)}.badge[data-note=fluent]{background:var(--note-fluent)}.badge--empty{color:var(--color-text-muted);border:1px dashed var(--color-border);background:0 0;font-weight:500}.level-tag{text-align:center;min-width:2.25rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;display:inline-block}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__eyebrow{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.page-header__title{font-size:var(--text-2xl);letter-spacing:-.015em;line-height:1.2}.page-header__lead{margin-top:var(--space-2);color:var(--color-text-muted);max-width:48ch}.page-header__aside{align-items:center;gap:var(--space-3);display:flex}.callout{background:var(--color-accent-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.empty-state__title{color:var(--color-text);font-weight:600}.stack{gap:var(--space-3);flex-direction:column;display:flex}.scene-list__item{align-items:center;gap:var(--space-4);display:flex}.scene-list__body{flex:1;min-width:0}.scene-list__title{font-size:var(--text-lg);font-weight:620}.scene-list__objective{color:var(--color-text-muted);font-size:var(--text-sm)}.scene-list__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.scene-list__link{display:block}.scene-list__link:hover .scene-list__title{color:var(--color-accent)}.scene-list__item--locked{opacity:.6}@media (max-width:32rem){.scene-list__item{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.steps{gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.steps__button{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600}.steps__button[aria-current=step]{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.steps__button:disabled{cursor:not-allowed;opacity:.45}.button{font:inherit;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;font-weight:600}.button--secondary{color:var(--color-accent);background:0 0}.phrase-list__item{padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.phrase-list__item:last-child{border-bottom:none}.phrase-list__en{font-weight:600}.phrase-list__pt,.phrase-list__context{color:var(--color-text-muted);font-size:var(--text-sm)}.report__axes,.report__examples{margin:var(--space-5) 0 0;padding:0;list-style:none}.report__axis+.report__axis{margin-top:var(--space-4)}.report__axis-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-2);display:flex}.report__axis-name{font-weight:600}.report__axis-note{font-size:var(--text-sm);color:var(--note-good)}.report__axis-note[data-note=bad]{color:var(--note-bad)}.report__axis-note[data-note=understandable]{color:var(--note-understandable)}.report__axis-note[data-note=fluent]{color:var(--note-fluent)}.report__bar{border-radius:var(--radius-sm);background:var(--color-star-empty);block-size:.5rem;display:block;overflow:hidden}.report__bar-fill{background:var(--color-accent);block-size:100%;display:block}.report__axis-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.report__section{margin-top:var(--space-6)}.report__heading{font-size:var(--text-lg);margin:0 0 var(--space-3)}.report__example{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft)}.report__example+.report__example{margin-top:var(--space-3)}.report__said,.report__better{margin:0}.report__said span,.report__better span{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.report__better{margin-top:var(--space-2);font-weight:600}.prep{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.prep__steps{gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prep__step{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.prep__step[data-done]{color:var(--color-accent);border-color:var(--color-accent)}.prep__step[aria-current=step]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.prep__progress{border-radius:var(--radius-sm);background:var(--color-star-empty);block-size:.25rem;display:block;overflow:hidden}.prep__progress-fill{background:var(--color-accent);block-size:100%;display:block}.prep__card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.prep__counter,.prep__context,.prep__taper{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.prep__en{font-size:var(--text-xl);margin:0;font-weight:600;line-height:1.4}.prep__en--cloze{font-weight:500}.prep__pt{color:var(--color-text-muted);margin:0}.prep__blank{min-inline-size:5ch;padding-inline:var(--space-2);border-bottom:2px solid var(--color-accent);text-align:center;display:inline-block}.prep__blank[data-filled]{color:var(--color-accent);font-weight:600}.prep__choices{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prep__choice{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;font:inherit;text-align:start;cursor:pointer}.prep__choice:hover:enabled{border-color:var(--color-accent)}.prep__choice--word{padding:var(--space-2) var(--space-3)}.prep__choice[data-state=right]{border-color:var(--note-good);color:var(--note-good);font-weight:600}.prep__choice[data-state=wrong]{border-color:var(--note-bad);color:var(--note-bad)}.prep__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.prep__feedback{font-size:var(--text-sm);margin:0}.prep__feedback[data-state=incorrect]{color:var(--note-bad)}.prep__ready{font-size:var(--text-lg);margin:0}.prep__audio{inline-size:100%;max-inline-size:18rem}.prep__choices--stacked{flex-direction:column;align-items:stretch}.prep__choices--stacked .prep__choice{inline-size:100%}.avatar{margin-inline:auto;display:block}.avatar__head{fill:var(--color-accent-soft);stroke:var(--color-border);stroke-width:1.5px}.avatar__brow line{stroke:var(--color-text);stroke-width:3.5px;stroke-linecap:round}.avatar__eye ellipse,.avatar__mouth{fill:var(--color-text)}.mic{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.mic__state{font-size:var(--text-sm);color:var(--color-text-muted)}.mic__state[data-state=denied],.mic__state[data-state=error],.mic__state[data-state=lost]{color:var(--note-bad)}.mic__state[data-state=live]{color:var(--note-good)}.mic__meter{border-radius:var(--radius-sm);background:var(--color-star-empty);block-size:.5rem;display:block;overflow:hidden}.mic__meter-fill{background:var(--color-accent);block-size:100%;transition:inline-size 60ms linear;display:block}