:root{--bg:#faf9f6;--fg:#1c1b18;--muted:#5f5c54;--accent:#0b6e3a;--surface:#f0eee8;--border:#d9d6cd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131313;--fg:#ecece7;--muted:#a3a099;--accent:#4cc47e;--surface:#1e1e1c;--border:#34332f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131313;--fg:#ecece7;--muted:#a3a099;--accent:#4cc47e;--surface:#1e1e1c;--border:#34332f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;color:var(--fg);flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .2s,color .2s;display:flex}header.site{justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.wordmark{letter-spacing:.02em;color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--fg);background:0 0;border-radius:999px;padding:.35rem .6rem;font-size:1rem}main{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 1.25rem 1rem;display:flex}.question{color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500}.answer{letter-spacing:-.03em;margin:0;font-size:clamp(5rem,20vw,13rem);font-weight:800;line-height:1}.tagline{color:var(--muted);margin:.25rem 0 0;font-size:clamp(.95rem,2vw,1.15rem)}.you{margin-top:1.75rem;font-size:1.05rem}.you p{margin:0}.cta{background:var(--accent);color:var(--bg);border-radius:999px;margin-top:.75rem;padding:.5rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.cities{width:min(28rem,100%);margin-top:1.75rem}.cities h2{color:var(--muted);margin:0 0 .4rem;font-size:1rem;font-weight:600}.cities table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem;line-height:1.35}.cities td{border-top:1px solid var(--border);text-align:left;padding:.2rem .5rem}.cities td:last-child{text-align:right;color:var(--muted)}footer.site{text-align:center;color:var(--muted);padding:.75rem 1.5rem 1rem;font-size:.85rem}footer.site p{margin:0}footer.site a{color:inherit}.count{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2.5rem 0 0;font-size:clamp(3.5rem,16vw,11rem);font-weight:800}.sub{color:var(--muted);margin-top:.5rem}.setup,.shared-banner{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;max-width:26rem;margin-top:3rem;padding:1.25rem 1.5rem}.setup label{margin-bottom:.75rem;font-weight:500;display:block}.setup input[type=time]{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:.5rem;padding:.3rem .5rem;font-size:1.4rem}button.primary{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:.55rem 1.2rem;font-size:1rem;font-weight:600}button.ghost{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem 1rem}.toolbar{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:0;font-size:2rem;position:absolute;top:-3rem}.celebrating .answer,.celebrating .count{animation:.6s pop}.celebrating .confetti span{animation:2.4s ease-in forwards fall}.confetti span:first-child{animation-delay:0s;left:8%}.confetti span:nth-child(2){animation-delay:.12s;left:22%}.confetti span:nth-child(3){animation-delay:40ms;left:35%}.confetti span:nth-child(4){animation-delay:.2s;left:48%}.confetti span:nth-child(5){animation-delay:80ms;left:61%}.confetti span:nth-child(6){animation-delay:.16s;left:74%}.confetti span:nth-child(7){animation-delay:20ms;left:87%}.confetti span:nth-child(8){animation-delay:.24s;left:95%}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.8;transform:translateY(110vh)rotate(340deg)}}@media (prefers-reduced-motion:reduce){body{transition:none}.celebrating .answer,.celebrating .count,.celebrating .confetti span{animation:none}.celebrating .confetti{display:none}}
