.metronome.svelte-xas8fm{display:flex;flex-direction:column;align-items:center;gap:.5rem}.controls-row.svelte-xas8fm{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;width:100%}.btn.svelte-xas8fm{border-radius:.5rem;background:#3b82f6;color:#fff;padding:.5rem .9rem;border:none;cursor:pointer;font-weight:600}.ctrl.svelte-xas8fm{display:flex;align-items:center;gap:.4rem}.lbl.svelte-xas8fm{font-size:.9rem;color:#374151}.num.svelte-xas8fm{width:4.5rem;padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:.375rem}.select.svelte-xas8fm{padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:.375rem}.status.svelte-xas8fm{font-size:.85rem;opacity:.7;text-align:center}@media (max-width: 420px){.btn.svelte-xas8fm{width:100%}.controls-row.svelte-xas8fm{align-items:stretch}}.auth-section.svelte-1rvo5v3{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;margin-bottom:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.auth-info.svelte-1rvo5v3,.auth-form.svelte-1rvo5v3{display:flex;align-items:center;gap:1rem;justify-content:center;color:#fff;flex-wrap:wrap;width:100%}.auth-label.svelte-1rvo5v3{font-size:.9rem;opacity:.9}.auth-email.svelte-1rvo5v3{font-weight:600;background:#fff3;padding:.25rem .75rem;border-radius:1rem}.auth-input.svelte-1rvo5v3{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.35);border-radius:.5rem;font-size:.9rem;min-width:0;width:min(420px,100%);background:#ffffff1f;color:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-input.svelte-1rvo5v3::placeholder{color:#ffffffd9}.auth-input.svelte-1rvo5v3:focus{outline:none;border-color:#fffffff2;background:#ffffff2e;box-shadow:0 0 0 3px #ffffff40}.auth-button.svelte-1rvo5v3{padding:.5rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;max-width:100%}.auth-button.svelte-1rvo5v3:hover{background:#fff3;border-color:#ffffff80}.main-container.svelte-1rvo5v3{max-width:1400px;margin:0 auto;padding:0 2rem}.app-header.svelte-1rvo5v3{text-align:center;margin-bottom:3rem;padding:2rem 0}.app-title.svelte-1rvo5v3{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-subtitle.svelte-1rvo5v3{font-size:1.2rem;color:#6b7280;font-weight:500}.control-panel.svelte-1rvo5v3{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.control-grid.svelte-1rvo5v3{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.control-group.svelte-1rvo5v3{display:flex;flex-direction:column;gap:1.5rem}.control-label.svelte-1rvo5v3{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:#374151}.control-select.svelte-1rvo5v3{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;background:#fff;transition:border-color .2s ease;width:100%}.control-select.svelte-1rvo5v3:focus{outline:none;border-color:#667eea}.toggle-group.svelte-1rvo5v3{display:flex;flex-direction:column;gap:1rem}.accidental-toggles.svelte-1rvo5v3{display:flex;gap:1.5rem;flex-wrap:wrap}.toggle-label.svelte-1rvo5v3{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#374151;cursor:pointer}.toggle-label.small.svelte-1rvo5v3{font-size:.9rem}.toggle-switch.svelte-1rvo5v3{position:relative;width:3rem;height:1.5rem;background:#d1d5db;border:none;border-radius:1rem;cursor:pointer;transition:background-color .2s ease}.toggle-switch.small.svelte-1rvo5v3{width:2.5rem;height:1.25rem}.toggle-switch.active.svelte-1rvo5v3{background:#10b981}.toggle-slider.svelte-1rvo5v3{position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.small.svelte-1rvo5v3 .toggle-slider:where(.svelte-1rvo5v3){width:calc(1.25rem - 4px);height:calc(1.25rem - 4px)}.toggle-switch.active.svelte-1rvo5v3 .toggle-slider:where(.svelte-1rvo5v3){transform:translate(1.5rem)}.toggle-switch.small.active.svelte-1rvo5v3 .toggle-slider:where(.svelte-1rvo5v3){transform:translate(1.25rem)}.staff-section.svelte-1rvo5v3{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;overflow-x:auto}.staff-container.svelte-1rvo5v3{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.staff-display.svelte-1rvo5v3{min-height:200px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:.5rem;padding:1rem;border:2px dashed #d1d5db;width:100%;overflow:hidden}.new-staff-button.svelte-1rvo5v3{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.new-staff-button.svelte-1rvo5v3:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.button-icon.svelte-1rvo5v3{font-size:1.2rem}.pitch-display.svelte-1rvo5v3{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.mic-permission.svelte-1rvo5v3{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.mic-button.svelte-1rvo5v3{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mic-button.svelte-1rvo5v3:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.mic-error.svelte-1rvo5v3{color:#b91c1c;font-size:.9rem}.pitch-info.svelte-1rvo5v3{text-align:center;margin-bottom:2rem}.frequency-display.svelte-1rvo5v3{margin-bottom:1rem}.frequency-value.svelte-1rvo5v3{font-size:4rem;font-weight:700;font-family:Courier New,monospace;color:#667eea}.frequency-unit.svelte-1rvo5v3{font-size:1.5rem;color:#6b7280;margin-left:.5rem}.note-display.svelte-1rvo5v3{font-size:3rem;font-weight:700;color:#374151;margin-bottom:1rem}.audio-controls.svelte-1rvo5v3{display:flex;flex-direction:column;align-items:center;gap:1rem}.volume-control.svelte-1rvo5v3{display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-text.svelte-1rvo5v3{font-size:.9rem;color:#6b7280;font-weight:500}.volume-slider.svelte-1rvo5v3{width:min(100%,300px);height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none}.volume-slider.svelte-1rvo5v3::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer}.loudness-display.svelte-1rvo5v3{font-size:.9rem;color:#6b7280;background:#f3f4f6;padding:.5rem 1rem;border-radius:.5rem}.metronome-section.svelte-1rvo5v3,.song-management.svelte-1rvo5v3{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.song-panels.svelte-1rvo5v3{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.song-panel.svelte-1rvo5v3{display:flex;flex-direction:column;gap:1rem}.panel-title.svelte-1rvo5v3{font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.xml-input.svelte-1rvo5v3{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;min-height:120px}.xml-input.svelte-1rvo5v3:focus{outline:none;border-color:#667eea}.input-controls.svelte-1rvo5v3{display:flex;flex-direction:column;gap:1rem}.song-name-input.svelte-1rvo5v3{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9rem}.song-name-input.svelte-1rvo5v3:focus{outline:none;border-color:#667eea}.input-buttons.svelte-1rvo5v3{display:flex;gap:1rem}.action-button.svelte-1rvo5v3{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.action-button.render.svelte-1rvo5v3{background:#6b7280;color:#fff}.action-button.render.svelte-1rvo5v3:hover{background:#4b5563}.action-button.save.svelte-1rvo5v3{background:#3b82f6;color:#fff}.action-button.save.svelte-1rvo5v3:hover:not(:disabled){background:#2563eb}.action-button.save.svelte-1rvo5v3:disabled{opacity:.5;cursor:not-allowed}.song-category.svelte-1rvo5v3{margin-bottom:1.5rem}.category-title.svelte-1rvo5v3{font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:.75rem}.song-list.svelte-1rvo5v3{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.song-button.svelte-1rvo5v3{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;border:none;border-radius:.5rem;font-size:.9rem;text-align:left;cursor:pointer;transition:all .2s ease}.song-button.preset.svelte-1rvo5v3{background:#8b5cf6;color:#fff}.song-button.preset.svelte-1rvo5v3:hover{background:#7c3aed}.song-button.custom.svelte-1rvo5v3{background:#10b981;color:#fff}.song-button.custom.svelte-1rvo5v3:hover{background:#059669}.custom-song-item.svelte-1rvo5v3{display:flex;gap:.5rem;margin-bottom:.5rem}.custom-song-item.svelte-1rvo5v3 .song-button:where(.svelte-1rvo5v3){margin-bottom:0;flex:1}.delete-button.svelte-1rvo5v3{padding:.5rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.delete-button.svelte-1rvo5v3:hover{background:#dc2626}.no-songs.svelte-1rvo5v3{text-align:center;color:#9ca3af;font-size:.9rem;padding:1rem}@media (max-width: 1024px){.control-grid.svelte-1rvo5v3,.song-panels.svelte-1rvo5v3{grid-template-columns:1fr}}@media (max-width: 768px){.main-container.svelte-1rvo5v3{padding:0 1rem}.app-title.svelte-1rvo5v3{font-size:2.5rem}.control-panel.svelte-1rvo5v3,.staff-section.svelte-1rvo5v3,.pitch-display.svelte-1rvo5v3,.metronome-section.svelte-1rvo5v3,.song-management.svelte-1rvo5v3{padding:1.5rem}.frequency-value.svelte-1rvo5v3{font-size:3rem}.note-display.svelte-1rvo5v3{font-size:2.5rem}.volume-slider.svelte-1rvo5v3{width:250px}}@media (max-width: 420px){.main-container.svelte-1rvo5v3{padding:0 .5rem}.app-title.svelte-1rvo5v3{font-size:clamp(1.8rem,9vw,2.3rem)}.app-subtitle.svelte-1rvo5v3{font-size:.95rem}.control-panel.svelte-1rvo5v3,.staff-section.svelte-1rvo5v3,.pitch-display.svelte-1rvo5v3,.metronome-section.svelte-1rvo5v3,.song-management.svelte-1rvo5v3{padding:1rem}.toggle-group.svelte-1rvo5v3{gap:.75rem}.auth-form.svelte-1rvo5v3{flex-direction:column;align-items:stretch}.auth-button.svelte-1rvo5v3,.volume-slider.svelte-1rvo5v3{width:100%}}@media (max-width: 340px){.app-title.svelte-1rvo5v3{font-size:clamp(1.6rem,10vw,2rem)}.panel-title.svelte-1rvo5v3{font-size:1.1rem}}