@font-face{font-family:'Switzer';src:url('/t/signalbase/fonts/switzer-400-normal.woff2?v=ddd9595560') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/t/signalbase/fonts/switzer-500-normal.woff2?v=7393d1abac') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/t/signalbase/fonts/switzer-600-normal.woff2?v=d6497c264d') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Mono';src:url('/t/signalbase/fonts/mono-500-normal.woff2?v=83c005d49d') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
:root{--bg:#f2f3f0;--fg:#0d1726;--muted:#4b5463;--accent:#e8531a;--on-accent:#0d1726;--panel:#ffffff;--line:rgb(13 23 38 / 0.13);--line-strong:rgb(13 23 38 / 0.22);--button:#0d1726;--on-button:#f2f3f0;--focus:#0d1726;--accent-text:#b83a0c;--radius:4px;--font:'Switzer', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:'Switzer', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:'Mono', ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:600;--display-tracking:-0.03em;color-scheme:light}
/* Signal Base: colour means "needs attention"; everything else is ink on paper. A chosen option is inked, and the
   orange stays a mark: the tick, the progress line, the dots. */
.option:has(input:checked) { border-color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
.option:has(input:checked) .key { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.input:focus { border-color: var(--fg); box-shadow: 0 0 0 1px var(--fg); }
.done__mark { background: var(--fg); color: var(--bg); position: relative; }
.done__mark::after { content: ''; position: absolute; top: 0.1rem; right: 0.1rem; width: 0.7rem; height: 0.7rem; background: var(--accent); }
.count, .kicker, .label { letter-spacing: 0.04em; }