:root{--bg:#0b1220;--panel:#111a2b;--muted:#9fb0d0;--text:#e8f0ff;--accent:#65d6ff;--accent-2:#8bffde;--error:#ff718b;--ok:#78ffb6}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:#030505;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;position:relative}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000040}.grid{gap:16px;display:grid}.btn{color:#04121f;background:linear-gradient(90deg,var(--accent)0%,var(--accent-2)100%);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--text);background:#1f2a40;border:1px solid #ffffff1a}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{color:#04121f;background:var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.option{color:#fff;cursor:pointer;text-align:left;background:#121c2e;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px}.option[data-selected=true]{outline:2px solid var(--accent)}.option[data-correct=true]{outline:2px solid var(--ok);background:#78ffb614}.option[data-wrong=true]{outline:2px solid var(--error);background:#ff718b14}.kbd{background:#0e1728;border:1px solid #ffffff1f;border-radius:6px;padding:2px 6px;font-size:12px}.small{color:var(--muted);font-size:13px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}