:root{color:#f8fafc;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#000}html,body,#root{width:100%;min-height:100%}button,input,select{font:inherit}.app-shell{width:100%;margin:0;padding:0;overflow-x:hidden}.app-shell-map{display:grid;width:100%;height:100vh;height:100dvh;min-height:0;max-width:none;overflow:hidden;padding:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;padding:6px 16px 8px}.eyebrow{margin:0 0 2px;color:#94a3b8;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}h1{margin:0;color:#fff;font-size:clamp(1.45rem,4.2vw,2.1rem);line-height:.9;letter-spacing:0}.mode-label{margin:0;color:#fbbf24;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.mode-target-list{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;color:#cbd5e1;font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:800}.mode-target-list span,.selected-tones-list li,.audition-targets li,.audition-band-readout span{display:inline-flex;align-items:center;gap:8px}.header-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;width:min(100%,500px);flex:0 0 min(54vw,500px);gap:6px;padding-top:0}.audio-input-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0}.audio-input-control span{color:#94a3b8;font-size:.7rem;font-weight:800;line-height:1;white-space:nowrap}.audio-input-select{min-height:28px;width:100%;border:1px solid #36506f;border-radius:6px;color:#f8fafc;background:#030712;padding:0 26px 0 8px;font-size:.78rem;box-shadow:inset 0 0 0 1px #7dd3fc0a}.audio-input-select:focus{border-color:#7dd3fc;outline:none;box-shadow:0 0 0 3px #7dd3fc24,inset 0 0 0 1px #7dd3fc14}.header-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.target-swatch{display:inline-block;width:11px;height:11px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px #ffffff29}.listen-button{position:relative;overflow:hidden;width:100%;height:28px;min-height:28px;padding:0 8px;border:1px solid #7dd3fc;border-radius:6px;color:#001018;background:#7dd3fc;font-size:.8rem;font-weight:800;box-shadow:0 6px 14px #0ea5e917;white-space:nowrap}.listen-button span{position:relative;z-index:1}.listen-button:disabled{border-color:#334155;color:#cbd5e1;background:#1e293b}.listen-button-stop{border-color:#ef4444;color:#fff;background:#dc2626}.listen-button-preparing:disabled{border-color:#fbbf24;color:#f8fafc;background:#1e293b}.listen-button-preparing:before{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--preparation-progress, 0) * 100%);background:#fbbf24;content:"";transition:width .1s linear}.listen-button-preparing span{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.48)}.spectrum-panel{width:100%;margin:0;overflow:hidden;border:1px solid #1f2937;border-radius:0;background:#050505}.spectrum-panel h2{margin:0;padding:8px 0 0;color:#f8fafc;font-size:.95rem;line-height:1.2;letter-spacing:0}.spectrum-chart-surface{position:relative;cursor:crosshair}.spectrum-canvas{display:block;width:100%;aspect-ratio:unset!important;height:min(28vh,238px);min-height:182px}.spectrogram-panel{position:relative;padding:8px 0;border-top:1px solid #111827;cursor:crosshair}.spectrogram-canvas{display:block;width:100%;aspect-ratio:unset!important;height:min(52vh,442px);min-height:338px}.frequency-popup{position:absolute;z-index:2;width:172px;padding:10px;border:1px solid #334155;border-radius:8px;color:#f8fafc;background:#0f172af5;box-shadow:0 16px 36px #0000005c;font-size:.82rem;pointer-events:auto}.frequency-popup-hover{border-color:#334155;opacity:.94;pointer-events:none}.frequency-popup-selected{border-color:#fbbf24;background:#1c1400fa;box-shadow:0 0 0 1px #fbbf2438,0 20px 42px #00000075}.frequency-popup dl{display:grid;gap:7px;margin:0 0 10px}.frequency-popup dl>div{display:flex;justify-content:space-between;gap:10px}.frequency-popup dt{color:#94a3b8}.frequency-popup dd{margin:0;color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.frequency-popup-hint{min-height:32px;margin:0;display:grid;place-items:center;border:1px solid #334155;border-radius:8px;color:#94a3b8;background:#0f172ab8;font-size:.82rem;font-weight:800}.selected-frequency-label{margin:0 0 8px;color:#fbbf24;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.frequency-popup-actions{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px}.focus-button{min-height:32px;width:100%;border:1px solid #fbbf24;border-radius:8px;color:#1c1400;background:#fbbf24;font-weight:900}.focus-button:disabled{border-color:#1f2937;color:#64748b;background:#0b1120}.clear-selection-button{min-height:32px;border:1px solid #475569;border-radius:8px;color:#f8fafc;background:#111827;font-weight:900}.selected-tones-panel{display:grid;gap:10px;padding:0 16px 16px;border-top:1px solid #111827}.selected-tones-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.selected-tones-header h3{margin:0;color:#f8fafc;font-size:.95rem}.selected-tones-header .focus-button{width:auto;min-width:92px;padding:0 14px}.selected-tones-empty,.selection-message{margin:0;color:#94a3b8;font-size:.86rem}.selection-message{color:#fef3c7}.selected-tones-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.selected-tones-list li{min-height:34px;padding:0 4px 0 10px;border:1px solid #1f2937;border-radius:8px;color:#f8fafc;background:#020617;font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:800}.selected-tones-list button{display:grid;width:28px;height:28px;place-items:center;border:0;color:#cbd5e1;background:transparent;font-size:1.1rem;font-weight:900}.secondary-button{min-height:28px;padding:0 8px;border:1px solid #2d405c;border-radius:6px;color:#e2e8f0;background:#0b1220;font-size:.8rem;font-weight:700;white-space:nowrap}.header-action-row .secondary-button{width:100%;height:28px;min-height:28px;color:#dbeafe;background:#101827;font-weight:800}.header-action-row .settings-icon-button{display:grid;place-items:center;padding:0}.header-action-row .settings-icon-button svg{width:15px;height:15px}.secondary-button:focus,.listen-button:focus{outline:none;box-shadow:0 0 0 3px #7dd3fc24}.status-message{margin-top:14px;padding:12px 14px;border:1px solid #fbbf24;border-radius:8px;color:#fef3c7;background:#1c1400;font-size:.92rem;line-height:1.4}.settings-panel{margin-top:16px;border-top:1px solid #1f2937}.settings-page-shell{display:grid;gap:16px;padding:0 16px 24px}.settings-page-header{align-items:center;padding:6px 0 0}.settings-panel h2{margin:0;padding:16px 0 4px;color:#f8fafc;font-size:1rem;line-height:1.2;letter-spacing:0}.settings-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #111827}.settings-row>span:first-child{color:#94a3b8;font-size:.85rem}.settings-row output{margin:0;color:#f8fafc;font-size:.9rem;font-variant-numeric:tabular-nums;text-align:right}.settings-row input,.settings-row select{min-height:36px;width:min(100%,160px);border:1px solid #334155;border-radius:8px;color:#f8fafc;background:#050505;font-variant-numeric:tabular-nums}.settings-row input{padding:0 10px}.settings-row select{padding:0 34px 0 10px}.range-controls,.unit-control,.fft-size-select-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#cbd5e1;font-size:.9rem}.fft-size-control{display:grid;justify-items:end;gap:6px}.resolution-hint{color:#94a3b8;font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap}.warning-badge{min-height:24px;padding:3px 8px;border:1px solid #f59e0b;border-radius:999px;color:#fef3c7;background:#281602;font-size:.75rem;font-weight:800;line-height:1.2;white-space:nowrap}.range-controls input{width:82px}.unit-control input{width:96px}.settings-errors{margin:12px 0 0;padding-left:18px;color:#fca5a5;font-size:.88rem;line-height:1.45}.settings-actions{display:flex;gap:10px;margin-top:14px}.secondary-button:disabled{border-color:#1f2937;color:#64748b;background:#0b1120}.focus-navigation{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:10px}.focus-panel{overflow:hidden;border:1px solid #1f2937;border-radius:8px;background:#050505}.focus-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 0}.focus-panel h2{margin:0;color:#f8fafc;font-size:1rem;line-height:1.2;letter-spacing:0}.focus-panel p{margin:6px 0 0;color:#fbbf24;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:800}.focus-target-controls{display:grid;gap:8px;padding:12px 16px 0}.focus-target-control{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:10px;min-height:38px;color:#f8fafc;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:800}.focus-canvas{display:block;width:100%;height:min(44vh,360px);min-height:300px}.bandwidth-control{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem;white-space:nowrap}.bandwidth-control output{min-width:48px;color:#f8fafc;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #334155;border-radius:8px;color:#e2e8f0;background:#0f172a;font-weight:900}.icon-button:disabled{color:#475569;background:#020617}.focus-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #1f2937}.target-stats-list{display:grid;gap:0;border-top:1px solid #1f2937}.target-stats-card{border-bottom:1px solid #1f2937}.target-stats-card h3,.correlation-panel h3{display:flex;align-items:center;gap:8px;margin:0;padding:12px 14px;color:#f8fafc;font-size:.95rem;font-variant-numeric:tabular-nums}.correlation-panel{padding-bottom:12px}.post-processing-panel{border-top:1px solid #1f2937;color:#cbd5e1;font-size:.9rem;font-variant-numeric:tabular-nums}section.post-processing-panel{padding:12px 14px}.correlation-panel.post-processing-panel{padding:0 0 12px}.correlation-list{display:grid;gap:0;padding:0 14px}.correlation-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;border-bottom:1px solid #111827;color:#cbd5e1;font-size:.9rem;font-variant-numeric:tabular-nums}.correlation-list output{color:#f8fafc;font-weight:900}.focus-stats div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 14px;border-bottom:1px solid #111827}.focus-stats div:nth-child(odd){border-right:1px solid #111827}.focus-stats span{color:#94a3b8;font-size:.84rem}.focus-stats output{color:#f8fafc;font-variant-numeric:tabular-nums;font-weight:900}.audition-panel{display:grid;justify-items:center;gap:16px;max-width:760px;margin:0 auto;padding:18px 16px;border:1px solid #1f2937;border-radius:8px;background:#050505;text-align:center}.audition-heading{justify-items:center;display:grid;gap:6px}.audition-heading p,.audition-heading h2{margin:0;font-variant-numeric:tabular-nums}.audition-targets{display:grid;gap:8px;color:#94a3b8;font-size:.86rem;font-weight:800}.audition-targets ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;color:#f8fafc;list-style:none;font-variant-numeric:tabular-nums}.audition-heading p{color:#fbbf24;font-size:.95rem;font-weight:900}.audition-heading h2{color:#fff;font-size:clamp(1.45rem,8vw,2.6rem);line-height:1;letter-spacing:0}.balanced-mix-label{width:fit-content;padding:4px 9px;border:1px solid #334155;border-radius:8px;color:#cbd5e1;background:#020617;font-size:.78rem;font-weight:900}.audition-frequency-readout{display:grid;width:min(100%,390px);gap:8px}.audition-frequency-readout div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;padding:0 10px;border:1px solid #111827;border-radius:8px;background:#020617}.audition-frequency-readout span{color:#94a3b8;font-size:.82rem}.audition-frequency-readout output{display:grid;gap:3px;color:#f8fafc;font-variant-numeric:tabular-nums;font-weight:900;text-align:right}.audition-band-readout{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;color:#94a3b8;font-size:.82rem;font-variant-numeric:tabular-nums}.audition-mix-readout{display:grid;width:min(100%,390px);gap:6px}.audition-mix-readout div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px;padding:0 10px;border:1px solid #111827;border-radius:8px;background:#020617}.audition-mix-readout span{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.82rem}.audition-mix-readout output{color:#f8fafc;font-variant-numeric:tabular-nums;font-weight:900}.analysis-panel{overflow:hidden;border:1px solid #1f2937;border-radius:8px;background:#050505}.analysis-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #1f2937}.analysis-panel-header p,.analysis-panel-header h2{margin:0}.analysis-panel-header p{color:#fbbf24;font-size:.86rem;font-weight:900}.analysis-panel-header h2{margin-top:4px;color:#fff;font-size:1.45rem;line-height:1.1;letter-spacing:0}.analysis-panel-header strong{max-width:210px;color:#cbd5e1;font-size:.84rem;line-height:1.35;text-align:right}.analysis-section{padding:14px 16px;border-bottom:1px solid #1f2937}.analysis-section h3{margin:0 0 10px;color:#f8fafc;font-size:.96rem;line-height:1.2;letter-spacing:0}.analysis-pair-list{display:grid;gap:0}.analysis-pair-list div,.analysis-estimate div,.map-labels-panel div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;border-bottom:1px solid #111827;color:#cbd5e1;font-size:.9rem;font-variant-numeric:tabular-nums}.analysis-pair-list div:last-child,.analysis-estimate div:last-child,.map-labels-panel div:last-child{border-bottom:0}.analysis-pair-list span,.analysis-legend span{display:inline-flex;align-items:center;gap:8px}.analysis-pair-list output,.analysis-estimate output,.map-labels-panel output{color:#f8fafc;font-weight:900;text-align:right}.analysis-canvas{display:block;width:100%;height:min(40vh,340px);min-height:280px;border:1px solid #111827;border-radius:8px;background:#050505}.analysis-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px;color:#cbd5e1;font-size:.84rem;font-variant-numeric:tabular-nums;font-weight:800}.analysis-estimate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #1f2937}.analysis-estimate div{min-height:64px;padding:10px 16px;border-bottom:0}.analysis-estimate div:first-child{border-right:1px solid #111827}.analysis-estimate span,.map-labels-panel span{color:#94a3b8;font-size:.84rem}.analysis-estimate output{font-size:1.08rem}.analysis-actions{display:flex;justify-content:flex-start;padding:14px 16px;border-bottom:1px solid #1f2937}.analysis-map-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;min-height:0;overflow:hidden;border:0;border-radius:0;background:#050505}.analysis-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #1f2937}.analysis-map-toolbar div{text-align:right}.analysis-map-toolbar p,.analysis-map-toolbar h2{margin:0}.analysis-map-toolbar p{color:#fbbf24;font-size:.86rem;font-weight:900}.analysis-map-toolbar h2{margin-top:4px;color:#fff;font-size:1.45rem;line-height:1.1;letter-spacing:0}.native-map-shell{position:relative;display:block;height:100%;overflow:hidden;min-height:0;padding:0;border-bottom:1px solid #1f2937}.native-map-surface{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:0;border-radius:0;background:#dbeafe}.native-map-surface .leaflet-container{width:100%;height:100%}.map-loading-state{position:absolute;left:50%;top:50%;padding:3px 7px;border-radius:8px;color:#e2e8f0;background:#0f172ad1;font-size:.86rem;font-weight:900;transform:translate(-50%,-50%);white-space:nowrap;z-index:400}.leaflet-you-label{border:0;border-radius:8px;color:#e2e8f0;background:#0f172ae6;box-shadow:0 4px 10px #0f172a33;font-weight:900}.map-labels-panel{position:absolute;right:16px;bottom:16px;z-index:500;display:grid;gap:0;width:min(360px,calc(100% - 32px));border:1px solid rgba(15,23,42,.18);border-radius:8px;background:#050505e6;box-shadow:0 18px 42px #0f172a38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.analysis-warning{margin:0;padding:12px 16px;color:#fef3c7;background:#1c1400;font-size:.9rem;line-height:1.45}.analysis-section-subtitle{margin:-4px 0 12px;color:#94a3b8;font-size:.84rem;line-height:1.4}.analysis-section-note{margin:4px 0 0;color:#64748b;font-size:.86rem;line-height:1.4}.heatmap-pair-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.windowed-summary{margin-top:10px;border:1px solid #111827;border-radius:8px;overflow:hidden}.windowed-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;border-bottom:1px solid #111827;color:#cbd5e1;font-size:.9rem;font-variant-numeric:tabular-nums}.windowed-summary>div:last-child{border-bottom:0}.windowed-summary span{color:#94a3b8;font-size:.84rem}.windowed-summary output{display:inline-flex;align-items:center;gap:6px;color:#f8fafc;font-weight:900;text-align:right}.waveform-shell{display:grid;width:100%;gap:6px}.waveform-canvas{display:block;width:100%;height:min(34vh,260px);min-height:180px;border:1px solid #1f2937;border-radius:8px;background:#050505;cursor:crosshair}.waveform-hover-time{min-height:18px;color:#94a3b8;font-size:.8rem;font-variant-numeric:tabular-nums;text-align:center}.audition-time-readout{color:#f8fafc;font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:900}.pitch-control{display:grid;grid-template-columns:44px 44px minmax(116px,1fr) 44px 44px;align-items:center;gap:8px;width:min(100%,360px)}.pitch-control button,.playback-control button,.audition-reset{min-height:40px;border:1px solid #334155;border-radius:8px;color:#e2e8f0;background:#0f172a;font-weight:900}.pitch-control button{font-size:1.18rem}.pitch-control output{display:grid;min-height:46px;place-items:center;border:1px solid #fbbf24;border-radius:8px;color:#1c1400;background:#fbbf24;font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:1000;white-space:nowrap}.audition-reset{width:min(100%,160px);color:#fbbf24}.volume-control{display:grid;grid-template-columns:auto 40px minmax(72px,1fr) 40px;align-items:center;gap:8px;width:min(100%,300px);color:#94a3b8;font-size:.9rem;font-weight:800}.volume-control button{display:grid;min-height:36px;place-items:center;border:1px solid #334155;border-radius:8px;color:#e2e8f0;background:#0f172a;font-weight:900}.volume-control button:disabled{border-color:#1f2937;color:#64748b;background:#020617}.volume-control output{display:grid;min-height:36px;place-items:center;border:1px solid #111827;border-radius:8px;color:#f8fafc;background:#020617;font-variant-numeric:tabular-nums;font-weight:900}.playback-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,390px)}.playback-control button:disabled{border-color:#1f2937;color:#64748b;background:#020617}@media(max-width:560px){.app-header{display:grid;gap:10px}.header-controls{grid-template-columns:1fr;width:100%;flex-basis:auto}.audio-input-control{grid-template-columns:1fr;gap:5px}.header-action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.listen-button,.secondary-button{width:100%}.settings-row{align-items:stretch;display:grid;gap:8px}.settings-row output{text-align:left}.settings-row input,.settings-row select{width:100%}.range-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.unit-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.fft-size-control{justify-items:stretch}.fft-size-select-row{align-items:stretch;display:grid}.warning-badge{width:fit-content}.settings-actions,.focus-navigation,.focus-panel-header{display:grid}.focus-target-control{grid-template-columns:auto minmax(0,1fr)}.focus-target-control .bandwidth-control{grid-column:1 / -1}.bandwidth-control{justify-content:space-between}.focus-stats{grid-template-columns:1fr}.focus-stats div:nth-child(odd){border-right:0}.audition-frequency-readout div{display:grid;justify-items:center;padding:8px 10px}.pitch-control{grid-template-columns:repeat(2,44px) minmax(92px,1fr) repeat(2,44px)}.volume-control{grid-template-columns:1fr 40px minmax(72px,1fr) 40px}.playback-control{grid-template-columns:1fr}.analysis-panel-header,.analysis-map-toolbar{display:grid}.analysis-panel-header strong,.analysis-map-toolbar div{max-width:none;text-align:left}.analysis-estimate,.native-map-shell{grid-template-columns:1fr}.analysis-estimate div:first-child{border-right:0;border-bottom:1px solid #111827}.analysis-actions{display:grid}.map-labels-panel{right:10px;bottom:10px;width:calc(100% - 20px)}}.header-action-row-scout{grid-template-columns:repeat(3,64px)}.scout-header-actions{grid-template-columns:1fr}.scout-setup{display:grid;gap:16px;margin-top:16px;padding:16px;border:1px solid #1f2937;border-radius:8px;background:#050505}.scout-setup-fields{display:grid;gap:0}.scout-band-preview{margin:0;color:#fbbf24;font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums}.scout-band-preview-invalid{color:#94a3b8;font-weight:600}.scout-session{display:grid;gap:16px;margin-top:16px}.scout-band-readout{display:grid;gap:4px;padding:14px 16px;border:1px solid #1f2937;border-radius:8px;background:#050505}.scout-band-readout span{color:#94a3b8;font-size:.82rem}.scout-band-readout strong{color:#fff;font-size:1.6rem;line-height:1.1;font-variant-numeric:tabular-nums}.scout-actions{display:flex;flex-wrap:wrap;gap:10px}.scout-actions .listen-button{width:auto;min-width:180px;padding:0 20px}.scout-measuring,.scout-review{display:grid;justify-items:center;gap:8px;padding:24px 16px;border:1px solid #1f2937;border-radius:8px;background:#050505;text-align:center}.scout-countdown-label{margin:0;color:#fbbf24;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.scout-countdown{margin:0;color:#fff;font-size:clamp(3rem,14vw,4.5rem);line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.scout-measuring-hint{margin:0;color:#cbd5e1;font-size:.9rem;font-variant-numeric:tabular-nums}.scout-accuracy-warning{margin:0;padding:8px 12px;border:1px solid #f59e0b;border-radius:8px;color:#fef3c7;background:#1c1400;font-size:.86rem}.scout-measurement-list{border:1px solid #1f2937;border-radius:8px;background:#050505}.scout-measurement-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #111827}.scout-measurement-list-header h3{margin:0;color:#f8fafc;font-size:1rem}.scout-empty{margin:0;padding:16px;color:#94a3b8;font-size:.9rem}.scout-measurement-list ul{margin:0;padding:0;list-style:none}.scout-measurement-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #111827}.scout-measurement-list li:last-child{border-bottom:0}.scout-measurement-index{color:#64748b;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}.scout-measurement-detail{display:grid;gap:2px;flex:1 1 auto;min-width:0}.scout-measurement-detail strong{color:#f8fafc;font-size:.9rem;font-variant-numeric:tabular-nums}.scout-measurement-detail span{color:#94a3b8;font-size:.78rem}.scout-measurement-stats{display:grid;justify-items:end;gap:2px;text-align:right}.scout-measurement-stats output{color:#f8fafc;font-size:.95rem;font-weight:900;font-variant-numeric:tabular-nums}.scout-measurement-stats span{color:#94a3b8;font-size:.76rem;font-variant-numeric:tabular-nums}.scout-source-icon{background:transparent;border:0}.scout-crosshair{position:relative;width:26px;height:26px;border:2px solid #ef4444;border-radius:50%;box-shadow:0 0 0 2px #00000080}.scout-crosshair:before,.scout-crosshair:after{position:absolute;background:#ef4444;content:""}.scout-crosshair:before{left:50%;top:-6px;width:2px;height:38px;transform:translate(-50%)}.scout-crosshair:after{top:50%;left:-6px;width:38px;height:2px;transform:translateY(-50%)}@media(max-width:560px){.header-action-row-scout{grid-template-columns:repeat(3,minmax(0,1fr))}.scout-header-actions{grid-template-columns:1fr}.scout-actions .listen-button{width:100%;min-width:0}}.markers-panel{margin-top:16px;border-top:1px solid #1f2937;padding-top:16px}.markers-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.markers-header h2{margin:0;padding:0;color:#f8fafc;font-size:1rem;line-height:1.2;letter-spacing:0}.clear-markers-button{padding:6px 12px;border:1px solid #334155;border-radius:6px;background:#050505;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s ease}.clear-markers-button:hover{background:#1f2937;color:#f8fafc}.clear-markers-button:active{background:#0f172a}.markers-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.marker-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#050505;border:1px solid #1f2937;border-radius:999px}.marker-color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.marker-frequency{font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#cbd5e1}.marker-remove-button{padding:0;border:1px solid #334155;border-radius:999px;background:transparent;color:#64748b;font-size:.75rem;cursor:pointer;transition:all .15s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marker-remove-button:hover{color:#f87171;border-color:#f87171;background:#f871711a}.marker-remove-button:active{background:#f8717133}@media(max-width:640px){.app-shell{padding:4px 0 12px;width:100%}.app-header{flex-wrap:wrap;gap:4px 10px;margin-bottom:4px;padding:0 8px}.header-controls{display:flex;flex:1 1 100%;width:auto;min-width:0}.audio-input-control{display:flex;flex:1;min-width:0}.header-action-row{display:flex;grid-template-columns:none;flex:0 0 auto}.header-action-row .secondary-button{width:auto}.listen-button{width:auto;min-width:60px}.spectrum-panel{border-left:none;border-right:none;border-radius:0;border-top:1px solid #1f2937;border-bottom:1px solid #1f2937;margin:4px -8px 0;width:calc(100% + 16px);padding:0}.spectrum-panel h2{padding:8px 8px 0}.spectrum-chart-surface{margin:0;padding:0}.spectrogram-panel{padding:0;border-top:1px solid #111827;margin:0}.spectrum-canvas,.spectrogram-canvas{min-height:0}.spectrum-canvas{height:140px}.spectrogram-canvas{height:260px}.markers-panel{padding-left:8px;padding-right:8px;margin-top:8px}.status-message{margin-left:8px;margin-right:8px}.settings-panel{padding-left:8px;padding-right:8px}}