@import "https://cdn.jsdelivr.net/npm/@fontsource/space-grotesk/latin-400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/space-grotesk/latin-500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/space-grotesk/latin-600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/latin-400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/latin-500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/latin-700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-mono/latin-400.css";
:root{--canvas:#f3f0e8;--surface:#fcfbf6;--surface-raised:#fffef9;--ink:#1a1d19;--muted:#5d655b;--quiet:#66705f;--line:#d8d3c7;--line-strong:#b9b5aa;--accent:#c75732;--accent-dark:#8e321e;--accent-ink:#fff8f0;--olive:#77836d;--focus:#214e40;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-height:100vh;color:var(--ink);font:400 1rem/1.5 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{z-index:10;background:var(--ink);color:var(--surface);transition:transform .18s var(--ease-out);border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page{flex-direction:column;min-height:100vh;display:flex}.topbar,.main{width:min(100% - 3rem,1160px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;min-height:5.25rem;display:flex}.brand{color:var(--ink);font:600 1.05rem/1 var(--font-display);letter-spacing:-.035em;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--olive);border-radius:50%;width:1.2rem;height:.95rem;display:inline-block;position:relative;transform:rotate(-14deg)}.brand-mark:after{content:"";background:#ffffff70;border-radius:50%;width:.24rem;height:.18rem;position:absolute;top:.14rem;right:.17rem}.stage-label{color:var(--quiet);font:400 .69rem/1.3 var(--font-mono);letter-spacing:.025em;text-align:right}.main{flex-direction:column;flex:1;display:flex}.counter-stage{opacity:0;justify-content:center;align-items:center;min-height:min(690px,100vh - 10.5rem);padding:clamp(3.5rem,10vh,7rem) 0 clamp(3.5rem,9vh,6rem);display:flex;transform:translateY(10px)}.counter-stage.is-visible{opacity:1;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(0)}.counter-wrap{text-align:center;width:min(100%,720px)}.eyebrow{color:var(--accent-dark);font:500 .72rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}.counter-heading{font:500 clamp(1.15rem, 2vw, 1.45rem)/1.2 var(--font-display);letter-spacing:-.04em;margin:0}.count{color:var(--ink);font:400 clamp(8rem, 21vw, 15rem)/.82 var(--font-mono);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.11em;text-indent:-.11em;white-space:nowrap;margin:clamp(1.5rem,4vh,2.75rem) 0 clamp(1.5rem,4vh,2.5rem);display:block}.count.bump{animation:count-bump .22s var(--ease-out)}.controls{grid-template-columns:1fr 1.22fr 1fr;gap:.75rem;width:min(100%,620px);margin:0 auto;display:grid}.control{border:1px solid var(--line-strong);cursor:pointer;min-height:4rem;font:500 .92rem/1.1 var(--font-display);letter-spacing:-.025em;touch-action:manipulation;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border-radius:.75rem;padding:.8rem 1rem}.control:hover{border-color:var(--ink);background:var(--surface-raised)}.control:active{transform:translateY(1px)scale(.985)}.control-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 8px 18px #c7573233}.control-primary:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.control-label,.control-key{display:block}.control-label{font-size:.95rem}.control-key{opacity:.7;font:400 .64rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem}.floor-note{min-height:1.5em;color:var(--muted);margin:1.5rem 0 0;font-size:.85rem}.utility-rail{border-top:1px solid var(--line);color:var(--quiet);font:400 .7rem/1.4 var(--font-mono);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.utility-rail p{margin:0}.saved-note{align-items:center;gap:.5rem;display:inline-flex}.saved-dot{background:var(--olive);border-radius:50%;width:.42rem;height:.42rem}@keyframes count-bump{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@media (max-width:640px){.topbar,.main{width:min(100% - 2rem,1160px)}.topbar{min-height:4.5rem}.stage-label{max-width:10.5rem;font-size:.61rem}.counter-stage{min-height:0;padding:4.75rem 0 5rem}.count{margin-top:1.75rem;font-size:clamp(7rem,30vw,10rem)}.controls{gap:.5rem}.control{min-height:4.25rem;padding:.7rem .5rem}.control-label{font-size:.83rem}.control-key{font-size:.57rem}.utility-rail{flex-direction:column;align-items:flex-start;gap:.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.counter-stage,.counter-stage.is-visible{opacity:1;transform:none}}