@font-face{font-family:Inter;src:url("/assets/inter-latin-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{color-scheme:light dark;--ink:#17212B;--paper:#F6F8F9;--panel:#FFFFFF;--muted:#5F6B73;--line:#DCE4E8;--accent:#0D7352;--accent-live:#55C59B;--sky:#6BB6FF;--coral:#E36A58;--gold:#9B6A00;--focus:#0D7352;--tool-dark:#101820;--tool-line:#26343F;--shadow:0 14px 32px rgba(23,33,43,.11)}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.45}
body{margin:0;overflow-x:hidden}
a{color:var(--accent);text-underline-offset:.18em}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.site-header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{max-width:1180px;margin:auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.55rem 1rem}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:var(--ink);text-decoration:none;font-size:1.02rem;letter-spacing:-.01em}
.brand small{font-size:.76rem;color:var(--muted);font-weight:760;border-left:1px solid var(--line);padding-left:.5rem;line-height:1}
.brand-glyph{width:2rem;height:2rem;display:block}
.links{display:flex;gap:.2rem .68rem;flex-wrap:wrap;justify-content:flex-end}
.links a{position:relative;color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem;padding:.2rem 0}
.links a[aria-current=page]{color:var(--ink)}
.links a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-.58rem;height:3px;background:var(--accent-live);border-radius:999px}
main{max-width:1180px;margin:auto;padding:.65rem 1rem 3rem}
.page-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .65rem;align-items:center;margin:0 0 .55rem;min-height:0}
.page-title h1{display:inline-flex;align-items:center;gap:.42rem;margin:0;font-size:1.55rem;line-height:1.12;letter-spacing:-.02em;white-space:nowrap}
.title-glyph,.page-title .line-icon{width:1.45rem;height:1.45rem;color:var(--accent)}
.lead{grid-column:2;color:var(--muted);font-size:.95rem;margin:0;max-width:78ch;overflow-wrap:break-word}
.privacy-bar{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.55rem;align-items:center;border:1px solid var(--line);border-left:4px solid var(--accent-live);border-radius:10px;background:color-mix(in srgb,var(--accent-live) 8%,var(--panel));padding:.42rem .58rem;margin:0 0 .45rem;box-shadow:0 8px 18px rgba(23,33,43,.07);min-height:3.45rem}
.privacy-bar .line-icon{width:1.45rem;height:1.45rem;color:var(--accent)}
.privacy-live-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}
.privacy-bar.is-live .privacy-live-dot{background:var(--accent-live);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-live) 20%,transparent)}
.privacy-claim{display:grid;gap:.05rem;min-width:0}
.privacy-claim strong{font-size:.92rem;line-height:1.1}
.privacy-claim span{font-size:.78rem;color:var(--muted);line-height:1.2;overflow-wrap:break-word}
.proof-details{position:relative;justify-self:end}
.proof-details summary{cursor:pointer;color:var(--accent);font-weight:800;font-size:.82rem;white-space:nowrap;list-style:none}
.proof-details summary::-webkit-details-marker{display:none}
.proof-details summary::after{content:" ->"}
.proof-body{position:absolute;right:0;top:calc(100% + .5rem);z-index:15;width:min(34rem,calc(100vw - 2rem));border:1px solid var(--line);border-top:4px solid var(--accent-live);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);padding:.72rem}
.proof-body p{font-size:.84rem;margin:0 0 .55rem}
h2{font-size:1.12rem;line-height:1.15;margin:0 0 .45rem;letter-spacing:-.02em}
h3{font-size:1rem;margin:.2rem 0 .3rem}
p{margin:.15rem 0 .68rem}
.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:.75rem;align-items:start;margin:.45rem 0 .35rem}
.quick-shell{grid-template-columns:minmax(0,1fr) 280px}
.tool-shell>*{min-width:0}
.tool-panel,.side-panel,.consent{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent-live);border-radius:12px;box-shadow:var(--shadow)}
.tool-panel{padding:.72rem;min-width:0}
.side-stack{display:grid;gap:.55rem;min-width:0}
.side-panel{padding:.68rem;min-width:0}
.side-panel.compact h2{font-size:.98rem}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}
.kicker{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:.68rem;letter-spacing:0;margin:0 0 .14rem}
.live-pill{display:inline-flex;align-items:center;gap:.34rem;border:1px solid var(--line);border-radius:999px;padding:.22rem .45rem;color:var(--muted);font-weight:800;font-size:.78rem;white-space:nowrap}
.live-pill span,.status::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:var(--muted);display:inline-block;flex:0 0 auto}
.live-pill.is-live span{background:var(--accent-live);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-live) 20%,transparent)}
.controls{display:flex;gap:.48rem;flex-wrap:wrap;align-items:center;margin:.5rem 0}
.primary-actions{margin:.45rem 0 .55rem}
.controls>*{min-width:0}
.text-help{border:0;background:transparent;color:var(--accent);padding:0;min-height:0;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.18em;display:inline;cursor:pointer}
button,.button{border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;padding:.52rem .72rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.28rem;font-size:.92rem}
button.secondary,.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
button.warn,button.destructive{background:transparent;color:var(--coral);border-color:var(--coral)}
button:disabled{opacity:.4;cursor:not-allowed}
select,input[type=range]{min-height:2.22rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.35rem .48rem;color:var(--ink);max-width:100%}
select{width:min(100%,15rem)}
input[type=range]{accent-color:var(--accent)}
output{font-weight:800;color:var(--ink);min-width:3.7rem}
label{font-weight:760;font-size:.88rem}
.hint{display:flex;gap:.34rem;align-items:center;margin:.3rem 0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hint::before{content:"";width:.6rem;height:.6rem;border:2px solid var(--accent);border-radius:50%;flex:0 0 auto}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;margin:.5rem 0}
.status-grid div{border:1px solid var(--line);border-radius:8px;padding:.4rem .45rem;background:color-mix(in srgb,var(--panel) 90%,var(--paper));min-height:2.75rem;min-width:0}
.status-grid dt{font-size:.7rem;color:var(--muted);font-weight:800}.status-grid dd{margin:0;font-weight:800}
.info-grid{display:grid;grid-template-columns:1fr;gap:.08rem;margin:.45rem 0}
.info-grid div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.45rem;border-bottom:1px solid var(--line);padding:.28rem 0;min-width:0;align-items:start}
.info-grid dt{font-size:.74rem;color:var(--muted);font-weight:800;white-space:nowrap;hyphens:none}.info-grid dd{margin:0;font-size:.82rem;font-weight:800;text-align:right;overflow-wrap:break-word;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.status-grid dt,.status-grid dd{min-width:0;overflow-wrap:break-word;word-break:normal}
.chip{display:inline-flex;align-items:center;gap:.34rem;border:1px solid var(--line);border-radius:999px;padding:.18rem .42rem;color:var(--muted);background:var(--panel);font-weight:800;font-size:.84rem}
.status.good{color:var(--accent)}.status.good::before{background:var(--accent-live)}
.status.bad{color:var(--coral)}.status.bad::before{background:var(--coral)}
.status.warn{color:var(--gold)}.status.warn::before{background:var(--gold)}
.status-row{margin:.25rem 0}
.tool-display-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.68rem;margin-top:.55rem}
.instrument-card{min-width:0}
.instrument-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}
.display-label{display:inline-block;color:var(--muted);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:0;margin-bottom:.25rem}
.meter-wrap{position:relative;display:grid;gap:.38rem;margin:.52rem 0;min-height:105px}
.level-meter{display:grid;gap:.42rem;background:var(--tool-dark);border:1px solid var(--tool-line);border-radius:10px;padding:.55rem;position:relative;overflow:hidden}
.meter-segments{display:flex;gap:.16rem;height:2.1rem;align-items:stretch}
.meter-segment{flex:1;border-radius:3px;background:color-mix(in srgb,var(--tool-line) 72%,#000);opacity:.52;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.meter-segment.is-lit{opacity:1;filter:brightness(1.2)}
.meter-segment.is-peak{box-shadow:0 0 0 1px #f6f8f9,0 0 10px currentColor}
.meter-segment.zone-silent{color:#26343f}.meter-segment.zone-low{color:#55c59b}.meter-segment.zone-healthy{color:#55c59b}.meter-segment.zone-hot{color:#9b6a00}.meter-segment.zone-clip{color:#e36a58}
.meter-segment.zone-low.is-lit,.meter-segment.zone-healthy.is-lit{background:#55c59b}.meter-segment.zone-hot.is-lit{background:#9b6a00}.meter-segment.zone-clip.is-lit{background:#e36a58}
.meter-zone-labels{position:relative;height:1rem;color:#C9D5DA;font-size:.67rem}
.meter-zone-labels span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.meter-zone-labels [data-zone-label=silent]{left:16.6667%}
.meter-zone-labels [data-zone-label=low]{left:41.6667%}
.meter-zone-labels [data-zone-label=healthy]{left:85%}
.meter-zone-labels [data-zone-label=clip]{left:95%}
.scope{width:100%;height:56px;background:#101820;border:1px solid var(--tool-line);border-radius:7px;display:block}
.verdict-line{display:flex;gap:.42rem;align-items:center;flex-wrap:wrap;margin:0;font-size:.85rem}
.db-readout{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:.78rem}
.microcopy{font-size:.76rem;color:var(--muted);margin:.2rem 0 0}
.speaker-status-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:.4rem 0 0}
.preview-box{position:relative;background:var(--tool-dark);border-radius:10px;min-height:200px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--tool-line)}
video,canvas{max-width:100%}
video{width:100%;max-height:320px;background:var(--tool-dark)}
video.mirrored{transform:scaleX(-1)}
.preview-box video{display:block}
.empty-state{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.35rem;text-align:center;color:#C9D5DA;padding:.7rem;z-index:1;background:linear-gradient(180deg,#101820,#0d141a)}
.empty-state .line-icon{width:2.1rem;height:2.1rem;color:var(--accent-live)}
.empty-state p{max-width:22ch;margin:0;font-weight:750;color:#DCE7EA;font-size:.85rem}
.has-signal .empty-state,.preview-box.has-signal .empty-state{display:none}
.snapshot{max-width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.recording-card{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,var(--paper));padding:.62rem;margin:.55rem 0}
.recording-card>div{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}
.recording-card audio{width:100%}
.format-pill{border:1px solid var(--line);border-radius:999px;padding:.16rem .42rem;color:var(--muted);font-size:.78rem;font-weight:800}
.notice{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent-live) 14%,var(--panel));padding:.58rem .68rem;border-radius:8px;margin:.55rem 0}
.error{border-left-color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,var(--panel))}
.hidden{display:none!important}
.advanced-settings,.recovery-item,.monitor-details{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--paper));margin:.45rem 0;overflow:hidden}
.advanced-settings summary,.recovery-item summary,.monitor-details summary{cursor:pointer;font-weight:800;padding:.5rem .62rem;font-size:.86rem}
.setting-grid{display:grid;gap:.32rem;padding:0 .62rem .62rem}
.setting-grid label{display:flex;gap:.38rem;align-items:center;font-weight:700}
.tool-links{display:grid;gap:.18rem}
.tool-link{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.42rem;align-items:center;color:var(--ink);text-decoration:none;border:0;border-radius:6px;padding:.32rem;background:transparent}
.tool-link:hover{background:color-mix(in srgb,var(--panel) 80%,var(--paper))}
.tool-link .line-icon{width:1.45rem;height:1.45rem;color:var(--accent)}
.tool-link strong,.tool-link small{display:block;min-width:0;overflow-wrap:break-word}
.tool-link small{color:var(--muted);font-size:.76rem;line-height:1.18}
.monitor-line,.privacy-proof{font-size:.82rem;color:var(--muted);margin:.08rem 0 .25rem}
.monitor-line{font-weight:800;color:var(--ink)}
.monitor-grid{display:grid;grid-template-columns:1fr;gap:.2rem;margin:0;padding:0 .62rem .62rem}
.monitor-grid div{display:grid;grid-template-columns:1fr auto;gap:.4rem;border-bottom:1px solid var(--line);padding:.2rem 0;min-width:0}
.monitor-grid dt{font-size:.72rem;color:var(--muted);font-weight:800}.monitor-grid dd{margin:0;font-weight:800;overflow-wrap:break-word}
.recovery-panel{border-top-color:var(--sky)}
.recovery-list{display:grid;gap:.25rem}
.recovery-item ol{margin:.1rem 0 .7rem 1.1rem;padding:0 .7rem;color:var(--muted);font-size:.84rem}
.address-diagram{width:100%;height:auto;color:var(--muted);margin:.2rem 0 .45rem}
.content-flow{display:grid;gap:.85rem;max-width:74ch;margin:1.2rem 0}
.section{padding:0;border:0;background:transparent;box-shadow:none}
.section h2{margin-top:.1rem}
.inline-callout{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.65rem;align-items:start;max-width:74ch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem 0;margin:1rem 0}
.inline-callout .line-icon{width:2.2rem;height:2.2rem;color:var(--accent)}
.image-band{display:grid;grid-template-columns:minmax(120px,280px) minmax(0,1fr);gap:1rem;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:.85rem;margin:1rem 0}
.not-found-band{max-width:760px}
.not-found-art{display:block;max-width:280px;justify-self:center}
.not-found-art img{display:block;width:100%;height:auto;border-radius:10px}
.faq-section{max-width:860px;margin:1.3rem 0}
.faq{display:grid;gap:.45rem;margin:.7rem 0}
.faq-item{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:none;overflow:hidden}
.faq-item summary{cursor:pointer;font-weight:800;padding:.66rem .82rem;color:var(--ink)}
.faq-item p{padding:0 .82rem .75rem;margin:0;color:var(--muted);font-size:.92rem}
.footer{border-top:1px solid var(--line);background:var(--ink);padding:1rem;color:#DCE4E8}
.footer a{color:#F6F8F9}
.footer h2{font-size:.92rem;margin:0 0 .32rem;color:#fff}
.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.footer p{margin:.15rem 0 .5rem;font-size:.9rem}
.consent{position:fixed;right:1rem;bottom:1rem;max-width:380px;padding:.82rem;z-index:20}
.consent p{font-size:.88rem;margin:0 2.2rem .65rem 0}
.consent-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.consent-choice{flex:1 1 7rem;background:var(--panel);color:var(--ink);border:1px solid var(--ink)}
.icon-button{width:2.1rem;min-width:2.1rem;min-height:2.1rem;padding:0;border-radius:999px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.consent-close{position:absolute;top:.42rem;right:.42rem}
.help-button{width:2.28rem;min-width:2.28rem;min-height:2.28rem;flex:0 0 2.28rem;color:var(--accent);background:color-mix(in srgb,var(--panel) 88%,var(--paper));border-color:var(--line)}
.help-button .line-icon{width:1.1rem;height:1.1rem}
.permission-help-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.1rem 0 .45rem}
.permission-help-card{border:1px solid var(--line);border-left:4px solid var(--sky);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,var(--paper));padding:.55rem;min-width:0}
.permission-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}
.permission-help-card h3{font-size:.9rem;margin:0;line-height:1.15}
.permission-env{color:var(--muted);font-weight:800;font-size:.72rem;text-align:right}
.permission-help-card p{font-size:.82rem;margin:.1rem 0 .35rem}
.permission-help-card ol{margin:.1rem 0 .35rem 1rem;padding:0;color:var(--muted);font-size:.8rem}
.permission-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.35rem 0}
.permission-retry,.os-settings-link{min-height:2rem;padding:.36rem .5rem;font-size:.78rem}
.settings-path{font-weight:800;color:var(--ink)}
.tone-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.55rem 0}
.line-icon{width:2rem;height:2rem}
@media (prefers-color-scheme:dark){
  :root{--ink:#E8EEF2;--paper:#0F1519;--panel:#1A242E;--muted:#A8B5BE;--line:#2A3640;--accent:#55C59B;--focus:#55C59B;--shadow:0 14px 32px rgba(0,0,0,.32)}
  .brand-glyph rect{fill:#0F1519}.tool-panel,.side-panel,.consent{border-color:var(--line)}.footer{background:#090D10}.consent-choice,.icon-button{border-color:var(--line);color:var(--ink)}button.secondary,.button.secondary{color:var(--ink);border-color:var(--line)}button:not(.secondary):not(.warn):not(.destructive):not(.consent-choice):not(.icon-button):not(.text-help),.button:not(.secondary){color:#0F1519}.text-help{color:var(--accent)}
}
@media (max-width:840px){.page-title{grid-template-columns:1fr}.page-title h1{white-space:normal}.lead{grid-column:1}.privacy-bar{grid-template-columns:auto auto minmax(0,1fr);align-items:start}.proof-details{grid-column:3;justify-self:start}.proof-body{left:-2rem;right:auto}.tool-shell,.quick-shell,.tool-display-grid,.content-flow,.footer-inner,.image-band,.permission-help-row{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.links{justify-content:flex-start}.links a[aria-current=page]::after{bottom:-.22rem}.status-grid{grid-template-columns:1fr}.preview-box{min-height:190px}.consent{left:1rem;right:1rem}.tone-pad{grid-template-columns:1fr}.hint{white-space:normal}}
@media (max-width:460px){.nav{align-items:flex-start;flex-direction:column}.brand small{display:none}.links{gap:.25rem .65rem}.tool-panel,.side-panel{padding:.62rem}.controls button,.controls .button{width:100%}.controls label{width:100%}.info-grid div{grid-template-columns:6.8rem minmax(0,1fr)}.footer-inner{gap:.65rem}.meter-segments{gap:.1rem}.proof-body{left:-3rem;width:calc(100vw - 2rem)}}
@media (prefers-reduced-motion:no-preference){button,.button,.tool-link{transition:transform .12s ease,background-color .12s ease,border-color .12s ease}button:hover:not(:disabled),.button:hover,.tool-link:hover{transform:translateY(-1px)}.live-pill.is-live span{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-live) 26%,transparent)}50%{box-shadow:0 0 0 7px transparent}}}