*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#2b2622;-webkit-font-smoothing:antialiased;background-color:#f4efe6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--paper:#f4efe6;--ink:#2b2622;--ink-soft:#2b26228c;--ink-faint:#2b262224;--ochre:#b8863b;--ochre-ink:#8a6422;--oxblood:#7a2e2e;--oxblood-soft:#7a2e2e1f;--hairline:#2b26221f;--ring:0 0 0 2px var(--paper), 0 0 0 4px var(--ochre);--ring-oxblood:0 0 0 2px var(--paper), 0 0 0 4px var(--oxblood)}.sheet{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.15 0 0 0 0 0.13 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2.5rem 1.25rem 2rem;display:flex;position:relative}.paper{border:1px solid var(--hairline);text-align:center;background:linear-gradient(#fffcf580,#f4efe600);border-radius:6px;width:min(92vw,520px);padding:clamp(1.5rem,5vw,3rem) clamp(1.25rem,4vw,2.75rem) clamp(1.75rem,5vw,2.5rem)}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .4rem;font-size:.72rem;font-weight:600}.count{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em;margin:.5rem 0 1.5rem;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(7rem,40vw,18rem);font-weight:700;line-height:.95;transition:transform .14s,opacity .14s}.count.pulse{opacity:.82;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.count{transition:none}.count.pulse{opacity:1;transform:none}}.controls{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.controls{flex-direction:row;justify-content:center}}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:4px;min-height:56px;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s,opacity .12s,transform .12s}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:focus-visible.danger-confirm{box-shadow:var(--ring-oxblood)}.btn-primary{background:var(--ochre);color:#fff8ec;border:1px solid var(--ochre-ink);flex:auto}.btn-primary:hover{background:#a9792f}.btn-primary:disabled{color:var(--ink-faint);border-color:var(--hairline);cursor:not-allowed;background:0 0}.btn-reset{color:var(--oxblood);border:1px solid var(--oxblood);background:0 0;flex:auto}.btn-reset:hover{background:var(--oxblood-soft)}.btn-reset:disabled{color:var(--ink-faint);border-color:var(--hairline);cursor:not-allowed}.btn-confirm{background:var(--oxblood);color:#fbeeee;border:1px solid var(--oxblood);flex:auto}.btn-confirm:hover{background:#6a2424}.hint{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:1.75rem 0 0;font-size:.72rem}.hint kbd{border:1px solid var(--hairline);color:var(--ink);background:#2b26220f;border-radius:3px;margin:0 .1em;padding:.05em .4em;font-family:inherit;font-size:.66rem}@media (forced-colors:active){.count{color:canvastext}.btn-primary{color:buttontext;background:buttonface;border:1px solid buttontext}.btn-reset{color:buttontext;border:1px solid buttontext}.btn-confirm{color:buttonface;background:buttontext}}