.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}#try,#how,#pitch,#languages{scroll-margin-top:78px}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:660;letter-spacing:-.02em;color:var(--text);text-decoration:none}.logo{color:var(--accent)}.nav nav{display:flex;align-items:center;gap:var(--space-5)}.nav nav a{color:var(--text-muted);text-decoration:none;font-size:var(--step--1);transition:color .18s var(--ease)}.nav nav a:hover{color:var(--text)}.nav-cta{padding:var(--space-2) var(--space-4);border:1px solid var(--accent-line);border-radius:var(--radius-full);color:var(--accent)!important;background:var(--accent-soft)}@media(max-width:720px){.nav-inner{height:auto;padding:var(--space-3) 0;gap:var(--space-3)}.nav nav{gap:var(--space-3)}.nav nav a[href^="#"]{display:none}.brand span{font-size:var(--step--1)}}@media(max-width:420px){.nav-inner{flex-wrap:wrap}.nav nav{width:100%;justify-content:space-between}}.hero{padding:var(--space-9) 0 var(--space-7);text-align:center}.pill{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);font-size:var(--step--1);margin-bottom:var(--space-5)}h1{font-size:var(--step-4);font-weight:700;margin-bottom:var(--space-5)}.grad{background:linear-gradient(96deg,var(--accent),#7ff0d2 55%,var(--warm));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{max-width:62ch;margin-inline:auto;color:var(--text-muted);font-size:var(--step-1)}.hero-lede strong{color:var(--text);font-weight:600}.hero-cta{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:580;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:var(--bg-raised)}.btn-ghost:hover{background:var(--surface-hover);transform:translateY(-1px)}.lg{padding:var(--space-4) var(--space-6);font-size:var(--step-0)}.btn-link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font-size:var(--step--1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:1px;transition:color .15s var(--ease),text-decoration-color .15s var(--ease),text-decoration-thickness .15s var(--ease)}.btn-link:hover{color:var(--accent-hover);text-decoration-color:currentColor;text-decoration-thickness:2px}.btn-rec{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:560;transition:background .16s var(--ease),border-color .16s var(--ease)}.btn-rec:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-line)}.btn-rec:disabled{opacity:.55;cursor:not-allowed}.btn-rec .dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex:none}.btn-rec.is-live{border-color:var(--danger);background:var(--danger-soft)}.btn-rec.is-live .dot{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}.btn-play{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:0;background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-play:hover{background:var(--accent-hover);box-shadow:var(--glow)}.demo{margin:var(--space-7) 0 var(--space-9);padding:var(--space-7);background:var(--bg-raised);border:0;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:640px){.demo{padding:var(--space-5)}}.demo-head{max-width:60ch;margin-bottom:var(--space-6)}.demo-head h2{font-size:var(--step-2);margin:var(--space-2) 0 var(--space-3)}.eyebrow{color:var(--accent);font-size:var(--step--1);font-weight:620;letter-spacing:.09em;text-transform:uppercase}.lede{color:var(--text-muted)}.lede strong{color:var(--text)}.hint{color:var(--text-faint);font-size:var(--step--1);margin-top:var(--space-2)}.hint strong{color:var(--text-muted)}.hint-action{white-space:nowrap}.profile-actions,.calibrate-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3)}.calibrate-review{margin-top:var(--space-4)}.calibrate-review .heard{margin-top:var(--space-3)}.playback{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.playback-label{color:var(--text-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em}.playback-audio{height:36px;max-width:260px;vertical-align:middle}.playback-download{color:var(--text-faint);font-size:var(--step--1);text-decoration:underline;text-underline-offset:3px}.playback-download:hover{color:var(--text)}.compare-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.compare-row .btn-primary.sm{min-width:9.5rem}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--danger-soft);border:1px solid var(--danger);color:#ffd9d9;margin-bottom:var(--space-5);font-size:var(--step--1)}.alert-dismiss{margin-left:var(--space-3);color:#ffd9d9!important}.error-boundary{padding:var(--space-8) 0;text-align:center}.error-boundary .alert{display:inline-grid;gap:var(--space-3);justify-items:center;margin-bottom:0}.char-count{align-self:flex-end;color:var(--text-faint);font-size:var(--step--1);font-variant-numeric:tabular-nums}.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5)}.step{display:grid;grid-template-columns:40px 1fr;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius);border:0;box-shadow:var(--shadow-sm);background:var(--surface);transition:border-color .2s var(--ease),opacity .2s var(--ease)}.step.is-active{border-color:var(--accent-line)}.step.is-done{opacity:.82}.step-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:660;font-size:var(--step--1);background:var(--bg-sunken);border:1px solid var(--border-strong);color:var(--text-muted)}.step.is-active .step-n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-body h3{font-size:var(--step-1);margin-bottom:var(--space-3)}.step-body h4{font-size:var(--step-0);margin:0 0 var(--space-3)}@media(max-width:560px){.step{grid-template-columns:1fr}}.read-aloud{padding:var(--space-4);border-radius:var(--radius);background:var(--bg-sunken);border-left:3px solid var(--accent);font-size:var(--step-1);line-height:1.55}.rec-row{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.wave{display:flex;align-items:center;gap:3px;height:46px}.wave span{width:3px;border-radius:var(--radius-full);background:var(--accent);transition:height .07s linear;opacity:.85}.progress{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--text-muted);font-size:var(--step--1)}.spinner{width:15px;height:15px;border-radius:50%;flex:none;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-card{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;padding:var(--space-4);border-radius:var(--radius);background:var(--bg-sunken);border:0}.pitch-readout{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.pitch-num{font-size:var(--step-3);font-weight:700;color:var(--accent);line-height:1}.pitch-unit{color:var(--accent);font-size:var(--step-1)}.pitch-label{color:var(--text-faint);font-size:var(--step--1);width:100%}.profile-meta{flex:1;min-width:220px}.heard{color:var(--text-muted);font-size:var(--step--1);font-style:italic;margin-bottom:var(--space-2)}.controls{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--step--1);color:var(--text-muted)}.field.grow{flex:1;min-width:260px}.field select,.field textarea{font:inherit;color:var(--text);background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);resize:vertical}.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.lesson-card{padding:var(--space-5);border-radius:var(--radius);background:var(--bg-sunken);border:0}.target{font-size:var(--step-2);line-height:1.5;font-weight:560}.target.is-tonal{font-size:var(--step-3);letter-spacing:.02em}.target .lit{color:var(--accent);background:var(--accent-soft);border-radius:4px;box-shadow:0 0 0 4px var(--accent-soft)}.roman{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--step-0);margin-top:var(--space-3)}.literal{color:var(--text-faint);font-size:var(--step--1);margin-top:var(--space-2)}.colloquial{color:var(--text-muted);font-size:var(--step--1);margin-top:var(--space-3)}.colloquial-label{color:var(--accent);font-weight:600}.play-row{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin:var(--space-5) 0 var(--space-3)}.dial{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:220px}.dial-label{font-size:var(--step--1);color:var(--text-muted)}.dial-label em{color:var(--accent);font-style:normal;font-family:var(--font-mono)}.dial input{width:100%;accent-color:var(--accent)}.words{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0}.word-chip{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:0;box-shadow:var(--shadow-sm)}.w-target{font-size:var(--step-1);font-weight:560}.w-roman{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent)}.w-meaning{font-size:var(--step--1);color:var(--text-faint)}.tone{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--warm);background:var(--warm-soft);border-radius:var(--radius-full);padding:1px 7px;width:fit-content;margin-top:2px}.note{padding:var(--space-4);border-radius:var(--radius);background:var(--warm-soft);border-left:3px solid var(--warm);font-size:var(--step--1);color:var(--text);margin-top:var(--space-3)}.note strong{color:var(--warm)}.note.is-warn{background:var(--danger-soft);border-left-color:var(--danger)}.note.is-warn strong{color:var(--danger)}.your-turn{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.score{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius);background:var(--bg-sunken);border:0}.score-top{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}.ring{position:relative;display:grid;place-items:center;flex:none}.ring svg{transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border);stroke-width:7}.ring-fill{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .7s var(--ease)}.ring-good .ring-fill{stroke:var(--accent)}.ring-close .ring-fill{stroke:var(--warm)}.ring-missed .ring-fill{stroke:var(--danger)}.ring-none .ring-fill{stroke:none}.ring-none .ring-num{color:var(--text-faint)}.ring-num{position:absolute;font-size:var(--step-1);font-weight:700}.score-bars{flex:1;min-width:230px;display:grid;gap:var(--space-2)}.bar{display:grid;grid-template-columns:72px 1fr 32px;align-items:center;gap:var(--space-3);font-size:var(--step--1)}.bar-label{color:var(--text-muted)}.bar-track{height:6px;border-radius:var(--radius-full);background:var(--border);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);transition:width .7s var(--ease)}.bar-val{color:var(--text-muted);font-family:var(--font-mono);text-align:right}.heard-back{color:var(--text-faint);font-size:var(--step--1);font-style:italic;margin-top:var(--space-2)}.contour-compare{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius);background:var(--surface);border:0;box-shadow:var(--shadow-sm)}.contour-title{font-size:var(--step--1);color:var(--text-muted);margin-bottom:var(--space-2)}.contour-svg{width:100%;height:90px;display:block}.contour-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contour-line.ref{stroke:var(--text-faint);stroke-dasharray:4 4}.contour-line.you{stroke:var(--accent)}.contour-legend{display:flex;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--step--1)}.contour-legend span:before{content:"";display:inline-block;width:12px;height:2px;margin-right:var(--space-2);vertical-align:middle}.contour-legend .cl-ref{color:var(--text-faint)}.contour-legend .cl-ref:before{background:var(--text-faint)}.contour-legend .cl-you{color:var(--accent)}.contour-legend .cl-you:before{background:var(--accent)}.per-word{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.pw{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--step-0);cursor:help}.pw-good{background:var(--accent-soft);color:var(--accent)}.pw-close{background:var(--warm-soft);color:var(--warm)}.pw-missed{background:var(--danger-soft);color:var(--danger)}.tips{margin:var(--space-5) 0 0;padding-left:var(--space-5);color:var(--text-muted);font-size:var(--step--1);display:grid;gap:var(--space-2)}.tips li::marker{color:var(--accent)}.encourage{margin-top:var(--space-4);color:var(--accent);font-size:var(--step--1)}.band{padding:var(--space-9) 0;border-top:1px solid var(--border)}.band.alt{background:var(--bg-raised)}.band h2{font-size:var(--step-2);margin:var(--space-2) 0 var(--space-5);max-width:24ch}.body{color:var(--text-muted);margin-bottom:var(--space-4);max-width:62ch}.body a{color:var(--accent);text-decoration-color:var(--accent-line)}.body.wide{max-width:70ch;margin-bottom:var(--space-6)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.card{padding:var(--space-5);border-radius:var(--radius);background:var(--surface);border:0;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease),transform .2s var(--ease)}.card:hover{border-color:var(--accent-line);transform:translateY(-2px)}.card-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:660;font-size:var(--step--1);margin-bottom:var(--space-3)}.card h3{font-size:var(--step-0);margin-bottom:var(--space-2)}.card p{color:var(--text-muted);font-size:var(--step--1)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-7);align-items:center}@media(max-width:860px){.split{grid-template-columns:1fr}}.tone-fig{margin:0;padding:var(--space-5);border-radius:var(--radius);background:var(--bg-sunken);border:0}.tone-fig figcaption{color:var(--text-muted);font-size:var(--step--1);margin-bottom:var(--space-4)}.tone-fig svg{width:100%;height:auto}.tone-fig .grid{stroke:var(--border);stroke-width:1}.contour path{fill:none;stroke-width:3;stroke-linecap:round}.contour text{font-size:11px;fill:currentColor}.contour.ref{color:var(--text-faint)}.contour.ref path{stroke:var(--text-faint);stroke-dasharray:5 5}.contour.you{color:var(--accent)}.contour.you path{stroke:var(--accent)}.axis{font-size:10px;fill:var(--text-faint)}.fig-note{color:var(--text-faint);font-size:var(--step--1);margin-top:var(--space-4)}.lang-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lang{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface);border:0;box-shadow:var(--shadow-sm);font-size:var(--step--1);color:var(--text-muted)}.lang.is-tonal{border-color:var(--accent-line);color:var(--text);background:var(--accent-soft)}.lang em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.cta-band{padding:var(--space-9) 0;text-align:center;border-top:1px solid var(--border);background:radial-gradient(60% 100% at 50% 100%,rgba(53,224,161,.1),transparent 70%)}.center{display:grid;justify-items:center;gap:var(--space-3)}.cta-band h2{font-size:var(--step-2)}.foot{border-top:1px solid var(--border);padding:var(--space-5) 0;background:var(--bg-sunken)}.foot-inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:center;color:var(--text-faint);font-size:var(--step--1)}.foot-inner span:first-child{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.foot-note{max-width:52ch}.fallback{margin-top:var(--space-4);color:var(--text-faint);font-size:var(--step--1)}.nav nav button.nav-cta{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--step--1);cursor:pointer}.nav nav button.nav-cta:hover{background:var(--accent);color:var(--accent-ink)}.quota-chip{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--step--1);cursor:pointer;font-variant-numeric:tabular-nums}.quota-chip:hover{border-color:var(--accent-line);color:var(--text)}.quota-chip.is-low{border-color:var(--warm);color:var(--warm);background:var(--warm-soft)}.quota-chip.is-pro{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft);cursor:default}.nav-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;color:var(--text-muted);font-size:var(--step--1);font-weight:620;padding:0}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-avatar:hover{border-color:var(--accent)}.account-menu{position:relative}.account-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:60;display:grid;min-width:180px;padding:var(--space-2);border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.dropdown-email{padding:var(--space-2) var(--space-3);color:var(--text-faint);font-size:var(--step--1);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.account-dropdown button{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:0;background:none;color:var(--text);cursor:pointer;font-size:var(--step--1)}.account-dropdown button:hover{background:var(--surface-hover)}.not-found{padding:var(--space-9) 0;text-align:center;display:grid;gap:var(--space-3);justify-items:center}.not-found h1{font-size:var(--step-3)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:#04070ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(520px,100%);padding:var(--space-6);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:rise .22s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.modal h2{font-size:var(--step-2);margin:var(--space-2) 0 var(--space-3)}.modal-close{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:0;color:var(--text-faint);font-size:26px;line-height:1;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.modal-fine{margin-top:var(--space-4);color:var(--text-faint);font-size:var(--step--1)}.pricing-page{padding:var(--space-8) 0 var(--space-9)}.pricing-head{text-align:center;max-width:60ch;margin:0 auto var(--space-7)}.pricing-head h1{font-size:var(--step-3);margin:var(--space-3) 0}.pricing-head .body{margin-inline:auto}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--space-5);max-width:860px;margin:0 auto;align-items:start}.plan{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3)}.plan.is-featured{border-color:var(--accent-line);background:var(--bg-raised);box-shadow:var(--glow);position:relative}.plan-badge{position:absolute;top:-11px;left:var(--space-6);padding:2px var(--space-3);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.plan h2{font-size:var(--step-1)}.price{display:flex;align-items:baseline;gap:var(--space-2)}.amount{font-size:var(--step-3);font-weight:700;letter-spacing:-.03em}.per{color:var(--text-faint);font-size:var(--step-0)}.plan-note{color:var(--text-faint);font-size:var(--step--1)}.plan-warn{color:var(--warm);font-size:var(--step--1)}.billing-choice{border:0;background:var(--bg-sunken);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)}.billing-choice legend{color:var(--text-muted);font-size:var(--step--1);padding-inline:var(--space-2)}.billing-choice label{cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.billing-choice input{accent-color:var(--accent)}.billing-saving{color:var(--accent);font-size:var(--step--1)}.feedback-page{max-width:680px;padding-block:var(--space-8)}.feedback-page h1{margin-block:var(--space-3)}.feedback-page form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.feature-list{list-style:none;margin:var(--space-2) 0;padding:0;display:grid;gap:var(--space-2)}.feature-list li{position:relative;padding-left:var(--space-5);color:var(--text-muted);font-size:var(--step--1)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.full{width:100%;margin-top:auto}.faq{max-width:720px;margin:var(--space-9) auto 0}.faq h2{font-size:var(--step-1);margin-bottom:var(--space-5)}.faq dl{display:grid;gap:var(--space-4);margin:0}.faq dt{font-weight:600;margin-bottom:var(--space-1)}.faq dd{margin:0;color:var(--text-muted);font-size:var(--step--1);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.faq dd:last-child{border-bottom:0}.app-page{padding:var(--space-7) 0 var(--space-9);width:min(clamp(1080px,84vw,96rem),100% - 2.5rem);margin-inline:auto}.account{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-raised);border:0;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.account-head{display:flex;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;align-items:flex-start}.account-head h2{font-size:var(--step-2);margin-top:var(--space-2)}.account-stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.stat{display:grid;gap:2px}.stat-value{font-size:var(--step-2);font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:var(--step--1);color:var(--text-faint)}.account-actions{margin-top:var(--space-5);display:flex;gap:var(--space-3)}.history-title{font-size:var(--step-1);margin:var(--space-6) 0 var(--space-4)}.history{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--border)}.history-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:baseline;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);border-radius:var(--radius);transition:background .16s var(--ease)}.history-row:hover{background:var(--surface-hover)}.h-main{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-target{font-size:var(--step--1)}.h-src{font-size:var(--step--1);color:var(--text-faint)}.h-src:before{content:" · "}.h-meta{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--step--1);color:var(--text-faint)}.h-score{font-weight:700;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.h-score.is-good{color:var(--accent)}.h-score.is-close{color:var(--warm)}.h-score.is-missed{color:var(--danger)}.h-lang{font-family:var(--font-mono)}.foot-links{display:flex;gap:var(--space-4)}.foot-links a{color:var(--text-faint);text-decoration:none}.foot-links a:hover{color:var(--text)}body.theme-studio{--bg: #090d12;--bg-raised: #10161f;--bg-sunken: #06090c;--surface: #141b25;--surface-hover: #1a2230;--border: #212c3a;--border-strong: #314054}body.theme-studio:before{display:none}.studio{padding:var(--space-6) 0 var(--space-9);display:grid;gap:var(--space-6)}.sm{padding:var(--space-2) var(--space-4);font-size:var(--step--1)}.nav nav a.is-current{color:var(--text)}.studio-bar{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;justify-content:space-between;padding:var(--space-5);background:linear-gradient(180deg,var(--bg-raised),var(--surface));border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sb-id{display:grid;gap:2px}.sb-hello{font-size:var(--step-1);font-weight:620;letter-spacing:-.02em}.sb-voice{font-size:var(--step--1);color:var(--text-faint);display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:nowrap;white-space:nowrap}.sb-voice>*{flex:none}.sb-voice strong{color:var(--accent);font-family:var(--font-mono)}.sb-recalibrate{font-size:var(--step--1)}.sb-why{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-faint);font-size:var(--step--1)}.sb-stats{display:flex;gap:var(--space-6);flex-wrap:wrap}.metric{display:grid;gap:2px}.metric-value{font-size:var(--step-2);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.metric-value.is-good{color:var(--accent)}.metric-value.is-close{color:var(--warm)}.metric-value.is-missed{color:var(--danger)}.metric-label{font-size:var(--step--1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em}.sb-actions{display:flex;gap:var(--space-3);align-items:center}.sb-lang select{font:inherit;font-size:var(--step--1);color:var(--text);background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4)}.sb-lang select:focus{border-color:var(--accent);outline:none}.next-up{max-width:66ch;margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%);border:0;box-shadow:var(--shadow)}.next-up h2{font-size:var(--step-2);margin:var(--space-2) 0}.next-up .body{color:var(--text-muted);margin-bottom:var(--space-4)}.next-up .btn-primary{width:fit-content}.next-alts{margin-top:var(--space-4);color:var(--text-faint);font-size:var(--step--1)}.next-alts .btn-link{font-size:inherit}.deck-browse>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.deck-browse>summary::-webkit-details-marker{display:none}.deck-browse>summary:hover .db-title{color:var(--accent)}.db-chev{display:inline-block;color:var(--text-faint);font-size:var(--step-1);line-height:1;transition:transform .16s var(--ease)}.deck-browse[open] .db-chev{transform:rotate(90deg)}.db-title{font-size:var(--step-1);font-weight:620}.db-count{margin-left:auto;color:var(--text-faint);font-size:var(--step--1)}.decks-blurb{max-width:60ch;margin:var(--space-4) 0;color:var(--text-muted);font-size:var(--step--1)}.decks-head{max-width:60ch}.decks-head h2{font-size:var(--step-2);margin-bottom:var(--space-2)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.deck{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:0;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.deck:hover{background:var(--surface-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.deck.is-tonal{background:linear-gradient(160deg,var(--accent-soft),var(--surface) 60%)}.deck-head{display:flex;gap:var(--space-3);align-items:flex-start}.deck-icon{font-size:26px;line-height:1}.deck-head h3{font-size:var(--step-1);margin-bottom:var(--space-1)}.deck-level{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:1px 8px;border-radius:var(--radius-full);margin-right:var(--space-1);background:var(--bg-sunken);color:var(--text-faint);border:0}.lvl-starter{color:var(--accent);border-color:var(--accent-line)}.lvl-everyday{color:var(--warm);border-color:var(--warm)}.lvl-confident{color:#7fd1ff;border-color:#7fd1ff66}.lvl-tonal{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.deck-blurb{color:var(--text-muted);font-size:var(--step--1)}.deck-progress{display:flex;align-items:center;gap:var(--space-3)}.dp-track{flex:1;height:5px;border-radius:var(--radius-full);background:var(--border);overflow:hidden}.dp-fill{display:block;height:100%;background:var(--accent);transition:width .5s var(--ease)}.dp-count{font-size:var(--step--1);color:var(--text-faint);font-variant-numeric:tabular-nums}.deck-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.ex-btn{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-sunken);color:var(--text-muted);cursor:pointer;font-size:var(--step--1);transition:background .15s var(--ease),color .15s var(--ease)}.ex-btn:hover{background:var(--surface-hover);color:var(--text)}.ex-check{color:var(--text-faint);flex:none;width:16px;font-variant-numeric:tabular-nums}.ex-btn.is-attempted{color:var(--text-muted)}.ex-btn.is-attempted .ex-check{color:var(--warm)}.ex-btn.is-good{color:var(--text-faint)}.ex-btn.is-good .ex-check{color:var(--accent)}.workbench{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--accent-line);box-shadow:var(--shadow-lg)}.wb-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5);flex-wrap:wrap}.wb-head h2{font-size:var(--step-2);margin-top:var(--space-2);max-width:26ch}.wb-hint{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--warm-soft);border-left:3px solid var(--warm);color:var(--text-muted);font-size:var(--step--1);max-width:60ch}.wb-nav{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.wb-pager{display:flex;gap:var(--space-2)}.custom-panel{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:0;box-shadow:var(--shadow-sm)}.custom-form{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.custom-form .field.grow{flex:1;min-width:260px}.studio-history h2{font-size:var(--step-1);margin-bottom:var(--space-4)}.h-reopen{display:contents;background:none;border:0;padding:0;cursor:pointer;text-align:left}.h-reopen:hover .h-target{color:var(--accent)}.calibrate{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--accent-line);text-align:center;display:grid;gap:var(--space-4);justify-items:center}.calibrate h2{font-size:var(--step-2)}.calibrate .body{margin:0 auto}.studio-loading{padding:var(--space-8) 0;text-align:center}@media(max-width:720px){.hero{padding:var(--space-7) 0 var(--space-6)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn-primary,.hero-cta .btn-ghost{width:100%}.demo{padding:var(--space-4)}.step{padding:var(--space-4);gap:var(--space-3)}.rec-row{gap:var(--space-3)}.wave{width:100%;justify-content:center}.controls{flex-direction:column;gap:var(--space-3)}.field.grow{min-width:0;width:100%}.play-row{flex-direction:column;align-items:stretch;gap:var(--space-4)}.btn-play{justify-content:center}.studio-bar{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.sb-stats{gap:var(--space-4);justify-content:space-between}.metric-value{font-size:var(--step-1)}.sb-actions{justify-content:space-between}.sb-why{display:none}.sb-lang{flex:1}.sb-lang select{width:100%}.deck-grid{grid-template-columns:1fr}.workbench{padding:var(--space-4)}.wb-head{flex-direction:column;gap:var(--space-3)}.wb-head h2{font-size:var(--step-1)}.wb-nav{width:100%;align-items:stretch}.wb-pager{justify-content:space-between}.custom-panel{padding:var(--space-4)}.custom-form{flex-direction:column;align-items:stretch}.history-row{flex-direction:column;gap:var(--space-3)}.h-meta{justify-content:space-between;width:100%}.plans{grid-template-columns:1fr}.account-head,.account-stats{flex-direction:column;gap:var(--space-4)}.score-top{flex-direction:column;align-items:flex-start}.bar{grid-template-columns:64px 1fr 28px}.foot-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media(max-width:420px){.target{font-size:var(--step-1)}.target.is-tonal{font-size:var(--step-2)}.sb-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}}.content-page{padding:var(--space-8) 0 var(--space-9);max-width:74ch}.content-page.is-index{max-width:none}.content-crumb{font-size:var(--step--1);color:var(--text-faint);margin-bottom:var(--space-5)}.content-crumb a{color:var(--text-faint);text-decoration:underline;text-underline-offset:3px}.content-crumb a:hover{color:var(--text)}.content-head{margin-bottom:var(--space-7)}.content-head h1{font-size:var(--step-3);margin:var(--space-3) 0 var(--space-4);max-width:22ch}.content-native{color:var(--text-faint);font-weight:400}.content-date{color:var(--text-faint);font-size:var(--step--1);margin:0 0 var(--space-3)}.prose h2{font-size:var(--step-1);margin:var(--space-7) 0 var(--space-3)}.prose p{color:var(--text-muted);max-width:68ch}.prose ul{color:var(--text-muted);padding-left:var(--space-5);margin:var(--space-3) 0;display:grid;gap:var(--space-2);max-width:68ch}.prose li::marker{color:var(--accent)}.block-links{margin-top:-.4rem;font-size:.78rem;color:var(--text-faint)}.block-links a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}.block-links a:hover{color:var(--accent)}.content-related{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.content-link-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.content-link-list a{color:var(--accent);text-decoration:none}.content-link-list a:hover{text-decoration:underline}.content-link-list.inline{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.content-cta-band{margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--accent-line);text-align:center;display:grid;gap:var(--space-3);justify-items:center}.content-cta-band h2{font-size:var(--step-1);margin:0}.content-card{display:block;text-decoration:none;color:inherit;cursor:pointer}.content-card h3{display:flex;align-items:baseline;gap:var(--space-2)}.content-article-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5)}.content-article-list a{display:block;text-decoration:none;color:inherit;padding:var(--space-5);border-radius:var(--radius);background:var(--surface);border:0;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease),transform .2s var(--ease)}.content-article-list a:hover{border-color:var(--accent-line);transform:translateY(-2px)}.content-article-list h3{font-size:var(--step-1);margin:var(--space-1) 0 var(--space-2)}.content-article-list p{color:var(--text-muted);font-size:var(--step--1);margin:0}@media(max-width:600px){.content-head h1{font-size:var(--step-2)}}.chat-intro,.chat{margin-top:var(--space-7);padding:var(--space-6);background:var(--bg-raised);border:0;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.chat-setup{display:grid;gap:var(--space-5);margin-top:var(--space-5);justify-items:start}.chat-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3);width:100%}.chat-level{text-align:left;display:grid;gap:var(--space-2);cursor:pointer;padding:var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);color:var(--text);transition:border-color .16s var(--ease),background .16s var(--ease)}.chat-level:hover{background:var(--surface-hover)}.chat-level.is-on{border-color:var(--accent);background:var(--accent-soft)}.cl-name{font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.cl-suggested{font-style:normal;font-size:var(--step--1);color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--radius-full);padding:1px var(--space-2)}.cl-blurb{color:var(--text-faint);font-size:var(--step--1)}.chat-past{margin-top:var(--space-6)}.chat-past h3{font-size:var(--step-0);margin-bottom:var(--space-3)}.chat-past ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.cp-meta{color:var(--text-faint);margin-left:var(--space-3);text-transform:capitalize}.chat-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.chat-bar h2{font-size:var(--step-1);margin:var(--space-2) 0 0}.chat-bar-actions{display:flex;align-items:center;gap:var(--space-4)}.chat-left{color:var(--text-faint);font-size:var(--step--1)}.chat-feed{display:grid;gap:var(--space-4);max-height:52vh;overflow-y:auto;padding-right:var(--space-2)}.bubble{padding:var(--space-4);border-radius:var(--radius);max-width:44rem}.bubble.is-ai{background:var(--surface);border:0;box-shadow:var(--shadow-sm);justify-self:start}.bubble.is-you{background:var(--accent-soft);border:1px solid var(--accent-line);justify-self:end}.bubble-text{font-size:var(--step-1)}.bubble-roman{color:var(--text-muted);font-size:var(--step--1);margin-top:var(--space-2)}.bubble-meaning{color:var(--text-faint);font-size:var(--step--1);margin-top:var(--space-2);font-style:italic}.bubble-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.chat-hint{margin-top:var(--space-4);color:var(--text-muted)}.chat-suggestions{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.cs-label{color:var(--text-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em}.suggestion{display:grid;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-sunken);border:0}.sg-target{font-size:var(--step-1)}.sg-roman{color:var(--text-muted);font-size:var(--step--1)}.sg-meaning{color:var(--text-faint);font-size:var(--step--1)}.lang-pair{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.lang-pair-field{display:grid;gap:var(--space-2);min-width:0}.lang-pair-field>span{font-size:var(--step--1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.lang-pair-field>select{min-width:11rem;max-width:15rem}.lang-pair-swap{flex:none;display:grid;place-items:center;cursor:pointer;width:36px;height:36px;margin-bottom:1px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.lang-pair-swap:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.lang-pair-swap:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.lang-pair{width:100%}.lang-pair-field{flex:1 1 100%}.lang-pair-field>select{max-width:none;width:100%}.lang-pair-swap{transform:rotate(90deg);margin:var(--space-1) auto}}.hidden-when-paired{display:none}.setup-overlay{position:fixed;inset:0;z-index:100;display:flex;padding:var(--space-5);background:var(--bg);overflow-y:auto}.setup-card{margin:auto;width:min(clamp(26rem,46vw,48rem),100% - var(--space-5));display:grid;gap:var(--space-5);padding:var(--space-8) var(--space-7);border-radius:var(--radius-lg);background:var(--bg-raised);border:0;box-shadow:var(--shadow-sm);box-shadow:var(--shadow-lg)}.setup-brand{font-weight:660;letter-spacing:-.02em;color:var(--text);font-size:var(--step-2);text-align:center}.flow-steps{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.flow-steps li{display:flex;align-items:center;gap:var(--space-2);color:var(--text-faint);font-size:var(--step--1)}.flow-steps li+li:before{content:"";width:var(--space-5);height:1px;background:var(--border-strong);margin-right:var(--space-2)}.fs-dot{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:var(--radius-full);border:1px solid var(--border-strong);font-size:11px;font-variant-numeric:tabular-nums;flex:none}.fs-label{white-space:nowrap}.flow-steps .is-now{color:var(--text);font-weight:580}.flow-steps .is-now .fs-dot{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.flow-steps .is-done .fs-dot{border-color:var(--accent-line);color:var(--accent)}@media(max-width:480px){.flow-steps .is-now .fs-label{display:inline}.flow-steps li:not(.is-now) .fs-label{display:none}}.setup-sub{text-align:center;color:var(--text-muted);margin-bottom:var(--space-2)}.setup-why{margin-top:calc(var(--space-4) * -.5);text-align:center;color:var(--text-faint);font-size:var(--step--1)}.setup-card>*{min-width:0}.setup-field{display:grid;gap:var(--space-2);min-width:0}.setup-field>span{font-size:var(--step--1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em}.setup-field>select{font-size:var(--step-1);padding:var(--space-4) var(--space-5);width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}.setup-card .btn-primary{width:100%;justify-content:center;margin-top:var(--space-3);padding-block:var(--space-4);font-size:var(--step-1)}.setup-sub{font-size:var(--step-1)}.setup-skip{justify-self:center}@media(max-width:480px){.setup-card{padding:var(--space-5)}}.setup-loading{text-align:center;margin:var(--space-5) 0}.story{margin-top:var(--space-6);max-width:66ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.story-head h2{font-size:var(--step-2);margin-bottom:var(--space-2)}.story-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2)}.story-progress{color:var(--accent);font-size:var(--step--1);font-variant-numeric:tabular-nums}.story-controls{margin-top:var(--space-5)}.story-controls-label{display:block;color:var(--text-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.story-controls-note{margin-top:var(--space-2);color:var(--text-faint);font-size:var(--step--1)}.story-segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.story-level{text-align:left;cursor:pointer;display:grid;gap:2px;align-content:start;padding:var(--space-3) var(--space-4);background:transparent;border:0;border-left:1px solid var(--border);color:var(--text);transition:background .16s var(--ease)}.story-level:first-child{border-left:0}.story-level:hover{background:var(--surface-hover)}.story-level.is-on{background:var(--accent-soft);box-shadow:inset 0 2px 0 var(--accent)}.stl-name{font-weight:580;font-size:var(--step--1)}.stl-blurb{color:var(--text-faint);font-size:var(--step--1);line-height:1.35}.story-how{margin-top:var(--space-4)}.story-how>summary{cursor:pointer;color:var(--text-muted);font-size:var(--step--1);width:fit-content}.story-how>summary:hover{color:var(--text)}.story-how ol{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.story-how li{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--space-3);align-items:start;color:var(--text-muted);font-size:var(--step--1)}.sh-n{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.story-how li>span:last-child{padding-top:.2em}.story-tap{margin-top:var(--space-5)}.story-step{margin-top:var(--space-4);color:var(--text-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em}.story-step:first-child{margin-top:0}.story-sheet{list-style:none;margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-2);background:var(--surface);border:0;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.story-line{width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:1.75rem 1fr;gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--text);transition:background .16s var(--ease)}.story-line:hover:not(:disabled){background:var(--surface-hover)}.story-line:disabled{opacity:.55;cursor:not-allowed}.sl-n{color:var(--text-faint);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:right}.story-line.is-done .sl-n{color:var(--accent)}.sl-body{display:grid;gap:2px}.sl-text{font-size:var(--step-1);line-height:1.6}.sl-roman{color:var(--text-muted);font-size:var(--step--1)}.sl-gloss{color:var(--text-faint);font-size:var(--step--1);line-height:1.45}.story-sheet>li.is-open{border-left:2px solid var(--accent)}.story-sheet>li.is-open .story-line,.story-sheet>li.is-open .story-line:hover:not(:disabled){background:var(--accent-soft)}.story-work{margin:0 0 var(--space-4);padding:0 var(--space-3) 0 var(--space-4)}@media(max-width:560px){.story-line{grid-template-columns:1.25rem 1fr;gap:var(--space-2)}}@media(max-width:560px){.story-segmented{grid-template-columns:1fr}.story-level{border-left:0;border-top:1px solid var(--border)}.story-level:first-child{border-top:0}.story-level.is-on{box-shadow:inset 2px 0 0 var(--accent)}}:root{color-scheme:dark;--bg: #0b0f14;--bg-raised: #121822;--bg-sunken: #080b0f;--surface: #161e29;--surface-hover: #1c2634;--border: #24303f;--border-strong: #35455a;--text: #eef4fb;--text-muted: #93a4b8;--text-faint: #8798a9;--accent: #35e0a1;--accent-hover: #55eab4;--accent-ink: #04231a;--accent-soft: rgba(53, 224, 161, .12);--accent-line: rgba(53, 224, 161, .34);--warm: #ffb454;--warm-soft: rgba(255, 180, 84, .14);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Inter var", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--step--1: clamp(.8rem, .74rem + .28vw, 1rem);--step-0: clamp(.98rem, .91rem + .35vw, 1.2rem);--step-1: clamp(1.15rem, 1.03rem + .6vw, 1.6rem);--step-2: clamp(1.5rem, 1.25rem + 1.2vw, 2.4rem);--step-3: clamp(2rem, 1.55rem + 2.2vw, 3.4rem);--step-4: clamp(2.6rem, 1.8rem + 3.8vw, 5.2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.25rem;--space-7: 3.5rem;--space-8: 4.75rem;--space-9: 7rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 8px 30px rgba(0,0,0,.45);--shadow-lg: 0 24px 60px rgba(0,0,0,.55);--glow: 0 0 0 1px var(--accent-line), 0 0 40px rgba(53,224,161,.18);--ease: cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(16px,4px + .79vw,26px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-20% -20% auto;height:70vh;background:radial-gradient(60% 60% at 50% 0%,rgba(53,224,161,.13),transparent 70%);pointer-events:none;z-index:0}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:640}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.wrap{width:min(clamp(1080px,72vw,68rem),100% - 2.5rem);margin-inline:auto;position:relative;z-index:1}.narrow{width:min(760px,100% - 2.5rem);margin-inline:auto}