:root{--bg:#0b0b0c;--bg-elev:#131316;--bg-elev-2:#1b1b1f;--line:#25252a;--line-soft:#1e1e22;--fg:#f2f0e8;--fg-dim:#a4a39c;--fg-mute:#6e6d67;--accent:#d8ff1a;--accent-text:#d8ff1a;--accent-ink:#0b0b0c;--green:#00e676;--green-text:#00e676;--yellow-card:#ffcb05;--red-card:#e63946;--blue:#6cb7ff;--font-display:"Space Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--pad-x:clamp(16px,4vw,40px)}[data-theme=light]{--bg:#f2f0e8;--bg-elev:#fff;--bg-elev-2:#eceae1;--line:#d9d6cb;--line-soft:#e5e3d9;--fg:#0b0b0c;--fg-dim:#5a5953;--fg-mute:#a09e94;--accent-ink:#0b0b0c;--accent-text:#a09e94;--green-text:#a09e94;--red-card:#c42a38}[data-accent=green]{--accent:#00e676;--accent-text:#00e676}[data-accent=white]{--accent:#f2f0e8;--accent-text:#f2f0e8}[data-accent=yellow]{--accent:#d8ff1a;--accent-text:#d8ff1a}[data-theme=light][data-accent=green],[data-theme=light][data-accent=yellow]{--accent-text:#a09e94}[data-theme=light][data-accent=white]{--accent-text:#a09e94;--accent:#0b0b0c;--accent-ink:#f2f0e8}[data-density=compact]{--pad-x:clamp(14px,3vw,28px)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";line-height:1.45}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.t-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.t-mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.t-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.surface{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}.divider{height:1px;background:var(--line);border:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-md);font-weight:500;font-size:14px;border:1px solid transparent;background:transparent;color:var(--fg);transition:transform .08s ease,background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{border-color:var(--line)}.btn-ghost:hover{border-color:var(--fg-mute)}.btn-quiet{color:var(--fg-dim)}.btn-quiet:hover{color:var(--fg)}.btn-lg{height:48px;padding:0 20px;font-size:15px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--fg-dim);font-family:var(--font-mono);letter-spacing:.02em}.chip[data-tone=accent]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip[data-tone=green]{color:var(--green-text);border-color:color-mix(in srgb,var(--green-text) 40%,transparent)}.chip[data-tone=red]{color:var(--red-card);border-color:color-mix(in srgb,var(--red-card) 40%,transparent)}.chip[data-tone=yellow]{color:var(--yellow-card);border-color:color-mix(in srgb,var(--yellow-card) 40%,transparent)}.bar{height:6px;background:var(--line-soft);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.app[data-density=compact]{grid-template-columns:220px 1fr}@media (max-width:900px){.app{grid-template-columns:1fr}}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;padding:22px 18px;gap:18px}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--fg-dim);font-size:14px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover,.nav-item[aria-current=page]{background:var(--bg-elev);color:var(--fg)}.nav-item[aria-current=page]{border-color:var(--line)}.nav-item .dot{width:6px;height:6px;border-radius:999px;background:var(--accent);opacity:0;transition:opacity .15s ease}.nav-item[aria-current=page] .dot{opacity:1}.nav-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);padding:6px 10px 2px}@media (max-width:900px){.sidebar{display:none}}.mob-tabbar{display:none;position:-webkit-sticky;position:sticky;bottom:0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}@media (max-width:900px){.mob-tabbar{display:grid;grid-template-columns:repeat(5,1fr)}.mob-tabbar .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 4px 12px;font-size:10px;color:var(--fg-mute);background:none;border:0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.mob-tabbar .tab[aria-current=page]{color:var(--fg)}.mob-tabbar .tab[aria-current=page] .ico{color:var(--accent-text)}}.page{padding:28px var(--pad-x) 60px;max-width:1280px;margin:0 auto;width:100%}.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.page-header h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4vw,44px);line-height:1;margin:12px 0 0;letter-spacing:-.02em}.page-header .meta{display:flex;gap:10px;align-items:center}.topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 16px;align-items:center;justify-content:space-between}@media (max-width:900px){.topbar{display:flex}}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-3.tight,.grid-4.tight{grid-template-columns:1fr 1fr}}.stat{padding:18px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px;min-height:110px;position:relative;overflow:hidden}.stat .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);padding-right:56px}.stat .value{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1;letter-spacing:-.02em}.stat .value .unit{font-size:18px;color:var(--fg-mute);margin-left:4px}.stat .delta{font-family:var(--font-mono);font-size:12px;color:var(--green-text)}.stat .delta.neg{color:var(--red-card)}.stat .corner-mark{position:absolute;top:14px;right:16px;font-family:var(--font-mono);font-size:10px;color:var(--fg-mute);letter-spacing:.1em}.radial{--p:0;width:64px;height:64px;border-radius:999px;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--line-soft) 0);display:grid;place-items:center}.radial:after{content:"";width:50px;height:50px;background:var(--bg-elev);border-radius:999px}.radial>span{position:relative;z-index:1;font-family:var(--font-mono);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute)}.field input,.field select,.field textarea{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;color:var(--fg);font-size:14px;outline:none;transition:border-color .15s ease,background .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:14px;border-bottom:1px solid var(--line-soft)}.table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);font-weight:400}.table tr:hover td{background:var(--bg-elev)}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.gap-8{gap:8px}.row.gap-12{gap:12px}.row.gap-16{gap:16px}.row.gap-24{gap:24px}.col{display:flex;flex-direction:column}.col.gap-4{gap:4px}.col.gap-8{gap:8px}.col.gap-12{gap:12px}.col.gap-16{gap:16px}.col.gap-24{gap:24px}.muted{color:var(--fg-dim)}.mute2{color:var(--fg-mute)}.show-mobile{display:none}@media (max-width:900px){.hide-mobile{display:none!important}.show-mobile{display:initial}}.avatar{width:36px;height:36px;border-radius:999px;background:var(--bg-elev-2);color:var(--fg);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:500;border:1px solid var(--line);flex-shrink:0}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.02em;font-size:18px}.brand-mark,.brand-mark .glyph{font-family:var(--font-display)}.brand-mark .glyph{width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.04em;position:relative}.brand-mark .glyph:before{content:"";position:absolute;inset:4px;border:1.5px solid var(--accent-ink);border-radius:3px;opacity:.18}.brand-mark .glyph span{position:relative;z-index:1}.brand-mark .dot{width:6px;height:6px;background:var(--accent);border-radius:999px;align-self:end;margin-bottom:6px}.brand-whistle{width:26px;height:26px;display:grid;place-items:center}.bleed{width:100%;padding-block:60px}.land-hero{position:relative;padding:100px var(--pad-x) 80px;overflow:hidden;border-bottom:1px solid var(--line)}.land-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(48px,8vw,110px);line-height:.92;letter-spacing:-.035em;margin:0;max-width:14ch}.land-hero h1 em{font-style:normal;color:var(--accent-text)}.land-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 50%)}.rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.rail>*{scroll-snap-align:start;flex:0 0 280px}.rail::-webkit-scrollbar{height:6px}.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.ribbon{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:999px;color:var(--fg-dim)}.ribbon:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:999px}.card-link{display:block;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:border-color .15s ease,transform .15s ease;cursor:pointer}.card-link:hover{border-color:var(--fg-mute);transform:translateY(-2px)}.q-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(24px,4vw,40px)}.q-option{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:var(--bg);transition:border-color .15s ease,background .15s ease;text-align:left;width:100%;color:var(--fg)}.q-option:hover{border-color:var(--fg-mute)}.q-option[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.q-option .letter{width:28px;height:28px;border-radius:6px;background:var(--bg-elev-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;flex-shrink:0}.q-option[aria-selected=true] .letter{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.q-option[data-state=correct]{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--bg))}.q-option[data-state=correct] .letter{background:var(--green);color:var(--accent-ink);border-color:var(--green)}.q-option[data-state=wrong]{border-color:var(--red-card);background:color-mix(in srgb,var(--red-card) 10%,var(--bg))}.q-option[data-state=wrong] .letter{background:var(--red-card);color:var(--accent-ink);border-color:var(--red-card)}.timer{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:22px;letter-spacing:.04em;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-elev)}.timer.urgent{color:var(--red-card);border-color:var(--red-card)}.flashcard{perspective:1500px;aspect-ratio:3/2;width:100%;max-width:620px}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-elev);padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;justify-content:space-between}.flashcard-back{transform:rotateY(180deg);background:var(--bg-elev-2)}.heat-grid{display:grid;grid-template-columns:repeat(26,1fr);grid-gap:3px;gap:3px}.heat-cell{aspect-ratio:1;border-radius:2px;background:var(--line-soft)}.heat-cell[data-l="1"]{background:color-mix(in srgb,var(--accent) 25%,var(--line-soft))}.heat-cell[data-l="2"]{background:color-mix(in srgb,var(--accent) 50%,var(--line-soft))}.heat-cell[data-l="3"]{background:color-mix(in srgb,var(--accent) 75%,var(--line-soft))}.heat-cell[data-l="4"]{background:var(--accent)}.rank-pos{font-family:var(--font-display);font-weight:600;font-size:18px;width:36px;text-align:right}.rank-pos.top{color:var(--accent-text)}.tape{height:22px;width:100%;background:repeating-linear-gradient(45deg,var(--accent) 0 14px,var(--accent-ink) 14px 28px);opacity:.95}@media (max-width:700px){.page-header{flex-direction:column;align-items:flex-start;gap:14px}.stat .value{font-size:32px}}