@font-face{font-family:Climb Digits;font-weight:400;unicode-range:U+30-39;src:local(Helvetica Neue),local(HelveticaNeue),local(Roboto),local(Segoe UI),local(Arial)}@font-face{font-family:Climb Digits;font-weight:700;unicode-range:U+30-39;src:local(HelveticaNeue-Bold),local(Helvetica Neue Bold),local(Roboto Bold),local(Roboto-Bold),local(Segoe UI Bold),local(Arial Bold),local(Arial-BoldMT)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f5f8;--surface:#fff;--surface-soft:#ecf0f5;--surface-tint:#e3e9f3;--surface-tint-strong:#d3ddec;--border:#dce2ea;--border-strong:#9aa6b8;--border-tint:#c9d4e5;--border-accent:#4a6390;--text:#0b1a33;--text-muted:#56647c;--text-brand:#14284b;--brand:#14284b;--brand-hover:#0b1a33;--on-brand:#fff;--on-brand-muted:#c3cde0;--accent:#f26b1d;--on-accent:#0b1a33;--logo-dot:#f26b1d;--progress-fill:#f26b1d;--success-bg:#e2f2ea;--success-text:#1b7a50;--success:#1f8a5b;--success-shade:#166b46;--danger:#c8362f;--accent-shade:#b9470b;--accent-soft:#fdeee4;--warning-bg:#fdeee4;--warning-text:#9a3a08;--focus:#2f6fd6;--backdrop:#0b1a338c;--shadow-card:0 8px 24px -6px #14284b1a, 0 2px 6px -2px #14284b0d;--shadow-dialog:0 22px 70px #0b1a3347;--font-body:"Climb Digits", "Atkinson Hyperlegible", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:26px;--fs-3xl:32px;--lh-tight:1.3;--lh-body:1.65;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-pill:999px;--tap:48px;--sidebar-w:248px;--ease:.15s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a1426;--surface:#12203a;--surface-soft:#182a4a;--surface-tint:#1d3157;--surface-tint-strong:#263e6b;--border:#24365a;--border-strong:#4a5f86;--border-tint:#2e4470;--border-accent:#8fa6cf;--text:#e7ecf5;--text-muted:#a3b0c6;--text-brand:#c9d7f2;--brand:#2b4c86;--brand-hover:#355a9c;--on-brand:#fff;--on-brand-muted:#c3cde0;--accent:#ff7a2e;--logo-dot:#ff7a2e;--progress-fill:#ff7a2e;--success-bg:#123a2b;--success-text:#7fd3aa;--success:#2fa871;--success-shade:#1f7a51;--danger:#e0564e;--accent-shade:#c4520f;--accent-soft:#3a2213;--warning-bg:#3a2213;--warning-text:#ffb58a;--focus:#8fb6ff;--backdrop:#0009;--shadow-card:0 8px 22px #00000059;--shadow-dialog:0 22px 70px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:var(--fs-md) / var(--lh-body) var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-tight);margin:0 0 var(--sp-3)}h1{font-size:28px}h2{font-size:var(--fs-xl)}p{margin:0 0 var(--sp-3)}a{color:var(--text-brand)}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{padding:var(--sp-6);border-right:1px solid var(--border);background:var(--surface);height:100vh;position:sticky;top:0}.logo{font-family:var(--font-display);color:var(--text-brand);margin-bottom:var(--sp-6);letter-spacing:-.03em;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.logo svg{flex:none;width:34px;height:34px}.logo .wordmark span{color:var(--logo-dot)}.nav{gap:var(--sp-1);flex-direction:column;display:flex}.nav a{align-items:center;gap:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-md);color:var(--text-muted);font-weight:700;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-soft)}.nav a[aria-current=page]{background:var(--surface-tint);color:var(--text-brand)}.main{padding:var(--sp-8) var(--sp-6);width:100%;max-width:820px}.banner{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);gap:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.banner.warning{background:var(--warning-bg);color:var(--warning-text)}.chip{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--surface-tint);color:var(--text-brand);padding:2px 10px;font-weight:600;display:inline-block}.chip.muted{background:var(--surface-soft);color:var(--text-muted)}.chip.failed{background:var(--warning-bg);color:var(--warning-text)}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:6px var(--sp-2) calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border);z-index:10;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);position:fixed;inset:auto 0 0}.sidebar .logo,.sidebar .sync{display:none}.nav{flex-direction:row;justify-content:space-around;gap:0}.nav a{min-height:56px;font-size:var(--fs-xs);flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 0;position:relative}.nav a[aria-current=page]{background:0 0}.nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:3px;width:18px;height:3px;position:absolute;bottom:2px}.main{padding:0 var(--sp-4) 104px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);margin-bottom:var(--sp-4)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2);font-weight:700}.muted{color:var(--text-muted)}.button{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border:2px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);box-shadow:0 4px 0 var(--border);border-radius:14px;margin-bottom:4px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button:active:not(:disabled){box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-hover)}.button.primary:hover{background:var(--brand-hover)}.button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--brand-hover)}.button.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 4px 0 var(--accent-shade)}.button.accent:active{box-shadow:0 1px 0 var(--accent-shade)}.button.block{width:100%;min-height:54px;font-size:var(--fs-lg);display:flex}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.button-row{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.stage{margin-bottom:var(--sp-6)}.unit-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.lesson-list{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.lesson-link{align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text);font-size:var(--fs-sm);text-decoration:none;display:inline-flex}.lesson-link.done{background:var(--success-bg);color:var(--success-text);border-color:#0000}.lesson-link.locked{color:var(--text-muted);border-style:dashed}.stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat b{font-size:28px;font-family:var(--font-display);display:block}.progress-bar{border-radius:var(--r-pill);background:var(--surface-soft);height:10px;overflow:hidden}.progress-bar>span{background:var(--progress-fill);height:100%;display:block}.sr-status{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.player-top{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.player-top a{color:var(--text-muted);min-width:32px;font-size:20px;text-decoration:none}.player-top .progress-bar{flex:1}.choices{gap:var(--sp-2);display:grid}.choice{text-align:left;min-height:56px;padding:var(--sp-3) var(--sp-4);border:2px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--fs-lg);box-shadow:0 3px 0 var(--border);border-radius:14px}.choice.selected{border-color:var(--brand);background:var(--surface-tint);box-shadow:0 3px 0 var(--brand);font-weight:700}.field{gap:var(--sp-1);margin-bottom:var(--sp-3);font-weight:600;display:grid}.field input{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);width:100%;font-weight:400}.blank{color:var(--text-brand)}.feedback{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-top:var(--sp-3)}.feedback p{margin:var(--sp-1) 0 0}.feedback.right{background:var(--success-bg);color:var(--success-text)}.feedback.wrong{background:var(--warning-bg);color:var(--warning-text)}.examples,.vocab{gap:var(--sp-3);padding:0;list-style:none;display:grid}.reading p{font-size:var(--fs-lg)}.gloss{text-underline-offset:4px;cursor:pointer;font:inherit;color:var(--text-brand);background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.question{margin:0 0 var(--sp-5);gap:var(--sp-2);border:0;padding:0;display:grid}.question legend{font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--sp-2);padding:0}.option{gap:var(--sp-3);min-height:52px;padding:var(--sp-2) var(--sp-4);border:2px solid var(--border);background:var(--surface);box-shadow:0 3px 0 var(--border);cursor:pointer;border-radius:14px;align-items:center;display:flex}.option input{width:20px;height:20px;accent-color:var(--brand);flex:none;margin:0}.option:has(input:checked){border-color:var(--brand);background:var(--surface-tint);box-shadow:0 3px 0 var(--brand);font-weight:700}.stars{justify-content:center;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);display:flex}.stars .star{background:var(--surface-soft);width:64px;height:64px;color:var(--border-strong);border-radius:18px;place-items:center;display:grid}.stars .star.on{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-shade)}.stars .star:nth-child(2){transform:translateY(-8px)}.field select{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);max-width:100%;font-weight:400}.segmented{background:var(--surface-soft);border-radius:14px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.segmented button{min-height:40px;padding:0 var(--sp-4);cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:10px;font-weight:700}.segmented button.selected{background:var(--surface);color:var(--text-brand);box-shadow:0 2px 6px #14284b1f}.audio-row{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.button.compact{min-height:38px;padding:0 var(--sp-3);font-size:var(--fs-sm);box-shadow:0 3px 0 var(--border)}.button.listen{color:var(--text-brand)}.button.listen.round{border-radius:50%;flex:none;width:40px;min-height:40px;padding:0}.button.listen[aria-pressed=true]{background:var(--surface-tint)}.transcript{font-size:var(--fs-lg);background:var(--surface-soft);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md)}textarea.answer-input{width:100%;padding:var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);resize:vertical;font-weight:400}.tokens{flex-wrap:wrap;gap:6px;display:flex}.tokens span{border-radius:var(--r-sm);padding:2px 8px}.tok-ok{background:var(--success-bg);color:var(--success-text)}.tok-missing{background:var(--warning-bg);color:var(--warning-text);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.tok-wrong{background:var(--warning-bg);color:var(--warning-text)}.tok-extra{color:var(--text-muted);text-decoration:line-through}.gap-text{font-size:var(--fs-lg);line-height:2.2}.gap-input{border:0;border-bottom:2px solid var(--border-accent);background:var(--surface-soft);width:9ch;min-height:36px;font:inherit;padding:0 6px}.gap-input.right{border-color:var(--success-text)}.gap-input.wrong{border-color:var(--warning-text)}.dialogue p{margin:0 0 var(--sp-2)}.order-line{gap:var(--sp-2);min-height:56px;padding:var(--sp-2);border-bottom:2px solid var(--border-accent);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.tiles{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tile{min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-weight:600}.tile:disabled{opacity:.35;cursor:default}.tile.picked{background:var(--surface-tint);opacity:1}.checks{gap:var(--sp-2);padding:0;list-style:none;display:grid}.checks li{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.checks .pass{background:var(--success-bg);color:var(--success-text)}.checks .fail{background:var(--warning-bg);color:var(--warning-text)}.compare{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=760px){.compare{grid-template-columns:1fr}}.tabs{margin-bottom:var(--sp-4)}.tabs a{min-height:40px;padding:0 var(--sp-4);color:var(--text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.tabs a.selected{background:var(--brand);color:var(--on-brand)}.practice-card.locked h3{color:var(--text-muted)}.game-stats{align-items:center;gap:var(--sp-2) var(--sp-3);color:var(--text);font-weight:700;font-size:var(--fs-sm);flex-wrap:wrap;text-decoration:none;display:flex}.game-stats .level{color:var(--text-muted);font-weight:600}.game-stats .level-bar{flex-basis:100%;height:6px}.sidebar-stats{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border)}.top-stats{margin-bottom:var(--sp-4);display:none}@media (width<=760px){.sidebar-stats{display:none}.top-stats{align-items:center;gap:var(--sp-3);display:flex}}.top-mark svg{width:30px;height:30px;display:block}.top-stats .game-stats{flex:1;min-width:0}.today-goal{gap:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.today-goal p{margin-bottom:var(--sp-1)}.ring-track{fill:none;stroke:var(--surface-soft);stroke-width:12px}.ring-fill{fill:none;stroke:var(--progress-fill);stroke-width:12px;stroke-linecap:round}.ring-fill.complete{stroke:var(--logo-dot)}.ring-value{font:800 28px var(--font-display);fill:var(--text)}.ring-goal{font:600 12px var(--font-body);fill:var(--text-muted)}.reward-lines p{margin:var(--sp-1) 0}.backdrop{background:var(--backdrop);padding:var(--sp-4);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.celebration{text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-dialog)}.celebration ul{text-align:left}.celebration-icon{width:84px;height:84px;margin:0 auto var(--sp-4);background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--accent-shade);border-radius:50%;place-items:center;display:grid}@media (prefers-reduced-motion:no-preference){.celebration{animation:.26s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}.region{border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);margin-bottom:var(--sp-6);background:var(--surface);border:1px solid var(--border)}.region[data-stage="1"]{background:linear-gradient(180deg, var(--surface-tint), var(--surface))}.region[data-stage="2"]{background:linear-gradient(180deg, var(--success-bg), var(--surface))}.region[data-stage="3"]{background:linear-gradient(180deg, var(--warning-bg), var(--surface))}.region[data-stage="4"]{background:linear-gradient(180deg, var(--surface-soft), var(--surface))}.region-head{margin-bottom:var(--sp-4)}.unit-path{margin:var(--sp-4) 0 var(--sp-6)}.unit-heading{margin:0 0 var(--sp-2);font-size:inherit}.unit-banner{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-hover);border-radius:16px;text-decoration:none;display:flex}.unit-banner .eyebrow{color:var(--on-brand-muted);margin:0;display:block}.unit-banner b{font:700 var(--fs-lg) / 1.3 var(--font-display)}.unit-banner.locked,.unit-path.soon .unit-banner{background:var(--surface-soft);color:var(--text-muted);box-shadow:none}.unit-banner.locked .eyebrow,.unit-path.soon .unit-banner .eyebrow{color:var(--text-muted)}.unit-path.soon{opacity:.8}.path{padding:var(--sp-6) 0 0;flex-direction:column;align-items:center;gap:22px;margin:0;list-style:none;display:flex}.stop:nth-child(4n+2){transform:translate(48px)}.stop:nth-child(4n){transform:translate(-48px)}.node{width:64px;height:64px;font:800 22px var(--font-display);background:var(--surface);border:3px solid var(--border-strong);color:var(--text);box-shadow:0 4px 0 var(--border-strong);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative}.stop[data-status=açık] .node{background:var(--surface);border-color:var(--brand);color:var(--text-brand);box-shadow:0 4px 0 var(--brand)}.stop[data-status=tamamlandı] .node{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-hover)}.stop[data-status=mükemmel] .node{background:var(--brand);border-color:var(--accent);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-hover)}.stop[data-status=kilitli] .node{background:var(--surface-soft);border-color:var(--border);color:var(--text-muted);box-shadow:0 4px 0 var(--border)}.stop[data-gate] .node{border-radius:var(--r-lg);width:76px;height:76px;font-size:32px}.node-stars{color:var(--border-strong);gap:1px;display:flex;position:absolute;bottom:-19px}.node-stars .on{color:var(--accent)}.node-stars .icon{display:block}.stop.current{margin-bottom:18px}.here{white-space:nowrap;background:var(--text);color:var(--bg);font:700 var(--fs-xs) var(--font-body);border-radius:var(--r-pill);padding:2px 8px;position:absolute;bottom:-32px}.stop.current .node{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 4px 0 var(--warning-text);outline:4px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.stop.current .node{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}}.badge-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none;display:grid}.badge{text-align:center;margin:0}.badge:not(.earned){background:var(--surface-soft);box-shadow:none}.badge:not(.earned) h3{color:var(--text-muted)}.badge h3{font-size:var(--fs-md);margin-bottom:var(--sp-1)}.badge p{font-size:var(--fs-sm);margin:0 0 var(--sp-2)}.badge-icon{width:56px;height:56px;margin:0 auto var(--sp-3);background:var(--surface-tint);color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.badge.earned .badge-icon{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-shade)}.badge-progress .progress-bar{height:8px;margin-bottom:var(--sp-1)}.badge-progress p{font-size:var(--fs-xs);margin:0}.guide{gap:var(--sp-4);display:grid}.guide h2{margin:0}.guide-block p{margin-bottom:var(--sp-1)}.needs,.cando{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.cando li{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-soft);align-items:flex-start;display:flex}.cando .icon{color:var(--success);flex:none;margin-top:4px}.stage-guide{margin-top:var(--sp-3)}.stage-guide summary{cursor:pointer;color:var(--text-brand);min-height:32px;font-weight:700}.a2-list{gap:var(--sp-2);padding:0;list-style:none;display:grid}.a2-word{padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.a2-word ul{margin:var(--sp-1) 0 0;padding-left:var(--sp-5);font-size:var(--fs-sm)}.field input[type=search]{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);font-weight:400}.ielts-paragraph{gap:var(--sp-2);grid-template-columns:28px 1fr;display:grid}.para-id{font:800 var(--fs-lg) var(--font-display);color:var(--text-brand)}.completion-input{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);font-weight:400}.evidence{font-style:italic}.icon{vertical-align:middle;flex:none;display:inline-block}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.accent-text{color:var(--accent-shade)}.success-text{color:var(--success-text)}.lead{margin-top:calc(-1 * var(--sp-2))}.icon-line{gap:var(--sp-2);align-items:center;display:flex}.icon-button{width:40px;height:40px;color:var(--text-muted);border-radius:50%;place-items:center;text-decoration:none;display:grid}.icon-button:hover{background:var(--surface-soft)}.back-link{align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-3);font-weight:700;text-decoration:none;display:inline-flex}.row-icon{background:var(--surface-tint);width:40px;height:40px;color:var(--text-brand);border-radius:12px;flex:none;place-items:center;display:grid}.row-icon.accent{background:var(--accent-soft);color:var(--accent-shade)}.row-link{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:2px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--border);border-radius:14px;font-weight:600;text-decoration:none;display:flex}.row-link>span:nth-child(2){flex:1}.row-chevron{color:var(--text-muted)}.stat-chip{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-shade);font-family:var(--font-display);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.stat-chip.freeze{background:var(--surface-tint);color:var(--text-brand)}.card{border-radius:20px}@media (width<=760px){.top-stats{z-index:5;margin:0 calc(-1 * var(--sp-4)) var(--sp-4);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}}.shell.focus{grid-template-columns:1fr}.shell.focus .sidebar,.shell.focus .top-stats{display:none}.shell.focus .main{max-width:680px;padding-top:var(--sp-4);margin:0 auto;padding-bottom:0}.next-card{border:2px solid var(--border-tint);position:relative;overflow:hidden}.next-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.next-card .eyebrow{margin-bottom:var(--sp-1)}.next-where{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-1);font-weight:700}.next-card h2{font-size:var(--fs-2xl);margin-bottom:var(--sp-4)}.progress-row{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);color:var(--accent-shade);font-weight:700;font-size:var(--fs-sm);display:flex}.progress-row .progress-bar{flex:1}.today-goal{flex-wrap:nowrap}.today-goal .daily-ring{flex:none;width:104px;height:104px}.goal-line{font-weight:700;font-size:var(--fs-lg)}.streak-text .icon{color:var(--accent)}.today-goal .icon-line{align-items:flex-start}.today-goal .icon-line .icon{margin-top:4px}.review-card{gap:var(--sp-4);align-items:flex-start;display:flex}.review-card .eyebrow{margin-bottom:var(--sp-1)}.why summary{cursor:pointer;color:var(--text-brand);min-height:32px;font-weight:700}.why p{margin-top:var(--sp-2)}.player{min-height:calc(100dvh - var(--sp-4));flex-direction:column;display:flex}.player-top{z-index:4;background:var(--bg);padding:var(--sp-2) 0;margin-bottom:var(--sp-4);position:sticky;top:0}.player-top .progress-bar{height:14px}.player-title{margin-bottom:var(--sp-3)}.player>.step{flex-direction:column;flex:1;display:flex}.player>.step>:not(.step-foot):not(.button-row){flex:none}.step h2{font-size:var(--fs-2xl)}.step-foot,.player>.step>.button-row{margin:auto calc(-1 * var(--sp-4)) 0;padding:var(--sp-4) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);position:sticky;bottom:0}.player>.step>.button-row .button{flex:1;min-height:54px}.step-foot .button-row{margin:0}.step-foot.right{background:var(--success-bg);border-color:#0000}.step-foot.wrong{background:var(--warning-bg);border-color:#0000}.step-foot .feedback{gap:var(--sp-3);padding:0 0 var(--sp-3);background:0 0;align-items:flex-start;margin:0;display:flex}.feedback-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.feedback.right .feedback-icon{background:var(--success)}.feedback.wrong .feedback-icon{background:var(--danger)}.feedback-title{font:800 var(--fs-xl) / 1.3 var(--font-display)}.step-foot.right .button.primary{background:var(--success);border-color:var(--success);box-shadow:0 4px 0 var(--success-shade)}.step-foot.wrong .button.primary{background:var(--danger);border-color:var(--danger);box-shadow:0 4px #8f241f}@media (prefers-reduced-motion:no-preference){.step-foot.right,.step-foot.wrong{animation:.18s ease-out sheet-up}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}}.goal-step{justify-content:flex-start}.goal-icon{background:var(--accent);color:#fff;width:72px;height:72px;box-shadow:0 5px 0 var(--accent-shade);margin:var(--sp-6) 0 var(--sp-5);border-radius:22px;place-items:center;display:grid}.example{gap:var(--sp-3);align-items:center;display:flex}.example>div{display:grid}.examples .example{padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:14px}.vocab-card{gap:var(--sp-3);margin:0;display:grid}.vocab-head{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.vocab-word{font:800 var(--fs-2xl) / 1.2 var(--font-display);color:var(--text-brand)}.vocab-meaning{color:var(--accent-shade);font-weight:700}.vocab-card .example{padding:var(--sp-3);background:var(--surface-soft);border-radius:12px}.summary{gap:var(--sp-4);display:grid}.summary-hero{text-align:center;margin:0}.summary-hero h1{font-size:var(--fs-3xl);margin-bottom:var(--sp-2)}.summary-badge{width:88px;height:88px;margin:var(--sp-3) auto var(--sp-4);background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--accent-shade);border-radius:26px;place-items:center;display:grid}.summary-badge.failed{background:var(--surface-tint);color:var(--text-brand);box-shadow:0 5px 0 var(--border-tint)}.summary-stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-tile{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;gap:2px;display:grid}.stat-tile b{font-size:var(--fs-3xl);line-height:1.1}.stat-tile .eyebrow{margin:0}.reward-lines{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.reward-lines li{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:16px;font-weight:700;display:flex}.summary-actions{gap:var(--sp-2);display:grid}@media (prefers-reduced-motion:no-preference){.stars .star.on{animation:.42s cubic-bezier(.3,1.6,.5,1) both star-pop}.stars .star.on:nth-child(2){animation-delay:.12s}.stars .star.on:nth-child(3){animation-delay:.24s}@keyframes star-pop{0%{opacity:0;transform:scale(.3)}}}.lesson-rows{margin:0 0 var(--sp-4);gap:var(--sp-2);padding:0;list-style:none;display:grid}.lesson-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:2px solid var(--border);color:var(--text);box-shadow:0 3px 0 var(--border);border-radius:16px;text-decoration:none;display:flex}.lesson-rows .locked .lesson-row{background:var(--surface-soft);color:var(--text-muted);box-shadow:none}.row-main{flex:1;display:grid}.row-badge{width:36px;height:36px;font:800 var(--fs-md) var(--font-display);background:var(--surface-soft);color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.row-badge.open{background:var(--accent);color:var(--on-accent)}.row-badge.done{background:var(--brand);color:var(--on-brand)}.row-stars{color:var(--border-strong);gap:1px;display:flex}.row-stars .on{color:var(--accent)}.badge:not(.earned) .progress-bar{background:var(--border)}.field input,.field select,.completion-input,textarea.answer-input{border:2px solid var(--border);background:var(--surface);border-radius:14px}.field input:focus,.field select:focus,textarea.answer-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 30%, transparent);outline:none}.field select{min-height:var(--tap);padding:0 var(--sp-3);width:100%}.search-field{align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border:2px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:52px;color:var(--text-muted);margin-bottom:var(--sp-3);display:flex}.search-field:focus-within{border-color:var(--brand)}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:48px}.tabs a{color:var(--text-muted);border-radius:10px;font-weight:700}.tabs a.selected{background:var(--surface);color:var(--text-brand);box-shadow:0 2px 6px #14284b1f}.segmented.tabs{width:100%;display:flex}.segmented.tabs a{flex:1;justify-content:center}.link-list{gap:var(--sp-2);margin:var(--sp-4) 0;display:grid}.row-link small,.practice-locked small,.goal-option small{font-weight:400;font-size:var(--fs-sm);display:block}.feature-link{margin-bottom:var(--sp-4);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.chip.new{background:var(--accent-soft);color:var(--accent-shade)}.practice-list{margin:var(--sp-4) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:grid}.practice-card{gap:var(--sp-4);margin:0;display:grid}.practice-head{gap:var(--sp-3);align-items:flex-start;display:flex}.practice-head h3{margin:0 0 var(--sp-1);font-size:var(--fs-lg)}.practice-head p{gap:var(--sp-2);flex-wrap:wrap;margin:0}.practice-locked{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-soft);color:var(--text-muted);border-radius:16px;align-items:center;display:flex}.level-card{gap:var(--sp-4);align-items:center;display:flex}.level-card>div{flex:1}.level-card h2{margin-bottom:var(--sp-2)}.level-card .eyebrow{margin-bottom:0}.level-card p{margin:var(--sp-1) 0 0;font-size:var(--fs-sm)}.level-badge{background:var(--brand);color:#fff;width:64px;height:64px;box-shadow:0 4px 0 var(--brand-hover);border-radius:20px;flex:none;place-items:center;display:grid}.stat-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=761px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-grid .row-icon{margin-bottom:var(--sp-2)}.skill-list{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.skill-head{justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.skill-list .weak{padding:var(--sp-3);margin:0 calc(-1 * var(--sp-3));background:var(--accent-soft);border-radius:14px}.skill-cta{align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);color:var(--accent-shade);font-weight:700;font-size:var(--fs-sm);text-decoration:none;display:inline-flex}.a2-list{gap:var(--sp-2)}.a2-word{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);background:var(--surface);border-radius:16px}.a2-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.a2-term{font:800 var(--fs-xl) / 1.2 var(--font-display);color:var(--text-brand)}.a2-examples{margin:var(--sp-2) 0 0;gap:var(--sp-1);padding:0;list-style:none;display:grid}.a2-examples li{padding:var(--sp-2) var(--sp-3);background:var(--surface-soft);font-size:var(--fs-sm);border-radius:10px}.goal-options{gap:var(--sp-2);margin-bottom:var(--sp-4);display:grid}.goal-option{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--border);border-radius:16px;display:flex}.goal-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 3px 0 var(--accent-shade)}.goal-check{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.goal-option.selected .goal-check{background:var(--accent);border-color:var(--accent);color:#fff}.profile-card{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.profile-card>div{flex:1;min-width:160px}.profile-card p{margin:0 0 var(--sp-1)}.profile-email{overflow-wrap:anywhere;font-weight:700}.avatar{background:var(--brand);color:#fff;width:56px;height:56px;font:800 var(--fs-xl) var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.writing-entry{margin:0}.writing-score{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.writing-score .stars{gap:4px;margin:0}.writing-score .stars .star{width:28px;height:28px;box-shadow:none;border-radius:8px;animation:none;transform:none}.writing-text{padding:var(--sp-3);background:var(--surface-soft);border-radius:12px;margin:0}.profile-chips{margin:0 0 var(--sp-4);gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:0;list-style:none;display:grid}.profile-chips li{gap:var(--sp-2);padding:var(--sp-3);background:var(--surface-soft);border-radius:14px;align-items:flex-start;display:flex}.profile-chips .icon{color:var(--accent-shade);margin-top:2px}.profile-chips span{display:grid}.route-title{margin-top:var(--sp-6)}.route-stages{margin:var(--sp-4) 0 0;padding:0;list-style:none;position:relative}.route-stages:before{content:"";border-left:3px dashed var(--border-strong);position:absolute;top:24px;bottom:24px;left:21px}.route-stage{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:44px 1fr;display:grid;position:relative}.route-stage .card{margin:0}.route-stage h2{margin-bottom:var(--sp-2)}.route-marker{z-index:1;background:var(--surface-soft);width:44px;height:44px;color:var(--text-muted);border:3px solid var(--bg);margin-top:var(--sp-4);border-radius:50%;place-items:center;display:grid;position:relative}.route-stage.done .route-marker{background:var(--brand);color:#fff}.route-stage.now .route-marker{background:var(--accent);color:var(--on-accent)}.route-stage.now .card{border:2px solid var(--accent)}.route-stage.next .card{background:var(--surface-soft);box-shadow:none}.chip.now{background:var(--accent);color:var(--on-accent)}.route-cando{margin:0 0 var(--sp-3);padding-left:var(--sp-5)}.resume-note{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4);background:var(--surface-tint);color:var(--text-brand);font-size:var(--fs-sm);border-radius:12px;flex-wrap:wrap;font-weight:700;display:flex}.resume-note span{flex:1}.link-button{color:var(--accent-shade);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700;text-decoration:underline}.paused-line{font-size:var(--fs-sm);color:var(--text-brand);margin:calc(-1 * var(--sp-2)) 0 var(--sp-3);font-weight:700}.skip-link{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-weight:700;font-size:var(--fs-sm);color:var(--text-brand);display:flex}.placement-ahead{padding:var(--sp-4);margin:var(--sp-3) 0;background:var(--surface-tint);border-radius:16px}.placement-ahead p:last-child{margin-bottom:0}.mascot.peek{right:var(--sp-5);pointer-events:none;width:88px;height:auto;position:absolute;bottom:calc(100% - 9px)}@media (prefers-reduced-motion:no-preference){.mascot.peek{transform-origin:50% 100%;animation:.42s cubic-bezier(.3,1.4,.5,1) .12s both cat-peek}@keyframes cat-peek{0%{opacity:0;transform:translateY(26px)scale(.85)}to{opacity:1;transform:none}}}.gap-hint{margin-top:calc(-1 * var(--sp-2));font-size:var(--fs-lg)}.player-title{text-transform:none;letter-spacing:.01em;font-size:var(--fs-sm)}.route-options{gap:var(--sp-2);display:grid}.route-option{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--border);color:var(--text);border-radius:16px;display:flex}.route-option>span:nth-child(2){flex:1;display:grid}.route-option small{font-size:var(--fs-sm)}.route-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 3px 0 var(--accent-shade)}.route-choice{border:2px solid var(--border-tint)}.link-list{padding:0;list-style:none}.ielts-goal h2{margin-bottom:var(--sp-2)}.diagnostic-card h3{margin:0 0 var(--sp-1);gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.ielts .passage{scroll-behavior:smooth}.passage-bar{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.passage-bar .eyebrow{margin:0}@media (width<=899px){.ielts .passage{z-index:3;overscroll-behavior:contain;max-height:42vh;margin-bottom:var(--sp-4);padding-top:0;position:sticky;top:56px;overflow-y:auto;box-shadow:0 10px 24px -8px #0b1a3359}.ielts .passage.small{max-height:104px}.ielts .passage .passage-bar{z-index:1;margin:0 calc(-1 * var(--sp-5)) var(--sp-2);padding:var(--sp-3) var(--sp-5) var(--sp-2);background:var(--surface);position:sticky;top:0}}@media (width>=900px){.shell.focus .main:has(.ielts-split){max-width:1120px}.ielts-split{gap:var(--sp-6);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.ielts .passage{max-height:calc(100vh - 170px);margin:0;position:sticky;top:76px;overflow-y:auto}.ielts .passage-toggle{display:none}}