@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--primary: #ff9362;--primary-light: #ffc278;--accent-blue: #5db3ff;--text: #f6f4ef;--text-dim: rgba(246, 244, 239, .7);--bg: #12111a;--surface: rgba(18, 19, 29, .92);color-scheme:dark;font-family:Space Grotesk,sans-serif;background:linear-gradient(180deg,#12111a,#191726 45%,#0b0d13);color:var(--text)}*{box-sizing:border-box}body,#root{margin:0;min-height:100vh;width:100vw;overflow-x:hidden}main{width:100%;height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:12px;padding:12px 20px;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.mode-selector-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;padding:20px;gap:40px}.mode-header h1{font-size:clamp(2.5rem,8vw,4rem);margin:0 0 10px;font-weight:700}.mode-header p{font-size:1rem;color:var(--text-dim);margin:0}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:600px;width:100%}@media(max-width:600px){.mode-buttons{grid-template-columns:1fr;gap:20px}}.mode-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px 20px;border-radius:24px;background:linear-gradient(135deg,#ff93621a,#5db3ff1a);border:1px solid rgba(255,255,255,.1);font-size:1rem;min-height:200px;transition:all .3s ease}.mode-button:hover{transform:translateY(-4px);border-color:#ff93624d;background:linear-gradient(135deg,#ff936226,#5db3ff26);box-shadow:0 12px 24px #ff93621a}.mode-icon{font-size:3rem}.mode-name{font-size:1.4rem;font-weight:700}.mode-desc{font-size:.85rem;color:var(--text-dim)}.idle-footer{color:var(--text-dim);font-size:.9rem;margin-top:20px}.measurement-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:20px;gap:30px}.measurement-header{text-align:center;margin-top:20px}.measurement-header h2{font-size:clamp(1.8rem,5vw,2.8rem);margin:0 0 10px}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;background:#ff936233;color:#ffc278}.status-badge.running{background:#5db3ff33;color:#5db3ff}.status-badge.done{background:#9dff9633;color:#9dff96}.status-badge.error{background:#ff786433;color:#ff7864}.countdown-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1}.countdown-number{font-size:clamp(4rem,20vw,8rem);font-weight:700;color:var(--primary);line-height:1}.countdown-display p{font-size:1.1rem;color:var(--text-dim);text-align:center;max-width:400px}.running-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;flex:1;width:100%;max-width:600px}.realtime-chart{width:100%}.realtime-chart svg{width:100%;height:auto;max-height:250px}.chart-grid-line{stroke:#ffffff1a;stroke-width:1}.chart-grid-line.emphasis{stroke:#fff3}.chart-baseline{stroke:#fff3;stroke-width:1}.chart-response-line{fill:none;stroke:var(--accent-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--accent-blue);stroke:var(--bg);stroke-width:2}.marker-line{stroke:var(--primary);stroke-width:2;stroke-dasharray:4,4}.chart-info{display:flex;justify-content:space-around;padding:15px;text-align:center;margin-top:10px}.current-freq{font-size:1.8rem;font-weight:700;color:var(--primary);margin:0}.progress-text{font-size:1.2rem;color:var(--accent-blue);margin:0}.progress-section{width:100%}.progress-bar{width:100%;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--primary),#ffd479);transition:width .1s linear}.progress-section p{text-align:center;color:var(--text-dim);margin:0;font-size:.9rem}.done-display,.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;text-align:center;padding:20px}.success-icon{font-size:4rem;color:#9dff96}.error-icon{font-size:4rem;color:#ff7864}.done-message,.error-message{font-size:1.1rem;color:var(--text-dim);max-width:400px}.final-chart{width:100%;max-width:500px}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--bg);font-weight:700;padding:14px 32px;font-size:1rem;border-radius:999px}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff936233}.restart-button{margin-top:20px}.ghost-button{background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:999px}.ghost-button:hover{background:#ffffff26;border-color:#ffffff4d}.download-link{display:inline-flex;align-items:center;padding:12px 24px;background:#5db3ff26;color:var(--accent-blue);text-decoration:none;border-radius:999px;border:1px solid rgba(93,179,255,.3);font-weight:600;transition:all .2s ease}.download-link:hover{background:#5db3ff40;border-color:#5db3ff80}.info-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;width:100%;padding:20px;max-height:60vh;overflow-y:auto}.info-section{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px}.info-section h3{margin:0 0 15px;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-light)}.room-stats{display:flex;flex-direction:column;gap:12px}.stat{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:12px;background:#ffffff0a}.stat span{font-size:.85rem;color:var(--text-dim)}.stat strong{font-size:1rem;color:var(--primary)}.sliders{display:flex;flex-direction:column;gap:15px}.slider-field{display:flex;flex-direction:column;gap:8px}.slider-field span{font-size:.85rem;color:var(--text-dim)}.slider-field small{font-size:.75rem;color:#f6f4ef80}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--primary));cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px #ff936233}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:none;box-shadow:0 0 0 3px #ff936233}.instrument-buttons{display:flex;flex-wrap:wrap;gap:10px}.instrument-button{padding:8px 16px;border-radius:999px;background:#ffffff14;color:var(--text);font-size:.85rem;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.instrument-button.active{background:linear-gradient(135deg,#ff9362cc,#ffc278cc);color:var(--bg);border-color:#ffc27880}.instrument-button:hover:not(.active){background:#ffffff1f}.instrument-focus{font-size:.85rem;color:var(--text-dim);margin-top:12px}.file-status{font-size:.8rem;color:#f6f4ef80;margin-top:10px}.spectrogram-chart{width:100%;display:flex;flex-direction:column;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px}.spectrogram-visual{position:relative}.spectrogram-canvas{width:100%;height:auto;aspect-ratio:600 / 220;max-height:280px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.12);display:block}.spectrogram-debug-overlay{position:absolute;top:10px;right:10px;min-width:180px;max-width:min(260px,calc(100% - 20px));background:#080c12d1;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0000003d}.debug-pill-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.74rem;color:var(--text);margin-bottom:8px}.debug-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.debug-pill.searching{background:#5db3ff2e;color:var(--accent-blue)}.debug-pill.candidate{background:#ffd4792e;color:#ffd479}.debug-pill.tracking{background:#9dff9629;color:#9dff96}.debug-pill.ended{background:#ff936229;color:var(--primary-light)}.debug-grid{display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:baseline;font-size:.74rem}.debug-grid span{color:#f6f4ef9e}.debug-grid strong{color:var(--text);font-weight:600;text-align:right}.debug-footnote{margin:8px 0 0;font-size:.72rem;color:#f6f4efb8}.spectrogram-legend{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-dim)}.spectrogram-legend div{flex:1;height:20px;border-radius:4px}.done-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.secondary-button{background:#5db3ff26;color:var(--accent-blue);border:1px solid rgba(93,179,255,.3);font-weight:600;padding:12px 24px;border-radius:999px;transition:all .2s ease}.secondary-button:hover{background:#5db3ff40;border-color:#5db3ff80;transform:translateY(-2px)}@media(max-width:768px){.measurement-screen{padding:15px;gap:20px}.info-panel{grid-template-columns:1fr;max-height:none;overflow-y:visible}.spectrogram-debug-overlay{position:static;max-width:none;margin-top:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}