._1BXq8a_metronome{--metronome-accent:#02a888;--metronome-accent-soft:color-mix(in srgb, var(--metronome-accent) 16%, transparent);background:radial-gradient(circle at 82% 10%, var(--metronome-accent-soft), transparent 20rem), linear-gradient(145deg, color-mix(in srgb, var(--lp-color-primary-soft) 30%, transparent), transparent 45%), var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-xl);box-shadow:var(--lp-shadow-lg);padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}._1BXq8a_panelHeading{justify-content:space-between;align-items:flex-start;gap:var(--lp-space-6);display:flex;position:relative}._1BXq8a_eyebrow{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}._1BXq8a_panelHeading h2{max-width:30rem;font-family:var(--lp-font-display);font-size:clamp(1.35rem, 3vw, var(--lp-text-2xl));letter-spacing:-.035em;margin:0}._1BXq8a_status{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-muted);background:color-mix(in srgb, var(--lp-color-surface-raised) 82%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold);flex:none;display:inline-flex}._1BXq8a_status i{background:var(--lp-color-ink-muted);border-radius:50%;width:.5rem;height:.5rem}._1BXq8a_running ._1BXq8a_status{color:var(--lp-color-success);border-color:color-mix(in srgb, var(--lp-color-success) 35%, var(--lp-color-border))}._1BXq8a_running ._1BXq8a_status i{background:var(--metronome-accent);box-shadow:0 0 0 .3rem var(--metronome-accent-soft)}._1BXq8a_workspace{align-items:center;gap:clamp(var(--lp-space-6), 5vw, var(--lp-space-12));margin-top:var(--lp-space-8);grid-template-columns:minmax(17rem,.9fr) minmax(18rem,1.1fr);display:grid;position:relative}._1BXq8a_pulseStage{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--lp-color-surface-raised) 90%, transparent) 0 41%, transparent 42%), conic-gradient(from 210deg, var(--lp-color-primary-soft), var(--metronome-accent-soft), var(--lp-color-primary-soft));border:1px solid var(--lp-color-border);width:min(100%,22rem);box-shadow:inset 0 0 0 .75rem color-mix(in srgb, var(--lp-color-surface-raised) 60%, transparent), var(--lp-shadow-sm);border-radius:50%;place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}._1BXq8a_pulseStage:after{border:1px solid color-mix(in srgb, var(--metronome-accent) 28%, var(--lp-color-border));content:"";border-radius:50%;width:45%;height:45%;position:absolute}._1BXq8a_pulseHalo{background:var(--metronome-accent-soft);opacity:0;border-radius:50%;width:45%;height:45%;position:absolute}._1BXq8a_running ._1BXq8a_pulseHalo{animation:_1BXq8a_beat-pulse .36s var(--lp-ease-standard)}._1BXq8a_running ._1BXq8a_accentPulse ._1BXq8a_pulseHalo{background:color-mix(in srgb, var(--lp-color-primary) 22%, transparent)}._1BXq8a_tempoDisplay{z-index:1;justify-items:center;line-height:1;display:grid}._1BXq8a_tempoDisplay span{color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}._1BXq8a_tempoDisplay strong{margin-top:var(--lp-space-3);font-family:var(--lp-font-display);letter-spacing:-.09em;font-size:clamp(4.5rem,12vw,7.5rem)}._1BXq8a_tempoDisplay small{margin-top:var(--lp-space-2);color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label)}._1BXq8a_beatDots{z-index:2;justify-content:center;gap:var(--lp-space-2);display:flex;position:absolute;bottom:18%}._1BXq8a_beatDots i{background:var(--lp-color-border-strong);border-radius:50%;width:.52rem;height:.52rem;transition:background-color 80ms linear,box-shadow 80ms linear,transform 80ms linear}._1BXq8a_beatDots ._1BXq8a_accentBeat{box-shadow:inset 0 0 0 1px var(--lp-color-primary)}._1BXq8a_beatDots ._1BXq8a_activeBeat{background:var(--metronome-accent);box-shadow:0 0 0 .3rem var(--metronome-accent-soft);transform:scale(1.25)}._1BXq8a_beatDots ._1BXq8a_accentBeat._1BXq8a_activeBeat{background:var(--lp-color-primary);box-shadow:0 0 0 .35rem color-mix(in srgb, var(--lp-color-primary) 18%, transparent);transform:scale(1.4)}._1BXq8a_pulseStage>p{z-index:2;color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold);margin:0;position:absolute;bottom:8%}._1BXq8a_settings{gap:var(--lp-space-4);display:grid}._1BXq8a_bpmControl,._1BXq8a_signatureControl,._1BXq8a_volumeControl{padding:var(--lp-space-4);background:color-mix(in srgb, var(--lp-color-canvas) 74%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);margin:0}._1BXq8a_bpmControl>div:first-child,._1BXq8a_volumeControl{align-items:center;gap:var(--lp-space-2);grid-template-columns:1fr auto;display:grid}._1BXq8a_bpmControl span,._1BXq8a_signatureControl legend,._1BXq8a_volumeControl span{color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold)}._1BXq8a_bpmControl strong,._1BXq8a_volumeControl strong{font-size:var(--lp-text-sm)}._1BXq8a_stepper{grid-template-columns:var(--lp-control-md) 5rem var(--lp-control-md);justify-content:center;gap:var(--lp-space-2);margin-top:var(--lp-space-4);display:grid}._1BXq8a_stepper button,._1BXq8a_quickTempos button,._1BXq8a_signatureControl button{min-height:var(--lp-control-md);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-sm);font:inherit;font-weight:var(--lp-weight-bold);transition:color var(--lp-duration-fast), background-color var(--lp-duration-fast), border-color var(--lp-duration-fast), transform var(--lp-duration-fast)}._1BXq8a_stepper button:hover,._1BXq8a_quickTempos button:hover,._1BXq8a_signatureControl button:hover{color:var(--lp-color-primary-hover);border-color:var(--lp-color-primary-soft-strong)}._1BXq8a_stepper input{width:100%;min-width:0;color:var(--lp-color-ink);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border-strong);border-radius:var(--lp-radius-sm);font:inherit;font-weight:var(--lp-weight-bold);text-align:center}._1BXq8a_bpmRange,._1BXq8a_volumeControl input{width:100%;accent-color:var(--metronome-accent)}._1BXq8a_bpmRange{margin-top:var(--lp-space-4)}._1BXq8a_quickTempos{gap:var(--lp-space-2);margin-top:var(--lp-space-3);grid-template-columns:repeat(5,1fr);display:grid}._1BXq8a_quickTempos button{min-height:2rem;padding-inline:var(--lp-space-1);font-size:var(--lp-text-xs)}._1BXq8a_quickTempos button[aria-pressed=true]{color:var(--lp-color-on-primary);background:var(--lp-color-primary);border-color:var(--lp-color-primary)}._1BXq8a_signatureControl{padding-top:var(--lp-space-3)}._1BXq8a_signatureControl legend{padding-inline:var(--lp-space-1)}._1BXq8a_signatureControl>div{gap:var(--lp-space-2);grid-template-columns:repeat(4,1fr);display:grid}._1BXq8a_signatureControl ._1BXq8a_selectedSignature{color:var(--lp-color-on-primary);background:var(--lp-color-primary);border-color:var(--lp-color-primary);box-shadow:var(--lp-shadow-focus)}._1BXq8a_volumeControl span{align-items:center;gap:var(--lp-space-2);display:inline-flex}._1BXq8a_volumeControl span svg{color:var(--lp-color-primary)}._1BXq8a_volumeControl input{margin-top:var(--lp-space-2);grid-column:1/-1}._1BXq8a_actions{justify-content:center;gap:var(--lp-space-3);margin-top:var(--lp-space-8);flex-wrap:wrap;display:flex}._1BXq8a_actions>*{min-width:12rem}._1BXq8a_localNotice,._1BXq8a_error{justify-content:center;align-items:center;gap:var(--lp-space-2);margin:var(--lp-space-4) 0 0;font-size:var(--lp-text-xs);text-align:center;display:flex}._1BXq8a_localNotice{color:var(--lp-color-ink-muted)}._1BXq8a_localNotice svg{color:var(--lp-color-success);flex:none}._1BXq8a_error{color:var(--lp-color-danger)}@keyframes _1BXq8a_beat-pulse{0%{opacity:.8;transform:scale(.75)}to{opacity:0;transform:scale(1.8)}}@media (max-width:48rem){._1BXq8a_workspace{grid-template-columns:1fr}._1BXq8a_pulseStage{width:min(100%,19rem)}}@media (max-width:40rem){._1BXq8a_panelHeading{gap:var(--lp-space-3)}._1BXq8a_status{padding-inline:var(--lp-space-2)}._1BXq8a_actions{grid-template-columns:1fr;display:grid}._1BXq8a_actions>*{width:100%}}@media (max-width:25rem){._1BXq8a_panelHeading h2{font-size:var(--lp-text-xl)}._1BXq8a_status{font-size:0}._1BXq8a_status i{margin:.2rem}._1BXq8a_quickTempos{gap:var(--lp-space-1)}}@media (prefers-reduced-motion:reduce){._1BXq8a_running ._1BXq8a_pulseHalo{animation:none}}
.KWhi3a_page{min-height:100vh;padding-bottom:var(--lp-space-16);background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--lp-color-success-soft) 76%, transparent), transparent 25rem), radial-gradient(circle at 12% 18%, var(--lp-color-primary-soft), transparent 25rem), var(--lp-color-canvas)}.KWhi3a_container,.KWhi3a_content{width:min(100% - 2.5rem,62rem);margin-inline:auto}.KWhi3a_hero{padding:clamp(var(--lp-space-10), 6vw, var(--lp-space-16)) 0 var(--lp-space-8);text-align:center}.KWhi3a_hero h1{margin:var(--lp-space-4) 0 0;font-family:var(--lp-font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:var(--lp-weight-bold);letter-spacing:-.065em;line-height:.95}.KWhi3a_hero>div>p{max-width:42rem;margin:var(--lp-space-5) auto 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-lg);line-height:var(--lp-leading-relaxed)}.KWhi3a_features{justify-content:center;gap:var(--lp-space-3);margin-top:var(--lp-space-6);flex-wrap:wrap;display:flex}.KWhi3a_features span{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);display:inline-flex}.KWhi3a_features svg{color:var(--lp-color-primary)}.KWhi3a_instructions{gap:var(--lp-space-10);margin-top:var(--lp-space-10);background:var(--lp-color-surface-subtle);border-radius:var(--lp-radius-lg);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);padding:clamp(1.25rem,4vw,2rem);display:grid}.KWhi3a_instructions>div>p{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}.KWhi3a_instructions h2{font-family:var(--lp-font-display);font-size:var(--lp-text-2xl);letter-spacing:-.04em;margin:0}.KWhi3a_instructions ol{gap:var(--lp-space-4);margin:0;padding:0;list-style:none;display:grid}.KWhi3a_instructions li{align-items:flex-start;gap:var(--lp-space-3);display:flex}.KWhi3a_instructions li>span{width:2rem;height:2rem;color:var(--lp-color-on-primary);background:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.KWhi3a_instructions strong{font-size:var(--lp-text-sm);display:block}.KWhi3a_instructions li p{margin:var(--lp-space-1) 0 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-sm);line-height:var(--lp-leading-relaxed)}@media (max-width:42rem){.KWhi3a_container,.KWhi3a_content{width:min(100% - 1.5rem,62rem)}.KWhi3a_hero>div>p{font-size:var(--lp-text-md)}.KWhi3a_instructions{gap:var(--lp-space-6);grid-template-columns:1fr}}