:root{--paper:#f3f3f1;--panel:#fff;--ink:#1d1d1d;--muted:#6d6d6d;--line:#c9c9c6;--fill:#8a8a8a;--soft:#e6e6e3;--alert:#c62828;--alert-soft:#fbe3e1;--radius:6px;--gap:clamp(8px, 1.6vmin, 16px);--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#161616;--panel:#202020;--ink:#ececec;--muted:#9b9b9b;--line:#3a3a3a;--fill:#9a9a9a;--soft:#2b2b2b;--alert:#ef5350;--alert-soft:#3a1c1b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.4 var(--font);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.topbar{padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;display:flex}.topbar a{color:inherit;letter-spacing:.04em;font-weight:700;text-decoration:none}.topbar .where{color:var(--muted)}.topbar .spacer{flex:1}.storage-warning{border-bottom:2px solid var(--alert);color:var(--alert);background:var(--panel);margin:0;padding:8px 16px}.wire-tag{letter-spacing:.1em;text-transform:uppercase;border:1px dashed var(--muted);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.page{gap:var(--gap);max-width:1100px;margin:0 auto;padding:16px;display:grid}.disclaimer{color:var(--muted);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));text-align:center;font-size:13px}.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap);min-width:0}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:12px}.note{color:var(--muted);margin:0;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.big{font-variant-numeric:tabular-nums;font-size:clamp(32px,7vmin,72px);font-weight:700;line-height:1}.mid{font-variant-numeric:tabular-nums;font-size:clamp(20px,3.4vmin,32px);font-weight:600}.btn{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);cursor:pointer;min-width:44px;min-height:44px;padding:10px 14px}.btn:hover{border-color:var(--muted)}.btn:disabled,.toggle:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.alert{border-color:var(--alert);color:var(--alert)}.btn.quiet{color:var(--muted);border-style:dashed}.btn.small{min-height:36px;padding:6px 10px}a.btn{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.field{gap:4px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;min-height:44px;padding:10px}.field input[type=checkbox]{width:auto;min-height:0;padding:0}.field .toggle.radio{justify-self:start}.chip{border:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:6px 14px;font-weight:700;display:inline-flex}.chip .i{border:1.5px solid var(--muted);width:1.3em;height:1.3em;color:var(--muted);text-transform:none;border-radius:50%;place-items:center;font:italic 700 .75em/1 Georgia,serif;display:inline-grid}.bar{border:1px solid var(--line);background:var(--soft);border-radius:4px;height:18px;overflow:hidden}.bar>span{background:var(--fill);height:100%;display:block}.bar.alert>span{background:var(--alert)}.pips{flex-wrap:wrap;gap:4px;display:flex}.pip{aspect-ratio:1;border:1px solid var(--muted);border-radius:3px;width:clamp(12px,2.4vmin,22px)}.pip.on{background:var(--fill);border-color:var(--fill)}.pip.mark{box-shadow:0 0 0 2px var(--alert)}.pip.now{box-shadow:0 0 0 2px var(--ink)}.toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;min-width:44px;min-height:44px;padding:6px 10px}.toggle[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.counter{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;display:grid}.counter .name{overflow-wrap:anywhere;min-width:0;padding:6px 0}.counter .n{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.sectors{aspect-ratio:1;width:100%;max-width:220px;display:block}.sectors path{fill:var(--soft);stroke:var(--panel);stroke-width:2px}.sectors path.exposed{fill:var(--alert)}.sectors.editable path{cursor:pointer}.sectors text{font:7px var(--font);fill:var(--muted);text-anchor:middle;letter-spacing:.08em}.sectors text.on-exposed{fill:#fff;font-weight:700}.scrim{z-index:10;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border-radius:10px;gap:12px;width:min(560px,100%);max-height:calc(100dvh - 32px);padding:16px;display:grid;overflow:auto}.sheet h2{margin:0;font-size:20px}.announce{z-index:20;color:#fff;text-align:center;cursor:pointer;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.announce .what{letter-spacing:.04em;font-size:clamp(48px,14vmin,160px);font-weight:800;line-height:1}.announce .sub{margin-top:12px;font-size:clamp(18px,4vmin,40px)}.announce.alert .what{color:var(--alert)}@media (prefers-reduced-motion:no-preference){.announce{animation:.16s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.04)}}}.other-tab{z-index:100;background:color-mix(in srgb, var(--paper) 85%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.other-tab .box{border:2px solid var(--ink);gap:8px;max-width:420px;display:grid}.other-tab p{margin:0}.backup-message{margin-top:8px}.backup-message.stale{color:var(--alert)}.nudge{gap:8px;display:grid}.box.nudge{border:2px solid var(--ink)}.sheet .nudge{border-top:1px solid var(--line);padding-top:12px}.nudge p,.nudge .backup-message{margin:0}