:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b0c0f;--card:#ffffff0f;--text:#f3f4f6;--muted:#f3f4f6b3;--border:#ffffff1f;--accent:#60a5fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--card:#fff;--text:#111827;--muted:#111827a6;--border:#1118271f;--accent:#2563eb}}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0}.appShell{flex-direction:column;min-height:100%;display:flex}.topBar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--bg) 82%, transparent);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.topBarTitle{letter-spacing:.2px;font-size:16px;font-weight:650}.linkBtn{color:var(--accent);background:0 0;border:0;padding:8px 10px;font-weight:600}.page{box-sizing:border-box;width:100%;max-width:520px;margin:0 auto;padding:14px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.title{margin-bottom:6px;font-size:16px;font-weight:700}.muted{color:var(--muted);font-size:13px}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.bigBtn{border:1px solid var(--border);background:color-mix(in oklab, var(--accent) 18%, var(--card));width:100%;color:var(--text);border-radius:14px;padding:14px;font-size:16px;font-weight:750}.ghostBtn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:14px;flex:1;padding:12px 10px;font-weight:650}.questionCard{padding:18px 14px}.questionCardWrong{border-color:color-mix(in oklab, #fb7185 55%, var(--border));background:color-mix(in oklab, #fb7185 14%, var(--card))}.questionText{letter-spacing:.4px;justify-content:center;align-items:baseline;gap:10px;font-size:34px;font-weight:800;display:flex}.qAns{text-align:center;min-width:2ch;color:var(--accent)}.inputPreview{justify-content:space-between;align-items:center;display:flex}.stepCurrent{border:1px solid color-mix(in oklab, #34d399 40%, var(--border));background:oklab(77.2944% -.146957 .0443044/.18);border-radius:12px;padding:10px}.inputLabel{color:var(--muted);font-size:13px}.inputValue{font-size:18px;font-weight:800}.keypad{margin-top:2px}.keypadGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keyBtn{border:1px solid var(--border);background:var(--card);min-height:52px;color:var(--text);border-radius:14px;font-size:18px;font-weight:800}.keyAlt{font-size:16px;font-weight:750}.keyPrimary{background:color-mix(in oklab, var(--accent) 28%, var(--card))}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.fieldLabel{color:var(--muted);font-size:13px}.input{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:12px;padding:12px;font-size:16px}.fieldRow{align-items:center;gap:10px;display:flex}.chips{gap:10px;margin-top:10px;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;flex:1;padding:10px;font-weight:700}.chipActive{background:color-mix(in oklab, var(--accent) 22%, transparent);border-color:color-mix(in oklab, var(--accent) 45%, var(--border))}.statsGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.stat{border:1px solid var(--border);border-radius:12px;padding:10px}.statLabel{color:var(--muted);font-size:12px}.statValue{margin-top:6px;font-weight:800}.summary{cursor:pointer;font-weight:700}.attemptList{flex-direction:column;gap:10px;margin-top:10px;display:flex}.attemptRow{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;display:flex}.attemptRow:last-child{border-bottom:0}.attemptQ{font-weight:700}.ok{color:#34d399;font-weight:750}.bad{color:#fb7185;font-weight:750}