:root{color-scheme:dark;--ink:#e9f1ff;--mut:#9fb3cf;--gold:#f2cf6a;--glass:#0e203a;--edge:#345071}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#203b60,#071322 75%);color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:20px 16px 44px}header{padding:18px 8px}h1{font-size:36px;margin:12px 0 0}h1,h2{color:var(--gold)}h2{font-size:22px;margin:0 0 16px}p{margin:12px 0}small,footer{color:var(--mut)}section{background:linear-gradient(130deg,#193452,#0e203a 45%);border:1px solid var(--edge);border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 12px 28px #0005,inset 0 1px #ffffff20}.tag{font-size:12px;letter-spacing:.07em;color:var(--gold);border:1px solid var(--edge);border-radius:20px;padding:6px 12px}label{display:block;margin:16px 0 7px}input,select,button{font:inherit;width:100%;border-radius:10px;min-height:48px;padding:12px}input,select{border:1px solid #6f89a9;background:#0a192c;color:var(--ink)}button{background:linear-gradient(#f8df91,#d6b34e);color:#2a1d05;border:1px solid #f2cf6a;font-weight:700;margin-top:14px;cursor:pointer}button.secondary{background:#203b60;color:var(--ink);border-color:#45678f}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}.total{font-size:30px;color:var(--gold);font-weight:700}.bar{height:10px;max-width:100%;background:var(--gold);border-radius:9px;margin:6px 0 18px}#status{padding:18px;border:1px solid var(--edge);border-radius:12px;overflow-wrap:anywhere}li{margin:10px 0}footer{font-size:13px;margin-top:24px}.actions{display:grid;gap:8px}@media(min-width:650px){.actions{grid-template-columns:1fr 1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}