:root{color-scheme:dark;--bg:#07111f;--panel:#102136;--text:#edf3fa;--muted:#b1c2d5;--line:#33485f;--accent:#ffcf4a}html[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--panel:white;--text:#17263a;--muted:#41546b;--line:#a8b9cb;--accent:#604300}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:24px}header,.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}header{justify-content:space-between;margin-bottom:36px}a{color:var(--accent)}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1}h2{font-size:1.3rem}p{color:var(--muted)}section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;margin:24px 0}.kicker{color:var(--accent);font-weight:750}#balance{font-size:2rem}label{display:block;margin:16px 0}input,select,button{font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:var(--bg);color:var(--text)}select,input{display:block;width:100%;margin-top:6px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#status{min-height:26px;white-space:pre-line}.row{padding:18px 0;border-bottom:1px solid var(--line)}.row strong,.row span{display:block}.row span{color:var(--muted)}@media(max-width:500px){main{padding:16px}section{padding:16px}}
