[hidden]{display:none!important}
:root{
  --bg:#eef0f3; --card:#ffffff; --ink:#15202e; --mute:#5d6878; --line:#dde1e7; --soft:#f4f5f8;
  --navy:#1c2f4a; --accent:#e8871e; --go:#15803d; --stop:#c62828; --warn-bg:#fff4d6; --warn-ink:#7a4b00;
  --display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f141b; --card:#18202b; --ink:#e7ebf1; --mute:#98a3b3; --line:#2a3442; --soft:#212b38;
  --navy:#23395a; --accent:#f0a04b; --go:#22a355; --stop:#e04848; --warn-bg:#3a2e12; --warn-ink:#f5d38a; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 var(--body);padding-inline:16px;padding-block:calc(18px + env(safe-area-inset-top,0px)) 48px}
.wrap{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.wide{max-width:860px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
h1{font:700 26px/1.1 var(--display);letter-spacing:.03em;margin:0;text-transform:uppercase}
h1 small{display:block;font:500 13px var(--body);letter-spacing:.08em;color:var(--mute)}
h2{font:700 18px var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0}
.num{font-variant-numeric:tabular-nums}
.mute{color:var(--mute);font-size:14px}
.bal{background:var(--navy);color:#fff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.bal small{opacity:.8;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.bal .big{font:700 42px/1 var(--display)}
.bar{height:9px;background:rgba(255,255,255,.2);border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:5px;width:0;transition:width .4s}
.bal .row3{display:flex;justify-content:space-between;font-size:14px;opacity:.92;flex-wrap:wrap;gap:6px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
label{font-weight:600;font-size:15px}
input,select{width:100%;padding:13px;border-radius:12px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font:500 17px var(--body)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input.bad{border-color:var(--stop)}
.err{color:var(--stop);font-size:14px;font-weight:600}
.btn{border:0;border-radius:16px;padding:20px;font:700 24px/1 var(--display);letter-spacing:.06em;color:#fff;cursor:pointer;text-transform:uppercase;width:100%;background:var(--navy)}
.btn:disabled{opacity:.55;cursor:wait}
.in{background:var(--go)}.out{background:var(--stop)}
.small{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:10px;padding:9px 14px;font:600 14px var(--body);cursor:pointer;text-decoration:none;display:inline-block}
.small.danger{color:var(--stop)}
.small.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.live{text-align:center;display:flex;flex-direction:column;gap:2px}
.live .where{font:700 24px var(--display);overflow-wrap:anywhere}
.timer{font:700 56px/1.05 var(--display)}
.flag{background:var(--warn-bg);color:var(--warn-ink);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}
.day{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.dayhead{display:flex;justify-content:space-between;padding:11px 14px;background:var(--soft);font-weight:700;gap:10px}
.entry{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;border-top:1px solid var(--line);align-items:center}
.entry .p{font-weight:600;min-width:0;overflow-wrap:anywhere}
.entry .t{color:var(--mute);font-size:14px}
.entry .d{font-weight:700;text-align:right}
.entry .full{grid-column:1/3}
.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--warn-bg);color:var(--warn-ink)}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--soft);color:var(--mute);border:1px solid var(--line);margin-left:6px;vertical-align:middle}
.empty{color:var(--mute);text-align:center;padding:18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.tile small{color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.tile b{display:block;font:700 28px/1.1 var(--display)}
.tile.hero{background:var(--navy);color:#fff;border-color:var(--navy)}.tile.hero small{color:#fff;opacity:.8}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}