:root,html[data-theme=a]{--bg:#0b0b0d;--card:#16161a;--line:#222228;--text:#f4f4f6;--muted:#8d8d96;--accent:#e8ff3a;--onaccent:#0b0b0d;--track:#2a2a31;--hl:#e8ff3a}html[data-theme=b]{--bg:#050505;--card:#0f0f10;--line:#1d1d1f;--text:#ededed;--muted:#7a7a80;--accent:#fff;--onaccent:#050505;--track:#262628}html[data-theme=c]{--bg:#f3f1ec;--card:#fff;--line:#dedad1;--text:#111;--muted:#6f6b63;--accent:#111;--onaccent:#f3f1ec;--track:#dedad1}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}.app{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);font:16px/1.5 Arial,Helvetica,sans-serif}main{max-width:430px;margin:0 auto;padding:20px 0 32px}header{text-align:center;margin-bottom:24px}.switch{border:1px solid var(--line);border-radius:99px;justify-content:center;gap:4px;width:max-content;margin:0 auto 22px;padding:3px;display:flex}.switch button{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:700}html[data-theme=a] .switch button[data-t=a],html[data-theme=b] .switch button[data-t=b],html[data-theme=c] .switch button[data-t=c]{background:var(--accent);color:var(--onaccent)}.switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.logo{letter-spacing:.34em;color:var(--accent);padding-left:.34em;font-size:12px;font-weight:700}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:22px 0 4px;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;margin:0 0 16px;font-size:34px;font-weight:900;line-height:.95}.muted{color:var(--muted);margin:8px 0 0}.hero{justify-content:center;margin:8px 0 4px;display:flex}.pct{fill:var(--text);letter-spacing:-.04em;font-weight:900}.big,.herobar,.no{display:none}.count{color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;padding:16px}.card.compact{padding:13px 16px}.row{align-items:center;gap:10px;display:flex}h2{letter-spacing:-.025em;flex:1;min-width:0;margin:0;font-size:17px;font-weight:700}.badge{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:700}.b-ok{background:var(--accent);color:var(--onaccent)}.b-wip{color:var(--accent);background:#e8ff3a1f}.b-todo{color:var(--muted);background:#232329}.b-na{border:1px solid var(--track);color:var(--muted)}.bar{background:var(--track);border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.bar i{background:var(--accent);border-radius:4px;height:100%;display:block}.meta{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}ul{margin:12px 0 0;padding:0;list-style:none}li{color:var(--muted);align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}li.ok{color:var(--text)}li.na{opacity:.45;text-decoration:line-through}.dot{border:1.5px solid var(--track);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}li.ok .dot{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}.ck{width:12px;height:12px}footer{text-align:center;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-top:28px;font-size:10px}.gate{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;display:flex}.gate input{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;padding:12px 14px;font-size:16px}.gate input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gate button{font:inherit;letter-spacing:.16em;text-transform:uppercase;background:var(--accent);color:var(--onaccent);cursor:pointer;border:0;border-radius:99px;padding:12px;font-size:11px;font-weight:700}.gate button:disabled{opacity:.5}.gate .err{color:var(--muted);min-height:1.5em;margin:0;font-size:14px}[data-theme=b] .switch,[data-theme=b] .switch button{border-radius:0}[data-theme=b] .logo{letter-spacing:.5em;color:var(--text);border:1px solid var(--text);padding:7px 6px 7px 13px;font-size:11px;font-weight:700;display:inline-block}[data-theme=b] .eyebrow{letter-spacing:.3em;margin-top:26px;font-size:10px}[data-theme=b] h1{letter-spacing:-.01em;text-transform:uppercase;margin-bottom:18px;font-size:34px;font-weight:400;line-height:1.05}[data-theme=b] .pct{font-weight:400}[data-theme=b] .hero .arc{stroke-linecap:butt}[data-theme=b] .card{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:18px 2px}[data-theme=b] .card:last-of-type{border-bottom:1px solid var(--line)}[data-theme=b] h2{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:400}[data-theme=b] .bar{height:2px}[data-theme=b] .meta{letter-spacing:.1em;text-align:left;font-size:11px}[data-theme=b] .badge{letter-spacing:.14em;border-radius:0;padding:4px 8px;font-size:10px;font-weight:500}[data-theme=b] .b-ok{background:var(--text);color:var(--bg)}[data-theme=b] .b-wip{border:1px solid var(--text);color:var(--text);background:0 0}[data-theme=b] .b-todo,[data-theme=b] .b-na{border:1px solid var(--track);color:var(--muted);background:0 0}[data-theme=b] .dot{border-radius:0;width:14px;height:14px}[data-theme=b] .ck{width:10px;height:10px}[data-theme=b] .gate input,[data-theme=b] .gate button{border-radius:0}[data-theme=c] .logo{color:var(--text);font-size:12px}[data-theme=c] .eyebrow{display:none}[data-theme=c] h1{letter-spacing:-.025em;margin:22px 0 0;font-size:24px;font-weight:700;line-height:1.1}[data-theme=c] .hero{display:none}[data-theme=c] .big{justify-content:center;align-items:flex-start;margin:6px 0 4px;line-height:1;display:flex}[data-theme=c] .num{letter-spacing:-.055em;font-size:108px;font-weight:900;line-height:.86}[data-theme=c] .unit{margin-top:12px;font-size:32px;font-weight:700}[data-theme=c] .herobar{height:8px;margin:14px 0 0;display:block}[data-theme=c] .herobar i{background:var(--text);box-shadow:inset 0 -3px 0 var(--hl)}[data-theme=c] .card{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:16px 0}[data-theme=c] .card:last-of-type{border-bottom:1px solid var(--line)}[data-theme=c] .no{color:var(--muted);font-variant-numeric:tabular-nums;width:22px;font-size:12px;font-weight:700;display:block}[data-theme=c] .bar,[data-theme=c] ul{margin-left:32px}[data-theme=c] .card .meta{display:none}[data-theme=c] .b-ok{background:var(--hl);color:#111}[data-theme=c] .b-wip{color:#fff;background:#111}[data-theme=c] .b-todo{border:1px solid var(--line);color:var(--muted);background:0 0}[data-theme=c] .b-na{color:var(--muted);border:0}[data-theme=c] li.ok .dot{color:var(--hl);background:#111;border-color:#111}[data-theme=c] .switch button[data-t=c]{color:#f3f1ec}.app.panel{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.panel main{max-width:430px;margin:0 auto;padding:24px 16px}.panel .top{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);text-align:center;padding:14px 0 10px;position:sticky;top:0}.panel .switch{margin:0 auto 12px}.tabs{scrollbar-width:none;gap:6px;max-width:760px;margin:0 auto;padding:12px 16px 2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{font:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:99px;flex:none;align-items:baseline;gap:6px;padding:6px 11px;font-size:11px;font-weight:700;display:flex}.tab b{letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:400}.tab[aria-current]{color:var(--onaccent);background:var(--accent);border-color:var(--accent)}.deck{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;align-items:flex-start;transition:height .25s;display:flex;overflow:auto hidden}.deck::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;padding:20px max(16px,50% - 215px) 8px}.panel header{margin-bottom:20px}.panel .eyebrow{font-variant-numeric:tabular-nums;margin:0 0 4px}.panel h1{margin:0 0 14px;font-size:32px}.panel .hero{margin:0}.warn{border:1px solid var(--line);color:var(--muted);border-radius:12px;margin:0 0 16px;padding:10px 14px;font-size:13px}.dept{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:22px 2px 8px;font-size:11px;font-weight:700}.panel .card{border-radius:16px;margin-bottom:8px;padding:13px 16px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.panel h2{font-size:16px}.frac{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.panel ul{margin-top:10px}.panel li{padding:6px 0}.arrows{justify-content:center;align-items:center;gap:16px;padding:8px 16px 0;display:flex}.arr{font:inherit;border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;font-size:18px}.arr:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:none) and (pointer:coarse){.arr{display:none}}.dots{gap:8px;display:flex}.dots i{background:var(--track);cursor:pointer;border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--accent)}.panel footer{margin-top:0;padding:24px 16px 32px}[data-theme=b] .panel .switch,[data-theme=b] .tab,[data-theme=b] .arr{border-radius:0}[data-theme=b] .panel .logo{padding:6px 6px 6px 12px}[data-theme=b] .panel .card{padding:15px 2px}[data-theme=b] .panel .card:last-of-type{border-bottom:0}[data-theme=b] .dots i{border-radius:0}[data-theme=c] .panel .num{font-size:96px}[data-theme=c] .panel .unit{margin-top:6px;font-size:28px}[data-theme=c] .panel h1{margin-bottom:0}[data-theme=c] .panel .big{margin-top:4px}[data-theme=c] .panel .card{padding:14px 0}[data-theme=c] .panel .card:last-of-type{border-bottom:0}[data-theme=c] .dots i.on{background:#111}[data-theme=c] .tab[aria-current]{color:#f3f1ec}
