:root{--brand: #0b5fff;--ink: #101828;--body: #475467;--line: #e4e7ec;--bad: #b42318;--good: #067647;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f7f8fa;-webkit-font-smoothing:antialiased}main{max-width:430px;margin:0 auto;padding:32px 20px 48px;min-height:100dvh}h1{font-size:26px;line-height:1.2;margin:24px 0 8px}p{color:var(--body);line-height:1.55;margin:0 0 16px}label{display:block;font-weight:600;margin:24px 0 8px}input[inputmode=numeric]{width:100%;font-size:32px;letter-spacing:.5em;text-align:center;padding:18px 12px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-variant-numeric:tabular-nums}input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}button{width:100%;margin-top:20px;padding:16px;font-size:17px;font-weight:600;color:#fff;background:var(--brand);border:0;border-radius:14px}button:disabled{opacity:.5}.bad{color:var(--bad)}.good{color:var(--good)}.muted{font-size:14px;color:var(--body)}.brand{font-weight:700;color:var(--brand);letter-spacing:-.02em}button.secondary{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}select{width:100%;padding:14px;font-size:17px;border:1.5px solid var(--line);border-radius:14px;background:#fff}