@font-face{font-family:'Archivo';src:url('/t/studiosnel/fonts/archivo-100_900-normal.woff2?v=e3a28eade2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;font-stretch:62% 125%;}
@font-face{font-family:'Martian Mono';src:url('/t/studiosnel/fonts/martian-mono-400-normal.woff2?v=bb677c9c5c') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
:root{--bg:#060707;--fg:#f1efe9;--muted:#a39f97;--accent:#ff3d1f;--on-accent:#120604;--panel:#0b1311;--line:rgb(241 239 233 / 0.14);--line-strong:rgb(241 239 233 / 0.4);--button:#e0301a;--on-button:#ffffff;--focus:#ff3d1f;--accent-text:#ff5a3f;--radius:0px;--font:'Archivo', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:'Archivo', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:'Martian Mono', ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:800;--display-tracking:-0.04em;color-scheme:dark}
/* Studio Snel: a dark room, one pane of glass, one laser. Archivo's width axis follows the medium, labels are mono. */
.display, .q__text { font-stretch: 112%; text-transform: none; }
.brand__word { font-weight: 700; font-stretch: 115%; letter-spacing: -0.02em; }
.count, .kicker, .label { font-family: var(--font-mono, 'Martian Mono', monospace); font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; }
.progress > span { background: var(--accent); box-shadow: 0 0 12px rgb(255 61 31 / 0.7); }
.done__mark { background: var(--button); }