.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.svelte-1lo173z{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px}.bpm-display.svelte-1lo173z{text-align:center;margin-bottom:24px}.bpm-value.svelte-1lo173z{font-size:80px;font-weight:800;color:#1f2937;line-height:1;font-variant-numeric:tabular-nums}.bpm-display.playing.svelte-1lo173z .bpm-value:where(.svelte-1lo173z){color:#6366f1}.bpm-label.svelte-1lo173z{font-size:14px;color:#6b7280;letter-spacing:4px;margin-top:4px}.beats.svelte-1lo173z{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.beat.svelte-1lo173z{width:32px;height:32px;border-radius:50%;background:#e5e7eb;transition:all .08s}.beat.accent.svelte-1lo173z{border:2px solid #c7d2fe}.beat.active.svelte-1lo173z{background:#6366f1;transform:scale(1.15)}.beat.active.accent.svelte-1lo173z{background:#ec4899}.controls.svelte-1lo173z{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.btn-bpm.svelte-1lo173z,.btn-play.svelte-1lo173z{padding:12px 18px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.btn-play.svelte-1lo173z{padding:12px 28px;background:#6366f1;color:#fff;border-color:#6366f1;font-size:16px}.btn-play.playing.svelte-1lo173z{background:#ef4444;border-color:#ef4444}.btn-bpm.svelte-1lo173z:hover{background:#f3f4f6}.slider.svelte-1lo173z{margin-bottom:24px}.slider.svelte-1lo173z input[type=range]:where(.svelte-1lo173z){width:100%}.settings.svelte-1lo173z{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#4b5563}.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 #d1d5db;border-radius:6px;font-family:inherit}.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}