:root{--bg:#070b10;--bg-soft:#0a1017;--panel:#0d151d;--panel-2:#101b24;--panel-3:#14232d;--line:#ffffff12;--line-strong:#ffffff24;--text:#edf6f8;--muted:#93a7b1;--dim:#647984;--teal:#37e6c8;--teal-soft:#37e6c81f;--blue:#5ad1ff;--violet:#b18cff;--amber:#ffc470;--danger:#ff8585;--radius:20px;--radius-sm:13px;--font:"Inter", "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:radial-gradient(1000px 600px at 15% -10%, #26bbae17, transparent 60%), radial-gradient(900px 500px at 100% 0%, #5ad1ff0f, transparent 55%), radial-gradient(800px 600px at 50% 110%, #b18cff0d, transparent 60%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #37e6c8a6}::selection{background:#37e6c84d}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#070b10b8;align-items:center;gap:24px;width:100%;padding:14px clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{background:linear-gradient(145deg, #37e6c829, #5ad1ff0f), var(--panel);width:38px;height:38px;color:var(--teal);border:1px solid #37e6c859;border-radius:11px;place-items:center;display:grid;box-shadow:0 0 24px #37e6c81f,inset 0 0 12px #37e6c80d}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.brand-text strong span{color:var(--teal)}.brand-text small{color:var(--dim);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-size:9px}.topnav{align-items:center;gap:4px;display:flex}.topnav-link{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:13px;transition:background .16s,color .16s}.topnav-link:hover{color:var(--text);background:#ffffff0a}.topnav-link--active{color:var(--teal);background:#37e6c817}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.net-state{color:var(--dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:inline-flex}.net-state i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #37e6c899}.net-state--offline{color:var(--amber)}.net-state--offline i{background:var(--amber);box-shadow:0 0 8px #ffc47080}.install-button{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;transition:border-color .16s,color .16s;display:inline-flex}.install-button:hover{color:var(--text);border-color:#37e6c866}.app-main{flex:1;width:100%}.page{width:min(1280px,100%);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,48px) 72px;animation:.42s cubic-bezier(.22,.8,.3,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{color:var(--teal);font-family:var(--mono);letter-spacing:.17em;text-transform:uppercase;font-size:10.5px;font-weight:500;display:inline-block}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,6vw,80px);min-height:540px;padding-bottom:clamp(40px,7vw,88px);display:grid}.hero-copy h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(46px,6.6vw,84px);font-weight:620;line-height:.98}.hero-copy h1 span{background:linear-gradient(100deg, var(--teal) 10%, var(--blue) 55%, var(--violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy p{max-width:540px;color:var(--muted);margin:0;font-size:clamp(15px,1.5vw,17px);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.primary-button{background:linear-gradient(120deg, var(--teal), #62d6ff);color:#04120f;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:680;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 10px 30px #37e6c82e}.primary-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 34px #37e6c840}.primary-button:active{transform:translateY(0)}.primary-button--stop{color:#210806;background:linear-gradient(120deg,#ff9b87,#ff7d7d);box-shadow:0 10px 30px #ff7d7d29}.hero-note{color:var(--dim);font-size:12px}.hero-visual{place-items:center;min-height:410px;display:grid;position:relative}.signal-card{z-index:2;background:linear-gradient(155deg, #1e37408c, #0a1218eb 58%), var(--panel);border:1px solid #ffffff1a;border-radius:24px;width:min(430px,100%);padding:18px;position:relative;transform:rotate(-2deg);box-shadow:0 40px 80px #0000006b,inset 0 1px #ffffff12}.signal-card-head{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.signal-card-head span:first-child{align-items:center;gap:7px;display:inline-flex}.mono{color:var(--dim)}.signal-wave{align-items:flex-end;gap:5px;height:154px;margin:22px 0 18px;padding:0 2px;display:flex}.signal-wave span{transform-origin:bottom;background:linear-gradient(#5ad1ffe6,#37e6c82e);border-radius:3px 3px 1px 1px;flex:1;min-width:2px;animation:1.9s ease-in-out infinite alternate wave-pulse}.signal-wave span:nth-child(4n){background:linear-gradient(#b18cffcc,#37e6c833)}@keyframes wave-pulse{0%{opacity:.55;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}.signal-readout{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding-top:16px;display:flex}.signal-readout div{flex-direction:column;gap:5px;display:flex}.signal-readout small{color:var(--teal);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:9.5px}.signal-readout strong{font-family:var(--mono);letter-spacing:-.04em;font-size:30px;font-weight:500}.signal-chip{color:var(--teal);font-family:var(--mono);background:#37e6c812;border:1px solid #37e6c840;border-radius:7px;padding:6px 9px;font-size:10.5px}.signal-spectrum{background:repeating-linear-gradient(90deg,#0000 0 27px,#ffffff0a 27px 28px),#071016;border-radius:8px;height:52px;margin-top:16px;position:relative;overflow:hidden}.spectrum-band{background:linear-gradient(#37e6c873,#37e6c81a);border-radius:2px 2px 0 0;position:absolute;bottom:0}.spectrum-band--1{width:18%;height:65%;left:8%}.spectrum-band--2{background:linear-gradient(#5ad1ff80,#5ad1ff1a);width:24%;height:88%;left:32%}.spectrum-band--3{background:linear-gradient(#b18cff61,#b18cff14);width:28%;height:42%;left:63%}.spectrum-line{background:linear-gradient(to top, transparent, var(--teal));width:2px;height:100%;position:absolute;bottom:0;left:47%;box-shadow:0 0 12px #37e6c8cc}.hero-orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb--one{background:#37e6c81f;width:260px;height:260px;top:12%;right:2%}.hero-orb--two{background:#b18cff1a;width:220px;height:220px;bottom:4%;left:4%}.status-dot{background:var(--dim);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot--on{background:var(--teal);animation:1.8s ease-in-out infinite dot-pulse;box-shadow:0 0 0 3px #37e6c821,0 0 12px #37e6c8cc}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 3px #37e6c821,0 0 12px #37e6c8cc}50%{box-shadow:0 0 0 5px #37e6c80f,0 0 18px #37e6c88c}}.tool-section{border-top:1px solid var(--line);padding-top:clamp(30px,5vw,56px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(28px,3vw,38px);font-weight:600}.section-note{color:var(--dim);font-size:12px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(180px 120px at 100% 0%, var(--card-glow,transparent), transparent 70%), linear-gradient(165deg, #ffffff06, transparent 45%), var(--panel);flex-direction:column;min-height:258px;padding:20px;transition:border-color .18s,transform .18s,background .18s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,var(--line-strong)), transparent);opacity:.55;height:1px;position:absolute;top:0;left:20px;right:20px}.tool-card--active:hover{border-color:#37e6c859;transform:translateY(-3px)}.tool-card--teal{--card-accent:var(--teal);--card-glow:#37e6c817}.tool-card--violet{--card-accent:var(--violet);--card-glow:#b18cff14}.tool-card--amber{--card-accent:var(--amber);--card-glow:#ffc47012}.tool-card--blue{--card-accent:var(--blue);--card-glow:#5ad1ff14}.tool-card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tool-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--card-accent,var(--teal));background:#ffffff06;border-radius:11px;place-items:center;display:grid}.tool-status{border:1px solid var(--line);color:var(--dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px}.tool-status--available{color:var(--teal);background:#37e6c812;border-color:#37e6c83d}.tool-card h3{letter-spacing:-.025em;margin:0 0 4px;font-size:19px;font-weight:600}.tool-tagline{color:var(--card-accent,var(--teal));font-size:11.5px;font-weight:500}.tool-card p{color:var(--muted);margin:12px 0 20px;font-size:12.8px;line-height:1.55}.tool-open{color:var(--teal);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;margin-top:auto;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.tool-open:hover{color:#8cffe9}.tool-soon{color:var(--dim);font-family:var(--mono);letter-spacing:.04em;margin-top:auto;font-size:11px}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(46px,7vw,80px);padding-top:32px;display:grid}.principle{padding-right:20px}.principle-index{color:var(--teal);font-family:var(--mono);letter-spacing:.12em;font-size:11px}.principle h3{letter-spacing:-.02em;margin:10px 0 8px;font-size:16px;font-weight:600}.principle p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.page-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.page-head-main{max-width:760px}.back-button{color:var(--dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:22px;padding:0;font-size:12px;display:inline-flex}.back-button:hover{color:var(--teal)}.page-head h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(38px,5vw,58px);font-weight:620;line-height:1}.page-head p{max-width:620px;color:var(--muted);margin:0;font-size:14.5px}.page-head-actions{flex-shrink:0;align-items:center;gap:12px;padding-bottom:4px;display:flex}.local-badge{border:1px solid var(--line);color:var(--dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:9.5px;display:inline-flex}.error-banner{color:#ffc3c3;background:#ff7d7d12;border:1px solid #ff7d7d47;border-radius:11px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;display:flex}.error-banner span{flex:1}.text-button{color:var(--teal);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px}.text-button:hover{color:#8cffe9}.text-button:disabled{color:var(--dim);cursor:default}.text-button--danger{color:var(--danger)}.text-button--danger:hover{color:#ffb1b1}.feedback-layout{grid-template-columns:minmax(0,1.75fr) minmax(330px,.85fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(165deg, #ffffff05, transparent 40%), var(--panel);box-shadow:0 20px 50px #0000002e}.monitor-panel{padding:18px}.monitor-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.monitor-state{align-items:center;gap:9px;min-width:0;display:flex}.monitor-state strong{font-size:13px;font-weight:550}.monitor-device{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.level-meter{background:#ffffff0f;border-radius:999px;flex-shrink:0;width:130px;height:7px;overflow:hidden}.level-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));height:100%;transition:width 80ms linear;display:block}.spectrogram{border-radius:var(--radius-sm);background:#050b10;border:1px solid #ffffff0f;height:344px;position:relative;overflow:hidden}.spectrogram-canvas{width:100%;height:100%;display:block}.spectrogram-grid,.spectrogram-markers{pointer-events:none;position:absolute;inset:0}.spectrogram-gridline{border-top:1px dashed #ffffff0f;position:absolute;left:0;right:0}.spectrogram-gridline span{color:#b4cbd38c;font-family:var(--mono);background:#040a0e8c;border-radius:4px;padding:1px 4px;font-size:9px;position:absolute;bottom:3px;right:8px}.spectrogram-marker{background:#ffffff59;height:1px;position:absolute;left:0;right:0}.spectrogram-marker--likely{background:#37e6c8d9;box-shadow:0 0 10px #37e6c8a6}.spectrogram-marker--watch{background:#ffc470a6;box-shadow:0 0 8px #ffc47059}.spectrogram-marker-label{color:var(--text);font-family:var(--mono);white-space:nowrap;background:#040a0ec7;border:1px solid #ffffff1a;border-radius:5px;padding:2px 6px;font-size:9.5px;position:absolute;bottom:3px;left:8px}.spectrogram-marker--likely .spectrogram-marker-label{color:var(--teal);border-color:#37e6c859}.spectrogram-marker--watch .spectrogram-marker-label{color:var(--amber);border-color:#ffc4704d}.spectrogram-empty{color:var(--muted);text-align:center;background:radial-gradient(#0d151d59,#050b10c7);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.spectrogram-empty strong{color:var(--text);font-size:14px;font-weight:550}.spectrogram-empty span:last-child{color:var(--dim);font-size:12px}.spectrogram-empty-icon{border:1px solid var(--line);width:46px;height:46px;color:var(--teal);background:#ffffff05;border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.spectrogram-legend{color:#b4cbd38c;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:#040a0ea6;border-radius:6px;align-items:center;gap:6px;padding:4px 7px;font-size:8.5px;display:flex;position:absolute;bottom:10px;right:10px}.spectrogram-legend i{background:linear-gradient(90deg,#0a2634,#16b4a6,#ffbe70);border-radius:2px;width:44px;height:4px}.monitor-foot{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;gap:8px 18px;margin-top:13px;padding-top:13px;font-size:11px;display:flex}.monitor-foot b{color:var(--muted);font-family:var(--mono);font-weight:500}.monitor-foot-note{color:var(--dim);margin-left:auto}.side-stack{flex-direction:column;gap:16px;min-width:0;display:flex}.candidates-panel,.settings-panel,.session-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-heading h2{letter-spacing:-.03em;margin:5px 0 0;font-size:19px;font-weight:600}.live-pill{border:1px solid var(--line);color:var(--dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.live-pill i{background:var(--dim);border-radius:50%;width:5px;height:5px}.live-pill--on{color:var(--teal);background:#37e6c80f;border-color:#37e6c847}.live-pill--on i{background:var(--teal);box-shadow:0 0 7px #37e6c8cc}.candidates-empty{min-height:160px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.candidates-empty small{max-width:230px;color:var(--dim);font-size:11.5px;line-height:1.45}.candidates-empty-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--teal);border-radius:11px;place-items:center;margin-bottom:3px;display:grid}.scan-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;margin-bottom:5px;animation:1.5s ease-in-out infinite dot-pulse}.candidate-list{flex-direction:column;gap:9px;display:flex}.candidate{border:1px solid var(--line);background:#ffffff05;border-radius:11px;padding:11px}.candidate--likely{background:linear-gradient(120deg,#37e6c812,#0000 60%),#ffffff05;border-color:#37e6c847}.candidate--watch{border-color:#ffc4702e}.candidate-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.candidate-frequency{flex-direction:column;gap:2px;display:flex}.candidate-frequency strong{font-family:var(--mono);letter-spacing:-.04em;font-size:20px;font-weight:500}.candidate-frequency span{color:var(--dim);font-size:10px}.candidate--likely .candidate-frequency span{color:var(--teal)}.candidate--watch .candidate-frequency span{color:var(--amber)}.candidate-score{color:var(--muted);font-family:var(--mono);background:#ffffff0d;border-radius:5px;padding:3px 6px;font-size:10px}.score-track{background:#ffffff0f;border-radius:999px;height:4px;margin:9px 0 8px;overflow:hidden}.score-track span{border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--teal));height:100%;display:block}.candidate-meta{color:var(--dim);font-family:var(--mono);flex-wrap:wrap;gap:4px 12px;font-size:9.5px;display:flex}.notch-button{border:1px solid var(--line);width:100%;color:var(--muted);font-family:var(--mono);cursor:pointer;background:#00000026;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;padding:6px 8px;font-size:9.5px;transition:border-color .15s,color .15s;display:flex}.notch-button:hover{color:var(--teal);border-color:#37e6c84d}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field-label{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;display:flex}.field-label b{color:var(--text);font-family:var(--mono);font-size:10.5px;font-weight:500}.field-hint{color:var(--dim);font-size:10.5px;line-height:1.4}.field-row{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.field--compact{flex:1;margin-bottom:0}.field--compact input{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--mono);background:#0000002e;border-radius:7px;padding:7px 8px;font-size:11px}.field-unit{color:var(--dim);font-family:var(--mono);padding-bottom:8px;font-size:10px}input[type=range]{width:100%;height:4px;accent-color:var(--teal);cursor:pointer;border-radius:999px;margin:4px 0}.toggle{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#ffffff1a;border-radius:999px;flex-shrink:0;width:32px;height:18px;margin-top:1px;transition:background .16s;position:relative}.toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:#37e6c840}.toggle input:checked+.toggle-track:after{background:var(--teal);transform:translate(14px)}.toggle small{color:var(--dim);margin-top:2px;font-size:10px;display:block}.privacy-note{border-top:1px solid var(--line);color:var(--dim);margin:16px 0 0;padding-top:12px;font-size:10.5px;line-height:1.5}.session-panel{margin-top:16px}.session-heading{align-items:center}.count-badge{border:1px solid var(--line);min-width:20px;height:19px;color:var(--dim);font-family:var(--mono);vertical-align:2px;border-radius:6px;place-items:center;margin-left:4px;padding:0 5px;font-size:9.5px;display:inline-grid}.session-actions{align-items:center;gap:14px;display:flex}.session-empty{min-height:110px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.session-empty small{color:var(--dim);font-size:11px}.session-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;max-height:330px;display:flex;overflow:auto}.session-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 2px;display:flex}.session-row:first-child{border-top:0}.session-main{align-items:baseline;gap:14px;min-width:0;display:flex}.session-main time{color:var(--dim);font-family:var(--mono);font-size:10px}.session-main strong{font-family:var(--mono);font-size:14px;font-weight:500}.session-score{color:var(--dim);font-family:var(--mono);font-size:10px}.session-labels{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.chip{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;padding:4px 7px;font-size:9.5px;transition:border-color .14s,color .14s,background .14s}.chip:hover{border-color:var(--line-strong);color:var(--muted)}.chip--feedback.chip--active{color:var(--teal);background:#37e6c817;border-color:#37e6c859}.chip--false.chip--active{color:var(--danger);background:#ff7d7d14;border-color:#ff7d7d59}.chip--unsure.chip--active{color:var(--amber);background:#ffc47014;border-color:#ffc47059}.icon-button{width:25px;height:25px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin-left:3px;display:grid}.icon-button:hover{color:var(--danger);background:#ff7d7d14}.consent-note{color:var(--dim);align-items:flex-start;gap:8px;margin:18px 0 0;font-size:10.5px;line-height:1.5;display:flex}.consent-note svg{color:var(--teal);flex-shrink:0;margin-top:1px}.app-footer{border-top:1px solid var(--line);width:min(1280px,100%);color:var(--dim);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:22px clamp(18px,4vw,48px);font-size:10.5px;display:flex}.footer-brand{color:var(--muted);font-weight:600}.footer-note{font-family:var(--mono);letter-spacing:.06em}@media (width<=1080px){.hero{grid-template-columns:1fr;gap:26px;min-height:0}.hero-visual{min-height:340px}.signal-card{width:min(520px,100%)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width<=760px){.topbar{gap:12px;padding:12px 16px}.brand-text small,.topnav,.net-state{display:none}.page{padding:24px 16px 56px}.hero-copy h1{font-size:clamp(42px,13vw,62px)}.hero-visual{min-height:300px}.signal-wave{height:120px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.tool-grid,.principles,.side-stack{grid-template-columns:1fr}.tool-card{min-height:220px}.page-head{flex-direction:column;align-items:flex-start;gap:18px}.page-head-actions{justify-content:space-between;width:100%}.spectrogram{height:250px}.monitor-head{flex-direction:column;align-items:flex-start;gap:10px}.level-meter{width:100%}.monitor-foot-note{margin-left:0}.session-row{flex-direction:column;align-items:flex-start;gap:8px}.session-labels{justify-content:flex-start}.app-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px}}@media (width<=420px){.brand-mark{width:34px;height:34px}.brand-text strong{font-size:13px}.install-button{padding:7px 9px;font-size:11px}.page-head h1{font-size:36px}.panel,.monitor-panel{padding:14px}.candidate-frequency strong{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}