@font-face{font-family:Space Grotesk;src:url(/fonts/spacegrotesk-latin.woff2) format("woff2-variations");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrainsmono-latin.woff2) format("woff2-variations");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212}:root{--bg: #070810;--bg-2: #0c0e18;--surface: #12151f;--surface-2: #191d2a;--surface-3: #222739;--line: #2c3247;--line-soft: #1e2333;--edge: #000000;--edge-a: .55;--text: #eef1ff;--text-2: #a3aecb;--text-3: #6d799b;--volt: #c9ff3d;--cyan: #35e0ff;--magenta: #ff43a1;--amber: #ffbe3d;--accent: var(--volt);--accent-2: var(--cyan);--accent-3: var(--magenta);--on-accent: #0a0f02;--good: #3ee585;--good-bg: rgba(62, 229, 133, .13);--bad: #ff4d6a;--bad-bg: rgba(255, 77, 106, .13);--warn: var(--amber);--warn-bg: rgba(255, 190, 61, .13);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--bw: 2px;--display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: 16px;--maxw: 760px;color-scheme:dark}:root[data-theme=light]{--bg: #f7f5ef;--bg-2: #efece2;--surface: #ffffff;--surface-2: #f7f5ef;--surface-3: #e9e5d9;--line: #14141a;--line-soft: #d8d3c5;--edge: #14141a;--edge-a: 1;--text: #14141a;--text-2: #4b4f5e;--text-3: #767b8c;--volt: #78b500;--cyan: #007ea8;--magenta: #d1006b;--amber: #b07500;--accent: #14141a;--accent-2: var(--cyan);--accent-3: var(--magenta);--on-accent: #ffffff;--good: #0b8f47;--good-bg: rgba(11, 143, 71, .12);--bad: #cf1436;--bad-bg: rgba(207, 20, 54, .1);--warn: #a76a00;--warn-bg: rgba(167, 106, 0, .12);color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 0),radial-gradient(900px 500px at 8% -8%,color-mix(in srgb,var(--volt) 11%,transparent),transparent 60%),radial-gradient(760px 460px at 96% 2%,color-mix(in srgb,var(--magenta) 10%,transparent),transparent 58%);background-size:24px 24px,auto,auto;background-attachment:fixed}:root[data-theme=light] body{background-image:radial-gradient(circle at 1px 1px,rgba(20,20,26,.07) 1px,transparent 0),radial-gradient(900px 500px at 8% -8%,rgba(120,181,0,.16),transparent 60%),radial-gradient(760px 460px at 96% 2%,rgba(209,0,107,.09),transparent 58%)}#root{min-height:100%}h1,h2,h3,h4{margin:0;line-height:1.05;font-weight:700;letter-spacing:-.035em}p{margin:0 0 .85em}p:last-child{margin-bottom:0}a{color:var(--accent-2);text-underline-offset:3px}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;border-radius:4px}.app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:16px var(--gutter) calc(112px + env(safe-area-inset-bottom))}.page--wide{max-width:1000px}.page--flush{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column;gap:14px}.stack--sm{gap:9px}.stack--lg{gap:26px}.row{display:flex;align-items:center;gap:10px}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.card,.tile,.panel{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:4px 4px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.card--flat{box-shadow:none;background:var(--surface-2);border-color:var(--line-soft)}.card--pad-lg{padding:22px}.card__title{font-size:16px;font-weight:700}.card__meta{font-size:12.5px;color:var(--text-3)}.tile{display:block;width:100%;text-align:left;transition:transform .12s cubic-bezier(.2,.9,.3,1),box-shadow .12s,border-color .16s}.tile:active{transform:translate(3px,3px);box-shadow:1px 1px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}@media(hover:hover){.tile:hover{border-color:var(--accent);box-shadow:4px 4px color-mix(in srgb,var(--accent) 45%,transparent)}}.topbar{position:sticky;top:0;z-index:30;padding:calc(9px + env(safe-area-inset-top)) var(--gutter) 9px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(16px);border-bottom:var(--bw) solid var(--line-soft)}.topbar__inner{width:100%;max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:10px}.topbar__title{font-size:15px;font-weight:700;letter-spacing:-.02em}.topbar__sub{font-size:11.5px;color:var(--text-3);font-family:var(--mono)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand__mark{width:32px;height:32px;border-radius:9px;flex:none;background:var(--volt);color:#0a0f02;border:var(--bw) solid var(--line);box-shadow:2px 2px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px}.brand__name{font-weight:700;letter-spacing:-.04em;font-size:17px;text-transform:uppercase}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(180%) blur(18px);border-top:var(--bw) solid var(--line)}.tabbar__inner{display:flex;width:100%;max-width:var(--maxw);gap:4px}.tabbar__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:11px;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:var(--bw) solid transparent;transition:color .16s,background .16s,border-color .16s,transform .12s}.tabbar__btn:active{transform:translateY(2px)}.tabbar__btn[data-active=true]{color:var(--on-accent);background:var(--accent);border-color:var(--line);box-shadow:2px 2px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.tabbar__glyph{font-size:17px;line-height:1;font-family:var(--mono)}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-family:var(--mono)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:13.5px}.xsmall{font-size:11.5px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.h-lg{font-size:clamp(28px,7.6vw,42px);font-weight:700;letter-spacing:-.045em;line-height:1.02}.h-md{font-size:clamp(19px,5vw,25px);font-weight:700;letter-spacing:-.03em;line-height:1.15}.h-sm{font-size:16.5px;font-weight:700;letter-spacing:-.02em}.prose{font-size:15px;line-height:1.62;color:var(--text-2)}.prose strong{color:var(--text);font-weight:700}.prose code{font-family:var(--mono);font-size:.86em;background:var(--surface-3);padding:1px 5px;border-radius:5px;color:var(--accent-2);border:1px solid var(--line-soft)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-3);color:var(--text-2);border:1.5px solid var(--line-soft);white-space:nowrap}.chip--accent{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}:root[data-theme=light] .chip--accent{color:var(--text)}.chip--good{background:var(--good-bg);color:var(--good);border-color:color-mix(in srgb,var(--good) 42%,transparent)}.chip--bad{background:var(--bad-bg);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 42%,transparent)}.chip--warn{background:var(--warn-bg);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 42%,transparent)}.chip--cat{background:color-mix(in srgb,hsl(var(--hue) 85% 58%) 16%,transparent);color:hsl(var(--hue) 88% 72%);border-color:color-mix(in srgb,hsl(var(--hue) 85% 58%) 40%,transparent)}:root[data-theme=light] .chip--cat{color:hsl(var(--hue) 70% 28%)}.chip--solid{background:var(--accent);color:var(--on-accent);border-color:var(--line)}.tricky{display:inline-flex;gap:3px}.tricky i{width:6px;height:6px;border-radius:2px;background:var(--line);display:block;transform:rotate(45deg)}.tricky i[data-on=true]{background:var(--magenta);box-shadow:0 0 7px color-mix(in srgb,var(--magenta) 65%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:700;font-size:14.5px;letter-spacing:-.01em;background:var(--surface-2);color:var(--text);border:var(--bw) solid var(--line);box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);transition:transform .11s cubic-bezier(.2,.9,.3,1),box-shadow .11s,filter .16s}.btn:active{transform:translate(3px,3px);box-shadow:0 0 color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.btn--primary{background:var(--accent);color:var(--on-accent);text-transform:uppercase;letter-spacing:.04em}.btn--ghost{background:transparent;box-shadow:none}.btn--ghost:active{transform:translate(2px,2px)}.btn--block{width:100%}.btn--lg{padding:16px 22px;font-size:16px;border-radius:14px}.btn--sm{padding:8px 13px;font-size:12.5px;border-radius:9px;box-shadow:2px 2px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.btn[disabled]{opacity:.4;pointer-events:none}.code{position:relative;background:var(--bg-2);border:var(--bw) solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.code__bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1.5px solid var(--line-soft);background:color-mix(in srgb,var(--surface) 70%,transparent);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600}.code__bar:before{content:"";width:8px;height:8px;border-radius:999px;flex:none;background:var(--magenta);box-shadow:13px 0 0 var(--amber),26px 0 0 var(--good);margin-right:28px}.code pre{margin:0;padding:13px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var(--mono);font-size:12.6px;line-height:1.66;tab-size:4}@media(min-width:560px){.code pre{font-size:13.4px}}.tok-key{color:#d6a0ff;font-weight:600}.tok-str{color:#9dffb0}.tok-num{color:var(--amber)}.tok-com{color:var(--text-3);font-style:italic}.tok-fn{color:var(--cyan)}.tok-type{color:var(--volt)}.tok-op{color:#8e9ab8}:root[data-theme=light] .tok-key{color:#7016b8}:root[data-theme=light] .tok-str{color:#0b6b2e}:root[data-theme=light] .tok-num{color:#a34d00}:root[data-theme=light] .tok-fn{color:#005f85}:root[data-theme=light] .tok-type{color:#4d6b00}:root[data-theme=light] .tok-op{color:#5b6172}.opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 15px;border-radius:13px;background:var(--surface);border:var(--bw) solid var(--line);box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);transition:transform .11s cubic-bezier(.2,.9,.3,1),box-shadow .11s,border-color .16s,background .2s}.opt:active{transform:translate(3px,3px);box-shadow:0 0}@media(hover:hover){.opt:not([data-state]):hover{border-color:var(--accent-2);box-shadow:3px 3px color-mix(in srgb,var(--accent-2) 50%,transparent)}}.opt__key{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:700;background:var(--surface-3);color:var(--text-3);border:1.5px solid var(--line-soft)}.opt__text{font-size:15px;line-height:1.42;flex:1;font-weight:500}.opt__trap{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:var(--text-2);font-weight:400}.opt[data-state=correct]{border-color:var(--good);background:var(--good-bg);box-shadow:3px 3px color-mix(in srgb,var(--good) 55%,transparent)}.opt[data-state=correct] .opt__key{background:var(--good);color:#04120c;border-color:transparent}.opt[data-state=wrong]{border-color:var(--bad);background:var(--bad-bg);box-shadow:3px 3px color-mix(in srgb,var(--bad) 55%,transparent);animation:shake .4s cubic-bezier(.36,.07,.19,.97)}.opt[data-state=wrong] .opt__key{background:var(--bad);color:#1a0509;border-color:transparent}.opt[data-state=muted]{opacity:.45;box-shadow:none}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.meter{height:12px;border-radius:999px;background:var(--surface-3);border:1.5px solid var(--line-soft);overflow:hidden;position:relative}.meter__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--volt),var(--cyan));transition:width .6s cubic-bezier(.2,.9,.3,1);position:relative}.meter__fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 7px,color-mix(in srgb,var(--edge) 22%,transparent) 7px 14px);animation:stripe 9s linear infinite}@keyframes stripe{to{background-position:140px 0}}.meter--thin{height:6px}.meter--thin .meter__fill:after{display:none}.timerbar{height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden;border:1px solid var(--line-soft)}.timerbar__fill{height:100%;background:var(--cyan);transition:width .95s linear,background .3s}.timerbar__fill[data-low=true]{background:var(--bad);animation:pulsebar .6s ease-in-out infinite}@keyframes pulsebar{50%{opacity:.55}}.progress-dots{display:flex;gap:5px;flex-wrap:wrap}.progress-dots i{width:9px;height:9px;border-radius:3px;background:var(--surface-3);display:block;border:1.5px solid var(--line-soft);transition:all .25s}.progress-dots i[data-s=correct]{background:var(--good);border-color:var(--good)}.progress-dots i[data-s=wrong]{background:var(--bad);border-color:var(--bad)}.progress-dots i[data-s=current]{background:var(--accent);border-color:var(--accent);transform:scale(1.35);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}.combo{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;border:var(--bw) solid var(--line);background:var(--surface-2);font-family:var(--mono);font-weight:700;animation:pop .3s cubic-bezier(.2,1.2,.3,1)}.combo__n{font-size:17px;letter-spacing:-.04em}.combo__label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}.combo[data-tier="1"]{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 55%,transparent)}.combo[data-tier="2"]{color:var(--volt);border-color:color-mix(in srgb,var(--volt) 60%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--volt) 28%,transparent)}.combo[data-tier="3"]{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 65%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--amber) 34%,transparent)}.combo[data-tier="4"]{color:var(--magenta);border-color:var(--magenta);box-shadow:0 0 26px color-mix(in srgb,var(--magenta) 45%,transparent);animation:pop .3s cubic-bezier(.2,1.2,.3,1),throb 1.1s ease-in-out infinite .3s}@keyframes throb{50%{transform:scale(1.055)}}.rankbadge{position:relative;width:86px;height:86px;flex:none}.rankbadge svg{width:100%;height:100%;transform:rotate(-90deg)}.rankbadge__ring{fill:none;stroke:var(--surface-3);stroke-width:7}.rankbadge__arc{fill:none;stroke:url(#rankgrad);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.9,.3,1)}.rankbadge__mid{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:26px;letter-spacing:-.05em;color:var(--accent)}:root[data-theme=light] .rankbadge__mid{color:var(--text)}.flame{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--amber)}.flame__icon{font-size:15px;animation:flicker 2.2s ease-in-out infinite}@keyframes flicker{25%{transform:scale(1.14) rotate(-4deg)}60%{transform:scale(.95) rotate(3deg)}}.hero{position:relative;overflow:hidden;border:var(--bw) solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(150deg,color-mix(in srgb,var(--volt) 20%,var(--surface)) 0%,var(--surface) 46%,color-mix(in srgb,var(--magenta) 18%,var(--surface)) 100%);box-shadow:5px 5px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);padding:22px 20px}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,color-mix(in srgb,var(--edge) 16%,transparent) 2px 3px);opacity:.5}.hero>*{position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:620px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--surface);border:var(--bw) solid var(--line);border-radius:13px;padding:12px 13px;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.stat__label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:700;font-family:var(--mono)}.stat__value{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-.045em;margin-top:3px;line-height:1}.stat__sub{font-size:10.5px;color:var(--text-3);margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:620px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric{background:var(--bg-2);border:var(--bw) solid var(--line);border-radius:12px;padding:11px 12px;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.metric__label{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);font-weight:700;font-family:var(--mono)}.metric__value{font-family:var(--mono);font-size:21px;font-weight:700;letter-spacing:-.04em;margin-top:2px;transition:color .4s;line-height:1.1}.metric__value[data-s=ok]{color:var(--good)}.metric__value[data-s=warn]{color:var(--warn)}.metric__value[data-s=crit]{color:var(--bad);text-shadow:0 0 14px color-mix(in srgb,var(--bad) 55%,transparent)}.metric__unit{font-size:11px;color:var(--text-3);font-weight:600;margin-left:2px}.metric__bar{margin-top:8px;height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.metric__bar i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1),background .4s}.metric.flash{animation:flash .8s ease}@keyframes flash{0%{background:color-mix(in srgb,var(--accent) 30%,var(--bg-2));transform:scale(1.04)}to{background:var(--bg-2);transform:scale(1)}}.evidence{border-left:4px solid var(--accent-2);padding-left:13px}.evidence__kind{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:700;font-family:var(--mono)}.evidence pre{margin:7px 0 0;padding:11px 12px;background:var(--bg-2);border:1.5px solid var(--line-soft);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12.1px;line-height:1.6;overflow-x:auto;white-space:pre;color:var(--text-2)}.clock{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--bg);background:var(--accent-2);letter-spacing:.08em;padding:2px 9px;border-radius:6px;border:1.5px solid var(--line)}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:11px}.mastery{background:var(--surface);border:var(--bw) solid var(--line);border-radius:13px;padding:13px;position:relative;overflow:hidden;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);transition:transform .12s,box-shadow .12s,border-color .16s}.mastery:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:radial-gradient(120px 60px at 100% 0%,hsl(var(--hue) 90% 55%),transparent 70%)}.mastery:active{transform:translate(3px,3px);box-shadow:0 0}.mastery__glyph{font-family:var(--mono);font-size:20px;color:hsl(var(--hue) 90% 66%);font-weight:700}:root[data-theme=light] .mastery__glyph{color:hsl(var(--hue) 75% 32%)}.mastery__name{font-size:13.5px;font-weight:700;margin-top:5px;letter-spacing:-.02em}.mastery__band{font-size:10.5px;color:var(--text-3);margin-top:2px;font-family:var(--mono)}.mastery__bar{margin-top:10px;height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden;border:1px solid var(--line-soft)}.mastery__bar i{display:block;height:100%;background:hsl(var(--hue) 88% 58%);transition:width .8s cubic-bezier(.2,.9,.3,1)}.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:9px;align-items:end}.pod{border:var(--bw) solid var(--line);border-radius:14px;padding:13px 9px;text-align:center;background:var(--surface);box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.pod__medal{font-size:26px;line-height:1}.pod__handle{font-family:var(--mono);font-size:12.5px;font-weight:700;margin-top:6px;word-break:break-all}.pod__xp{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--accent);margin-top:3px}:root[data-theme=light] .pod__xp{color:var(--text)}.pod--1{background:linear-gradient(170deg,color-mix(in srgb,var(--amber) 26%,var(--surface)),var(--surface));padding-top:20px;padding-bottom:20px}.pod--2{background:linear-gradient(170deg,color-mix(in srgb,var(--cyan) 18%,var(--surface)),var(--surface))}.pod--3{background:linear-gradient(170deg,color-mix(in srgb,var(--magenta) 16%,var(--surface)),var(--surface))}.lbrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--line-soft);transition:background .16s}.lbrow:last-child{border-bottom:none}.lbrow[data-me=true]{background:color-mix(in srgb,var(--accent) 13%,transparent)}.lbrow__rank{width:32px;font-family:var(--mono);font-weight:700;color:var(--text-3);font-size:13px}.lbrow__handle{flex:1;font-weight:700;font-size:14.5px;font-family:var(--mono)}.lbrow__xp{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:15px}:root[data-theme=light] .lbrow__xp{color:var(--text)}.badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 8px;border-radius:13px;text-align:center;border:var(--bw) solid var(--line);background:var(--surface);box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.badge[data-earned=false]{opacity:.34;box-shadow:none;filter:grayscale(1)}.badge[data-earned=true]{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}.badge__glyph{font-size:25px;line-height:1}.badge__name{font-size:11.5px;font-weight:700;letter-spacing:-.01em}.badge__desc{font-size:10px;color:var(--text-3);line-height:1.35}.reveal{border-radius:var(--radius);border:var(--bw) solid var(--line);background:var(--surface);overflow:hidden;box-shadow:4px 4px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);animation:rise .34s cubic-bezier(.2,.9,.3,1) both}.reveal__head{padding:15px 16px 13px;border-bottom:var(--bw) solid var(--line-soft)}.reveal__body{padding:15px 16px}.reveal--good{border-color:color-mix(in srgb,var(--good) 55%,var(--line))}.reveal--good .reveal__head{background:var(--good-bg)}.reveal--bad{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.reveal--bad .reveal__head{background:var(--bad-bg)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.rise{animation:rise .3s cubic-bezier(.2,.9,.3,1) both}.pop{animation:pop .28s cubic-bezier(.2,1.2,.3,1) both}.flashlayer{position:fixed;inset:0;pointer-events:none;z-index:55;animation:flashout .5s ease-out forwards}.flashlayer[data-kind=good]{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--good) 34%,transparent),transparent 62%)}.flashlayer[data-kind=bad]{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--bad) 34%,transparent),transparent 62%)}@keyframes flashout{0%{opacity:1}to{opacity:0}}.xp-burst{position:fixed;left:50%;top:30%;transform:translate(-50%);font-family:var(--mono);font-weight:700;font-size:44px;letter-spacing:-.05em;color:var(--volt);pointer-events:none;z-index:60;animation:burst 1.15s cubic-bezier(.2,.9,.3,1) both;text-shadow:0 0 30px color-mix(in srgb,var(--volt) 70%,transparent),3px 3px 0 var(--edge)}@keyframes burst{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.7) rotate(-5deg)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.12) rotate(2deg)}70%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%) translateY(-56px) scale(.95)}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:58;overflow:hidden}.confetti i{position:absolute;width:9px;height:14px;border-radius:2px;animation:fall 1.5s cubic-bezier(.25,.6,.4,1) forwards}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(72vh) rotate(720deg) scale(.6)}}.celebrate{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(9px);animation:flashout--in .25s ease-out both;padding:var(--gutter)}@keyframes flashout--in{0%{opacity:0}to{opacity:1}}.celebrate__card{background:var(--surface);border:var(--bw) solid var(--accent);border-radius:var(--radius-lg);padding:30px 26px;text-align:center;box-shadow:6px 6px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent),0 0 60px color-mix(in srgb,var(--accent) 30%,transparent);animation:pop .4s cubic-bezier(.2,1.3,.35,1) both;max-width:340px;width:100%}.celebrate__glyph{font-size:52px;line-height:1}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(86px + env(safe-area-inset-bottom));z-index:65;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100% - 2 * var(--gutter)))}.toast{display:flex;align-items:center;gap:11px;background:var(--surface);border:var(--bw) solid var(--amber);border-radius:13px;padding:11px 14px;box-shadow:4px 4px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent);animation:rise .34s cubic-bezier(.2,.9,.3,1) both}.toast__glyph{font-size:22px;line-height:1}.toast__title{font-size:13.5px;font-weight:700}.toast__sub{font-size:11px;color:var(--text-3)}.divider{height:var(--bw);background:var(--line-soft);border-radius:999px}.visual{width:100%;border-radius:var(--radius-sm);background:var(--bg-2);border:var(--bw) solid var(--line);padding:13px;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.visual svg{width:100%;height:auto;display:block}.visual__cap{font-size:11.5px;color:var(--text-3);margin-top:9px;text-align:center;font-family:var(--mono)}.seg{display:flex;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:12px;padding:4px;gap:4px;box-shadow:3px 3px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.seg button{flex:1;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--text-3);transition:background .16s,color .16s;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.seg button[data-active=true]{background:var(--accent);color:var(--on-accent)}.scroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin:0 calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.grade{width:88px;height:88px;border-radius:22px;display:grid;place-items:center;font-family:var(--mono);font-size:44px;font-weight:700;letter-spacing:-.06em;border:3px solid currentColor;box-shadow:4px 4px color-mix(in srgb,var(--edge) calc(var(--edge-a) * 100%),transparent)}.link-btn{color:var(--accent-2);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.kbd{font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--edge) 28%,transparent);border:1.5px solid color-mix(in srgb,var(--edge) 45%,transparent)}.sticky-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));padding-top:12px;background:linear-gradient(to top,var(--bg) 58%,transparent);z-index:10}.empty{text-align:center;padding:44px 20px;color:var(--text-3)}.inputish{width:100%;padding:12px 14px;border-radius:12px;font-family:var(--mono);background:var(--bg-2);color:var(--text);border:var(--bw) solid var(--line);box-shadow:inset 2px 2px color-mix(in srgb,var(--edge) 30%,transparent);font-size:14px}.inputish::placeholder{color:var(--text-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.vz{--ink: var(--text)}.vz text{font-family:var(--mono);fill:var(--text-2)}.vz .lbl{font-size:11px;fill:var(--text-3)}.vz .lbl-b{font-size:11.5px;fill:var(--text);font-weight:700}.vz .box{fill:var(--surface-2);stroke:var(--line);stroke-width:1.4}.vz .box-a{fill:color-mix(in srgb,var(--cyan) 18%,var(--surface-2));stroke:var(--cyan);stroke-width:1.6}.vz .box-b{fill:color-mix(in srgb,var(--bad) 18%,var(--surface-2));stroke:var(--bad);stroke-width:1.6}.vz .box-g{fill:color-mix(in srgb,var(--good) 18%,var(--surface-2));stroke:var(--good);stroke-width:1.6}.vz .box-w{fill:color-mix(in srgb,var(--warn) 20%,var(--surface-2));stroke:var(--warn);stroke-width:1.6}.vz .ln{stroke:var(--line);stroke-width:1.4;fill:none}.vz .ln-a{stroke:var(--cyan);stroke-width:1.8;fill:none}.vz .ln-b{stroke:var(--bad);stroke-width:1.8;fill:none}.vz .ln-g{stroke:var(--good);stroke-width:1.8;fill:none}.vz .dash{stroke-dasharray:5 5}.vz .flow{stroke-dasharray:6 6;animation:vzflow 1.1s linear infinite}.vz .flow-slow{stroke-dasharray:4 8;animation:vzflow 2.4s linear infinite}@keyframes vzflow{to{stroke-dashoffset:-24}}.vz .pulse{animation:vzpulse 1.8s ease-in-out infinite;transform-origin:center}@keyframes vzpulse{0%,to{opacity:.55}50%{opacity:1}}.vz .beat{animation:vzbeat 1.6s ease-in-out infinite}@keyframes vzbeat{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.vz .fadeloop{animation:vzfade 3s ease-in-out infinite}@keyframes vzfade{0%,45%{opacity:0}55%,to{opacity:1}}