:root{--bg:#F3F5F6;--surface:#FFFFFF;--surface2:#EEF2F4;--line:#D5DCE0;--text:#16211F;--muted:#5D6D75;--accent:#2F6BE8;--accent-ink:#FFFFFF;--good:#1E8F58;--good-ink:#FFFFFF;--bad:#C8432E;--warn:#B8791A;--warn-soft:#FBF1DC;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--ui:"Barlow",system-ui,sans-serif;--disp:"Barlow Condensed","Barlow",system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg:#0B0F12;--surface:#182026;--surface2:#1F2930;--line:#2A3540;--text:#E9EEF0;--muted:#8797A1;--accent:#3D7EFF;--good:#2FB873;--good-ink:#06130C;--bad:#E4573F;--warn:#E0A23A;--warn-soft:#2E2718}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);min-height:100%}main{padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:14px}h1{font-family:var(--disp);font-size:28px;margin:0}h2{font-family:var(--disp);font-size:18px;margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.btn{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:.03em;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:12px 14px;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.danger{background:var(--bad);color:#fff;border-color:var(--bad)}.btn:disabled{opacity:.5}.btn:focus-visible,input:focus-visible{outline:2px solid var(--warn);outline-offset:2px}input{font-family:var(--mono);font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);width:100%}.toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--warn-soft);border:1px solid var(--warn);color:var(--text);border-radius:12px;padding:10px 12px;font-size:14px;z-index:10}.banner{background:var(--warn-soft);border:1px solid var(--warn);border-radius:12px;padding:10px 12px;font-size:14px}.nav{display:flex;gap:8px}.nav .btn{flex:1;padding:10px}.nav .btn[aria-current=page]{border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:8px}.outcomes{display:flex;flex-wrap:wrap;gap:8px}.outcome{flex:1 1 30%;display:flex;flex-direction:column;gap:6px;min-width:0}.outcome .row{flex-wrap:wrap}.outcome .btn{flex:1;padding:10px 6px;font-size:15px}.up{color:var(--good)}.dn{color:var(--bad)}