:root{--paper: #f5f2eb;--paper-2: #ece7dc;--card: #ffffff;--card-2: #faf8f3;--ink: #17160f;--ink-2: #3a3830;--muted: #6c675b;--faint: #9a9487;--line: #e4dfd3;--line-2: #d4cdbe;--brand: #f0522b;--brand-deep: #b23a17;--brand-tint: #fde6dd;--xp: #e9a100;--xp-deep: #8a5c00;--xp-tint: #fdf1d0;--ok: #1d8a55;--ok-deep: #0f5a36;--ok-tint: #dff2e7;--bad: #c8321f;--bad-deep: #8e1f10;--bad-tint: #fbe2dc;--listening: #3552e0;--listening-deep: #1c2d92;--listening-tint: #e5e9fc;--reading: #1e8f5a;--reading-deep: #0f5a37;--reading-tint: #ddf1e5;--writing: #e39a1f;--writing-deep: #7f4f00;--writing-tint: #fcefd5;--speaking: #d63f6b;--speaking-deep: #8a1d3d;--speaking-tint: #fbe2ea;--vocabulary: #0f9a93;--vocabulary-deep: #075c58;--vocabulary-tint: #dbf2f0;--grammar: #6a4fd6;--grammar-deep: #3b2a8a;--grammar-tint: #ebe7fb;--pronunciation: #f0522b;--pronunciation-deep: #a8361a;--pronunciation-tint: #fde6dd;--r-xs: 6px;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--font-display: "Cal Sans", "Figtree", ui-sans-serif, system-ui, sans-serif;--font-body: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ipa: "Figtree", "Lucida Grande", "Segoe UI", "Noto Sans", system-ui, sans-serif;--sidebar: 248px;--topbar: 64px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:400;letter-spacing:.005em;line-height:1.08;margin:0;text-wrap:balance}h1{font-size:clamp(30px,3.2vw,42px)}h2{font-size:clamp(24px,2.3vw,30px)}h3{font-size:20px;line-height:1.2}h4{font-size:17px;line-height:1.25}p{margin:0}.mono-num{font-variant-numeric:tabular-nums}.ipa{font-family:var(--font-ipa)}::selection{background:#ffd9cb}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:14px}.xs{font-size:12.5px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.top{align-items:flex-start}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.stack-xs>*+*{margin-top:4px}.stack-sm>*+*{margin-top:8px}.stack>*+*{margin-top:14px}.stack-lg>*+*{margin-top:24px}.stack-xl>*+*{margin-top:40px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 860px){.hide-mobile{display:none!important}}.only-mobile{display:none!important}@media (max-width: 860px){.only-mobile{display:initial!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.divider{height:1px;background:var(--line);border:0;margin:0}.btn{--b-bg: var(--card);--b-fg: var(--ink);--b-edge: var(--line-2);--b-border: var(--line-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r-sm);border:1px solid var(--b-border);background:var(--b-bg);color:var(--b-fg);font-weight:650;font-size:15px;line-height:1.1;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--b-edge);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,background .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:color-mix(in srgb,var(--b-bg) 92%,var(--ink))}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--b-edge)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:18px;height:18px;flex:none}.btn-primary{--b-bg: var(--ink);--b-fg: #fff;--b-edge: #000;--b-border: var(--ink)}.btn-primary:hover{background:#2a2920}.btn-brand{--b-bg: var(--brand);--b-fg: #fff;--b-edge: var(--brand-deep);--b-border: var(--brand)}.btn-brand:hover{background:#e44a24}.btn-ok{--b-bg: var(--ok);--b-fg: #fff;--b-edge: var(--ok-deep);--b-border: var(--ok)}.btn-ok:hover{background:#1a7c4c}.btn-bad{--b-bg: var(--bad);--b-fg: #fff;--b-edge: var(--bad-deep);--b-border: var(--bad)}.btn-ghost{--b-bg: transparent;--b-border: transparent;--b-edge: transparent;box-shadow:none}.btn-ghost:hover{background:var(--paper-2)}.btn-ghost:active:not(:disabled){box-shadow:none}.btn-sm{min-height:36px;padding:7px 12px;font-size:14px;box-shadow:0 2px 0 var(--b-edge)}.btn-lg{min-height:54px;padding:14px 26px;font-size:16.5px;border-radius:var(--r)}.btn-block{width:100%}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);flex:none}.icon-btn:hover{background:var(--paper-2)}.icon-btn svg{width:18px;height:18px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:pointer}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.card.tight{padding:16px}.card.flush{padding:0;overflow:hidden}.card.soft{background:var(--card-2)}.card-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.card-link:hover{border-color:var(--line-2);transform:translateY(-2px)}.card-link.row{display:flex}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h3{font-size:18px}.panel-title a{font-size:13.5px;font-weight:650;color:var(--muted);text-decoration:none}.panel-title a:hover{color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:650;background:var(--paper-2);color:var(--ink-2);white-space:nowrap;line-height:1.4}.chip svg{width:14px;height:14px}.chip.outline{background:transparent;border:1px solid var(--line-2)}.chip.ok{background:var(--ok-tint);color:var(--ok-deep)}.chip.bad{background:var(--bad-tint);color:var(--bad-deep)}.chip.xp{background:var(--xp-tint);color:var(--xp-deep)}.chip.brand{background:var(--brand-tint);color:var(--brand-deep)}.chip.ink{background:var(--ink);color:#fff}.band-pill{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:15px;padding:3px 10px 2px;border-radius:999px;background:var(--ink);color:#fff}.band-pill small{font-family:var(--font-body);font-size:11px;opacity:.7;font-weight:600}.m-listening{--m: var(--listening);--m-deep: var(--listening-deep);--m-tint: var(--listening-tint)}.m-reading{--m: var(--reading);--m-deep: var(--reading-deep);--m-tint: var(--reading-tint)}.m-writing{--m: var(--writing);--m-deep: var(--writing-deep);--m-tint: var(--writing-tint)}.m-speaking{--m: var(--speaking);--m-deep: var(--speaking-deep);--m-tint: var(--speaking-tint)}.m-vocabulary{--m: var(--vocabulary);--m-deep: var(--vocabulary-deep);--m-tint: var(--vocabulary-tint)}.m-grammar{--m: var(--grammar);--m-deep: var(--grammar-deep);--m-tint: var(--grammar-tint)}.m-pronunciation{--m: var(--pronunciation);--m-deep: var(--pronunciation-deep);--m-tint: var(--pronunciation-tint)}.m-chip{background:var(--m-tint);color:var(--m-deep)}.m-text{color:var(--m-deep)}.m-fill{background:var(--m)}.bar{height:10px;border-radius:999px;background:var(--paper-2);overflow:hidden}.bar>span{display:block;width:100%;height:100%;background:var(--m, var(--ink));clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0 round 999px);transition:clip-path .5s cubic-bezier(.2,.8,.2,1)}.bar.thin{height:6px}.bar.thick{height:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:650}.input,.textarea,.select{width:100%;border:1.5px solid var(--line-2);background:var(--card);border-radius:var(--r-sm);padding:11px 14px;font-size:16px;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #17160f14}.textarea{resize:vertical;min-height:120px}.field-error{color:var(--bad);font-size:13.5px;font-weight:600}.option{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--card);cursor:pointer;box-shadow:0 2px 0 var(--line-2);transition:border-color .12s ease,background .12s ease,transform .08s ease;font-size:15.5px;line-height:1.4}.option:hover:not(:disabled){border-color:var(--faint)}.option:active:not(:disabled){transform:translateY(1px)}.option[aria-pressed=true],.option.selected{border-color:var(--ink);background:var(--card-2);box-shadow:0 2px 0 var(--ink)}.option.correct{border-color:var(--ok);background:var(--ok-tint);box-shadow:0 2px 0 var(--ok);color:var(--ok-deep)}.option.wrong{border-color:var(--bad);background:var(--bad-tint);box-shadow:0 2px 0 var(--bad);color:var(--bad-deep)}.option:disabled{cursor:default}.option .key{flex:none;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line-2);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--muted);background:var(--card)}.option.selected .key,.option[aria-pressed=true] .key{border-color:var(--ink);background:var(--ink);color:#fff}.option.correct .key{border-color:var(--ok);background:var(--ok);color:#fff}.option.wrong .key{border-color:var(--bad);background:var(--bad);color:#fff}.seg{display:inline-flex;padding:4px;background:var(--paper-2);border-radius:12px;gap:2px;flex-wrap:wrap}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:7px 14px;border-radius:9px;font-weight:650;font-size:14px;cursor:pointer;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--paper);padding:20px 14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 10px 18px}.brand-name{font-family:var(--font-display);font-size:24px;line-height:1}.nav-group{margin-top:14px}.nav-label{font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:0 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:14.5px;position:relative}.nav-link svg{width:18px;height:18px;flex:none;color:var(--muted)}.nav-link:hover{background:var(--paper-2)}.nav-link.active{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.nav-link.active svg{color:var(--ink)}.nav-link.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-dot{width:9px;height:9px;border-radius:3px;flex:none;margin:0 4.5px}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);display:flex;align-items:center;gap:10px;padding:0 28px;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.stat-chip svg{width:17px;height:17px}.avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-display);font-size:15px;color:#fff;background:var(--ink);flex:none;text-decoration:none}.avatar.lg{width:72px;height:72px;font-size:28px}.page{width:100%;max-width:1180px;margin:0 auto;padding:32px 28px 80px}.page.narrow{max-width:820px}.page.wide{max-width:1400px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.page-head p{margin-top:8px;color:var(--muted);max-width:62ch}.crumbs{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);margin-bottom:12px;flex-wrap:wrap}.crumbs a{text-decoration:none;font-weight:600}.crumbs a:hover{color:var(--ink)}.crumbs svg{width:14px;height:14px}.tabbar{display:none}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}.page{padding:22px 16px 110px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:650;color:var(--muted);text-decoration:none;padding:6px 0;border-radius:10px}.tabbar a svg{width:21px;height:21px}.tabbar a.active{color:var(--ink)}.tabbar a.active svg{color:var(--brand)}}.dash{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}@media (max-width: 1100px){.dash{grid-template-columns:1fr}}.hero-card{position:relative;border-radius:var(--r-xl);background:var(--ink);color:#fff;padding:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.hero-card .muted{color:#ffffffa8}.hero-card .bar{background:#ffffff24}@media (max-width: 640px){.hero-card{grid-template-columns:1fr;padding:22px}}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.week-dots .d{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:650;color:var(--faint)}.week-dots .dot{width:30px;height:30px;border-radius:999px;border:1.5px dashed var(--line-2);display:grid;place-items:center}.week-dots .dot.on{border:0;background:var(--brand);color:#fff}.week-dots .dot.frozen{border:0;background:#cfe3f7;color:#1d4f80}.week-dots .dot.today{border-style:solid;border-color:var(--ink)}.week-dots .dot svg{width:15px;height:15px}.task-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s ease}.task-row:hover{border-color:var(--line-2)}.task-row.done{background:var(--card-2)}.task-row.done .task-title{text-decoration:line-through;text-decoration-color:var(--faint);color:var(--muted)}.task-title{font-weight:650;line-height:1.3}.check-circle{width:26px;height:26px;border-radius:999px;border:2px solid var(--line-2);display:grid;place-items:center;flex:none}.check-circle.on{background:var(--ok);border-color:var(--ok);color:#fff}.check-circle svg{width:15px;height:15px}.quest{display:flex;gap:12px;align-items:center}.quest+.quest{margin-top:14px}.quest-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--xp-tint);color:var(--xp-deep)}.quest-icon svg{width:19px;height:19px}.band-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 640px){.band-meter{grid-template-columns:repeat(2,minmax(0,1fr))}}.band-cell{border-radius:var(--r);padding:14px;background:var(--m-tint);color:var(--m-deep);text-decoration:none;display:flex;flex-direction:column;gap:8px}.band-cell .num{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--ink)}.band-cell .bar{background:#ffffffb3}.mod-tile{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.mod-tile:hover{transform:translateY(-2px);border-color:var(--line-2)}.mod-art{background:var(--m-tint);height:132px;display:grid;place-items:center;position:relative}.mod-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.unit{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--card);overflow:hidden}.unit-head{padding:22px 24px;background:var(--m-tint);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.unit-head .eyebrow{color:var(--m-deep)}.lesson-list{list-style:none;margin:0;padding:8px}.lesson-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--r);text-decoration:none;color:inherit}.lesson-item:hover{background:var(--card-2)}.lesson-item.locked{opacity:.5;pointer-events:none}.lesson-node{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--paper-2);color:var(--muted);font-family:var(--font-display);font-size:17px;box-shadow:0 3px 0 var(--line-2)}.lesson-node.done{background:var(--m);color:#fff;box-shadow:0 3px 0 var(--m-deep)}.lesson-node.next{background:var(--ink);color:#fff;box-shadow:0 3px #000;outline:3px solid var(--m-tint);outline-offset:3px}.lesson-node svg{width:20px;height:20px}.player{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.player-top{display:flex;align-items:center;gap:16px;padding:16px 24px;max-width:900px;width:100%;margin:0 auto}.player-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px 24px 160px}.player-foot{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:var(--card);z-index:25}.player-foot.ok{background:var(--ok-tint);border-color:#b9e0c9}.player-foot.bad{background:var(--bad-tint);border-color:#f2c2b7}.player-foot-inner{max-width:900px;margin:0 auto;padding:18px 24px calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;justify-content:space-between}@media (max-width: 640px){.player-foot-inner{flex-direction:column;align-items:stretch}.player-body{padding:16px 16px 220px}.player-top{padding:12px 16px}}.feedback-title{font-family:var(--font-display);font-size:22px;display:flex;align-items:center;gap:10px}.feedback-title svg{width:26px;height:26px}.ok-text{color:var(--ok-deep)}.bad-text{color:var(--bad-deep)}.learn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:30px}@media (max-width: 640px){.learn-card{padding:20px}}.prose{font-size:17px;line-height:1.65;color:var(--ink-2)}.prose p+p{margin-top:12px}.prose strong{color:var(--ink);font-weight:700}.prose ul{margin:14px 0 0;padding-left:20px}.prose li+li{margin-top:6px}.example-box{margin-top:18px;background:var(--m-tint, var(--card-2));border:1px solid color-mix(in srgb,var(--m, var(--ink)) 16%,transparent);border-radius:var(--r-sm);padding:14px 16px}.example-box .eyebrow{margin-bottom:6px}.context-box{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:15.5px;line-height:1.65;color:var(--ink-2);white-space:pre-line}.q{scroll-margin-top:90px}.q-prompt{font-size:16px;line-height:1.5;display:flex;gap:10px}.q-num{flex:none;min-width:28px;height:28px;padding:0 6px;border-radius:8px;background:var(--ink);color:#fff;font-weight:700;font-size:13px;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}.q-num.ok{background:var(--ok)}.q-num.bad{background:var(--bad)}.gap-input{display:inline-block;width:170px;max-width:100%;border:0;border-bottom:2px solid var(--ink);background:var(--card-2);border-radius:6px 6px 0 0;padding:3px 8px;height:32px;line-height:1.2;font-size:15.5px;font-weight:600;margin:0 4px;vertical-align:baseline}.gap-input:focus{outline:none;background:#fff4d6}.gap-input.ok{border-color:var(--ok);background:var(--ok-tint);color:var(--ok-deep)}.gap-input.bad{border-color:var(--bad);background:var(--bad-tint);color:var(--bad-deep)}.tf-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tf-row .option{width:auto;padding:9px 14px;font-size:14px;font-weight:650}.match-select{border:1.5px solid var(--line-2);border-radius:8px;padding:6px 10px;background:var(--card);font-weight:650;min-width:92px}.match-select.ok{border-color:var(--ok);background:var(--ok-tint)}.match-select.bad{border-color:var(--bad);background:var(--bad-tint)}.explain{margin-top:10px;font-size:14px;line-height:1.55;padding:10px 12px;border-radius:var(--r-sm);background:var(--card-2);border:1px solid var(--line);color:var(--ink-2)}.explain b{color:var(--ink)}.group{border-top:1px solid var(--line);padding-top:22px}.group:first-child{border-top:0;padding-top:0}.group-title{font-family:var(--font-display);font-size:18px}.group-instr{font-size:14.5px;color:var(--muted);margin-top:4px;line-height:1.5}.options-key{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:14.5px}.options-key b{font-weight:750}.form-sheet{border:1.5px solid var(--ink);border-radius:var(--r);padding:18px 20px;background:var(--card)}.form-sheet h4{margin-bottom:12px}.diagram{border:1px solid var(--line);border-radius:var(--r);background:var(--card-2);padding:10px;color:var(--ink)}.diagram svg{width:100%;height:auto}.exam{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.exam-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--card);border-bottom:1px solid var(--line);min-height:60px}.timer{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-variant-numeric:tabular-nums;padding:6px 14px;border-radius:999px;background:var(--paper-2)}.timer.low{background:var(--bad-tint);color:var(--bad-deep)}.timer svg{width:18px;height:18px}.split{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.split>.pane{overflow-y:auto;height:calc(100vh - 118px);padding:28px 32px 40px}.split>.pane+.pane{border-left:1px solid var(--line);background:var(--card)}.split.no-nav>.pane{height:calc(100vh - 60px)}@media (max-width: 900px){.split{grid-template-columns:1fr}.split>.pane,.split.no-nav>.pane{height:auto!important;overflow:visible;padding:20px 16px}.split>.pane+.pane{border-left:0;border-top:1px solid var(--line)}}.passage{max-width:68ch;font-size:16.5px;line-height:1.75;color:var(--ink-2)}.passage p+p{margin-top:14px}.passage .plabel{font-family:var(--font-display);color:var(--ink);margin-right:8px}.passage mark{background:#ffe48a;color:inherit;border-radius:3px;padding:0 1px}.qnav{position:sticky;bottom:0;display:flex;gap:6px;align-items:center;padding:10px 20px;background:var(--card);border-top:1px solid var(--line);overflow-x:auto;min-height:58px}.qnav .qn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:32px;height:32px;border-radius:8px;border:1.5px solid var(--line-2);background:var(--card);font-weight:700;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums}.qnav .qn.answered{background:var(--ink);border-color:var(--ink);color:#fff}.qnav .qn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.qnav .qn.bad{background:var(--bad);border-color:var(--bad);color:#fff}.qnav .sep{width:1px;height:22px;background:var(--line);margin:0 6px;flex:none}.audio{border-radius:var(--r-lg);background:var(--ink);color:#fff;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.audio .muted{color:#fff9}.audio .bar{background:#ffffff29}.audio .bar>span{background:var(--brand)}.play-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:52px;border-radius:999px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 3px 0 var(--brand-deep)}.play-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brand-deep)}.play-btn svg{width:22px;height:22px}.play-btn:disabled{opacity:.5}.wave{display:flex;align-items:center;gap:3px;height:28px}.wave i{display:block;width:3px;border-radius:3px;background:#ffffff59;height:30%}.wave.live i{background:var(--brand);animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{height:25%}50%{height:100%}}.transcript{max-height:340px;overflow-y:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--card);padding:14px 16px;font-size:15px;line-height:1.6}.transcript .line{padding:4px 0;color:var(--muted)}.transcript .line.on{color:var(--ink)}.transcript .who{font-weight:750;color:var(--ink);margin-right:6px}.mic{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:92px;height:92px;border-radius:999px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px #000;position:relative;flex:none}.mic svg{width:34px;height:34px}.mic.live{background:var(--brand);box-shadow:0 4px 0 var(--brand-deep)}.mic.live:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;border:3px solid var(--brand);opacity:.4;animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.25);opacity:0}}.mic:disabled{opacity:.4;cursor:not-allowed}.word-tokens{display:flex;flex-wrap:wrap;gap:6px 4px;font-size:22px;line-height:1.4;font-weight:600}.word-tokens span{padding:1px 6px;border-radius:6px}.word-tokens .hit{color:var(--ok-deep);background:var(--ok-tint)}.word-tokens .miss{color:var(--bad-deep);background:var(--bad-tint)}.word-tokens .stress{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--brand)}.flash{perspective:1400px;width:100%;max-width:560px;margin:0 auto}.flash-inner{position:relative;display:grid;min-height:340px;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;cursor:pointer}.flash.flipped .flash-inner{transform:rotateY(180deg)}.flash-face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--card);padding:30px;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:0 6px 0 var(--line)}.flash-face.back{transform:rotateY(180deg);justify-content:flex-start}.flash-word{font-family:var(--font-display);font-size:clamp(34px,6vw,48px);line-height:1.05}.editor{width:100%;min-height:460px;border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--card);font-size:17px;line-height:1.75;resize:vertical}.editor:focus{outline:none;border-color:var(--ink)}.signal{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.signal:first-child{border-top:0}.signal-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}.signal-icon svg{width:15px;height:15px}.signal-icon.ok{background:var(--ok-tint);color:var(--ok-deep)}.signal-icon.warn{background:var(--xp-tint);color:var(--xp-deep)}.signal-icon.bad{background:var(--bad-tint);color:var(--bad-deep)}.descriptor{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:var(--r-sm);padding:10px 12px;display:flex;gap:12px;cursor:pointer;font-size:14px;line-height:1.45}.descriptor:hover{border-color:var(--line-2)}.descriptor[aria-pressed=true]{border-color:var(--ink);background:var(--card-2)}.descriptor .band{font-family:var(--font-display);font-size:18px;width:26px;flex:none}.model-answer{font-size:16px;line-height:1.75;color:var(--ink-2)}.model-answer p+p{margin-top:12px}.league-badges{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.lb-row{display:grid;grid-template-columns:34px 40px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:var(--r)}.lb-row.me{background:var(--ink);color:#fff}.lb-row.me .muted{color:#ffffffa6}.lb-rank{font-family:var(--font-display);font-size:17px;text-align:center}.lb-zone{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px}.lb-zone:before,.lb-zone:after{content:"";flex:1;height:1px;background:currentColor;opacity:.35}.badge-tile{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.badge-tile.locked{background:var(--card-2)}.badge-tile.locked .medal{filter:grayscale(1);opacity:.35}.toasts{position:fixed;top:76px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}@media (max-width: 640px){.toasts{left:16px;right:16px;top:72px}}.toast{pointer-events:auto;display:flex;gap:12px;align-items:center;min-width:280px;max-width:360px;padding:12px 14px;border-radius:var(--r);background:var(--ink);color:#fff;box-shadow:0 10px 30px #0000002e;animation:toast-in .35s cubic-bezier(.2,.8,.2,1)}.toast .muted{color:#ffffffa6}@keyframes toast-in{0%{transform:translateY(-8px) scale(.98);opacity:0}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#17160f73;display:grid;place-items:center;padding:16px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--card);border-radius:var(--r-xl);padding:28px}.pop{animation:pop .5s cubic-bezier(.16,1,.3,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.stat-tile{border-radius:var(--r);border:1.5px solid var(--t, var(--line));overflow:hidden;text-align:center;background:var(--card)}.stat-tile .lbl{background:var(--t, var(--paper-2));color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px}.stat-tile .val{font-family:var(--font-display);font-size:26px;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:6px}.stat-tile .val svg{width:20px;height:20px}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-art{background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-form{display:grid;place-items:center;padding:40px 24px}.auth-form>div{width:100%;max-width:400px}@media (max-width: 900px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.onb{min-height:100vh;display:flex;flex-direction:column}.onb-top{display:flex;align-items:center;gap:16px;padding:18px 24px;max-width:760px;width:100%;margin:0 auto}.onb-body{flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 24px 140px}.onb-foot{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:var(--paper)}.onb-foot>div{max-width:640px;margin:0 auto;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.coach{display:flex;gap:14px;align-items:flex-start}.bubble{position:relative;background:var(--card);border:1.5px solid var(--line-2);border-radius:16px;padding:12px 16px;font-size:18px;font-weight:650;line-height:1.35}.bubble:before{content:"";position:absolute;left:-8px;top:18px;width:14px;height:14px;background:var(--card);border-left:1.5px solid var(--line-2);border-bottom:1.5px solid var(--line-2);transform:rotate(45deg)}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto;padding:20px 24px}.landing-hero{max-width:1200px;margin:0 auto;padding:40px 24px 60px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}.landing-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.005em}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;padding-top:16px}}.section{max-width:1200px;margin:0 auto;padding:56px 24px}.feature{border-radius:var(--r-xl);padding:26px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;color:var(--muted);font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14.5px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:750}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.chart{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.chart-title{font-weight:700;font-size:14.5px;text-align:center;margin-bottom:10px;line-height:1.35}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;font-size:12.5px;margin-top:8px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.empty{text-align:center;padding:40px 20px;color:var(--muted)}details.acc{border:1px solid var(--line);border-radius:var(--r);background:var(--card)}details.acc+details.acc{margin-top:10px}details.acc summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}details.acc summary::-webkit-details-marker{display:none}details.acc summary:after{content:"+";font-family:var(--font-display);font-size:22px;color:var(--muted)}details.acc[open] summary:after{content:"−"}details.acc .acc-body{padding:0 18px 18px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted)}.sync-chip svg{width:16px;height:16px}.sync-chip.warn{color:var(--xp-deep);background:var(--xp-tint);border-color:transparent}.sync-chip.cta{color:#fff;background:var(--brand);border-color:var(--brand)}.ai-panel{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--card)}.ai-head{border-color:var(--ink);border-width:1.5px}.ai-crit-chip{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:8px 12px;border-radius:var(--r-sm);background:var(--paper-2)}.ai-crit-chip b{font-size:22px;font-weight:400}.ai-list{margin:0;padding-left:18px;line-height:1.55}.ai-list li+li{margin-top:4px}.ai-fix{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.ai-fix:first-of-type{border-top:0}.ai-mark{border-radius:4px;padding:0 2px;color:inherit}.ai-mark sup{font-size:10px;font-weight:800;margin-left:2px}.ai-mark.fix{background:var(--bad-tint);box-shadow:inset 0 -2px 0 var(--bad)}.ai-mark.fix sup{color:var(--bad-deep)}.ai-mark.up{background:var(--grammar-tint);box-shadow:inset 0 -2px 0 var(--grammar)}.ai-mark.up sup{color:var(--grammar-deep)}