:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#f6f1e8;background:radial-gradient(circle at top,rgba(212,164,89,.18),transparent 40%),linear-gradient(160deg,#0f1722,#182536,#0b1017);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{min-height:100%}body{margin:0}*{box-sizing:border-box}.page-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.hero{width:min(100%,70rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:2rem;align-items:center;padding:2rem;border:1px solid rgba(246,241,232,.12);border-radius:1.75rem;background:#080d1494;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 60px #00000047;animation:rise-in .7s ease-out both}.hero-copy{padding:1rem}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.24em;font-size:.82rem;color:#d8b47a}h1{margin:0;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.95;letter-spacing:-.04em}.summary{margin:1.5rem 0 0;max-width:34rem;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.7;color:#f6f1e8cc}.hero-image-wrap{position:relative}.hero-image-wrap:after{content:"";position:absolute;inset:auto 8% -6% 8%;height:18%;border-radius:999px;background:#0a0e14b3;filter:blur(24px);z-index:-1}.hero-image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:1.25rem;border:1px solid rgba(246,241,232,.12);box-shadow:0 22px 40px #0000004d}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.page-shell{padding:1.25rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding:1.4rem;border-radius:1.25rem}.hero-copy{padding:.6rem}}button,input{font:inherit}.language-selector{position:fixed;z-index:100;top:1rem;left:1rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;color:#9fb0b9;background:#071019e0;border:1px solid rgba(255,255,255,.14);border-radius:.55rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.72rem}.language-selector select{color:#f6f1e8;background:#10212b;border:1px solid #314752;border-radius:.35rem;padding:.35rem .5rem}.tool-shell{min-height:100vh;padding:3.5rem 2rem;background:radial-gradient(circle at 80% 0%,rgba(22,119,125,.2),transparent 38%),#071019;color:#f6f1e8}.gate-panel{width:min(100%,34rem);margin:10vh auto;padding:3rem;border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;background:#0b1620e0;box-shadow:0 30px 80px #0008}.brand-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:2.2rem;border-radius:50%;background:#d4a958;color:#071019;font:700 1.2rem Georgia}.tool-eyebrow{margin:0 0 .65rem;color:#d4a958!important;text-transform:uppercase;letter-spacing:.19em;font-size:.72rem!important;font-weight:700}.gate-panel h1,.tool-header h1{font-size:clamp(2.6rem,7vw,4.8rem)}.gate-copy{color:#9aabb6;line-height:1.6;margin:1.25rem 0 2rem}.gate-panel label{display:block;margin-bottom:.55rem;color:#c9d2d7;font-size:.82rem}.password-row{display:flex;gap:.65rem}.password-row input{min-width:0;flex:1;padding:.9rem 1rem;color:#fff;background:#071019;border:1px solid #32434d;border-radius:.55rem;outline:none}.password-row input:focus{border-color:#d4a958;box-shadow:0 0 0 3px #d4a95822}.password-row button,.upload-button{padding:.9rem 1.25rem;border:0;border-radius:.55rem;background:#d4a958;color:#071019;font-weight:750;cursor:pointer}.form-error{color:#ff9b8e;font-size:.88rem;margin-top:.8rem}.analyser-panel{position:relative;width:min(100%,78rem);margin:auto}.drop-overlay{position:absolute;z-index:90;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;display:grid;place-items:center;min-height:18rem;color:#f3d8d0;background:#230d0ae0;border:2px dashed #b5523b;border-radius:1.25rem;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drop-overlay strong{font-size:1.35rem}.analyser-panel.drag-active{isolation:isolate}.tool-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2.4rem}.tool-header p{margin:.7rem 0 0;color:#94a6b2;font-size:1.05rem}.upload-button input,.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.header-actions{display:flex;gap:.7rem;align-items:center}.settings-button{padding:.85rem 1rem;color:#c5d0d5;background:#10212b;border:1px solid #2c414c;border-radius:.55rem;cursor:pointer}.settings-button:hover{border-color:#d4a958;color:#fff}.settings-panel{margin:-1rem 0 2rem;padding:1.5rem;background:#0b1822;border:1px solid #314650;border-radius:1rem;box-shadow:0 20px 55px #0005}.settings-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.35rem}.settings-heading h2{margin:0;font:400 1.65rem Georgia}.close-settings{width:2rem;height:2rem;padding:0;color:#8da0aa;background:transparent;border:1px solid #2b414b;border-radius:50%;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.settings-grid label>span{display:block;margin-bottom:.4rem;color:#8fa1aa;font-size:.72rem}.settings-grid input,.settings-grid select{width:100%;padding:.65rem .7rem;color:#edf2f3;background:#071119;border:1px solid #2a404b;border-radius:.4rem;outline:none}.settings-grid input:focus,.settings-grid select:focus{border-color:#d4a958}.settings-grid .checkbox-setting{display:flex;align-items:center;align-self:end;gap:.6rem;min-height:2.55rem;padding:.65rem .75rem;color:#c2ced3;background:#09151d;border:1px solid #2a414c;border-radius:.45rem}.settings-grid .checkbox-setting input{width:1rem;height:1rem;padding:0;margin:0;accent-color:#b5523b}.settings-grid .checkbox-setting span{margin:0}.settings-grid input:disabled{opacity:.42;cursor:not-allowed}.input-suffix{position:relative}.input-suffix input{padding-right:2.7rem}.input-suffix i{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);color:#627983;font-size:.7rem;font-style:normal;pointer-events:none}.settings-note{margin-top:1.2rem;color:#6f858f;font-size:.75rem}.settings-note code{color:#aab8be}.settings-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.2rem}.settings-actions button{padding:.7rem 1rem;color:#b9c6cb;background:transparent;border:1px solid #30454f;border-radius:.45rem;cursor:pointer}.settings-actions .apply-settings{color:#071019;background:#d4a958;border-color:#d4a958;font-weight:700}.drop-zone{min-height:23rem;display:grid;place-content:center;justify-items:center;gap:.65rem;border:1px dashed #3b5661;border-radius:1.2rem;background:#0b1822bb;cursor:pointer}.drop-zone:hover{border-color:#d4a958;background:#0d1c27}.drop-zone strong{font-size:1.25rem}.drop-zone span:last-child{color:#728894;font-size:.85rem}.upload-icon{font-size:3rem;color:#d4a958}.processing-card{min-height:22rem;display:grid;place-content:center;justify-items:center;gap:1rem;border:1px solid #263b46;border-radius:1.2rem;background:#0b1822}.spinner{width:2.5rem;height:2.5rem;border:3px solid #24404a;border-top-color:#d4a958;border-radius:50%;animation:spin 1s linear infinite}.progress{width:min(22rem,60vw);height:3px;background:#1e313b}.progress i{display:block;height:100%;background:#d4a958}.progress.is-indeterminate{overflow:hidden}.progress.is-indeterminate i{width:38%;animation:analysis-progress 1.25s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes analysis-progress{0%{transform:translate(-110%)}to{transform:translate(275%)}}.file-summary{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.35rem;margin-bottom:1rem;background:#0c1923;border:1px solid #243743;border-radius:.75rem}.file-summary>div:first-child{display:flex;align-items:center;gap:.8rem}.file-summary span{display:block;color:#788d98;font-size:.78rem;margin-top:.2rem}.status-dot{width:.55rem;height:.55rem;margin:0!important;background:#53c7a2;border-radius:50%;box-shadow:0 0 0 5px #53c7a21c}.detection-count{display:flex;align-items:baseline;gap:.45rem}.detection-count strong{font:400 2rem Georgia;color:#d4a958}.spectrogram-card{padding:1.35rem 1.35rem 1rem;background:#0b1822;border:1px solid #263a45;border-radius:1rem}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.card-heading h2,.results-list h2{margin:0;font:400 1.55rem Georgia}.spectrogram-tools{display:flex;align-items:center;gap:1.4rem}.legend{color:#8599a4;font-size:.75rem;white-space:nowrap}.legend i{display:inline-block;width:.6rem;height:.6rem;margin-right:.4rem;background:#b5523b;border-radius:2px}.zoom-control{display:flex;align-items:center;gap:.45rem;color:#78909b;font-size:.72rem}.zoom-control button{display:grid;place-items:center;width:1.6rem;height:1.6rem;padding:0;color:#d8e0e3;background:#122630;border:1px solid #2a414c;border-radius:.3rem;cursor:pointer}.zoom-control button:hover{border-color:#d4a958}.zoom-control input{width:7rem;accent-color:#d4a958}.zoom-control strong{min-width:1.7rem;color:#d4a958;font-variant-numeric:tabular-nums}.spectrogram-title-row{display:flex;align-items:center;gap:.8rem}.live-drone-status{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .5rem;color:#dc8a74;background:#b5523b24;border:1px solid rgba(198,93,69,.44);border-radius:999px;font-size:.64rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.live-drone-status i{width:.42rem;height:.42rem;background:#b5523b;border-radius:50%;box-shadow:0 0 8px #b5523b}.live-drone-status.rejected{color:#d8a3b5;background:#853e5b29;border-color:#aa53747a}.live-drone-status.rejected i{background:#a64f70;box-shadow:0 0 8px #a64f70}.harmonic-legend{display:flex;align-items:center;gap:.7rem;color:#8599a4;font-size:.65rem;white-space:nowrap}.harmonic-legend span{display:flex;align-items:center;gap:.3rem}.harmonic-legend i{width:.55rem;height:2px}.harmonic-legend .confirming{background:#52c8b0}.harmonic-legend .weak{background:#d4a958}.harmonic-legend .competing{background:#b5523b}.spectrogram-scroll{margin-left:3.5rem;overflow-x:auto;overflow-y:hidden;background:#050b10;scrollbar-color:#d4a958 #122630;scrollbar-width:thin}.analysis-timeline{min-width:100%}.spectrogram{position:relative;width:100%;height:18rem;overflow:hidden;background:#050b10;cursor:crosshair;touch-action:none}.spectrogram canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:auto}.frequency-labels{position:absolute;height:18rem;width:3.2rem;display:flex;flex-direction:column;justify-content:space-between;color:#607780;font-size:.65rem;text-align:right}.detection{position:absolute;inset-block:0;height:auto;padding:0;background:#b5523b1c;border:0;border-inline:1px solid rgba(198,93,69,.76);pointer-events:none}.detection:after{content:"";position:absolute;inset:auto 0 0;height:.35rem;background:#b5523bd1}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none;box-shadow:0 0 8px #fff}.playhead:before{content:"";position:absolute;top:0;left:-4px;border:4px solid transparent;border-top-color:#fff}.harmonic-marker{position:absolute;z-index:4;height:1px;pointer-events:auto;transform:translateY(-50%);opacity:.92}.harmonic-marker:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:currentColor}.harmonic-marker span{position:absolute;right:.35rem;bottom:2px;padding:.12rem .28rem;color:currentColor;background:#050b10c7;border-radius:.2rem;font-size:.52rem;line-height:1;white-space:nowrap;text-shadow:0 1px 2px #000}.harmonic-marker.confirming{color:#52c8b0;background:#52c8b0;box-shadow:0 0 4px #52c8b0b3}.harmonic-marker.weak{color:#d4a958;background:repeating-linear-gradient(90deg,#d4a958 0 4px,transparent 4px 8px);opacity:.72}.harmonic-marker.competing{z-index:5;height:2px;color:#b5523b;background:#b5523b;box-shadow:0 0 5px #b5523ba6}.playhead.drone-active{width:2px;background:#b5523b;box-shadow:0 0 10px #b5523b}.playhead.drone-active:before{border-top-color:#b5523b}.time-axis{display:flex;justify-content:space-between;margin:.55rem 0 0 3.5rem;color:#607780;font-size:.65rem}.harmonic-readout{margin:.85rem 0 0 3.5rem;padding:.75rem;background:#09151d;border:1px solid #203741;border-radius:.55rem}.harmonic-readout-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;color:#8498a2;font-size:.66rem}.harmonic-readout-heading strong{color:#c7d2d6;text-transform:uppercase;letter-spacing:.08em}.harmonic-values{display:flex;flex-wrap:wrap;gap:.4rem}.harmonic-values>span{display:flex;align-items:center;gap:.32rem;padding:.3rem .42rem;background:#0e202a;border:1px solid currentColor;border-radius:.35rem;font-size:.6rem}.harmonic-values span.confirming{color:#52c8b0}.harmonic-values span.weak{color:#d4a958}.harmonic-values span.competing{color:#c66a53}.harmonic-values b{color:#dce5e8;font-weight:600}.harmonic-values em{color:currentColor;font-style:normal}.harmonic-readout.empty{color:#758b95;font-size:.72rem}.rpm-display{position:relative;height:7.2rem;padding:1.45rem 0 .45rem;background:#09151d;border-top:1px solid #28404b;overflow:hidden}.rpm-title{position:absolute;inset:.35rem .65rem auto;z-index:2;display:flex;justify-content:space-between;color:#7f949e;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.rpm-title span{color:#d4a958;letter-spacing:0;text-transform:none}.rpm-display svg{display:block;width:100%;height:100%;overflow:visible}.rpm-display line{stroke:#203640;stroke-width:1;vector-effect:non-scaling-stroke}.rpm-display polyline{fill:none;stroke:#d4a958;stroke-width:1.5;vector-effect:non-scaling-stroke}.rpm-axis{position:absolute;inset:1.6rem auto .5rem .35rem;z-index:2;display:flex;flex-direction:column;justify-content:space-between;color:#526b76;font-size:.55rem;pointer-events:none}.rpm-playhead{position:absolute;top:1.45rem;bottom:0;width:1px;background:#ffffff9e;pointer-events:none}.rpm-playhead.drone-active{width:2px;background:#b5523b;box-shadow:0 0 8px #b5523bcc}.transport{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;margin-top:.8rem;background:#0b1822;border:1px solid #263a45;border-radius:.75rem}.play-button{width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;background:#d4a958;color:#071019;cursor:pointer}.time-current{font-variant-numeric:tabular-nums;color:#fff}.time-separator{color:#617681}.seek-range{flex:1;accent-color:#d4a958}.space-hint{color:#617681;font-size:.72rem}.results-list{margin-top:2rem}.results-list>button{width:100%;display:grid;grid-template-columns:3rem 1fr 7rem auto;gap:1rem;align-items:center;padding:1rem;color:#dce4e7;background:transparent;border:0;border-bottom:1px solid #20333e;text-align:left;cursor:pointer}.results-list>button:hover{background:#0c1b25}.results-list button span{color:#526a76}.results-list button em{color:#d4a958;font-style:normal}.results-list button i{color:#7f939e;font-style:normal;font-size:.8rem}.no-results{margin-top:1rem;padding:1rem;color:#9cabb3;background:#0b1822;border-radius:.75rem}@media (max-width:700px){.tool-shell{padding:1.5rem 1rem}.gate-panel{padding:2rem 1.4rem}.tool-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-heading{align-items:flex-start;gap:1rem}.spectrogram-tools{align-items:flex-end;flex-direction:column-reverse;gap:.65rem}.zoom-control input{width:4.5rem}.spectrogram-scroll{margin-left:2.7rem}.spectrogram{height:13rem}.frequency-labels{height:13rem;width:2.4rem}.time-axis{margin-left:2.7rem}.space-hint{display:none}.results-list>button{grid-template-columns:2rem 1fr auto}.results-list button em{display:none}.file-summary{align-items:flex-start}.detection-count,.password-row{flex-direction:column}}