*,:before,:after{box-sizing:border-box}:root{--bg:#0d0f1a;--surface:#13162a;--surface2:#1a1f38;--border:#2a2f50;--text:#c8cfe8;--text-dim:#6b7499;--accent:#7c6ef5;--accent-glow:#7c6ef540;--correct:#22c55e;--wrong:#ef4444;--cell-size:36px;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,sans-serif;font-size:15px}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:6px;padding:6px 14px;font-size:14px;transition:background .15s,border-color .15s}button:hover,button.active{background:var(--accent);border-color:var(--accent);color:#fff}input[type=date]{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:6px 10px;font-size:14px}input[type=date]:focus{border-color:var(--accent)}