.viewer-main.svelte-mi1fc5.svelte-mi1fc5{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--color-bg)}.loading.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.start-screen.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.start-screen.svelte-mi1fc5 h2.svelte-mi1fc5{font-size:1.5rem;font-weight:600;margin:0 0 2rem;color:var(--color-text)}.start-buttons.svelte-mi1fc5.svelte-mi1fc5{display:flex;gap:1.5rem;margin-bottom:1.5rem}.start-btn.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:120px;height:120px;border:2px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s}.start-btn.svelte-mi1fc5.svelte-mi1fc5:hover{border-color:var(--color-primary);background:#4a9eff1a}.start-btn.svelte-mi1fc5.svelte-mi1fc5:active{transform:scale(.95)}.start-btn.svelte-mi1fc5 input[type=file].svelte-mi1fc5{display:none}.start-btn.svelte-mi1fc5 span.svelte-mi1fc5{font-size:.9rem;font-weight:500}.load-btn.svelte-mi1fc5.svelte-mi1fc5{color:var(--color-primary)}.load-btn.svelte-mi1fc5 svg.svelte-mi1fc5{color:var(--color-primary)}.record-btn.svelte-mi1fc5.svelte-mi1fc5{color:#ef4444;border:none}.record-btn.svelte-mi1fc5 svg.svelte-mi1fc5{color:#ef4444}.record-btn.svelte-mi1fc5.svelte-mi1fc5:hover{background:#ef44441a;border-color:#ef4444}.start-hint.svelte-mi1fc5.svelte-mi1fc5{font-size:.8rem;color:var(--color-text-muted);margin:0}.loading-url.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.spinner.svelte-mi1fc5.svelte-mi1fc5{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-mi1fc5-spin .8s linear infinite}@keyframes svelte-mi1fc5-spin{to{transform:rotate(360deg)}}.loading-text.svelte-mi1fc5.svelte-mi1fc5{font-size:1rem;color:var(--color-text);margin:0}.error-message.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;max-width:400px;text-align:center}.error-icon.svelte-mi1fc5.svelte-mi1fc5{color:#ef4444}.error-message.svelte-mi1fc5 h3.svelte-mi1fc5{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text)}.error-detail.svelte-mi1fc5.svelte-mi1fc5{font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.5}.retry-btn.svelte-mi1fc5.svelte-mi1fc5{padding:.75rem 1.5rem;border:2px solid var(--color-primary);border-radius:8px;background:transparent;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.retry-btn.svelte-mi1fc5.svelte-mi1fc5:hover{background:#4a9eff1a}.retry-btn.svelte-mi1fc5.svelte-mi1fc5:active{transform:scale(.98)}.fallback-options.svelte-mi1fc5.svelte-mi1fc5{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.or-text.svelte-mi1fc5.svelte-mi1fc5{font-size:.85rem;color:var(--color-text-muted);margin:0 0 1rem}.recording-indicator.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.recording-pulse.svelte-mi1fc5.svelte-mi1fc5{width:80px;height:80px;border-radius:50%;background:#ef4444;animation:svelte-mi1fc5-pulse 1s ease-in-out infinite}@keyframes svelte-mi1fc5-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.recording-time.svelte-mi1fc5.svelte-mi1fc5{font-size:2rem;font-weight:600;font-family:monospace;color:#ef4444}.stop-record-btn.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;background:#ef4444;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.stop-record-btn.svelte-mi1fc5.svelte-mi1fc5:hover{background:#dc2626}.stop-record-btn.svelte-mi1fc5.svelte-mi1fc5:active{transform:scale(.95)}.viewer-header.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:40px;flex-shrink:0}.filename.svelte-mi1fc5.svelte-mi1fc5{font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:.5rem}.analysis-progress.svelte-mi1fc5.svelte-mi1fc5{font-size:.7rem;color:var(--color-primary);margin-right:.5rem;padding:.15rem .4rem;background:#4a9eff26;border-radius:4px}.settings-toggle.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.settings-toggle.svelte-mi1fc5.svelte-mi1fc5:hover,.settings-toggle.active.svelte-mi1fc5.svelte-mi1fc5{background:var(--color-border);color:var(--color-text)}.values-bar.svelte-mi1fc5.svelte-mi1fc5{display:flex;flex-direction:column;gap:.15rem;padding:.2rem .5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.65rem;font-family:monospace;flex-shrink:0}.values-row.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;gap:.5rem;overflow-x:auto}.value-item.svelte-mi1fc5.svelte-mi1fc5{display:flex;gap:.15rem;white-space:nowrap}.value-label.svelte-mi1fc5.svelte-mi1fc5{color:var(--color-text-muted)}.value-num.svelte-mi1fc5.svelte-mi1fc5{color:var(--color-text)}.value-item.pitch.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:#60a5fa}.value-item.formant.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:#f87171}.value-item.intensity.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:#4ade80}.value-item.hnr.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:#fbbf24}.value-item.cog.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:#c084fc}.value-item.nmr.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:sienna}.value-item.selection.svelte-mi1fc5.svelte-mi1fc5{padding:.1rem .3rem;background:#4a9eff26;border-radius:3px}.value-item.selection.svelte-mi1fc5 .value-num.svelte-mi1fc5{color:var(--color-primary)}.gesture-container.svelte-mi1fc5.svelte-mi1fc5{flex:1;display:flex;flex-direction:column;overflow:hidden;touch-action:none;min-height:0}.waveform-panel.svelte-mi1fc5.svelte-mi1fc5{height:60px;min-height:50px;flex-shrink:0;border-bottom:1px solid var(--color-border)}.spectrogram-panel.svelte-mi1fc5.svelte-mi1fc5{flex:1;min-height:100px}.play-selection-btn,.zoom-controls{display:none!important}.time-axis-panel.svelte-mi1fc5.svelte-mi1fc5{height:20px;flex-shrink:0}.copy-notification.svelte-mi1fc5.svelte-mi1fc5{position:fixed;top:calc(50% - 30px);left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#000000d9;color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;z-index:300;pointer-events:none;box-shadow:0 4px 12px #0000004d;animation:svelte-mi1fc5-fadeInOut 2s ease-in-out}@keyframes svelte-mi1fc5-fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.fab-play.svelte-mi1fc5.svelte-mi1fc5{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));width:56px;height:56px;border:none;border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .15s,background .15s;z-index:100}.fab-play.svelte-mi1fc5.svelte-mi1fc5:hover{transform:scale(1.05)}.fab-play.svelte-mi1fc5.svelte-mi1fc5:active{transform:scale(.95)}.fab-play.playing.svelte-mi1fc5.svelte-mi1fc5{background:#ef4444}.settings-backdrop.svelte-mi1fc5.svelte-mi1fc5{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200}.settings-drawer.svelte-mi1fc5.svelte-mi1fc5{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:var(--color-surface);border-left:1px solid var(--color-border);padding:.75rem;padding-top:calc(.75rem + env(safe-area-inset-top));padding-bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:201;overflow-y:auto;display:flex;flex-direction:column}.drawer-header.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.drawer-header.svelte-mi1fc5 h3.svelte-mi1fc5{margin:0;font-size:1rem;font-weight:600}.close-btn.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.close-btn.svelte-mi1fc5.svelte-mi1fc5:hover{background:var(--color-border);color:var(--color-text)}.settings-drawer.svelte-mi1fc5 h4.svelte-mi1fc5{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:.75rem 0 .5rem}.toggle-row.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border);cursor:pointer;min-height:44px}.toggle-row.svelte-mi1fc5 input[type=checkbox].svelte-mi1fc5{width:20px;height:20px;cursor:pointer;flex-shrink:0}.toggle-label.svelte-mi1fc5.svelte-mi1fc5{font-size:.85rem;padding:.2rem .4rem;border-radius:4px}.toggle-label.pitch.svelte-mi1fc5.svelte-mi1fc5{color:#60a5fa;background:#60a5fa26}.toggle-label.formants.svelte-mi1fc5.svelte-mi1fc5{color:#f87171;background:#f8717126}.toggle-label.intensity.svelte-mi1fc5.svelte-mi1fc5{color:#4ade80;background:#4ade8026}.toggle-label.hnr.svelte-mi1fc5.svelte-mi1fc5{color:#fbbf24;background:#fbbf2426}.toggle-label.cog.svelte-mi1fc5.svelte-mi1fc5{color:#c084fc;background:#c084fc26}.toggle-label.tilt.svelte-mi1fc5.svelte-mi1fc5{color:#22d3ee;background:#22d3ee26}.toggle-label.a1p0.svelte-mi1fc5.svelte-mi1fc5{color:#fb7185;background:#fb718526}.toggle-label.nmr.svelte-mi1fc5.svelte-mi1fc5{color:sienna;background:#a0522d26}.select-row.svelte-mi1fc5.svelte-mi1fc5{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border);min-height:44px}.select-row.svelte-mi1fc5 span.svelte-mi1fc5{font-size:.85rem;color:var(--color-text)}.select-row.svelte-mi1fc5 select.svelte-mi1fc5{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer}.help-text.svelte-mi1fc5.svelte-mi1fc5{margin-top:auto;padding-top:1rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.help-text.svelte-mi1fc5 strong.svelte-mi1fc5{color:var(--color-text)}@media (orientation: landscape) and (max-height: 500px){.viewer-header.svelte-mi1fc5.svelte-mi1fc5{min-height:28px;padding:.1rem .5rem}.values-bar.svelte-mi1fc5.svelte-mi1fc5{flex-direction:row;gap:.75rem;padding:.1rem .5rem;font-size:.6rem;overflow-x:auto}.values-row.svelte-mi1fc5.svelte-mi1fc5{gap:.4rem}.waveform-panel.svelte-mi1fc5.svelte-mi1fc5{height:35px;min-height:30px}.time-axis-panel.svelte-mi1fc5.svelte-mi1fc5{height:16px}.fab-play.svelte-mi1fc5.svelte-mi1fc5{width:44px;height:44px;bottom:calc(6px + env(safe-area-inset-bottom));right:calc(6px + env(safe-area-inset-right))}}@media (pointer: coarse){.toggle-row.svelte-mi1fc5.svelte-mi1fc5,.select-row.svelte-mi1fc5.svelte-mi1fc5{padding:.6rem 0}}