:root{--color-background:#f3f4f6;--color-text:#1f2937;--color-muted:#6b7280;--color-error:#b91c1c;--color-focus:#22c55e;--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;color:var(--color-text);background:var(--color-background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:grid}.page{width:min(640px, calc(100% - var(--space-8)));padding:var(--space-8) 0}.page__header{margin-bottom:var(--space-6);text-align:center}h1,p{margin:0}h1{margin-top:var(--space-1);letter-spacing:-.025em;font-size:clamp(28px,5vw,40px);font-weight:600}.eyebrow{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.cookie{margin:0 auto var(--space-8);padding:var(--space-4);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:transform 80ms;display:grid}.cookie:hover{transform:scale(1.02)}.cookie:active{transform:scale(.97)}.cookie:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.cookie__image{-webkit-user-select:none;user-select:none;width:min(240px,56vw);height:auto}.counter{text-align:center;font-size:28px;font-weight:600}.counter__value{margin-right:var(--space-2);font-variant-numeric:tabular-nums}.counter__label{color:var(--color-muted);font-size:16px;font-weight:500}.status{min-height:20px;margin-top:var(--space-4);text-align:center;color:var(--color-muted);font-size:14px;font-weight:600}.status--error{color:var(--color-error)}@media (width<=640px){.page{width:calc(100% - var(--space-6));padding:var(--space-6) 0}}