.app-shell.svelte-zsk1i5.svelte-zsk1i5{display:flex;flex-direction:column;min-height:100dvh}.app-main.svelte-zsk1i5.svelte-zsk1i5{position:relative;overflow:hidden;flex:1}.metronome-page.svelte-zsk1i5.svelte-zsk1i5{position:relative;z-index:1;width:min(100%,480px);margin:0 auto;padding:var(--space-5) var(--space-4) 80px;display:flex;flex-direction:column;gap:var(--space-3)}.tool-aura.svelte-zsk1i5.svelte-zsk1i5{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.tool-aura.svelte-zsk1i5.svelte-zsk1i5:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:var(--tool-aura-background, linear-gradient(150deg, rgba(226, 117, 51, .22) 0%, rgba(87, 79, 161, .2) 100%));filter:blur(10px) saturate(116%);opacity:.95}.tool-aura.svelte-zsk1i5.svelte-zsk1i5:after{content:"";position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;background:var(--tool-aura-island-a, radial-gradient(58rem 36rem at 16% 14%, rgba(226, 117, 51, .28), transparent 74%)),var(--tool-aura-island-b, radial-gradient(54rem 34rem at 80% 78%, rgba(87, 79, 161, .24), transparent 75%)),var(--tool-aura-island-c, radial-gradient(46rem 30rem at 46% 48%, rgba(45, 87, 161, .2), transparent 72%));filter:blur(30px);opacity:.92}.content.svelte-zsk1i5.svelte-zsk1i5{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.metronome-container.svelte-zsk1i5.svelte-zsk1i5{width:100%;max-width:170px;aspect-ratio:200 / 280;display:grid;place-items:center;padding:var(--space-3);border-radius:26px;background:linear-gradient(160deg,#ffffff29,#ffffff0d 42%,#00000024),var(--glass-thin);border:1px solid rgba(255,255,255,.24);box-shadow:0 16px 40px #00000038,inset 0 1px #ffffff38;backdrop-filter:blur(calc(var(--glass-btn-blur) + 8px));-webkit-backdrop-filter:blur(calc(var(--glass-btn-blur) + 8px))}.metronome-svg.svelte-zsk1i5.svelte-zsk1i5{width:100%;height:100%}.metronome-page.svelte-zsk1i5.svelte-zsk1i5{--metronome-body:#8b5a2b;--metronome-body-light:#a67c52;--metronome-body-dark:#5c3d1e;--metronome-face:#1a1a1a;--metronome-pendulum:#c9a227;--metronome-pendulum-top:#f4d03f;--metronome-accent:#f97316}[data-theme=light] .metronome-page.svelte-zsk1i5.svelte-zsk1i5{--metronome-body:#8b5a2b;--metronome-body-light:#a67c52;--metronome-body-dark:#5c3d1e;--metronome-face:#2a2a2a;--metronome-pendulum:#c9a227;--metronome-pendulum-top:#f4d03f}.body.svelte-zsk1i5.svelte-zsk1i5{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3))}.face-plate.svelte-zsk1i5.svelte-zsk1i5{fill:var(--metronome-face)}.tick-mark.svelte-zsk1i5.svelte-zsk1i5{stroke:var(--muted);stroke-width:1}.pivot.svelte-zsk1i5.svelte-zsk1i5{fill:#333}.pivot-cover.svelte-zsk1i5.svelte-zsk1i5{fill:#1a1a1a;stroke:#444;stroke-width:1}.weight.svelte-zsk1i5.svelte-zsk1i5{fill:var(--metronome-pendulum);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.ornament.svelte-zsk1i5.svelte-zsk1i5{fill:var(--metronome-pendulum);transition:fill .08s ease}.ornament.flash.svelte-zsk1i5.svelte-zsk1i5{fill:var(--metronome-accent)}.base.svelte-zsk1i5.svelte-zsk1i5{fill:var(--metronome-body-dark)}.bpm-display.svelte-zsk1i5.svelte-zsk1i5{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:80px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.26);border-radius:16px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff3d;backdrop-filter:blur(calc(var(--glass-btn-blur) + 4px));-webkit-backdrop-filter:blur(calc(var(--glass-btn-blur) + 4px))}.bpm-display.svelte-zsk1i5.svelte-zsk1i5:active{transform:scale(.96);border-color:var(--accent);background:var(--surface-3)}.bpm-value.svelte-zsk1i5.svelte-zsk1i5{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.bpm-label.svelte-zsk1i5.svelte-zsk1i5{font-size:.875rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tempo-marking.svelte-zsk1i5.svelte-zsk1i5{font-size:1.125rem;font-weight:500;font-style:italic;color:var(--muted-strong);padding:var(--space-2) var(--space-4);border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur))}.time-sig-selector.svelte-zsk1i5.svelte-zsk1i5{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.time-sig-btn.svelte-zsk1i5.svelte-zsk1i5{padding:var(--space-2) var(--space-4);border-radius:20px;border:1.5px solid var(--glass-btn-border);background:var(--glass-btn);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--muted-strong);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.time-sig-btn.svelte-zsk1i5.svelte-zsk1i5:active{transform:scale(.97);background:var(--glass-btn-active)}.time-sig-btn.selected.svelte-zsk1i5.svelte-zsk1i5{background:var(--glass-btn-accent);border-color:var(--glass-btn-accent-border);color:var(--accent)}.beat-indicator.svelte-zsk1i5.svelte-zsk1i5{display:flex;gap:var(--space-3);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur))}.beat-dot.svelte-zsk1i5.svelte-zsk1i5{width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border);transition:all .1s ease}.beat-dot.accent.svelte-zsk1i5.svelte-zsk1i5{width:18px;height:18px;border-color:var(--accent)}.beat-dot.active.svelte-zsk1i5.svelte-zsk1i5{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #f9731680;transform:scale(1.15)}.beat-dot.accent.active.svelte-zsk1i5.svelte-zsk1i5{background:var(--accent);box-shadow:0 0 16px #f9731699}.controls.svelte-zsk1i5.svelte-zsk1i5{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(calc(var(--glass-btn-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--glass-btn-blur) + 2px))}.control-btn.svelte-zsk1i5.svelte-zsk1i5{width:56px;height:56px;border-radius:50%;border:1px solid var(--glass-btn-border);background:var(--glass-btn);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.control-btn.svelte-zsk1i5.svelte-zsk1i5:active{transform:scale(.92);background:var(--glass-btn-active);color:var(--accent)}.control-btn.svelte-zsk1i5 svg.svelte-zsk1i5{width:24px;height:24px}.play-btn.svelte-zsk1i5.svelte-zsk1i5{width:72px;height:72px;border-radius:50%;border:1px solid var(--glass-btn-accent-border);background:var(--glass-btn-accent);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.play-btn.svelte-zsk1i5.svelte-zsk1i5:active{transform:scale(.95);background:var(--glass-btn-accent-active)}.play-btn.playing.svelte-zsk1i5.svelte-zsk1i5{background:var(--glass-btn-danger);border-color:var(--glass-btn-danger-border);color:var(--error)}.play-btn.svelte-zsk1i5 svg.svelte-zsk1i5{width:32px;height:32px}.play-btn.svelte-zsk1i5:not(.playing) svg.svelte-zsk1i5{margin-left:3px}.tap-hint.svelte-zsk1i5.svelte-zsk1i5{font-size:.8rem;color:var(--muted);margin-top:var(--space-2)}