:root{--bg:#f5f8fa;--panel:#fff;--ink:#1f2937;--accent:#0f766e;--wrong:#b91c1c;--correct:#15803d}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,#dbf4ff,var(--bg) 45%);color:var(--ink)}.screen,body,html{height:100dvh;overflow:hidden}.screen{display:grid;grid-template-rows:34% 66%;grid-gap:8px;gap:8px;padding:8px}.screen.idle{grid-template-rows:22% 78%}.screen.active{grid-template-rows:42% 58%}.keypadPanel,.topPanel{border-radius:18px;background:var(--panel);box-shadow:0 6px 18px rgba(15,23,42,.1);padding:12px;min-height:0;overflow:hidden}.topPanel{display:flex;flex-direction:column;gap:6px}.counter,.query{margin:0;font-size:clamp(.8rem,2.6vw,.95rem)}.questionText{margin:0;font-size:clamp(.95rem,3.6vw,1.3rem);font-weight:700;line-height:1.25}.correct{color:var(--correct)}.wrong{color:var(--wrong)}.questionList{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.keypadPanel{display:grid;grid-template-rows:1fr auto;grid-gap:8px;gap:8px}.keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.actionBtn,.key{border:none;border-radius:12px;font-size:clamp(.9rem,3.8vw,1.2rem);font-weight:700;padding:clamp(8px,1.6vh,12px) 4px;background:#e6f6f4;color:#0f172a;min-height:clamp(36px,5.6vh,52px)}.actionBtn:active,.key:active{transform:scale(.98)}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.actionBtn{background:#dbeafe}.actionBtn.clear{background:#fee2e2;color:#7f1d1d}@media (min-width:700px){.screen{max-width:480px;margin:0 auto}}