:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:oklch(97% .02 95);--color-surface:oklch(99% .012 95);--color-ink:oklch(28% .04 230);--color-ink-muted:oklch(45% .035 230);--color-primary:oklch(52% .12 195);--color-primary-strong:oklch(42% .11 195);--color-primary-soft:oklch(92% .04 195);--color-accent:oklch(88% .14 98);--color-accent-ink:oklch(35% .06 95);--color-beat:oklch(72% .16 145);--color-stop:oklch(55% .18 25);--color-stop-strong:oklch(48% .17 25);--color-line:oklch(88% .02 95);--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-control:14px;--radius-pill:999px;--shadow-soft:0 10px 28px oklch(40% .05 195/.12);--ease-out:cubic-bezier(.16, 1, .3, 1);font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:600;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}::selection{background:color-mix(in oklch, var(--color-accent) 70%, white);color:var(--color-accent-ink)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{isolation:isolate;min-height:100dvh;padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));position:relative;overflow-x:hidden}.app__glow{pointer-events:none;z-index:-1;background:radial-gradient(closest-side at 20% 30%,oklch(90% .08 98/.7),#0000 70%),radial-gradient(closest-side at 85% 15%,oklch(88% .07 195/.55),#0000 65%),radial-gradient(closest-side at 50% 80%,oklch(92% .05 145/.35),#0000 60%);height:70vh;position:fixed;inset:-20% -10% auto}.app__main{gap:var(--space-5);flex-direction:column;width:min(100%,34rem);margin-inline:auto;display:flex}.brand{text-align:center;padding-top:var(--space-2)}.brand__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(1.85rem,6vw,2.65rem);font-weight:700;line-height:1.1}.brand__tagline{margin:var(--space-2) 0 0;color:var(--color-ink-muted);font-size:1.05rem;font-weight:600}.visual{place-items:center;gap:var(--space-4);min-height:9.5rem;display:grid}.pendulum{place-items:end center;width:7.5rem;height:7rem;display:grid;position:relative}.pendulum__pivot{background:var(--color-primary);z-index:1;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 2px 8px oklch(42% .1 195/.35)}.pendulum__arm{transform-origin:bottom;background:linear-gradient(to top, var(--color-primary-strong), color-mix(in oklch, var(--color-primary) 70%, white));border-radius:var(--radius-pill);will-change:transform;width:.28rem;height:5.6rem;margin-left:-.14rem;position:absolute;bottom:.35rem;left:50%;transform:rotate(-22deg)}.pendulum__weight{background:var(--color-accent);border:3px solid var(--color-accent-ink);width:1.55rem;height:1.55rem;box-shadow:var(--shadow-soft);border-radius:50%;margin-left:-.775rem;position:absolute;top:-.35rem;left:50%}.beats{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:calc(.85rem + 4px);display:flex}.beats--empty{visibility:hidden}.beats__dot{background:var(--color-primary-soft);border:2px solid color-mix(in oklch, var(--color-primary) 35%, white);width:.85rem;height:.85rem;transition:background .1s var(--ease-out), transform .1s var(--ease-out), border-color .1s var(--ease-out);border-radius:50%}.beats__dot--active{background:var(--color-beat);border-color:color-mix(in oklch, var(--color-beat) 60%, var(--color-ink));transform:scale(1.28)}.bpm{gap:var(--space-3);flex-direction:column;display:flex}.bpm__readout{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.bpm__figure-wrap{text-align:center}.bpm__figure{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-ink);margin:0;font-size:clamp(3.5rem,16vw,5.5rem);font-weight:700;line-height:.95}.bpm__unit{margin:var(--space-1) 0 0;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted);font-size:.95rem;font-weight:700}.bpm__term{text-transform:none;letter-spacing:0;color:var(--color-primary-strong);font-weight:700}.bpm__nudge{border:2px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);width:3.25rem;height:3.25rem;color:var(--color-ink);font-family:var(--font-display);cursor:pointer;box-shadow:0 2px 0 color-mix(in oklch, var(--color-ink) 8%, transparent);transition:background .12s var(--ease-out), border-color .12s var(--ease-out), transform .12s var(--ease-out);font-size:1.75rem;font-weight:600;line-height:1}.bpm__nudge:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.bpm__nudge:active:not(:disabled){transform:translateY(1px)}.bpm__nudge:disabled{opacity:.4;cursor:not-allowed}.bpm__slider-label{display:block}.bpm__slider{width:100%;height:2.5rem;accent-color:var(--color-primary);cursor:pointer;margin:0}.transport{border-radius:var(--radius-pill);width:100%;min-height:3.75rem;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;color:#fff;box-shadow:var(--shadow-soft);transition:background .15s var(--ease-out), transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border:0;font-size:1.45rem;font-weight:700}.transport--start{background:linear-gradient(165deg, color-mix(in oklch, var(--color-primary) 85%, white), var(--color-primary-strong))}.transport--stop{background:linear-gradient(165deg, color-mix(in oklch, var(--color-stop) 80%, white), var(--color-stop-strong))}.transport:hover{transform:translateY(-1px)}.transport:active{transform:translateY(1px);box-shadow:0 4px 14px oklch(40% .05 195/.15)}.section-label{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--color-ink);font-size:1rem;font-weight:650}.accent__list,.terms__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:2px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);min-height:2.75rem;color:var(--color-ink);font-family:var(--font-body);cursor:pointer;transition:background .12s var(--ease-out), border-color .12s var(--ease-out), color .12s var(--ease-out);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .9rem;font-size:.95rem;font-weight:700;display:inline-flex}.chip--compact{justify-content:center;align-items:center;min-width:3.5rem}.chip__meta{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.chip:hover{border-color:color-mix(in oklch, var(--color-primary) 45%, var(--color-line))}.chip--selected{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.chip--selected .chip__meta{color:var(--color-primary-strong)}.hint{text-align:center;color:var(--color-ink-muted);margin:0;font-size:.88rem;font-weight:600}.site-footer{margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--color-line);text-align:center}.site-footer p{color:var(--color-ink-muted);margin:0;max-width:42ch;margin-inline:auto;font-size:.92rem;font-weight:600;line-height:1.5}@media (prefers-reduced-motion:reduce){.beats__dot,.transport,.bpm__nudge,.chip{transition:none}.beats__dot--active{outline:2px solid var(--color-accent-ink);transform:none}}@media (pointer:coarse){.bpm__nudge{width:3.5rem;height:3.5rem}.chip{min-height:3rem}}