:root{--bg:#fef9f0;--bg-soft:#fff5e3;--card:#fff;--border:#ecd9b9;--border-soft:#f5e8cf;--ink:#2b2516;--ink-soft:#5a4f37;--muted:#8a7c5c;--muted-2:#b8a87f;--primary:#f97316;--primary-deep:#ea580c;--primary-soft:#fed7aa;--accent:#0ea5e9;--accent-soft:#e0f2fe;--good:#16a34a;--good-soft:#dcfce7;--bad:#dc2626;--bad-soft:#fee2e2;--shadow-1:0 1px 2px #2b25160a, 0 4px 12px #2b25160d;--shadow-2:0 4px 14px #2b251614, 0 12px 28px #2b25160f;--radius:18px;--radius-sm:10px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 30% 0%, #fff7e8 0%, var(--bg) 60%);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--border-soft);align-items:center;gap:28px;padding:18px 32px;display:flex}.brand{letter-spacing:-.5px;background:linear-gradient(95deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.controls{flex:1;align-items:center;gap:24px;display:flex}.controls label{color:var(--muted);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.controls select,.controls input[type=number]{background:var(--bg-soft);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:15px;font-weight:500}.controls input[type=range]{appearance:none;background:var(--border-soft);border-radius:3px;width:140px;height:6px;padding:0}.controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--card);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%}.batch-num{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-weight:600}.tabs{background:var(--bg-soft);border-radius:12px;gap:6px;padding:4px;display:flex}.tab{color:var(--muted-2);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .12s}.tab:hover{color:var(--ink-soft)}.tab.active{background:var(--card);color:var(--primary-deep);box-shadow:var(--shadow-1)}.btn{background:var(--card);color:var(--ink);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .12s}.btn:hover{background:var(--bg-soft);border-color:var(--primary-soft)}.btn.primary{background:linear-gradient(180deg, var(--primary), var(--primary-deep));border-color:var(--primary-deep);color:#fff;box-shadow:0 2px 0 #ea580c66, var(--shadow-1)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-soft);color:var(--ink)}.main{flex:1;padding:32px 24px 64px}.practice{max-width:1100px;margin:0 auto}.hud{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:36px;margin-bottom:24px;padding:18px 28px;display:flex}.hud-stat{flex-direction:column;align-items:center;gap:4px;min-width:90px;display:flex}.hud-stat.live{border-right:1px solid var(--border-soft);min-width:140px;padding-right:28px}.hud-stat.compare .hud-value{color:var(--ink-soft)}.hud-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;font-size:11px;font-weight:700}.hud-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:31px;font-weight:700;line-height:1}.hud-sub{color:var(--muted);margin-top:2px;font-size:11px}.hud-delta{border-radius:999px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:700}.hud-delta.good{color:var(--good);background:var(--good-soft)}.hud-delta.bad{color:var(--bad);background:var(--bad-soft)}.surface-row{align-items:stretch;gap:16px;margin:0 0 24px;display:flex}.surface-row>.surface{flex:auto;min-width:0;margin:0}.surface{white-space:pre-wrap;word-break:keep-all;overflow-wrap:normal;background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow-2);-webkit-user-select:none;user-select:none;letter-spacing:.5px;word-spacing:.4em;margin:0 0 24px;padding:28px 30px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:30px;line-height:1.7}.ch.past{color:var(--muted-2)}.ch.past.error{color:var(--bad);background:var(--bad-soft);border-radius:4px}.ch.future{color:var(--ink-soft)}.ch.current{color:var(--ink);background:var(--accent-soft);border-bottom:4px solid var(--accent);box-shadow:0 0 0 2px var(--accent-soft);border-radius:4px;font-weight:700}.ch.current.error{background:var(--bad-soft);border-bottom-color:var(--bad);color:var(--bad);box-shadow:0 0 0 2px var(--bad-soft)}.ch.space{color:var(--muted-2)}.ch.space.past{color:#d8c699}.result-panel{background:linear-gradient(180deg, #fff, var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);margin-bottom:24px;padding:28px 32px}.result-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.result-panel h3{color:var(--primary-deep);margin:0;font-size:24px;font-weight:700}.rank-badge{letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800}.rank-badge.tone-celebrate{color:#78350f;background:linear-gradient(95deg,#fde68a,#fbbf24)}.rank-badge.tone-great{background:var(--good-soft);color:var(--good)}.rank-badge.tone-good{background:var(--accent-soft);color:var(--accent)}.rank-badge.tone-meh{color:#92400e;background:#fef3c7}.rank-badge.tone-rough{background:var(--bad-soft);color:var(--bad)}.rank-badge.tone-first{background:var(--bg-soft);color:var(--muted)}.rank-message{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:20px;padding:16px 20px;display:flex}.rank-message strong{font-size:18px;font-weight:700}.rank-detail{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.rank-message.tone-celebrate{color:#78350f;background:linear-gradient(95deg,#fffbeb,#fef3c7);border-color:#fde68a}.rank-message.tone-great{background:var(--good-soft);color:#166534;border-color:#bbf7d0}.rank-message.tone-good{background:var(--accent-soft);color:#075985;border-color:#bae6fd}.rank-message.tone-meh{color:#92400e;background:#fef3c7;border-color:#fde68a}.rank-message.tone-rough{background:var(--bad-soft);color:#991b1b;border-color:#fecaca}.rank-message.tone-first{background:var(--bg-soft);border-color:var(--border-soft);color:var(--ink-soft)}.rank-message.tone-first .rank-detail{display:none}.result-stats{flex-wrap:wrap;gap:48px;margin-bottom:20px;display:flex}.result-stats>div{flex-direction:column;gap:4px;display:flex}.result-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.result-stats strong{font-variant-numeric:tabular-nums;color:var(--ink);font-size:36px;font-weight:700;line-height:1}.result-actions{gap:10px;display:flex}.btn.big{align-items:center;gap:14px;padding:14px 28px;font-size:17px;display:inline-flex}.btn.big:focus-visible,.btn.big:focus{outline:3px solid var(--accent);outline-offset:3px}.hotkey-hint{color:#fff;background:#ffffff40;border:1px solid #ffffff59;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.unlock-banner{background:var(--good-soft);color:#166534;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:14px 20px;font-size:17px;font-weight:600}.unlock-reason{color:#4d7c0f;margin-left:6px;font-size:14px;font-weight:500}.palette{background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);margin:0;padding:24px 28px}.palette-summary-line{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.palette-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.palette-summary-count{background:var(--bg-soft);color:var(--ink-soft);letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:12px}.palette-summary-letters{color:var(--primary-deep);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:700;display:inline-flex}.palette-empty{color:var(--muted-2);font-size:14px;font-style:italic;font-weight:400}.palette-letter-token{align-items:baseline;display:inline-flex}.palette-sep{color:var(--muted-2);margin:0 6px;font-weight:400}.palette-next-line{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.palette-arrow{color:var(--muted-2);font-size:18px}.palette-next-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.palette-next-letter{color:var(--accent);border:2px dashed var(--accent);background:var(--accent-soft);border-radius:8px;padding:2px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px}.palette-strip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.palette-chip{border-radius:10px;justify-content:center;align-items:center;width:38px;height:42px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px;font-weight:700;transition:all .12s;display:flex}.palette-chip.locked{background:var(--bg-soft);color:var(--muted-2);border:1px solid var(--border-soft);opacity:.7}.palette-chip.unlocked{color:var(--primary-deep);border:1px solid var(--primary-soft);box-shadow:var(--shadow-1);background:linear-gradient(#fff7ed,#fed7aa)}.palette-chip.next{background:var(--accent-soft);color:var(--accent);border:2px dashed var(--accent);transform:scale(1.05);box-shadow:0 0 0 4px #0ea5e926}.palette-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.btn.lock-btn{color:var(--ink-soft);border:1px solid var(--border)}.btn.lock-btn:hover{background:var(--bg-soft);color:var(--ink);border-color:var(--muted-2)}.btn.reset-btn{color:var(--bad);border:1px dashed var(--bad-soft)}.btn.reset-btn:hover{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}.palette-summary{color:var(--muted);font-size:14px;font-weight:500}.palette-auto{color:var(--good);background:var(--good-soft);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.unlock-progress{background:linear-gradient(180deg, var(--accent-soft), #f0f9ff);border:1px solid #bae6fd;border-radius:14px;margin-top:20px;padding:18px 20px}.unlock-progress.sparse{background:var(--bg-soft);border-color:var(--border-soft);color:var(--muted);align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.unlock-progress.ready{background:linear-gradient(180deg, var(--good-soft), #ecfdf5);border-color:#bbf7d0}.unlock-progress-icon{font-size:20px}.unlock-progress-header{color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:15px;display:flex}.unlock-progress-header strong{color:var(--ink)}.unlock-progress-letter{background:var(--card);border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:1px 8px;font-family:JetBrains Mono,ui-monospace,monospace}.unlock-progress.ready .unlock-progress-letter{border-color:var(--good);color:var(--good)}.unlock-progress-rule{color:var(--muted);font-size:12px;font-style:italic}.unlock-progress-subnote{color:var(--muted);margin-top:-4px;margin-bottom:8px;font-size:12px;font-style:italic}.unlock-progress-bar-outer{background:var(--card);border:1px solid var(--border-soft);border-radius:999px;width:100%;height:10px;overflow:hidden}.unlock-progress-bar-inner{background:linear-gradient(90deg, var(--accent), #38bdf8);border-radius:999px;height:100%;transition:width .24s}.unlock-progress.ready .unlock-progress-bar-inner{background:linear-gradient(90deg, var(--good), #22c55e)}.unlock-progress-components{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}.unlock-progress-component{flex-direction:column;flex:1;gap:2px;min-width:160px;display:flex}.upc-metric{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.upc-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.upc-divider{color:var(--muted-2);margin:0 4px;font-weight:400}.upc-detail{color:var(--muted);font-size:12px}.unlock-progress-component.met .upc-detail{color:var(--good);font-weight:600}.unlock-progress-component.met .upc-value{color:var(--good)}.rail{flex:0 0 280px;align-self:stretch;gap:14px;display:flex}@media (width<=760px){.rail{display:none}}.volume-bar{background:var(--card);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);border-radius:12px;flex-direction:column;flex:1;align-items:flex-end;gap:8px;padding:10px 10px 10px 8px;display:flex}.volume-bar.disabled{opacity:.55;background:var(--bg-soft)}.volume-bar-head{flex-direction:column;align-self:stretch;align-items:center;gap:2px;display:flex}.volume-bar-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.volume-bar-disabled-tag{color:var(--muted-2);font-size:9px;font-style:italic}.volume-bar-track{border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:10px;flex:1;width:42px;margin:0;position:relative;overflow:visible}.volume-bar-fill{background:#f59e0b;border-top:1px solid #ffffff8c;border-radius:9px 9px 0 0;height:0%;transition:height .18s ease-out,background-color .24s ease-out;position:absolute;bottom:0;left:0;right:0}.volume-bar.in-band .volume-bar-fill{background:#f59e0b}.volume-bar.drill.in-band .volume-bar-fill{background:#f97316}.volume-bar.above .volume-bar-fill{background:#16a34a;animation:1.4s ease-in-out infinite glow-good}.volume-bar.below .volume-bar-fill{background:#dc2626;animation:.7s ease-in-out infinite blink-danger}.volume-bar.below .volume-bar-track{border-color:var(--bad);animation:.7s ease-in-out infinite blink-danger-ring}.volume-bar.bare .volume-bar-fill{background:0 0;animation:none}.volume-bar.frozen:not(.below) .volume-bar-fill{animation:none}.volume-bar.frozen:not(.below) .volume-bar-track{box-shadow:0 0 0 2px #6366f159}.volume-bar-tick{pointer-events:none;z-index:2;height:0;position:absolute;left:-8px;right:-8px}.volume-bar-tick.ceiling{border-top:3px solid var(--good)}.volume-bar-tick.floor{border-top:3px solid var(--bad)}.volume-bar-tick-pill{background:var(--card);border:2px solid var(--border-soft);box-shadow:var(--shadow-1);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:32px;margin-right:8px;padding:4px 7px;display:flex;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.volume-bar-tick.ceiling .volume-bar-tick-pill{border-color:var(--good)}.volume-bar-tick.floor .volume-bar-tick-pill{border-color:var(--bad)}.tick-letter{text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:800;line-height:1}.volume-bar-tick.ceiling .tick-letter{color:var(--good)}.volume-bar-tick.floor .tick-letter{color:var(--bad)}.tick-number{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;line-height:1.1}.volume-bar-foot{flex-direction:column;align-items:center;gap:1px;padding-top:6px;display:flex}.volume-bar-foot-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:18px;font-weight:800;line-height:1}.volume-bar.above .volume-bar-foot-value{color:var(--good)}.volume-bar.below .volume-bar-foot-value{color:var(--bad)}.volume-bar.bare .volume-bar-foot-value{color:var(--muted-2)}.volume-bar-foot-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.volume-bar.frozen .volume-bar-foot-tag{color:#6366f1}.volume-bar.bare .volume-bar-foot-tag{color:var(--muted-2)}@keyframes glow-good{0%,to{filter:brightness()drop-shadow(0 0 #16a34a00)}50%{filter:brightness(1.15)drop-shadow(0 0 8px #16a34a99)}}@keyframes blink-danger{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink-danger-ring{0%,to{box-shadow:0 0 0 2px #dc2626a6}50%{box-shadow:0 0 0 5px #dc262626}}.unlock-overlay{z-index:50;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unlock-overlay-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;animation:.22s ease-out scrim-fade-in;position:absolute;inset:0}.unlock-overlay-stage{background:var(--card);cursor:default;border-radius:18px;flex-direction:column;align-items:center;gap:10px;min-width:270px;max-width:92vw;padding:25px 34px 20px;animation:.32s cubic-bezier(.2,.9,.3,1.4) stage-enter;display:flex;position:relative;box-shadow:0 30px 80px #0006}.unlock-overlay.unlocked .unlock-overlay-stage{border-top:4px solid var(--good)}.unlock-overlay.locked .unlock-overlay-stage{border-top:4px solid var(--bad)}.unlock-overlay.progress .unlock-overlay-stage{border-top:4px solid var(--accent)}.unlock-overlay.progress.close .unlock-overlay-stage{border-top-color:var(--good)}.unlock-overlay.progress.mid .unlock-overlay-stage{border-top-color:var(--accent)}.unlock-overlay.progress.danger .unlock-overlay-stage{border-top-color:var(--bad)}.unlock-overlay-letter{font-family:JetBrains Mono,ui-monospace,monospace;font-size:78px;font-weight:800;line-height:1}.unlock-overlay.unlocked .unlock-overlay-letter{color:var(--good);text-shadow:0 0 22px #16a34a8c,0 4px 16px #00000026;animation:2.2s ease-out forwards unlock-burst}.unlock-overlay.locked .unlock-overlay-letter{color:var(--bad);filter:grayscale(.3);text-shadow:0 0 14px #dc262659;animation:2.2s ease-in forwards lock-droop}.unlock-overlay-letter.progress-letter{color:var(--muted-2);opacity:.55;text-shadow:none}.unlock-overlay.progress.close .unlock-overlay-letter.progress-letter{color:var(--good);opacity:.75;text-shadow:0 0 14px #16a34a59}.unlock-overlay.progress.danger .unlock-overlay-letter.progress-letter{color:var(--bad);opacity:.85;text-shadow:0 0 14px #dc262659}.unlock-overlay-headline{color:var(--ink);text-align:center;font-size:16px;font-weight:700}.unlock-overlay.unlocked .unlock-overlay-headline{color:var(--good)}.unlock-overlay.locked .unlock-overlay-headline{color:var(--bad)}.unlock-overlay.progress.close .unlock-overlay-headline{color:var(--good)}.unlock-overlay.progress.danger .unlock-overlay-headline{color:var(--bad)}.unlock-overlay-needs{flex-direction:column;gap:6px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.unlock-overlay-needs li{background:var(--bg-soft);border:1px solid var(--border-soft);font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:64px 1fr auto 1fr auto;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:grid}.unlock-overlay-needs li.met{border-color:var(--good);background:var(--good-soft)}.unlock-overlay-needs li.short{background:#fffbeb;border-color:#fde68a}.need-metric{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px;font-weight:800}.need-current{color:var(--ink);font-size:13px;font-weight:800}.need-arrow{color:var(--muted-2)}.need-threshold{color:var(--ink-soft)}.need-gap{color:#b45309;background:#fef3c7;border-radius:6px;padding:2px 8px;font-weight:800}.need-met{color:var(--good);background:#dcfce7;border-radius:6px;padding:2px 8px;font-weight:800}.unlock-overlay-stats{border-top:1px solid var(--border-soft);grid-template-columns:repeat(4,1fr);gap:16px;width:100%;padding:12px 0 0;display:grid}.unlock-overlay-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.unlock-overlay-stat .stat-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:10px;font-weight:700}.unlock-overlay-stat .stat-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.unlock-overlay-dismiss{color:var(--muted);margin-top:4px;font-size:13px;animation:1.6s ease-in-out infinite dismiss-pulse}.unlock-overlay-dismiss kbd{background:var(--bg-soft);border:1px solid var(--border);color:var(--ink);border-bottom-width:2px;border-radius:4px;margin:0 2px;padding:1px 7px;font-family:inherit;font-weight:700}.unlock-overlay-halo{border:4px solid var(--good);opacity:0;pointer-events:none;border-radius:50%;width:140px;height:140px;margin-left:-70px;position:absolute;top:56px;left:50%}.unlock-overlay.unlocked .unlock-overlay-halo{animation:2.2s ease-out forwards halo-expand}.unlock-overlay.locked .unlock-overlay-halo{display:none}.unlock-overlay-confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.unlock-overlay-confetti .confetti{border-radius:2px;width:8px;height:14px;animation:2.2s linear forwards confetti-fall;position:absolute;top:-20px}.unlock-overlay-confetti .confetti.c0{background:#f97316}.unlock-overlay-confetti .confetti.c1{background:#16a34a}.unlock-overlay-confetti .confetti.c2{background:#0ea5e9}.unlock-overlay-confetti .confetti.c3{background:#f59e0b}.unlock-overlay-confetti .confetti.c4{background:#a78bfa}.unlock-overlay-confetti .confetti.c5{background:#ec4899}.unlock-overlay-confetti .confetti.c6{background:#f97316}.unlock-overlay-confetti .confetti.c7{background:#16a34a}.unlock-overlay-confetti .confetti.c8{background:#0ea5e9}.unlock-overlay-confetti .confetti.c9{background:#f59e0b}.unlock-overlay-confetti .confetti.c10{background:#a78bfa}.unlock-overlay-confetti .confetti.c11{background:#ec4899}.unlock-overlay-confetti .confetti.c12{background:#f97316}.unlock-overlay-confetti .confetti.c13{background:#16a34a}.unlock-overlay-confetti .confetti.c14{background:#0ea5e9}.unlock-overlay-confetti .confetti.c15{background:#f59e0b}.unlock-overlay-confetti .confetti.c16{background:#a78bfa}.unlock-overlay-confetti .confetti.c17{background:#ec4899}@keyframes unlock-burst{0%{opacity:0;transform:scale(.4)rotate(-8deg)}35%{opacity:1;transform:scale(1.22)rotate(4deg)}55%{opacity:1;transform:scale(.96)rotate(-2deg)}75%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes lock-droop{0%{opacity:1;filter:grayscale(0);transform:translateY(0)scale(1)}60%{opacity:.92;filter:grayscale(.4);transform:translateY(20px)scale(.85)}to{opacity:.85;filter:grayscale(.55);transform:translateY(26px)scale(.82)}}@keyframes halo-expand{0%{opacity:0;transform:scale(.4)}40%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1;transform:translateY(85vh)rotate(420deg)}to{opacity:0;transform:translateY(110vh)rotate(560deg)}}@keyframes scrim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stage-enter{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dismiss-pulse{0%,to{opacity:.55}50%{opacity:1}}.result-progress-hint{background:var(--accent-soft);color:#075985;border:1px solid #bae6fd;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.result-progress-icon{font-size:16px}.empty-state{text-align:center;background:var(--card);border-radius:var(--radius);border:1px dashed var(--border);margin-bottom:24px;padding:48px 32px}.empty-state h2{color:var(--ink-soft);margin:0 0 12px;font-size:22px}.empty-state p{color:var(--muted);max-width:480px;margin:0 auto;font-size:16px}.empty-state code{background:var(--bg-soft);color:var(--primary-deep);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,ui-monospace,monospace}.settings-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow-2);margin:0 24px 24px;padding:24px 28px}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header h3{color:var(--primary-deep);margin:0;font-size:20px}.settings-help{color:var(--muted);margin:12px 0 16px;font-size:14px;line-height:1.6}.settings-row{border:0;flex-wrap:wrap;align-items:center;gap:28px;padding:12px 0;display:flex}.settings-row label{align-items:center;gap:10px;font-size:14px;display:flex}.threshold input{width:90px}.settings-row .hint{color:var(--muted);font-size:13px}.settings-combine{border:0;padding:16px 0 12px}.settings-combine-legend{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;padding:0;font-size:12px;font-weight:700}.combine-cards{gap:12px;display:flex}.combine-card{border:2px solid var(--border-soft);background:var(--bg-soft);cursor:pointer;border-radius:12px;flex:1;gap:12px;padding:14px 16px;transition:all .12s;display:flex}.combine-card:hover{border-color:var(--muted-2)}.combine-card.selected{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px #f973161f, var(--shadow-1)}.combine-card input{accent-color:var(--primary);margin-top:3px}.combine-card-title{color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.combine-card-tag{background:var(--good-soft);color:var(--good);letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.combine-card-desc{color:var(--ink-soft);margin-top:4px;font-size:13px;line-height:1.4}.combine-card em{color:var(--primary-deep);font-style:normal;font-weight:700}.settings-preview{background:var(--accent-soft);border:1px solid #bae6fd;border-radius:10px;align-items:center;gap:12px;margin:8px 0 16px;padding:12px 16px;display:flex}.settings-preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.settings-preview-rule{background:var(--card);color:var(--ink);border:1px solid var(--border-soft);border-radius:6px;padding:4px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600}.history{max-width:1100px;margin:0 auto}.history-section{margin-bottom:36px}.history-section h3{color:var(--ink-soft);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 14px;font-size:13px;font-weight:700}.pb-banner{background:linear-gradient(95deg, var(--accent-soft), var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);align-items:baseline;gap:24px;margin-bottom:32px;padding:24px 32px;display:flex}.pb-banner.empty{color:var(--muted);font-size:15px}.pb-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:700}.pb-wpm{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.pb-meta{color:var(--muted);font-size:14px}.chart-wrap{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px}.chart-empty{color:var(--muted);text-align:center;background:var(--card);border-radius:var(--radius);border:1px dashed var(--border);padding:36px;font-size:15px}.weak-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-1);font-size:15px;overflow:hidden}.weak-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft);padding:14px 24px;font-size:13px;font-weight:600}.weak-table td{border-bottom:1px solid var(--border-soft);font-variant-numeric:tabular-nums;padding:12px 24px}.weak-table tr:last-child td{border-bottom:none}.weak-table code{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:700}.weak-table tr.out-of-pool td{opacity:.45}.weak-empty{color:var(--muted);text-align:center;background:var(--card);border-radius:var(--radius);border:1px dashed var(--border);padding:36px;font-size:15px}.weak-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.weak-col{min-width:0}.weak-col h4{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.weak-col .weak-table{font-size:13px}.weak-col .weak-table th,.weak-col .weak-table td{padding:6px 10px}.weak-empty-sub{color:var(--muted);margin:0;font-size:13px}.drill-btn{background:var(--accent-soft);width:100%;color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .12s}.drill-btn:hover{background:var(--accent);color:#fff}.drill-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.drill-title{color:var(--muted);font-size:14px;font-weight:600}.drill-note{background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent);text-align:center;border-radius:8px;margin:0 0 16px;padding:8px 14px;font-size:13px;font-weight:600}.drill-done{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:20px;display:flex}.drill-done-msg{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.content-page{background:var(--bg);min-height:100%;color:var(--ink)}.content-main{max-width:760px;margin:0 auto;padding:8px 24px 48px}.content-article h1{color:var(--ink);margin:8px 0 14px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12}.content-article h2{color:var(--ink);margin:28px 0 10px;font-size:1.35rem}.content-article p{color:var(--ink-soft);margin:0 0 14px;line-height:1.7}.content-lede{color:var(--ink-soft);font-size:1.15rem}.content-tip{background:var(--accent-soft);border-left:4px solid var(--accent);color:var(--ink);border-radius:8px;padding:12px 16px}.content-cta{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.content-cta .btn{text-decoration:none}.content-prevnext{border-top:1px solid var(--border-soft);justify-content:space-between;gap:16px;margin-top:32px;padding-top:18px;display:flex}.content-prevnext a{color:var(--accent);font-weight:600;text-decoration:none}.content-related ul{padding-left:18px}.content-related a{color:var(--accent);text-decoration:none}.breadcrumbs{color:var(--muted);margin:4px 0 8px;font-size:13px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumb-sep{color:var(--muted-2)}.lesson-keys-line{color:var(--primary-deep);letter-spacing:1px;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0;display:grid}.lesson-card,.guide-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;transition:border-color .12s;display:flex}.lesson-card:hover,.guide-card:hover{border-color:var(--primary-soft)}.lesson-card-title,.guide-card-title{color:var(--ink);font-weight:800}.lesson-card-keys{color:var(--primary-deep);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.lesson-card-desc,.guide-card-desc{color:var(--ink-soft);font-size:13px;line-height:1.45}.guide-list{gap:12px;margin:8px 0;display:grid}.tt-page{max-width:880px}.content-main:has(.tt-page){max-width:940px}.tt-intro{color:var(--ink-soft);font-size:1.1rem}.tt-widget{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);margin:18px 0;padding:16px}.tt-loading{color:var(--muted);text-align:center;padding:40px}.tt-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tt-controls-label{color:var(--muted);font-size:13px;font-weight:600}.tt-toggle{background:var(--bg-soft);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .12s}.tt-toggle.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tt-toggle:disabled{opacity:.5;cursor:default}.surface-multiline{text-align:left;width:100%;max-height:46vh;margin:0;padding:16px 18px;font-size:17px;line-height:1.9;overflow-y:auto}.tt-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tt-timer{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.tt-hint{color:var(--muted);font-size:14px}.tt-result{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);text-align:center;margin:18px 0;padding:28px}.tt-result-grid{justify-content:center;gap:40px;margin-bottom:22px;display:flex}.tt-result-stat{flex-direction:column;display:flex}.tt-result-value{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.tt-result-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:700}.tt-actions{justify-content:center;gap:12px;display:flex}.tt-actions .btn{text-decoration:none}.tt-variants{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.tt-variants a{color:var(--accent);font-weight:600;text-decoration:none}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border-soft);margin-top:48px}.site-footer-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;max-width:1080px;margin:0 auto;padding:36px 24px;display:grid}.site-footer-col{flex-direction:column;gap:8px;display:flex}.site-footer-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 4px;font-size:12px}.site-footer-col a{color:var(--ink-soft);font-size:14px;text-decoration:none}.site-footer-col a:hover{color:var(--primary-deep)}.site-footer-base{text-align:center;border-top:1px solid var(--border-soft);color:var(--muted);padding:16px;font-size:13px}.karaoke{max-width:1100px;margin:0 auto}.karaoke-intro{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);background:linear-gradient(95deg,#fff7ed,#fef9f0);margin-bottom:24px;padding:24px 28px}.karaoke-intro h2{background:linear-gradient(95deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px}.karaoke-intro p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.karaoke-intro .muted{color:var(--muted);font-size:13px}.track-picker{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.track-card{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);font:inherit;color:inherit;flex-direction:column;gap:8px;padding:22px 24px;transition:all .15s;display:flex}.track-card:hover{box-shadow:var(--shadow-2);border-color:var(--primary-soft);transform:translateY(-2px)}.track-card-title{color:var(--primary-deep);font-family:JetBrains Mono,ui-monospace,monospace;font-size:24px;font-weight:700}.track-card-blurb{color:var(--ink-soft);font-size:14px}.track-card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:1px;gap:14px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.track-card-credit{color:var(--muted-2);border-top:1px dashed var(--border-soft);margin-top:auto;padding-top:8px;font-size:11px}.countdown{justify-content:center;align-items:center;height:360px;display:flex}.countdown-number{background:linear-gradient(180deg, var(--primary), var(--primary-deep));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,ui-monospace,monospace;font-size:200px;font-weight:800;animation:.8s ease-out pulse}@keyframes pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.karaoke-session{flex-direction:column;gap:20px;display:flex}.karaoke-topbar{background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.karaoke-track-title{color:var(--primary-deep);align-items:baseline;gap:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:20px;font-weight:700;display:flex}.karaoke-track-time{color:var(--muted);font-size:13px;font-weight:500}.karaoke-actions{align-items:center;gap:8px;display:flex}.karaoke-tts{font-size:13px}.karaoke-tts.on{color:var(--good);border-color:var(--good)}.karaoke-progress{background:var(--border-soft);border-radius:999px;height:6px;overflow:hidden}.karaoke-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width 80ms linear}.lyric-roll{background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);flex-direction:column;gap:8px;min-height:220px;padding:28px 32px;display:flex;overflow:hidden}.lyric-line{letter-spacing:.3px;font-family:JetBrains Mono,ui-monospace,monospace;transition:all .2s}.lyric-line.future{color:var(--muted-2);font-size:16px}.lyric-line.next-1{color:var(--ink-soft);font-size:18px}.lyric-line.active{color:var(--ink);border-left:4px solid var(--accent);padding-left:14px;font-size:28px;font-weight:700}.lyric-line.past-1{color:var(--muted);opacity:.7;font-size:16px}.lyric-line.past{color:var(--muted-2);opacity:.4;font-size:14px}.karaoke-typer{background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:var(--shadow-2);white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none;min-height:80px;margin:0;padding:24px 32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:32px;line-height:1.5}.karaoke-typer.waiting{color:var(--muted);font-size:18px;font-style:italic}.karaoke-typer .ch.past{color:var(--muted-2)}.karaoke-typer .ch.past.error{color:var(--bad);background:var(--bad-soft);border-radius:4px}.karaoke-typer .ch.future{color:var(--ink-soft)}.karaoke-typer .ch.current{color:var(--ink);background:var(--accent-soft);border-bottom:4px solid var(--accent);border-radius:4px;padding:0 2px;font-weight:700}.karaoke-result{background:linear-gradient(180deg, #fff, var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:28px 32px}.karaoke-line-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);border:1px solid var(--border-soft);width:100%;margin:16px 0;font-size:13px;overflow:hidden}.karaoke-line-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:1px;background:var(--bg-soft);padding:10px 14px;font-size:11px;font-weight:600}.karaoke-line-table td{border-bottom:1px solid var(--border-soft);font-variant-numeric:tabular-nums;padding:8px 14px}.karaoke-line-table tr:last-child td{border-bottom:none}.karaoke-line-table tr.late td{color:var(--muted-2);opacity:.7}.karaoke-line-table code{background:var(--bg-soft);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace}.modepicker{flex-direction:column;gap:12px;display:flex}.modepicker-pill{background:var(--bg-soft);border-radius:12px;align-items:stretch;gap:4px;padding:4px;display:flex}.mode-tab{color:var(--muted-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.mode-tab:hover{color:var(--ink-soft)}.mode-tab.active{background:var(--card);color:var(--primary-deep);box-shadow:var(--shadow-1)}.mode-tab-badge{color:var(--muted);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:700}.mode-tab.active .mode-tab-badge{color:var(--primary-deep);background:var(--primary-soft)}.custom-sliders{background:var(--card);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-1);z-index:10;flex-direction:column;gap:12px;padding:16px 32px;display:flex;position:absolute;top:100%;left:0;right:0}.slider-row{grid-template-columns:140px 1fr 64px;align-items:center;gap:16px;display:grid}.slider-row label{color:var(--ink-soft);font-size:14px;font-weight:600}.slider-row input[type=range]{appearance:none;background:var(--border-soft);border-radius:3px;height:6px;padding:0}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--card);width:20px;height:20px;box-shadow:var(--shadow-1);border-radius:50%}.slider-value{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.custom-readout{border-top:1px solid var(--border-soft);gap:24px;padding-top:8px;display:flex}.readout-item{flex-direction:column;gap:2px;display:flex}.readout-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.readout-value{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.topbar{position:relative}.score-chip{background:linear-gradient(180deg, var(--bg-soft), var(--card));border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-end;min-width:80px;padding:6px 14px;display:inline-flex}.score-chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.score-chip-value{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1.1}.palette-scored-banner{color:var(--ink-soft);background:var(--accent-soft);border:1px solid var(--border-soft);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.leaderboard{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;display:flex}.leaderboard-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:24px 28px}.leaderboard-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.leaderboard-header h2{color:var(--ink);margin:0;font-size:22px}.leaderboard-total{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1}.leaderboard-sub{color:var(--muted);margin:0;font-size:14px}.leaderboard-inline-link{font:inherit;cursor:pointer;color:var(--primary-deep);background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.leaderboard-inline-link:hover{color:var(--primary)}.leaderboard-card h3{color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:16px;font-weight:700}.leaderboard-empty{color:var(--muted);font-size:14px}.leaderboard-table{border-collapse:collapse;width:100%;font-size:14px}.leaderboard-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-soft);padding:10px 12px;font-size:11px;font-weight:700}.leaderboard-table td{border-bottom:1px solid var(--border-soft);color:var(--ink-soft);padding:10px 12px}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table .num{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-table .muted{color:var(--muted)}.leaderboard-table .strong{color:var(--primary-deep);font-weight:700}.leaderboard-table tr.leaderboard-row-me td{background:color-mix(in srgb, var(--primary-soft) 50%, transparent);font-weight:700}.leaderboard-stub p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.topbar-slim{background:var(--card);border-bottom:1px solid var(--border-soft);z-index:50;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.brand-button{letter-spacing:-.5px;background:linear-gradient(95deg, var(--primary), var(--accent));color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-family:inherit;font-size:22px;font-weight:800}.topbar-links{flex:1;gap:4px;display:flex}.topbar-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .12s}.topbar-link:hover{background:var(--bg-soft);color:var(--ink)}.topbar-link.active{background:var(--bg-soft);color:var(--primary-deep)}.site-nav{background:var(--card);border-bottom:1px solid var(--border-soft);z-index:50;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.site-nav-brand{letter-spacing:-.5px;background:linear-gradient(95deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;text-decoration:none}.site-nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.site-nav-link{color:var(--muted);border-radius:9px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .12s}.site-nav-link:hover{background:var(--bg-soft);color:var(--ink)}.site-nav-link.active{background:var(--bg-soft);color:var(--primary-deep)}.site-nav-right{margin-left:auto}@media (width<=720px){.site-nav{padding:10px 14px}.site-nav-link{padding:6px 9px;font-size:13px}}.user-widget{background:linear-gradient(180deg, var(--bg-soft), var(--card));border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-end;gap:2px;min-width:180px;padding:8px 16px;font-family:inherit;transition:all .12s;display:flex}.user-widget:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-1)}.user-widget-name{color:var(--ink);letter-spacing:-.2px;font-size:14px;font-weight:700}.user-widget-meta{color:var(--muted);align-items:baseline;gap:12px;font-size:12px;font-weight:600;display:flex}.user-widget-rank{text-transform:uppercase;letter-spacing:1px;font-size:10px}.user-widget-score-row{align-items:baseline;gap:4px;display:inline-flex;position:relative}.user-widget-score{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.user-widget-delta{font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;font-size:12px;font-weight:800;animation:1.5s ease-out forwards scoreDeltaPop;position:absolute;top:-10px;right:0}.user-widget-delta.up{color:var(--good);text-shadow:0 0 6px #16a34a59}.user-widget-delta.down{color:var(--bad);text-shadow:0 0 6px #dc262659}@keyframes scoreDeltaPop{0%{opacity:0;transform:translateY(0)scale(.85)}15%{opacity:1;transform:translateY(-4px)scale(1.15)}60%{opacity:.95;transform:translateY(-22px)scale(1)}to{opacity:0;transform:translateY(-44px)scale(.95)}}.home{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:720px;margin:0 auto;padding-top:8vh;display:flex}.home-headline h1{letter-spacing:-1px;background:linear-gradient(95deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:38px;font-weight:800}.home-headline p{color:var(--muted);max-width:560px;margin:0;font-size:16px;line-height:1.5}.home-cta{min-width:240px;padding:16px 32px;font-size:18px}.home-continue{width:100%}.home-continue-kicker{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.home-continue-card{background:linear-gradient(95deg, var(--primary-soft), var(--bg-soft));border:1px solid var(--primary-soft);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow-1);align-items:center;gap:20px;padding:20px 24px;transition:filter .12s;display:flex}.home-continue-card:hover{filter:brightness(1.02)}.home-continue-main{flex-direction:column;gap:2px;min-width:120px;display:flex}.home-continue-label{color:var(--ink);font-size:20px;font-weight:800}.home-continue-target{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px}.home-continue-progress{flex:1;align-items:center;gap:10px;display:flex}.home-continue-go{color:var(--primary-deep);white-space:nowrap;font-weight:800}.home-new{width:100%}.home-new h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-soft);margin:0 0 14px;font-size:13px;font-weight:700}.home-presets{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.home-preset{text-align:left;background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-1);flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .12s;display:flex}.home-preset:hover{border-color:var(--primary-soft)}.home-preset-name{color:var(--ink);font-size:16px;font-weight:800}.home-preset-target{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.home-preset-award{color:var(--primary-deep);font-size:12px;font-weight:700}.home-preset-custom{border-style:dashed}.home-stats{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:16px;display:grid}.home-stat{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-direction:column;align-items:center;gap:4px;padding:16px 18px;display:flex}.home-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.home-stat-breakdown{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.home-stat-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.select{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.select-header{align-items:center;gap:16px;margin-bottom:4px;display:flex}.select-header h1{color:var(--ink);margin:0;font-size:24px}.select-back{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.select-back:hover{background:var(--bg-soft);color:var(--ink)}.select-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px 24px}.select-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 14px;font-size:12px;font-weight:700}.select-presets{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.select-preset{background:var(--bg-soft);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;font-family:inherit;transition:all .12s;display:flex}.select-preset:hover{border-color:var(--primary-soft)}.select-preset.active{border-color:var(--primary);background:var(--primary-soft)}.select-preset-name{color:var(--ink);font-size:16px;font-weight:700}.select-custom-name{color:var(--primary-deep)}.select-preset-targets{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.select-preset-award{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.select-sliders{flex-direction:column;gap:14px;margin-bottom:12px;display:flex}.select-actions{gap:12px;padding:16px 0;display:flex}.select-play{flex:1;padding:14px 24px;font-size:16px}.select-reset{color:var(--bad);border-color:var(--bad-soft)}.select-reset:hover{background:var(--bad-soft)}.history-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.username-editor{background:var(--card);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);border-radius:10px;align-items:center;gap:12px;padding:8px 14px;display:flex}.username-editor-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.username-editor-row{align-items:center;gap:8px;display:flex}.username-editor-value{color:var(--ink);font-size:14px;font-weight:700}.username-editor-input{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;min-width:200px;padding:6px 10px;font-family:inherit;font-size:14px}.username-editor-save{padding:6px 12px;font-size:13px}.username-editor-hint{color:var(--bad);font-size:12px}.username-editor.editing{flex-direction:column;align-items:stretch}.profile-header .username-editor{margin:0 auto 14px;display:inline-flex}.profile-header .username-editor-value{font-size:24px}.user-widget-delta{letter-spacing:-.3px;border-radius:999px;padding:4px 12px;font-size:22px!important;animation:2.4s cubic-bezier(.16,1,.3,1) forwards scoreDeltaPopBig!important;top:-28px!important;right:-8px!important}.user-widget-delta.up{text-shadow:0 1px 2px #0003;background:linear-gradient(#22c55e,#16a34a);box-shadow:0 4px 16px #16a34a73;color:#fff!important}.user-widget-delta.down{text-shadow:0 1px 2px #0003;background:linear-gradient(#ef4444,#dc2626);box-shadow:0 4px 16px #dc262673;color:#fff!important}@keyframes scoreDeltaPopBig{0%{opacity:0;transform:translateY(8px)scale(.6)}12%{opacity:1;transform:translateY(-4px)scale(1.3)}25%{opacity:1;transform:translateY(-12px)scale(1)}85%{opacity:1;transform:translateY(-72px)scale(1)}to{opacity:0;transform:translateY(-96px)scale(.85)}}.user-widget.pulse-up{animation:1.2s ease-out scoreChipPulseUp;border-color:#22c55e!important}.user-widget.pulse-down{animation:1.2s ease-out scoreChipPulseDown;border-color:#ef4444!important}@keyframes scoreChipPulseUp{0%{box-shadow:0 0 #22c55e99}60%{box-shadow:0 0 0 18px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes scoreChipPulseDown{0%{box-shadow:0 0 #ef444499}60%{box-shadow:0 0 0 18px #ef444400}to{box-shadow:0 0 #ef444400}}.score-toast{color:#fff;pointer-events:none;z-index:200;text-shadow:0 2px 8px #00000040;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:22px 38px;font-weight:800;animation:.32s cubic-bezier(.16,1,.3,1) forwards scoreToastEnter;display:inline-flex;position:fixed;top:28vh;left:50%}.score-toast.up{background:linear-gradient(#22c55e,#15803d);box-shadow:0 12px 36px #16a34a73,0 0 0 4px #fff9}.score-toast.down{background:linear-gradient(#ef4444,#b91c1c);box-shadow:0 12px 36px #dc262673,0 0 0 4px #fff9}.score-toast-icon{opacity:.85;font-size:22px}.score-toast-amount{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:56px;line-height:1}.score-toast-label{text-transform:uppercase;letter-spacing:2px;opacity:.92;font-size:13px;font-weight:700}@keyframes scoreToastEnter{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.6)}60%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.home-resume{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-1);text-align:left;padding:22px 24px}.home-resume h3{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:700}.home-resume-sub{color:var(--muted);margin:0 0 14px;font-size:13px}.home-resume-list{flex-direction:column;gap:8px;display:flex}.home-resume-row{background:var(--bg-soft);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:200px 1fr 160px;align-items:center;gap:16px;padding:12px 16px;font-family:inherit;transition:all .12s;display:grid}.home-resume-row:hover{border-color:var(--primary-soft);background:var(--card);box-shadow:var(--shadow-1)}.home-resume-row-main{flex-direction:column;gap:2px;display:flex}.home-resume-label{color:var(--ink);font-size:15px;font-weight:700}.home-resume-target{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.home-resume-row-progress{align-items:center;gap:10px;display:flex}.home-resume-bar{background:var(--border-soft);border-radius:4px;flex:1;height:8px;overflow:hidden}.home-resume-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .24s}.home-resume-letters{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:12px;font-weight:700}.home-resume-row-stats{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.home-resume-per{color:var(--muted);font-size:12px;font-weight:600}.home-resume-score{color:var(--primary-deep);font-size:18px;font-weight:800}.route-loading{min-height:60vh;color:var(--muted);place-items:center;font-size:15px;display:grid}.badges-page{max-width:1000px;margin:0 auto}.badges-page-header{text-align:center;margin-bottom:28px}.badges-page-header h1{color:var(--ink);margin:0 0 6px}.badges-page-header p{color:var(--ink-soft);margin:0}.badges-cat{margin-bottom:32px}.badges-cat h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:700}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.badge-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex}.badge-card-points{color:var(--primary-deep);background:var(--primary-soft);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.badge-card-blurb{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.badge-card-holders{color:var(--muted);margin-top:auto;font-size:11px}.badge-card-progress{width:100%;margin-top:auto}.badge-card-bar{background:var(--bg-soft);border-radius:3px;height:6px;overflow:hidden}.badge-card-bar-fill{background:var(--primary);border-radius:3px;height:100%}.badge-card-progress-text{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.badge-card-earned{color:var(--good);font-size:12px;font-weight:700}.badge-medal{flex-direction:column;align-items:center;gap:6px;display:flex}.badge-medal-img{line-height:0;position:relative}.badge-medal-img img{display:block}.badge-medal.locked .badge-medal-img img{filter:grayscale()opacity(.4)}.badge-medal-lock{place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.badge-medal-name{color:var(--ink);font-size:13px;font-weight:700}.badge-medal.locked .badge-medal-name{color:var(--muted)}.badge-celebrate-stage{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.badge-celebrate-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--primary);font-size:13px;font-weight:800}.badge-celebrate-medal{animation:.42s cubic-bezier(.2,.9,.3,1.4) badge-pop}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.badge-celebrate-name{color:var(--ink);font-size:26px;font-weight:800}.badge-celebrate-blurb{color:var(--ink-soft);max-width:420px;font-size:15px}.profile{max-width:900px;margin:0 auto}.profile-header{text-align:center;margin-bottom:28px}.profile-name{color:var(--ink);margin:0 0 14px}.profile-headline-stats{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.profile-hstat{flex-direction:column;gap:2px;display:flex}.profile-hstat-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:700}.profile-hstat-breakdown{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.profile-hstat-value{color:var(--primary-deep);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.profile-section{margin-bottom:32px}.profile-section h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-soft);margin:0 0 14px;font-size:13px;font-weight:700}.profile-empty{color:var(--muted)}.profile-badge-strip{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.profile-badge-all{color:var(--accent);align-self:center;font-weight:700;text-decoration:none}.profile-badge-all:hover{text-decoration:underline}.home-resume-row-static{cursor:default}.leaderboard-player{color:var(--accent);font-weight:600;text-decoration:none}.leaderboard-player:hover{text-decoration:underline}.profile-error{text-align:center;color:var(--ink-soft);padding:48px 24px}.profile-error h1{color:var(--ink)}.landing{background:radial-gradient(1100px 480px at 50% -10%, var(--bg-soft), transparent 70%), var(--bg);min-height:100%;color:var(--ink)}.landing-nav{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:20px 24px;display:flex}.landing-brand{color:var(--primary-deep);letter-spacing:-.01em;font-size:22px;font-weight:800;text-decoration:none}.landing-nav-links{align-items:center;gap:18px;display:flex}.landing-nav-link{color:var(--ink-soft);font-size:15px;font-weight:600;text-decoration:none}.landing-nav-link:hover{color:var(--primary-deep)}.landing main{max-width:860px;margin:0 auto;padding:0 24px}.landing-hero{text-align:center;padding:56px 0 40px}.landing-hero h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.landing-lede{color:var(--ink-soft);max-width:640px;margin:0 auto 28px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.landing-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.landing-cta-primary,.landing .btn{text-decoration:none}.landing-section{border-top:1px solid var(--border-soft);padding:36px 0}.landing-section h2{color:var(--ink);text-align:center;margin:0 0 20px;font-size:1.6rem}.landing-steps{counter-reset:step;gap:16px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{counter-increment:step;background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-1);color:var(--ink-soft);padding:18px 20px 18px 64px;line-height:1.5;position:relative}.landing-steps li:before{content:counter(step);background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:16px;left:18px}.landing-steps strong,.landing-features strong{color:var(--ink)}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.landing-features li{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--ink-soft);box-shadow:var(--shadow-1);padding:18px 20px;line-height:1.5}.landing-faq{margin:0}.landing-faq-item{border-bottom:1px solid var(--border-soft);padding:16px 0}.landing-faq dt{color:var(--ink);margin-bottom:6px;font-weight:700}.landing-faq dd{color:var(--ink-soft);margin:0;line-height:1.6}.landing-final-cta{text-align:center;padding:52px 0}.landing-final-cta h2{color:var(--ink);margin:0 0 22px;font-size:1.8rem}.landing-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border-soft);padding:32px 24px;font-size:14px}@media (width<=640px){.landing-features{grid-template-columns:1fr}}