:root{--accent: #7c5cff;--accent-strong: #9d83ff;--radius: 20px;--tap: .18s ease;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=dark]{--bg: #16161e;--surface: #1f1f2e;--surface-2: #2a2a3d;--text: #e6e6f2;--text-dim: #9a9ab0;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}[data-theme=light]{--bg: #f4f4fb;--surface: #ffffff;--surface-2: #ecebf7;--text: #1b1b2b;--text-dim: #6b6b82;--shadow: 0 10px 30px rgba(80, 70, 160, .15)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);transition:background var(--tap),color var(--tap);-webkit-tap-highlight-color:transparent;overflow:hidden}.app{position:relative;height:100dvh;max-width:540px;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto 1fr auto;gap:1.25rem}.stats{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.stat{display:flex;flex-direction:column;gap:.15rem}.stat:last-child{align-items:flex-end}.stat__label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat__value{font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat__value--count{font-size:clamp(3.5rem,18vw,6rem)}.stat__value--record{font-size:1.6rem;color:var(--accent-strong)}.stat__value--count.is-celebrating{animation:count-flash .6s ease}@keyframes count-flash{0%{transform:scale(1);color:var(--text)}35%{transform:scale(1.25);color:var(--accent-strong);text-shadow:0 0 24px var(--accent)}to{transform:scale(1);color:var(--text)}}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress__fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .25s ease}.click-button{align-self:center;justify-self:center;width:min(72vw,320px);aspect-ratio:1;border:none;border-radius:50%;cursor:pointer;color:#fff;background:radial-gradient(circle at 35% 30%,var(--accent-strong),var(--accent));box-shadow:var(--shadow),inset 0 -8px 24px #00000040;font-size:clamp(2rem,9vw,3rem);font-weight:800;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--tap),box-shadow var(--tap)}.click-button:active{transform:scale(.96)}.click-button:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.click-button.is-pulsing{animation:press-pulse .18s ease}@keyframes press-pulse{50%{transform:scale(.93)}}.click-button__plus{pointer-events:none}.controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn{font:inherit;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);border-radius:12px;padding:.7rem 1.4rem;min-height:44px;cursor:pointer;transition:background var(--tap),transform var(--tap)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.btn--reset.is-pulsing{animation:press-pulse .18s ease}.btn--danger{background:var(--accent);border-color:var(--accent);color:#fff}.theme-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--surface-2);border-radius:999px;padding:4px;gap:2px}.theme-toggle__option{font:inherit;font-size:.9rem;font-weight:600;color:var(--text-dim);background:transparent;border:none;border-radius:999px;padding:.5rem 1rem;min-height:40px;cursor:pointer;transition:background var(--tap),color var(--tap)}.theme-toggle__option.is-active{background:var(--accent);color:#fff}.theme-toggle__option:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.app.is-record:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius);box-shadow:inset 0 0 120px 10px var(--accent);animation:record-glow .7s ease forwards}@keyframes record-glow{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.app.is-record-static:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px 10px var(--accent);opacity:.6}.modal[hidden]{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;z-index:10}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{position:relative;width:min(100%,360px);background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;animation:modal-in .18s ease}@keyframes modal-in{0%{transform:translateY(12px) scale(.98);opacity:0}}.modal__title{margin:0 0 .5rem;font-size:1.25rem}.modal__desc{margin:0 0 1.5rem;color:var(--text-dim);line-height:1.4}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}