@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#0c0e14;--bg-card:#141721;--bg-card-hover:#1b2030;--bg-input:#10131d;--border-subtle:#242a3e;--border-focus:#e2b714;--accent-gold:#e2b714;--accent-gold-glow:#e2b71426;--accent-green:#38bdf8;--text-primary:#e2e8f0;--text-muted:#64748b;--text-untyped:#475569;--text-correct:#f8fafc;--text-error:#ef4444;--error-bg:#ef444433}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}code,pre,.font-mono{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.typing-caret{background-color:var(--accent-gold);vertical-align:text-bottom;width:2px;height:1.3em;box-shadow:0 0 8px var(--accent-gold);border-radius:1px;animation:.9s infinite caret-blink;display:inline-block}.char-pending{color:var(--text-untyped);transition:color 50ms}.char-correct{color:#e2e8f0;text-shadow:0 0 1px #e2e8f033}.char-error{color:#f87171;background-color:#ef444440;border-radius:2px;-webkit-text-decoration:underline wavy #ef4444;text-decoration:underline wavy #ef4444}.char-space-error{background-color:#ef444466;border-radius:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2a3147;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3e4868}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-easy{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.badge-medium{color:#facc15;background:#eab3081f;border:1px solid #eab30840}.badge-hard{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141721bf;border:1px solid #ffffff14;border-radius:12px}.stat-pill{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}.btn-primary{background:var(--accent-gold);color:#0c0e14;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#f59e0b;box-shadow:0 0 15px #f59e0b66}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff3}