@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata-latin.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}:root{--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-read: "Literata", Georgia, "Times New Roman", serif;--radius: 14px;--radius-sm: 10px;--topbar-h: calc(env(safe-area-inset-top, 0px) + 48px) ;--tabbar-h: calc(env(safe-area-inset-bottom, 0px) + 56px) }:root,:root[data-theme=light]{--bg: #f3f0e7;--bg-elev: #fbf9f4;--bg-elev2: #ece7db;--text: #201e1a;--muted: #6d6759;--border: #e0dacb;--border-strong: #cfc7b3;--accent: #37728e;--accent-hover: #2e6379;--accent-fill: #bcdaea;--accent-fill-hover: #a8cee2;--accent-ink: #123a4d;--accent-soft: rgba(55, 114, 142, .1);--accent-ring: rgba(55, 114, 142, .28);--ok: #407758;--ok-soft: rgba(64, 119, 88, .12);--warn: #8b6417;--warn-soft: rgba(139, 100, 23, .12);--danger: #a3342f;--danger-soft: rgba(163, 52, 47, .1);--tier-hot: #ac5137;--shadow-sm: 0 1px 2px rgba(60, 50, 35, .06);--shadow: 0 6px 18px rgba(60, 50, 35, .1);--shadow-lg: 0 18px 44px rgba(60, 50, 35, .16);--scrim: rgba(46, 40, 30, .42);--veil: rgba(251, 249, 244, .86);--sky-top: #cdd8dd;--sky-high: #dbe0da;--sky-mid: #e9e4d6;--sky-low: #f2ece0;--sky-ground: #f6f1e6;--sky-ink: #201e1a;--sky-ink-soft: rgba(32, 30, 26, .6);--sky-card: rgba(255, 253, 249, .86);--sky-line: rgba(70, 62, 48, .22);--sky-glow: rgba(198, 156, 88, .16);--star-opacity: 0;--ground-1: #b9c2a4;--ground-2: #9aa688;--ground-edge: #c9d1b1;--ground-ink: rgba(32, 30, 26, .72);--rock-shadow: rgba(60, 50, 35, .26);--band-sat: 42%;--band-lum: 42%;--band-text-lum: 32%;--band-ink: #fffaf6;--locked-filter: grayscale(.8) brightness(1.06) opacity(.5)}:root[data-theme=dark]{--bg: #111823;--bg-elev: #18202d;--bg-elev2: #212b3a;--text: #eae6db;--muted: #97a1b1;--border: #2a3546;--border-strong: #3a4759;--accent: #85bad5;--accent-hover: #9bc9df;--accent-fill: #7fb3cd;--accent-fill-hover: #93c2d8;--accent-ink: #0e2130;--accent-soft: rgba(133, 186, 213, .14);--accent-ring: rgba(133, 186, 213, .3);--ok: #6fb58f;--ok-soft: rgba(111, 181, 143, .14);--warn: #d6a44a;--warn-soft: rgba(214, 164, 74, .14);--danger: #e8756b;--danger-soft: rgba(232, 117, 107, .14);--tier-hot: #e0876c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 8px 22px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .55);--scrim: rgba(6, 10, 16, .62);--veil: rgba(17, 24, 35, .86);--sky-top: #070b14;--sky-high: #0d1526;--sky-mid: #16233d;--sky-low: #23374f;--sky-ground: #33505f;--sky-ink: #f2efe6;--sky-ink-soft: rgba(242, 239, 230, .62);--sky-card: rgba(14, 20, 31, .74);--sky-line: rgba(242, 239, 230, .26);--sky-glow: rgba(214, 164, 74, .15);--star-opacity: .85;--ground-1: #3e6449;--ground-2: #24402f;--ground-edge: #56815f;--ground-ink: rgba(242, 239, 230, .72);--rock-shadow: rgba(0, 0, 0, .45);--band-sat: 55%;--band-lum: 58%;--band-text-lum: 74%;--band-ink: #16202c;--locked-filter: grayscale(.85) brightness(.55)}:root{--tier-easy: var(--ok);--tier-medium: var(--warn);--tier-hard: var(--tier-hot);--accent-2: var(--ok)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none}::selection{background:var(--accent-soft)}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;overflow-x:clip}.topbar{position:sticky;top:0;z-index:10;isolation:isolate;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) 20px 14px;background:var(--veil);border-bottom:1px solid var(--border)}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(8px)}.brand{font-weight:700;font-size:24px;letter-spacing:.2px;line-height:1.2}.content{flex:1;padding:18px 20px 96px;max-width:920px;width:100%;margin:0 auto}.content-wide{max-width:1500px}h1{font-size:24px;margin:6px 0 4px}.muted{color:var(--muted)}.small{font-size:13px}.cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}@media(max-width:480px){.cardgrid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px;text-align:center}.stat.accent{border-color:var(--accent)}.stat-value{font-size:26px;font-weight:700}.stat-label{color:var(--muted);font-size:12px;margin-top:2px}.banner{border-radius:var(--radius);padding:14px 16px;margin:14px 0;border:1px solid var(--border);background:var(--bg-elev);line-height:1.5}.banner.ok{border-color:var(--accent-2)}.banner.info{border-color:var(--accent)}.banner.warn{border-color:var(--warn)}.list{list-style:none;padding:0;margin:12px 0}.list li{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.soon{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.tabbar{transition:transform .28s ease,opacity .28s ease;position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--veil);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;background:none;border:none;color:var(--muted);padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;cursor:pointer}.tab.active{color:var(--accent)}.tab-icon{font-size:20px}.tab-label{font-size:11px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 72px);background:var(--bg-elev2);border:1px solid var(--accent);border-radius:999px;padding:10px 14px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow-lg)}.toast button{background:var(--accent-fill);color:var(--accent-ink);border:none;border-radius:999px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer}.btn{font:inherit;font-weight:600;border-radius:var(--radius);padding:12px 16px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;margin:6px 8px 6px 0}.btn-primary{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill)}.btn-primary:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.btn-primary:disabled{background:var(--bg-elev2);color:var(--muted);border-color:var(--border);cursor:default}.btn-ghost{background:transparent}.btn.big{display:block;width:100%;margin:14px 0;padding:15px;font-size:16px}.backlink{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:6px 0;margin-bottom:4px}.navrow{display:flex;gap:10px}.navrow .btn{flex:1}.domain-block{margin:18px 0}.domain-h{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 8px}.pill{font-size:11px;border-radius:999px;padding:2px 9px;border:1px solid var(--border);color:var(--muted)}.pill.ok{border-color:var(--accent-2);color:var(--accent-2)}.pill.warn{border-color:var(--warn);color:var(--warn)}.list li.disabled{opacity:.55;cursor:default}.prose{line-height:1.62;font-size:16px}.prose h1{font-size:23px;margin:18px 0 8px}.prose h2{font-size:19px;margin:22px 0 8px;border-top:1px solid var(--border);padding-top:16px}.prose h3{font-size:16px;margin:16px 0 6px}.prose p{margin:10px 0}.prose code{background:var(--bg-elev2);padding:1px 5px;border-radius:5px;font-size:.9em}.prose pre{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:12px;overflow-x:auto}.prose pre code{background:none;padding:0}.prose blockquote{border-left:3px solid var(--accent);margin:12px 0;padding:4px 14px;color:var(--muted)}.prose ul,.prose ol{padding-left:22px}.prose a{color:var(--accent)}.prose table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:7px 10px;text-align:left;white-space:nowrap}.prose th{background:var(--bg-elev)}.prose .katex{font-size:1.05em}.prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:4px 0}.lesson-foot{margin:22px 0 8px}.quiz-progress{color:var(--muted);font-size:13px;margin:6px 0 12px}.qcard{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.qprompt{font-size:17px;font-weight:600;margin:0 0 14px;line-height:1.45}.choices{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);cursor:pointer}.choice.picked{border-color:var(--accent)}.choice.correct{border-color:var(--accent-2);background:var(--ok-soft)}.choice.wrong{border-color:var(--danger);background:var(--danger-soft)}.choice:disabled{cursor:default}.explain{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.5}.explain.ok{color:var(--accent-2)}.explain.bad{color:var(--danger)}.numrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.num-input{font:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);width:160px}.unit{color:var(--muted)}.model-answer{background:var(--bg-elev2);border-radius:10px;padding:14px 16px;line-height:1.55;font-size:15px}.model-answer ul,.model-answer ol{margin:0;padding-left:20px}.model-answer ul{list-style:none;padding-left:4px}.model-answer ul>li{position:relative;padding-left:18px;margin:7px 0}.model-answer ul>li:before{content:"▸";position:absolute;left:0;top:0;color:var(--accent);font-size:13px;line-height:1.7}.model-answer ul ul{margin:6px 0}.model-answer ul ul>li{margin:4px 0}.model-answer ul ul>li:before{content:"·";color:var(--muted);left:2px}.model-answer ol>li{margin:7px 0;padding-left:4px}.model-answer ol>li::marker{color:var(--accent);font-weight:600}.model-answer>p:first-child{margin-top:0}.model-answer>:last-child{margin-bottom:0}.result-card{background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius);padding:26px;text-align:center;margin:16px 0}.result-score{font-size:40px;font-weight:700}.qcard-front{min-height:220px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer}.qcard-front .qprompt{font-size:19px;line-height:1.5}.qcard-front .btn.big{margin-top:18px}.fc-hint{margin-top:16px}.search{width:100%;font:inherit;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);margin:6px 0 14px}.glossary{margin:0}.gterm{border-bottom:1px solid var(--border);padding:12px 0}.gterm dt{font-weight:700}.gterm dd{margin:4px 0 0;color:var(--muted);line-height:1.5}.segmented{display:flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:4px;margin:14px 0}.segmented button{flex:1;font:inherit;font-weight:600;border:none;background:none;color:var(--muted);padding:9px 0;border-radius:999px;cursor:pointer}.segmented button.active{background:var(--accent-fill);color:var(--accent-ink)}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:92px}.field span{font-size:12px;color:var(--muted)}.field input,.field select{font:inherit;padding:10px 11px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);width:100%}.wtable{border-collapse:collapse;width:100%;margin:14px 0;font-size:13.5px}.wtable th,.wtable td{border:1px solid var(--border);padding:8px 9px;text-align:right}.wtable th:first-child,.wtable td:first-child{text-align:left}.wtable th{background:var(--bg-elev)}.wtable tr.total td{font-weight:700;border-top:2px solid var(--accent)}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:13px}.kpi.accent{border-color:var(--accent)}.kpi-value{font-size:20px;font-weight:700}.kpi-label{font-size:12px;color:var(--muted);margin-top:2px}.deals{display:flex;flex-direction:column;gap:8px;margin:12px 0}.deal-row{display:flex;align-items:flex-end;gap:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.deal-tag{font-size:12px;color:var(--muted);padding-bottom:10px}.minifield{display:flex;flex-direction:column;gap:2px;flex:1}.minifield input{font:inherit;padding:8px 9px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);width:100%}.del{background:none;border:none;color:var(--danger);font-size:16px;cursor:pointer;padding-bottom:8px}.browse-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.browse-toolbar .btn{margin:0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.chip{font:inherit;font-size:13px;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);cursor:pointer}.chip.on{border-color:var(--accent);color:var(--text);background:var(--bg-elev2)}.chip-n{color:var(--muted);font-size:11px;margin-left:2px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:12px 0}.browse-card{position:relative;text-align:left;font:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:16px 14px 12px;color:var(--text);cursor:pointer;min-height:116px;display:flex;flex-direction:column;gap:10px}.browse-card.show-back{background:var(--bg-elev2);border-color:var(--accent)}.browse-card .bc-text{font-size:14.5px;line-height:1.45;flex:1}.browse-card.show-back .bc-text{color:var(--text)}.bc-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bc-foot .tag{font-size:10.5px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.bc-foot .diff{font-size:10.5px;border-radius:999px;padding:1px 7px;border:1px solid var(--border)}.bc-foot .diff.easy{color:var(--tier-easy);border-color:var(--tier-easy)}.bc-foot .diff.medium{color:var(--tier-medium);border-color:var(--tier-medium)}.bc-foot .diff.hard{color:var(--tier-hard);border-color:var(--tier-hard)}.dot{position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%}.dot.new{background:var(--accent)}.dot.due{background:var(--warn)}.dot.learned{background:var(--accent-2)}.quicklinks{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.quicklinks button{font:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:9px 14px;color:var(--text);cursor:pointer}.loading{padding:30px 0;text-align:center}.offline-pill{font-size:11px;color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:2px 9px;align-self:center}.offline-box{background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius);padding:14px 16px;margin:14px 0}.offline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.offline-box .btn{margin:6px 0}.dl-prog{display:flex;align-items:center;gap:10px;margin:10px 0 4px}.dl-prog .bar{flex:1}.score-ring{display:block;margin:0 auto}.ring-text{fill:var(--text);font-size:30px;font-weight:700}.result-msg{font-size:20px;font-weight:700;margin-top:6px}.section-h{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:20px 0 10px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.badge{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px;padding:10px 8px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elev);opacity:.4;filter:grayscale(1)}.badge.earned{opacity:1;filter:none;border-color:var(--accent-2)}.badge-icon{font-size:22px}.badge-label{font-size:10px;color:var(--muted);text-align:center}.badge.earned .badge-label{color:var(--text)}.mastery{margin:8px 0 4px}.mastery-row{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:10px;padding:9px 10px;margin:0 -10px;width:calc(100% + 20px);cursor:pointer;font:inherit;color:var(--text);transition:background .14s ease,border-color .14s ease}.mastery-row:hover{background:var(--bg-elev);border-color:var(--border)}.mastery-top{display:flex;justify-content:space-between;margin-bottom:5px}.bar{height:9px;border-radius:999px;background:var(--bg-elev2);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.brief-updated{color:var(--muted);font-size:13px;margin:2px 0 14px}.brief-intro{font-size:16px}.brief-h{font-size:20px;margin:24px 0 8px;border-top:1px solid var(--border);padding-top:18px}.stat-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0 6px}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px;border-left:3px solid var(--accent)}.stat-card-value{font-size:22px;font-weight:700;letter-spacing:-.3px}.stat-card-label{font-size:12.5px;margin-top:3px}.stat-card-note{font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.4}.talking-points{display:flex;flex-direction:column;gap:8px;margin:12px 0}.tp{display:flex;align-items:flex-start;gap:9px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:12px 13px}.tp-dot{color:var(--accent-2);font-weight:700}.tp-text{flex:1;line-height:1.5;font-size:14.5px}.tp-tag{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;white-space:nowrap;align-self:center}.tp{width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer}.tp:active{border-color:var(--accent)}.tp-copy{color:var(--muted);font-size:12px;align-self:center;white-space:nowrap}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.read-done{color:var(--accent-2)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.revealed{opacity:1;transform:none}.gterm-link{font:inherit;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;border-bottom:1px dotted var(--accent);line-height:inherit}.gterm-link:active{color:var(--accent-2)}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:760px;background:var(--bg-elev2);border-top:1px solid var(--accent);border-radius:18px 18px 0 0;padding:22px 20px calc(env(safe-area-inset-bottom) + 22px);animation:slideup .22s ease}.sheet-term{font-size:19px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.sheet-def{line-height:1.55;color:var(--text);margin-bottom:16px}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}.brief-complete{margin:22px 0 8px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--accent-2);background:var(--ok-soft);line-height:1.5}.confetti{position:fixed;inset:0;pointer-events:none;z-index:35;overflow:hidden}.confetti span{position:absolute;top:-12px;width:9px;height:9px;border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(102vh) rotate(540deg);opacity:.9}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.confetti{display:none}}.cf-table th,.cf-table td{padding:4px 5px}.cf-input{width:100%;min-width:52px;font:inherit;padding:7px 6px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);text-align:right}.hero{display:flex;align-items:center;gap:18px;margin:8px 0 16px}.hero-side{display:flex;flex-direction:column;gap:6px;min-width:0}.hero-stat{font-size:14px;color:var(--muted)}.hero-stat strong{color:var(--text);font-size:20px;font-weight:700}.ring-label{fill:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.quickrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.quick{display:flex;align-items:center;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-align:left;color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s ease,transform .12s ease,box-shadow .12s ease}.quick:disabled{opacity:.55;cursor:default}.quick:disabled .go{color:var(--muted);font-weight:500}.quick.danger{border-color:var(--danger)}.quick-text{display:flex;flex-direction:column;flex:1;min-width:0}.quick-n{display:block;font-size:26px;font-weight:700;line-height:1.1}.quick-l{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}.go{margin-left:auto;flex-shrink:0;white-space:nowrap;color:var(--accent);font-weight:700;font-size:13px}.hero-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-template-areas:"climber main ring" "climber ladder ring";column-gap:24px;row-gap:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin:12px 0 16px;box-shadow:var(--shadow-sm)}.hero-climber{grid-area:climber}.hero-main{grid-area:main;align-self:end}.hero-ladder{grid-area:ladder;min-width:0;align-self:start}.hero-ring{grid-area:ring}.hero-climber{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-elev2);border:1px solid var(--border);border-radius:16px;padding:12px 16px 10px;cursor:pointer;font:inherit;color:var(--muted);transition:border-color .14s ease,transform .12s ease}.hero-climber:hover{border-color:var(--accent);transform:translateY(-1px)}.hero-climber-edit{font-size:12px;font-weight:700;color:var(--accent)}.hero-main{display:flex;flex-direction:column;gap:10px;min-width:0}.hero-rank{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700}.hero-rank-dot{width:11px;height:11px;border-radius:50%;align-self:center;flex-shrink:0}.hero-rank-title{font-family:var(--font-read);font-size:24px;letter-spacing:-.01em;line-height:1.1}.hero-xp{display:flex;align-items:center;gap:12px}.hero-xp .bar{flex:1;height:7px}.hero-ring{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:150px;text-align:center}.rank-ladder{list-style:none;margin:2px 0 0;padding:0;display:flex;align-items:flex-start;--rank-dot: 24px}.rank-step{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.rank-step:before{content:"";position:absolute;top:0;height:var(--rank-dot);left:-50%;right:50%;background-image:linear-gradient(var(--border),var(--border));background-size:100% 2px;background-position:center;background-repeat:no-repeat}.rank-step:first-child:before{display:none}.rank-step.done:before,.rank-step.now:before{background-image:linear-gradient(var(--rank),var(--rank))}.rank-step-dot{position:relative;z-index:1;box-sizing:border-box;width:var(--rank-dot);height:var(--rank-dot);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;background:var(--bg-elev);border:2px solid var(--border);color:var(--muted)}.rank-step.done .rank-step-dot{background:var(--rank);border-color:var(--rank);color:var(--band-ink)}.rank-step.now .rank-step-dot{background:var(--rank);border-color:var(--rank);color:var(--band-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--rank) 30%,transparent)}.rank-step-label{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rank-step.now .rank-step-label{color:var(--text);font-weight:700;overflow:visible;max-width:none}.cta{display:flex;align-items:center;gap:16px;width:100%;text-align:left;margin:14px 0;padding:16px 16px 16px 20px;border-radius:14px;border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--accent-ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);filter:brightness(1.03)}.cta:active{transform:translateY(0)}.cta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cta-eyebrow{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;opacity:.7}.cta-label{font-family:var(--font-read);font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.cta-why{font-size:13px;opacity:.85}.cta-go{margin-left:auto;flex-shrink:0;white-space:nowrap;font-weight:700;font-size:14px;background:#00000024;padding:10px 16px;border-radius:999px}@media(max-width:640px){.hero-card{grid-template-columns:auto 1fr;grid-template-areas:"climber main" "ladder ladder" "ring ring";column-gap:16px;row-gap:16px;padding:16px}.hero-main{align-self:center}.hero-ring{flex-direction:row;justify-content:center;gap:14px;max-width:none;text-align:left}.rank-step:not(.now) .rank-step-label{visibility:hidden}.cta{flex-wrap:wrap}.cta-go{margin-left:0}.quick{flex-direction:column;align-items:flex-start;gap:8px}.quick .go{margin-left:0}}.track{margin:18px 0}.rung{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;color:var(--text);font:inherit;cursor:pointer}.rung.cleared{border-color:var(--accent-2)}.rung.unbuilt{opacity:.5;cursor:default}.rung-icon{font-size:22px}.rung-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.rung-title{font-weight:600;display:flex;align-items:center;gap:8px}.rung-pct{flex-shrink:0}.pips{display:flex;gap:6px}.pip{font-size:11px;min-width:46px;text-align:center;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pip.cleared{border-color:var(--accent-2);color:var(--accent-2)}.pip.locked{opacity:.5}.pip.paywalled{filter:var(--locked-filter);border-color:var(--border);color:var(--muted)}.stage-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.stage-card.cleared{border-color:var(--accent-2)}.stage-card.empty{opacity:.5}.stage-card.paywalled{border-color:var(--border);background:var(--bg-elev);cursor:pointer;transition:border-color .16s ease}.stage-card.paywalled .stage-top,.stage-card.paywalled .bar{filter:var(--locked-filter);transition:filter .16s ease}.stage-card.paywalled:hover{border-color:var(--accent)}.stage-card.paywalled:hover .stage-top,.stage-card.paywalled:hover .bar{filter:none}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stage-card .bar{margin-bottom:12px}.stage-locked{display:flex;align-items:center;justify-content:space-between;gap:10px}.locked-note{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px dashed var(--border-strong);background:var(--bg-elev2);border-radius:var(--radius);padding:14px 16px;margin:12px 0}.locked-note.compact{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;margin:0}.pro-price{font-size:20px;margin:4px 0 16px}.pro-price strong{font-size:30px;font-family:var(--font-read)}.pro-list{margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.5}.pro-pill{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;line-height:1;font-size:13px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(155deg,#fdfdfe,#e2e5ea 32%,#b4bac4 57%,#d3d7dd 78%,#f1f2f5);color:#2f343b;border:1px solid rgba(116,125,138,.5);box-shadow:inset 0 1px #fffffff2,0 1px 2px #00000029;text-shadow:0 1px 0 rgba(255,255,255,.65)}:root[data-theme=dark] .pro-pill{background:linear-gradient(155deg,#e6e9ee,#c3c8d1 32%,#939aa6 57%,#b0b6c0 78%,#d5d9e0);color:#23262b;border-color:#00000080;box-shadow:inset 0 1px #ffffffb3,0 1px 3px #00000080}.legal{max-width:640px;line-height:1.6}.legal p{margin:0 0 14px}.legal-list{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:10px;line-height:1.6}.legal a{color:var(--accent);cursor:pointer;text-decoration:underline}.pro-terms{margin-top:18px}.pro-terms a{color:var(--accent);cursor:pointer;text-decoration:underline}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}.tier-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.tier-badge.easy{color:var(--tier-easy);border-color:var(--tier-easy)}.tier-badge.medium{color:var(--tier-medium);border-color:var(--tier-medium)}.tier-badge.hard{color:var(--tier-hard);border-color:var(--tier-hard)}.drill-head{display:flex;justify-content:space-between;margin:4px 0 6px}.bar.thin{height:4px;margin-bottom:14px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;margin-bottom:8px}.timer.over{color:var(--warn)}.answer-label{font-size:12px;color:var(--muted);margin:2px 0 10px}.keypoints{margin-top:14px}.kp-head{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}.kp{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:none;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.kp.on{border-color:var(--accent-2);color:var(--text)}.kp-box{flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.kp.on .kp-box{border-color:var(--accent-2);color:var(--accent-2)}.deepdive{margin-top:12px}.btn.small{padding:7px 12px;font-size:13px}.center{text-align:center}.banner.ok{border-color:var(--accent-2);color:var(--accent-2)}.climb-wrap{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:var(--tabbar-h);display:flex;flex-direction:column;background:var(--sky-top);transition:bottom .28s ease}.climb-toggle{position:absolute;top:12px;left:14px;z-index:20}.climb-toggle .viewtoggle{background:var(--veil);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.climb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.climb-sky{position:relative;width:100%;overflow:hidden;background:radial-gradient(120% 60% at 50% 100%,var(--sky-glow),transparent 60%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-high) 26%,var(--sky-mid) 55%,var(--sky-low) 80%,var(--sky-ground) 100%)}.stars{position:absolute;inset:0 0 55%;pointer-events:none;opacity:var(--star-opacity);background-image:radial-gradient(1.4px 1.4px at 12% 8%,#fff,transparent),radial-gradient(1.2px 1.2px at 32% 22%,#fff,transparent),radial-gradient(1.6px 1.6px at 68% 12%,#fff,transparent),radial-gradient(1.1px 1.1px at 84% 30%,#fff,transparent),radial-gradient(1.3px 1.3px at 52% 38%,#fff,transparent),radial-gradient(1.5px 1.5px at 22% 44%,#fff,transparent),radial-gradient(1.2px 1.2px at 76% 48%,#fff,transparent),radial-gradient(1.4px 1.4px at 44% 6%,#fff,transparent);animation:twinkle 4.5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:calc(var(--star-opacity) * .5)}to{opacity:var(--star-opacity)}}.cloud{position:absolute;height:30px;border-radius:999px;pointer-events:none;background:var(--sky-line);filter:blur(9px)}.cloud.c1{width:190px;left:-60px;bottom:22%;animation:drift 34s linear infinite}.cloud.c2{width:140px;right:-50px;bottom:46%;animation:drift 46s linear infinite reverse}.cloud.c3{width:220px;left:-80px;bottom:68%;animation:drift 58s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(120vw)}}.ground{position:absolute;left:0;right:0;bottom:0;height:74px;background:linear-gradient(180deg,var(--ground-1),var(--ground-2));border-top:3px solid var(--ground-edge);display:grid;place-items:center}.ground-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ground-ink)}.summit{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.55}.summit.reached{opacity:1}.summit-icon{font-size:30px;filter:drop-shadow(0 0 12px var(--sky-glow))}.summit.reached .summit-icon{animation:bob 2.4s ease-in-out infinite}.summit-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky-ink-soft)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.island{position:absolute;transform:translate(-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;animation:float 6s ease-in-out infinite}.island:nth-child(2n){animation-delay:-2.4s}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.island-card{position:relative;z-index:2;transition:transform .18s ease,box-shadow .18s ease;border-color:hsla(var(--hue, 145),60%,60%,.35);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 13px 9px;min-width:96px;border-radius:14px;border:1px solid var(--sky-line);background:var(--sky-card);backdrop-filter:blur(6px);box-shadow:var(--shadow)}.island-icon{font-size:21px;line-height:1.1}.island-name{font-size:13px;font-weight:700;color:var(--sky-ink)}.island-tier{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase}.island-tier.easy{color:var(--tier-easy)}.island-tier.medium{color:var(--tier-medium)}.island-tier.hard{color:var(--tier-hard)}.island-progress{display:block;width:68px;height:4px;margin-top:5px;border-radius:999px;background:var(--sky-line);overflow:hidden}.island-progress-fill{display:block;height:100%;background:var(--accent)}.island-rock{width:124px;height:76px;margin-top:-6px;z-index:1;filter:drop-shadow(0 10px 14px var(--rock-shadow))}.rock-top{fill:#4d8f5f}.rock-body{fill:#6b4b34}.rock-vine{stroke:#4d8f5f;stroke-width:2.5;fill:none;stroke-linecap:round}.island .rock-top{fill:hsl(var(--hue, 145),42%,44%)}.island .rock-body{fill:hsl(var(--hue, 145),26%,32%)}.island .rock-vine{stroke:hsl(var(--hue, 145),45%,55%)}.island.cleared .island-card{border-color:var(--ok);box-shadow:0 0 22px var(--ok-soft),var(--shadow)}.island.open .island-card{border-color:var(--accent);box-shadow:0 0 22px var(--accent-soft),var(--shadow)}.island:not(.locked):hover .island-card{transform:translateY(-3px)}.island:not(.locked):active .island-card{transform:translateY(0) scale(.97)}.island.next .island-card{border-color:var(--accent-2);animation:pulse-ring 2.2s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 var(--accent-ring),var(--shadow)}50%{box-shadow:0 0 0 9px transparent,var(--shadow)}}.island-next{margin-top:5px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);font-weight:700}.island.locked{animation:none;filter:var(--locked-filter);cursor:default}.island.paywalled{animation:none;filter:var(--locked-filter)}.island.locked .island-card{border-color:var(--sky-line)}.trail-dot{position:absolute;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--sky-line)}.climb-lane{position:relative;width:100%;max-width:460px;margin:0 auto}.climber{position:absolute;z-index:4;width:44px;transition:bottom .55s cubic-bezier(.34,1.4,.5,1),left .55s ease-in-out}.climber .avatar{width:44px;height:50px;filter:drop-shadow(0 6px 10px var(--rock-shadow))}.climber.landed .avatar{animation:squash .42s ease-out}@keyframes squash{0%{transform:translateY(-16px) scaleY(1.12)}55%{transform:translateY(0) scale(1.16,.84)}to{transform:translateY(0) scale(1)}}.climber-shadow{width:26px;height:6px;margin:-2px auto 0;border-radius:50%;background:var(--rock-shadow);filter:blur(2px)}.avatar-head{fill:#f4d9bd}.avatar-eye{fill:#21262f}.avatar-smile{stroke:#21262f;stroke-width:1.5;fill:none;stroke-linecap:round}.avatar-tie{fill:#e14b4b}.avatar-shadow{fill:#0000002e}.avatar-body{stroke:#0000002e;stroke-width:1}@media(prefers-reduced-motion:reduce){.island,.summit.reached .summit-icon,.stars,.cloud{animation:none}.climber,.climb-wrap,.tabbar{transition:none}}.viewtoggle{display:inline-flex;padding:3px;gap:2px;flex-shrink:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev)}.viewtoggle button{border:none;background:none;color:var(--muted);font:inherit;font-size:13px;padding:5px 14px;border-radius:999px;cursor:pointer}.viewtoggle button.on{background:var(--bg-elev2);color:var(--text);font-weight:600}.path-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.path-head h1{margin:0}.explainer{background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}.explainer h2{font-size:15px;margin:0 0 10px}.explainer ol,.explainer ul{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.55}.explainer li{margin-bottom:7px}.explainer li:last-child{margin-bottom:0}.hero-rank{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.hero-rank-dot{width:9px;height:9px;border-radius:50%}.hero-nums{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px}.hero-nums strong{color:var(--text);font-size:18px;font-weight:700;margin-right:2px}.btn.rec{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:14px 18px;line-height:1.35}.rec-top{font-weight:700;font-size:16px}.rec-why{font-size:12.5px;font-weight:400;opacity:.85}.tierrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}.tiercard{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s ease,transform .12s ease,box-shadow .12s ease}.tiercard:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.tiercard-top,.tiercard-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.tiercard .bar.thin{height:5px}.tiercard.easy{border-left:3px solid var(--tier-easy)}.tiercard.medium{border-left:3px solid var(--tier-medium)}.tiercard.hard{border-left:3px solid var(--tier-hard)}.section-note{margin:-4px 0 8px}.row-meta{display:flex;align-items:center;gap:8px}.small-pips{gap:4px}.minipip{width:16px;height:5px;border-radius:999px;background:var(--bg-elev2);display:block}.minipip.cleared.easy,.minipip.cleared.medium,.minipip.cleared.hard{background:var(--accent-2)}@media(max-width:420px){.tierrow{grid-template-columns:1fr}}:root.tabs-hidden .tabbar{transform:translateY(105%);opacity:0;pointer-events:none}:root.tabs-hidden .climb-wrap{bottom:0}@media(min-width:1024px){.topbar{align-items:center;gap:20px;padding-top:calc(env(safe-area-inset-top) + 11px);padding-bottom:11px}.tabbar{position:static;flex:1;justify-content:center;gap:6px;background:none;backdrop-filter:none;border:none;padding:0;transition:none}.tab{flex:0 0 auto;flex-direction:row;gap:8px;padding:9px 17px;border-radius:999px;font-size:15px;font-weight:600;transition:background .14s ease,color .14s ease}.tab:hover{background:var(--bg-elev2);color:var(--text)}.tab.active{background:var(--accent-soft)}.tab-icon{font-size:18px;line-height:1}.tab-label{font-size:inherit}:root.tabs-hidden .tabbar{transform:none;opacity:1;pointer-events:auto}.content{padding-bottom:40px}.toast{bottom:28px}}.rank-float{position:absolute;right:20px;bottom:24px;z-index:20}.rank-float-btn{position:relative;width:56px;height:56px;border-radius:50%;border:1px solid var(--border);background:var(--veil);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:var(--shadow-lg);transition:transform .16s ease}.rank-float-btn:hover{transform:translateY(-2px)}.rank-float-btn .climber-svg{margin-top:3px}.rank-float-lvl{position:absolute;right:-2px;bottom:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--rank-colour);color:#17202b;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}.rank-ring{position:absolute;inset:-3px;width:62px;height:62px;transform:rotate(-90deg)}.rank-ring-bg{fill:none;stroke:var(--border);stroke-width:3}.rank-ring-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.rank-panel{position:absolute;right:0;bottom:68px;width:232px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg);animation:pop-in .16s ease-out}.rank-panel-title{font-weight:700}.rank-panel-stats{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.rank-panel-stats strong{color:var(--text);font-size:15px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.band-zone{position:absolute;left:-50vw;right:-50vw;pointer-events:none;background:linear-gradient(0deg,hsla(var(--hue),60%,55%,.15),hsla(var(--hue),60%,55%,.05) 55%,transparent);border-bottom:1px solid hsla(var(--hue),var(--band-sat),var(--band-lum),.45)}.band-zone.locked{opacity:.45}.band-gate{position:absolute;bottom:-13px;left:0;right:0;display:flex;align-items:center;gap:10px;padding:0 18px}.band-line{flex:1;height:2px;border-radius:2px;background:hsla(var(--hue),var(--band-sat),var(--band-lum),.45)}.band-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 12px 5px 5px;border-radius:999px;background:var(--bg-elev);border:1px solid hsla(var(--hue),var(--band-sat),var(--band-lum),.7);box-shadow:var(--shadow)}.band-lvl{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--hue),var(--band-sat),var(--band-lum));color:var(--band-ink);font-size:12px;font-weight:800}.band-name{font-size:11.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:hsl(var(--hue),var(--band-sat),var(--band-text-lum))}.band-sub{font-size:11px;color:var(--sky-ink-soft);font-variant-numeric:tabular-nums}.band-zone.cleared .band-chip{border-color:var(--ok)}.band-zone.cleared .band-lvl{background:var(--ok)}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:var(--scrim);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade-in .14s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-lg);animation:pop-in .18s ease-out}.sheet-head{display:flex;align-items:flex-start;gap:12px}.sheet-icon{font-size:26px;line-height:1}.sheet-title{font-weight:700;font-size:16px;line-height:1.25}.sheet-close{margin-left:auto;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 4px}.sheet-blurb{margin:0}.sheet-stats{display:flex;gap:18px}.sheet-stats div{display:flex;flex-direction:column}.sheet-stats strong{font-size:20px;font-weight:700}.sheet-actions{display:flex;gap:10px;margin-top:4px}.sheet-actions .btn{flex:1}.customiser{display:flex;flex-direction:column;gap:16px}.customiser-preview{display:flex;align-items:center;gap:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.gear-next{color:var(--accent-2)}.customiser-row{display:flex;flex-direction:column;gap:6px}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0}.swatch.on{border-color:var(--bg-elev);box-shadow:0 0 0 2px var(--accent)}.swatch.text{width:auto;height:auto;border-radius:999px;padding:6px 12px;background:var(--bg-elev);color:var(--text);font:inherit;font-size:13px}.gear-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.gear-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-elev);opacity:.5;font-size:14px}.gear-row.have{opacity:1}.gear-lvl{width:22px;height:22px;border-radius:50%;background:var(--bg-elev2);display:grid;place-items:center;font-size:11px;font-weight:700}.gear-row.have .gear-lvl{background:var(--accent-fill);color:var(--accent-ink)}.climber-svg{display:block}.gear-coffee,.gear-briefcase{opacity:.95}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.home-title{font-size:24px;margin:0}.info-btn{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:16px;cursor:pointer;display:grid;place-items:center;padding:0}.info-btn:hover{color:var(--text);border-color:var(--accent)}.explainer-head{display:flex;align-items:flex-start;justify-content:space-between}.explainer-head h2{margin:0 0 10px}.review-wrap{display:flex;flex-direction:column;gap:12px}.review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-counts{display:flex;align-items:center;gap:10px}.qpill{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.qpill.new{color:var(--accent);border-color:var(--accent)}.qpill.learning{color:var(--warn);border-color:var(--warn)}.qpill.review{color:var(--accent-2);border-color:var(--accent-2)}.flashcard-3d{perspective:1600px;cursor:pointer;min-height:340px}.fc-inner{position:relative;width:100%;min-height:340px;transition:transform .5s cubic-bezier(.4,.1,.2,1);transform-style:preserve-3d}.flashcard-3d.flipped .fc-inner{transform:rotateX(180deg)}.fc-face{position:absolute;inset:0;backface-visibility:hidden;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.fc-front{align-items:center;justify-content:center;text-align:center}.fc-back{transform:rotateX(180deg);overflow-y:auto}.fc-meta{position:absolute;top:14px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.fc-prompt{font-size:21px;font-weight:600;line-height:1.35;max-width:34ch}.fc-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center}.fc-answer{font-size:15px;margin-top:18px}.fc-answer ul{list-style:none;padding-left:2px}.fc-answer li{position:relative;padding-left:16px;margin:7px 0}.fc-answer li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:12px}.fc-points{margin:4px 0 0;padding:12px 14px 12px 30px;border-radius:12px;background:var(--bg-elev2);font-size:13.5px;color:var(--muted);line-height:1.5}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.grade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 4px;border-radius:12px;cursor:pointer;font:inherit;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);transition:transform .12s ease,border-color .12s ease}.grade:hover{transform:translateY(-2px)}.grade-label{font-size:14px;font-weight:700}.grade-when{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.grade.again{border-color:var(--danger)}.grade.again .grade-label{color:var(--danger)}.grade.hard{border-color:var(--warn)}.grade.hard .grade-label{color:var(--warn)}.grade.good{border-color:var(--accent-2)}.grade.good .grade-label{color:var(--accent-2)}.grade.easy{border-color:var(--accent)}.grade.easy .grade-label{color:var(--accent)}.empty-state{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:34px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0}.empty-icon{font-size:40px}.empty-state p{margin:0;color:var(--muted);max-width:42ch;line-height:1.55}.account-btn{position:relative;display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:var(--muted);font:inherit;font-size:14px;align-self:center}.account-btn-out{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px}.account-btn-out:hover{border-color:var(--accent)}.account-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--warn);border:2px solid var(--bg)}.account-photo{border-radius:50%;object-fit:cover;display:block}.account-photo.initial{display:grid;place-items:center;background:var(--bg-elev2);border:1px solid var(--border);color:var(--text);font-weight:700}.account-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:14px 0}.account-card p{line-height:1.55}.account-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.account-glyph{font-size:34px;line-height:1}.account-title{margin:0 0 2px;font-size:18px}.account-head p{margin:0}.account-points{margin:14px 0 18px;padding-left:20px;color:var(--muted);line-height:1.6}.account-points li{margin-bottom:5px}.account-actions{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 10px}.btn.google{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1f1f1f;border-color:#dadce0;font-weight:600}.btn.google:hover{background:#f6f7f9}.btn.google:disabled{opacity:.65;cursor:default}.gmark{width:18px;height:18px;flex:none}.sync-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;padding:10px 0 2px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);flex:none}.sync-line.pending .sync-dot{background:var(--warn)}.sync-line.busy .sync-dot{background:var(--accent);animation:syncpulse 1s ease-in-out infinite}@keyframes syncpulse{0%,to{opacity:.35}50%{opacity:1}}.nudge{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin:18px 0}.nudge .btn{margin:0}.linkish{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}h1,h2,h3,.home-title,.sheet-title,.account-title,.fc-prompt,.qprompt,.rec-top,.explainer h2,.result-msg,.stat-card-value,.sheet-term{font-family:var(--font-read);font-weight:600;letter-spacing:-.01em}h1{font-size:27px;line-height:1.2;margin:8px 0 6px}.brand{font-family:var(--font-read);font-weight:700;letter-spacing:-.015em}.prose,.model-answer,.fc-answer,.sheet-def,.sheet-blurb,.gterm dd,.explainer ol,.account-card p,.empty-state p{font-family:var(--font-read)}.prose{font-size:16.5px;line-height:1.68}.model-answer{font-size:15.5px;line-height:1.62}.fc-prompt{font-size:22px;font-weight:600}.stat-value,.quick-n,.kpi-value,.ring-text,.hero-nums strong,.sheet-stats strong,.band-sub,.grade-when,.timer,.result-score{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.btn{border-radius:10px;padding:10px 16px;box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease,transform .08s ease}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{box-shadow:var(--shadow-sm)}.btn-ghost{box-shadow:none}.btn-ghost:hover{background:var(--bg-elev2)}.btn.big{border-radius:12px}.search,.num-input,.cf-input,.field input,.field select,.minifield input{background:var(--bg-elev2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.search:hover,.num-input:hover,.field input:hover,.minifield input:hover{border-color:var(--border-strong)}.search:focus,.num-input:focus,.cf-input:focus,.field input:focus,.field select:focus,.minifield input:focus{outline:none;background:var(--bg-elev);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.search::placeholder,.num-input::placeholder{color:var(--muted);opacity:.75}.stat,.list li,.banner,.qcard,.quick,.rung,.stage-card,.tiercard,.browse-card,.kpi,.stat-card,.account-card,.nudge,.empty-state,.offline-box,.explainer,.customiser-preview,.flashcard,.fc-face{box-shadow:var(--shadow-sm)}.list li{transition:border-color .14s ease,background .14s ease}.list li:hover{border-color:var(--border-strong);background:var(--bg-elev2)}.quick:not(:disabled):hover,.rung:not(.unbuilt):hover,.tiercard:hover,.browse-card:hover{border-color:var(--border-strong)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.choice.picked{border-color:var(--accent);background:var(--accent-soft)}.choice.correct{border-color:var(--ok);background:var(--ok-soft)}.viewtoggle button.on{background:var(--bg-elev2);color:var(--text);box-shadow:var(--shadow-sm)}.kp.on{border-color:var(--ok);background:var(--ok-soft);color:var(--text)}.grade{box-shadow:var(--shadow-sm)}.grade:hover{background:var(--bg-elev2)}.bar-fill,.read-progress{background:var(--accent)}.pip.open{border-color:var(--accent);color:var(--text)}.pip.cleared{border-color:var(--ok);color:var(--ok)}.minipip.cleared.easy,.minipip.cleared.medium,.minipip.cleared.hard{background:var(--ok)}.minipip.open{background:var(--accent);opacity:.55}.theme-btn{width:40px;height:40px;border-radius:11px;flex-shrink:0;align-self:center;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .14s ease,color .14s ease}.theme-btn:hover{background:var(--bg-elev2);color:var(--text)}.theme-btn svg{width:20px;height:20px}.theme-choice{display:flex;gap:8px;margin:10px 0 4px}.theme-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;cursor:pointer;font:inherit;font-size:13px;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);box-shadow:var(--shadow-sm)}.theme-opt.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:600}.theme-swatch{width:44px;height:30px;border-radius:7px;border:1px solid var(--border-strong);display:block;overflow:hidden;position:relative}.theme-swatch.light{background:#f3f0e7}.theme-swatch.dark{background:#111823}.theme-swatch.system{background:linear-gradient(105deg,#f3f0e7 0 50%,#111823 50% 100%)}.theme-swatch:after{content:"";position:absolute;left:7px;bottom:6px;width:18px;height:5px;border-radius:999px;background:#bcdaea}.theme-swatch.dark:after{background:#7fb3cd}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;align-self:center}.review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-head h1{margin:6px 0 4px}.review-wrap .explainer{margin:4px 0 8px}.review-counts .info-btn{width:24px;height:24px;font-size:13px}