:root{--bg:#f5f3ee;--card:#fff;--text:#1d1b19;--muted:#6b655d;--accent:#d4a017;--accent-text:#1d1b19;--ok:#2e9e5b;--bad:#d64545;--border:#e3dfd6;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161514;--card:#211f1d;--text:#f2efe9;--muted:#9b948a;--accent:#f0b429;--accent-text:#161514;--ok:#3fbf76;--bad:#ef6464;--border:#36322e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif}main{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--muted)}.btn{font:inherit;cursor:pointer;background:var(--card);color:var(--text);border:none;border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-weight:600}.btn:disabled{opacity:.4;cursor:default}.chip-now{border-color:var(--accent)}.chip-ok{border-color:var(--ok);color:var(--ok)}.chip-bad{border-color:var(--bad);color:var(--bad)}.btn-ok{background:var(--ok);color:#fff;opacity:1;border-color:#0000}.btn-bad{background:var(--bad);color:#fff;opacity:1;border-color:#0000}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.mode-tabs{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:flex;position:relative}.mode-tab{font:inherit;color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:8px 2px;font-size:13px;position:relative}.mode-tab[aria-selected=true]{color:var(--accent-text);font-weight:600}.mode-tab-label{position:relative}.mode-indicator{background:var(--accent);z-index:0;border-radius:10px;position:absolute;inset:0}.number-pad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.number-pad .btn{font-variant-numeric:tabular-nums;padding:12px 0}.feedback{text-align:center;border-radius:12px;padding:8px;font-weight:700}.feedback-ok{color:var(--ok)}.feedback-bad{color:var(--bad)}.text-input{width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:12px;font-size:20px}