:root{--bg:#14171c;--bg-card:#1b2027;--bg-card-raised:#212832;--bg-sunken:#0e1116;--text:#e9e7e0;--text-muted:#7d8792;--border:#2b323b;--border-strong:#3d4650;--primary:#f5a623;--primary-dark:#c9841a;--primary-bg:#f5a62324;--on-primary:#191307;--accent:#45e0c4;--accent-dark:#22b8a0;--accent-bg:#45e0c41f;--success:#4ade80;--success-bg:#4ade8024;--danger:#fb7185;--danger-bg:#fb718524;--key-white:#fffdf9;--key-black:#221c15;--radius-sm:4px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 10px 26px #00000073, 0 2px 6px #0000004d;--shadow-lg:0 18px 44px #00000080;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-x:hidden}body{background:radial-gradient(ellipse 900px 500px at 50% -10%, #f5a6230f, transparent 60%), var(--bg);min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:700}h2{font-size:1.6rem}h3{color:var(--accent);font-size:1rem;font-weight:700}p{margin:0}button{font-family:inherit}select{color:var(--text);appearance:none;background-color:var(--bg-sunken);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%2345e0c4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;font-family:inherit;padding-right:32px!important}select:hover{border-color:var(--accent)!important}input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}input[type=range]{appearance:none;background:var(--bg-sunken);cursor:pointer;border-radius:999px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg-card);width:14px;height:14px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:3px}input[type=range]::-moz-range-thumb{border:2px solid var(--bg-card);background:var(--accent);width:14px;height:14px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:3px}input[type=range]::-moz-range-track{background:var(--bg-sunken);border-radius:999px;height:4px}.kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.rule{border:none;border-top:1px solid var(--border);margin:0}.rule-heavy{border:none;border-top:2px solid var(--border-strong);margin:0}.icon-badge{border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px 32px;position:relative}.card:before{content:"";background:linear-gradient(90deg,#0000,#f5a62359,#0000);height:1px;position:absolute;top:0;left:12px;right:12px}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:transform .15s cubic-bezier(.2,.7,.3,1.4),box-shadow .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:50ms;transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 0 var(--primary-dark)}.btn-primary:hover:not(:disabled){box-shadow:0 2px 0 var(--primary-dark), 0 0 18px #f5a62366;background:#ffb84d}.btn-ghost{background:var(--bg-sunken);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #45e0c42e}.btn-choice{background:var(--bg-sunken);color:var(--text);border-color:var(--border)}.btn-choice:hover:not(:disabled){border-color:var(--accent)}.btn-choice.is-correct{background:var(--success-bg);border-color:var(--success);color:#a3f2c1;animation:.3s cubic-bezier(.2,.8,.3,1.5) choice-pop}.btn-choice.is-wrong{background:var(--danger-bg);border-color:var(--danger);color:#ffc0c8;animation:.35s choice-shake}.btn-choice.is-picked:not(.is-correct):not(.is-wrong){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}@keyframes choice-pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes choice-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.btn-choice.is-correct,.btn-choice.is-wrong{animation:none}}.tab{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;align-items:center;gap:7px;padding:9px 16px;font-size:.78rem;font-weight:600;transition:all .12s;display:inline-flex}.tab:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.stepper{align-items:center;gap:4px;margin-bottom:4px;display:flex}.stepper-step{color:var(--text-muted);align-items:center;gap:8px;display:flex}.stepper-dot{width:22px;height:22px;font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:background .15s,box-shadow .15s,border-color .15s;display:flex}.stepper-step.is-active .stepper-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary);animation:1.8s ease-in-out infinite led-pulse}.stepper-step.is-done .stepper-dot{background:var(--success);border-color:var(--success);color:#0d1b12;animation:.4s led-on;box-shadow:0 0 8px #4ade8066}@keyframes led-pulse{0%,to{box-shadow:0 0 8px #f5a62373}50%{box-shadow:0 0 16px #f5a623d9}}@keyframes led-on{0%{transform:scale(.7);box-shadow:0 0 #4ade8000}60%{transform:scale(1.15)}to{transform:scale(1);box-shadow:0 0 8px #4ade8066}}@media (prefers-reduced-motion:reduce){.stepper-step.is-active .stepper-dot,.stepper-step.is-done .stepper-dot{animation:none}}.stepper-step.is-active .stepper-label{color:var(--text);font-weight:600}.stepper-label{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;display:none}.stepper-line{background:var(--border);flex-shrink:0;width:20px;height:2px}@media (width>=640px){.stepper-label{display:inline}.stepper-line{width:32px}}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:default;padding:5px 10px;font-size:.72rem;font-weight:600}.badge-new{background:var(--bg-sunken);color:var(--text-muted)}.badge-learning{background:var(--primary-bg);color:#ffc873;border-color:#f5a62366}.badge-mastered{background:var(--success-bg);color:#a3f2c1;border-color:#4ade8066}.badge.is-due{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger) inset}.module-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.module-row{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border-left:2px solid #0000;align-items:center;gap:16px;padding:16px 12px;transition:border-color .15s,background .15s,padding .15s;animation:.4s cubic-bezier(.2,.7,.3,1) both fade-in-up;display:flex}.module-row:hover{background:var(--bg-card);border-left-color:var(--accent);padding-left:18px}.module-row-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:color .15s,transform .15s;display:inline-flex}.module-row:hover .module-row-icon{color:var(--accent);transform:scale(1.1)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.module-row{animation:none}}.module-row-body{flex:1;min-width:0}.module-row-title{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700;display:block}.module-row-desc{color:var(--text-muted);margin-top:2px;font-size:.82rem;line-height:1.4;display:block}.module-row-meta{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;font-size:.72rem;font-weight:600;display:flex}.meter{gap:2px;display:flex}.meter-segment{background:var(--bg-sunken);border:1px solid var(--border);border-radius:1px;width:6px;height:9px}.meter-segment.is-lit{background:var(--success);border-color:var(--success);animation:.3s both meter-light;box-shadow:0 0 4px #4ade8099}@keyframes meter-light{0%{opacity:.4;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.meter-segment.is-lit{animation:none}}.module-row.is-upcoming{cursor:default}.module-row.is-upcoming:hover{background:0 0;border-left-color:#0000;padding-left:12px}svg rect:focus-visible,svg circle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-fade{animation:.28s page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-fade{animation:none}}.explanation{background:var(--accent-bg);border:1px solid var(--accent-dark);border-left:3px solid var(--accent);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:16px 18px;animation:.25s explanation-in;display:flex}@keyframes explanation-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rack-label{color:var(--text-muted);align-items:center;gap:10px;display:flex}.rack-label:after{content:"";background:var(--border);flex:1;height:1px}.wave-bar{transform-origin:50%;animation:ease-in-out infinite wave-bounce}@keyframes wave-bounce{0%,to{opacity:.25;transform:scaleY(.55)}50%{opacity:.55;transform:scaleY(1)}}.loader-bar{transform-origin:bottom;animation:.9s ease-in-out infinite loader-bounce}@keyframes loader-bounce{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.wave-bar,.loader-bar{animation:none}}.stat-number{font-variant-numeric:tabular-nums;display:inline-block}