:root{--bg: #14110d;--panel: #1f1a13;--panel2: #2a2318;--ink: #efe7d8;--muted: #b8ab93;--accent: #c0843a;--good: #5fb87a;--bad: #e0654d;--line: #3a3122}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#241d13,var(--bg));color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:760px;margin:0 auto;padding:16px 16px 64px}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:22px;letter-spacing:3px;margin:8px 0;color:var(--accent);flex:1}.modeseg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.modeseg button{background:var(--panel);color:var(--muted);border:0;padding:7px 14px;cursor:pointer;font-size:13px}.modeseg button.on{background:var(--accent);color:#1a1206;font-weight:700}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;min-width:42px;text-align:right}.dash{display:grid;grid-template-columns:200px 1fr;gap:12px;margin:12px 0}@media(max-width:560px){.dash{grid-template-columns:1fr}}.scorebox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.scorenum{font-size:46px;font-weight:800;color:var(--accent);line-height:1}.scorelabel{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.scorebar{margin-top:10px;height:8px;background:var(--panel2);border-radius:99px;overflow:hidden}.scorefill{height:100%;background:linear-gradient(90deg,var(--bad),#d8b24a,var(--good))}.stats{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;align-content:center}.stats div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line)}.stats span{color:var(--muted)}.stats .warn b{color:var(--bad)}section.month{display:grid;gap:12px}.statement,.mailbox,.payrow{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}h2{font-size:14px;margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}p{margin:6px 0;color:var(--ink);font-size:14px}.ok{color:var(--good)}.hint{color:var(--muted);font-size:12px;min-height:14px}button.primary{background:var(--accent);color:#1a1206;border:0;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px}button.primary.big{width:100%;padding:13px;font-size:15px;margin-top:8px}button.primary:disabled{opacity:.45;cursor:not-allowed}.offers{display:grid;gap:10px}.offer{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px}.otitle{font-weight:700;margin-bottom:4px}.oblurb{color:var(--muted);font-size:13px;margin-bottom:8px}.oterms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.oterms span{background:#15110b;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px;color:var(--muted)}.oterms .teaser{color:#d8b24a}.oterms .fineprint{color:var(--bad);font-style:italic}.offer .accept{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:6px 14px;border-radius:7px;cursor:pointer;font-weight:600}.offer .accept:hover{background:var(--accent);color:#1a1206}button.pass{background:transparent;border:1px dashed var(--line);color:var(--muted);padding:8px;border-radius:8px;cursor:pointer}.payctrls{display:grid;gap:8px;margin:8px 0}.payctrls input[type=range]{width:100%;accent-color:var(--accent)}.payctrls output{font-weight:700;color:var(--accent);font-size:18px}.quick{display:flex;gap:8px}.quick button{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--ink);padding:7px;border-radius:7px;cursor:pointer}.log{margin-top:14px;background:#110e09;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--muted);display:grid;gap:3px}.overlay{position:fixed;inset:0;background:#080603d1;display:grid;place-items:center;padding:16px;z-index:10}.overlay.hidden{display:none}.overlay .card{background:var(--panel);border:1px solid var(--accent);border-radius:16px;padding:24px;max-width:360px;width:100%;text-align:center}.overlay h2{font-size:20px}.bigscore{font-size:56px;font-weight:800;color:var(--accent);margin:6px 0 0;line-height:1}.sub{color:var(--muted);margin-top:0}.overlay ul{text-align:left;list-style:none;padding:0;margin:14px 0}.overlay li{padding:5px 0;border-bottom:1px dashed var(--line);font-size:14px}.verdict{color:var(--muted);font-style:italic}