:root:has(.beatStage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171410}.beatStage{--beat-paper:#171410;--beat-ink:#f3f1e9;--beat-accent:#d9a833;--wr-paper:var(--beat-paper);--wr-ink:var(--beat-ink);--wr-accent:var(--beat-accent);background:var(--beat-paper);color:var(--beat-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.beatStage .wrSummaryOverlay{-webkit-user-select:text;user-select:text}.beatColumn{padding:calc(48px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);place-items:start center;gap:8px;display:grid;position:absolute;inset:0}.beatPrompt{text-align:center;justify-items:center;gap:4px;max-width:640px;display:grid}.beatPromptEyebrow{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--beat-ink) 68%, transparent);margin:0;font-size:.75rem;font-weight:560}.beatPromptName{font-family:var(--display-stack);letter-spacing:-.02em;min-height:1em;margin:0;font-size:clamp(2rem,6vw,2.9rem);font-weight:580;line-height:.98}.beatZone{align-content:center;align-self:stretch;justify-items:center;gap:18px;width:100%;min-height:240px;display:grid;position:relative}.beatZone[data-phase=revealing],.beatZone[data-phase=result]{align-content:start;padding-top:10px}.beatRing{border:4px solid color-mix(in srgb, var(--beat-ink) 35%, transparent);border-radius:999px;width:min(62vw,34dvh);height:min(62vw,34dvh)}.beatRing[data-phase=leadin][data-live=true],.beatRing[data-phase=tapping]{border-color:var(--beat-accent)}.beatRing[data-phase=leadin][data-live=true]{animation:.3s ease-out both beatThump}.beatRing[data-phase=tapping][data-live=true]{animation:.18s cubic-bezier(.2,.7,.3,1) both beatTapPulse}.beatRing[data-live=true][data-reduced=true]{animation:.24s step-end both beatBlink}.beatTapSurface{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;padding:0;position:absolute;inset:0}.beatTapSurface:focus-visible{outline:3px solid var(--beat-ink);outline-offset:-3px}.beatReadout{letter-spacing:.02em;color:color-mix(in srgb, var(--beat-ink) 62%, transparent);justify-content:center;align-items:baseline;gap:16px;margin:0 0 4px;font-size:.86rem;animation:.32s .42s both beatFadeIn;display:flex}.beatReadout strong{font-family:var(--display-stack);letter-spacing:-.03em;color:var(--beat-ink);font-variant-numeric:tabular-nums;margin-right:5px;font-size:2.1rem;font-weight:600}.beatReadout span:last-child strong{color:var(--beat-accent)}.beatReadoutSep{background:color-mix(in srgb, var(--beat-ink) 20%, transparent);align-self:stretch;width:1px}.beatStrip{width:min(100%,560px);height:auto}.beatTether{stroke:color-mix(in srgb, var(--beat-accent) 55%, transparent);stroke-width:.5px;animation:.3s both beatFadeIn}.beatStrip[data-live=true] .beatStripLine,.beatStrip[data-live=true] .beatStripEnd{opacity:.55}.beatStripLine{stroke:color-mix(in srgb, var(--beat-ink) 25%, transparent);stroke-width:.4px}.beatStripEnd{stroke:color-mix(in srgb, var(--beat-ink) 30%, transparent);stroke-width:.5px}.beatExpected{fill:var(--beat-accent);animation:.26s both beatFadeIn}.beatExpected[data-steady=true]{transform-box:fill-box;transform-origin:50%;animation:.4s ease-in-out both beatDotWave}.beatTapMark{stroke:var(--beat-ink);stroke-width:.9px;stroke-linecap:round;animation:.22s cubic-bezier(.16,1,.3,1) both beatStamp}.beatActions{align-content:end;justify-items:center;gap:8px;width:100%;min-height:96px;display:grid}.beatHudTop{padding:calc(12px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;top:0;left:0;right:0}.beatHudTop a{pointer-events:auto}.beatWordmark{font-family:var(--display-stack);font-variation-settings:"WONK" 1;letter-spacing:-.008em;color:var(--beat-ink);font-size:1.02rem;font-weight:640;text-decoration:none}.beatRound{letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb, var(--beat-ink) 55%, transparent);margin:0;font-size:.75rem;font-weight:560}.beatLoading{color:color-mix(in srgb, var(--beat-ink) 60%, transparent);place-items:center;margin:0;font-weight:650;display:grid;position:absolute;inset:0}@keyframes beatThump{0%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes beatBlink{0%{opacity:.45}to{opacity:1}}@keyframes beatDotWave{0%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes beatStamp{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes beatTapPulse{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes beatFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.beatExpected,.beatTapMark,.beatTether,.beatReadout{animation:none}}