:root{--bg:#f6f7f9;--card:#fff;--text:#1a1d21;--muted:#667085;--accent:#0b6b3a;--warn:#b42318;--border:#d0d5dd;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--card:#1e2127;--text:#f2f4f7;--muted:#98a2b3;--accent:#3ccf84;--warn:#f97066;--border:#3a3f48}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:32rem;margin:0 auto;padding:1rem}h1{margin:1rem 0 .5rem;font-size:1.5rem}h2{margin:1.25rem 0 .5rem;font-size:1.125rem}.list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;gap:.5rem;padding:.75rem;display:grid}form.card{margin:.75rem 0}form.card.row{display:flex}.row{align-items:center;gap:.5rem;display:flex}li.card.row{display:flex}.grow{flex:1}label{color:var(--muted);gap:.25rem;font-size:.875rem;display:grid}input,button{font:inherit;border:1px solid var(--border);background:var(--card);min-height:3rem;color:var(--text);border-radius:.5rem;padding:0 .875rem}input{width:100%;min-width:0}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.wide{width:100%;margin-top:1rem}button.link{text-align:left;background:0 0;border:0;padding:.25rem 0;display:grid}.muted{color:var(--muted);font-size:.875rem}.amount{text-align:right;min-width:3rem;font-size:1.25rem;font-weight:700}.amount.big{text-align:center;font-size:3rem}.win{color:var(--accent)}.loss{color:var(--warn)}.total{font-weight:600}.warn{color:var(--warn);border:1px solid var(--warn);border-radius:.5rem;padding:.75rem}.status{white-space:nowrap;font-size:.875rem;font-weight:600}a.link{color:inherit;padding:.25rem 0;text-decoration:none;display:grid}.qr-card{justify-items:center}.qr{background:#fff;border-radius:.5rem;width:100%;max-width:20rem;padding:.5rem}.qr svg{width:100%;height:auto;display:block}.join-link{overflow-wrap:anywhere;text-align:center;color:var(--accent);font-size:.875rem}
