.page.svelte-1lo173z{max-width:720px;margin:0 auto;padding:24px 16px 64px}.crumb.svelte-1lo173z{font-size:13px;margin-bottom:16px}.crumb.svelte-1lo173z a:where(.svelte-1lo173z){color:#6366f1;text-decoration:none}.head.svelte-1lo173z h1:where(.svelte-1lo173z){font-size:28px;margin:4px 0 6px;font-weight:800}.head.svelte-1lo173z p:where(.svelte-1lo173z){color:#6b7280;margin:0 0 28px;font-size:14px}.metronome-console.svelte-1lo173z{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);border:1px solid rgba(236,72,153,.15);border-radius:20px;padding:40px 32px;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff0a inset;position:relative;overflow:hidden}.metronome-console.svelte-1lo173z:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(236,72,153,.08) 0%,transparent 50%);pointer-events:none}.bpm-display.svelte-1lo173z{text-align:center;margin-bottom:28px;position:relative;z-index:1}.bpm-value.svelte-1lo173z{font-size:120px;font-weight:900;color:#f1f5f9;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-4px;text-shadow:0 0 30px rgba(236,72,153,.3);transition:text-shadow .2s,color .2s}.bpm-display.playing.svelte-1lo173z .bpm-value:where(.svelte-1lo173z){color:#fce7f3;text-shadow:0 0 50px rgba(236,72,153,.7),0 0 80px rgba(168,85,247,.4)}.bpm-label.svelte-1lo173z{font-size:12px;color:#94a3b8;letter-spacing:6px;margin-top:8px;font-weight:600}.beats.svelte-1lo173z{display:flex;gap:12px;justify-content:center;margin-bottom:28px;position:relative;z-index:1}.beat.svelte-1lo173z{width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:all .08s}.beat.accent.svelte-1lo173z{border:2px solid rgba(236,72,153,.4)}.beat.active.svelte-1lo173z{background:linear-gradient(135deg,#ec4899,#a855f7);border-color:transparent;transform:scale(1.25);box-shadow:0 0 24px #ec489999}.beat.active.accent.svelte-1lo173z{background:linear-gradient(135deg,#f472b6,#c084fc);box-shadow:0 0 32px #ec4899cc}.controls.svelte-1lo173z{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:24px;flex-wrap:wrap;position:relative;z-index:1}.btn-bpm.svelte-1lo173z{padding:12px 18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f1f5f9;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.btn-bpm.svelte-1lo173z:hover{background:#ffffff1a;border-color:#ec48994d}.btn-play.svelte-1lo173z{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border:none;font-size:28px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 8px 32px #ec489966;transition:all .18s}.btn-play.svelte-1lo173z:hover{transform:scale(1.05);box-shadow:0 12px 40px #ec48998c}.btn-play.playing.svelte-1lo173z{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 32px #ef444480;animation:svelte-1lo173z-pulse-play 1.2s ease-in-out infinite}@keyframes svelte-1lo173z-pulse-play{0%,to{box-shadow:0 8px 32px #ef444480}50%{box-shadow:0 8px 48px #ef4444cc}}.slider.svelte-1lo173z{margin-bottom:24px;position:relative;z-index:1}.slider.svelte-1lo173z input[type=range]:where(.svelte-1lo173z){width:100%;accent-color:#ec4899}.settings.svelte-1lo173z{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#cbd5e1;position:relative;z-index:1}.settings.svelte-1lo173z label:where(.svelte-1lo173z){display:flex;align-items:center;gap:8px}.settings.svelte-1lo173z select:where(.svelte-1lo173z){padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#f1f5f9;border-radius:6px;font-family:inherit}.settings.svelte-1lo173z input[type=range]:where(.svelte-1lo173z){accent-color:#ec4899}.settings.svelte-1lo173z input[type=checkbox]:where(.svelte-1lo173z){accent-color:#ec4899}@media(max-width:600px){.metronome-console.svelte-1lo173z{padding:28px 20px}.bpm-value.svelte-1lo173z{font-size:80px;letter-spacing:-2px}.beat.svelte-1lo173z{width:36px;height:36px}.btn-play.svelte-1lo173z{width:72px;height:72px;font-size:24px}.btn-bpm.svelte-1lo173z{padding:10px 14px;font-size:13px}}.tempo-guide.svelte-1lo173z{margin-top:36px}.tempo-guide.svelte-1lo173z h2:where(.svelte-1lo173z){font-size:18px;margin:0 0 12px}.tempo-guide.svelte-1lo173z table:where(.svelte-1lo173z){width:100%;border-collapse:collapse;font-size:14px}.tempo-guide.svelte-1lo173z td:where(.svelte-1lo173z){padding:8px 12px;border-bottom:1px solid #f3f4f6}.tempo-guide.svelte-1lo173z td:where(.svelte-1lo173z):first-child{font-weight:600;color:#4f46e5;width:100px}.tempo-guide.svelte-1lo173z td:where(.svelte-1lo173z):nth-child(2){color:#6b7280;width:80px;font-variant-numeric:tabular-nums}