.app-shell.svelte-mqw05v.svelte-mqw05v{display:flex;flex-direction:column;min-height:100dvh}.app-main.svelte-mqw05v.svelte-mqw05v{position:relative;overflow:hidden;flex:1}.metronome-page.svelte-mqw05v.svelte-mqw05v{position:relative;z-index:1;width:min(100%,480px);margin:0 auto;padding:20px 16px 80px;display:flex;flex-direction:column;gap:12px}.tool-aura.svelte-mqw05v.svelte-mqw05v{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.tool-aura.svelte-mqw05v.svelte-mqw05v: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-mqw05v.svelte-mqw05v: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-mqw05v.svelte-mqw05v{display:flex;flex-direction:column;align-items:center;gap:12px}.metronome-container.svelte-mqw05v.svelte-mqw05v{width:100%;max-width:170px;aspect-ratio:200 / 280;display:grid;place-items:center;padding:12px;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-mqw05v.svelte-mqw05v{width:100%;height:100%}.metronome-page.svelte-mqw05v.svelte-mqw05v{--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-mqw05v.svelte-mqw05v{--metronome-body:#8b5a2b;--metronome-body-light:#a67c52;--metronome-body-dark:#5c3d1e;--metronome-face:#2a2a2a;--metronome-pendulum:#c9a227;--metronome-pendulum-top:#f4d03f}.body.svelte-mqw05v.svelte-mqw05v{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3))}.face-plate.svelte-mqw05v.svelte-mqw05v{fill:var(--metronome-face)}.tick-mark.svelte-mqw05v.svelte-mqw05v{stroke:var(--muted);stroke-width:1}.pivot.svelte-mqw05v.svelte-mqw05v{fill:#333}.pivot-cover.svelte-mqw05v.svelte-mqw05v{fill:#1a1a1a;stroke:#444;stroke-width:1}.weight.svelte-mqw05v.svelte-mqw05v{fill:var(--metronome-pendulum);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.ornament.svelte-mqw05v.svelte-mqw05v{fill:var(--metronome-pendulum);transition:fill .08s ease}.ornament.flash.svelte-mqw05v.svelte-mqw05v{fill:var(--metronome-accent)}.base.svelte-mqw05v.svelte-mqw05v{fill:var(--metronome-body-dark)}.bpm-display.svelte-mqw05v.svelte-mqw05v{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-mqw05v.svelte-mqw05v:active{transform:scale(.96);border-color:var(--accent);background:var(--surface-3)}.bpm-value.svelte-mqw05v.svelte-mqw05v{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.bpm-label.svelte-mqw05v.svelte-mqw05v{font-size:.875rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tempo-marking.svelte-mqw05v.svelte-mqw05v{font-size:1.125rem;font-weight:500;font-style:italic;color:var(--muted-strong);padding:6px 14px;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-mqw05v.svelte-mqw05v{display:flex;gap:8px;margin-top:4px}.time-sig-btn.svelte-mqw05v.svelte-mqw05v{padding:6px 14px;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-mqw05v.svelte-mqw05v:active{transform:scale(.97);background:var(--glass-btn-active)}.time-sig-btn.selected.svelte-mqw05v.svelte-mqw05v{background:var(--glass-btn-accent);border-color:var(--glass-btn-accent-border);color:var(--accent)}.beat-indicator.svelte-mqw05v.svelte-mqw05v{display:flex;gap:10px;margin-top:4px;padding:8px 12px;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-mqw05v.svelte-mqw05v{width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border);transition:all .1s ease}.beat-dot.accent.svelte-mqw05v.svelte-mqw05v{width:18px;height:18px;border-color:var(--accent)}.beat-dot.active.svelte-mqw05v.svelte-mqw05v{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #f9731680;transform:scale(1.15)}.beat-dot.accent.active.svelte-mqw05v.svelte-mqw05v{background:var(--accent);box-shadow:0 0 16px #f9731699}.controls.svelte-mqw05v.svelte-mqw05v{display:flex;align-items:center;gap:24px;margin-top:4px;padding:10px 16px;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-mqw05v.svelte-mqw05v{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-mqw05v.svelte-mqw05v:active{transform:scale(.92);background:var(--glass-btn-active);color:var(--accent)}.control-btn.svelte-mqw05v svg.svelte-mqw05v{width:24px;height:24px}.play-btn.svelte-mqw05v.svelte-mqw05v{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-mqw05v.svelte-mqw05v:active{transform:scale(.95);background:var(--glass-btn-accent-active)}.play-btn.playing.svelte-mqw05v.svelte-mqw05v{background:var(--glass-btn-danger);border-color:var(--glass-btn-danger-border);color:var(--error)}.play-btn.svelte-mqw05v svg.svelte-mqw05v{width:32px;height:32px}.play-btn.svelte-mqw05v:not(.playing) svg.svelte-mqw05v{margin-left:3px}.tap-hint.svelte-mqw05v.svelte-mqw05v{font-size:.8rem;color:var(--muted);margin-top:8px}