*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #22263a;--border: #2e3348;--text: #e8eaf0;--text-muted: #7c82a0;--text-dim: #4a506b;--accent: #6b8cff;--accent-dim: rgba(107, 140, 255, .15);--correct: #4ade80;--correct-dim: rgba(74, 222, 128, .12);--wrong: #f87171;--wrong-dim: rgba(248, 113, 113, .12);--neutral: #fbbf24;--neutral-dim: rgba(251, 191, 36, .12);--radius: 12px;--radius-sm: 8px;--font: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;overflow:hidden}button{font-family:var(--font);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font-family:var(--font)}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}