:root{color:#132238;background:radial-gradient(circle at 0 0,#0d94882e,#0000 28%),radial-gradient(circle at 100% 0,#3b82f629,#0000 22%),linear-gradient(#f7fbff 0%,#eef6f6 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{width:min(980px,100vw - 32px);margin:0 auto;padding:48px 0 72px}.hero{gap:16px;margin-bottom:28px;display:grid}.eyebrow{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.96}.lead{color:#36506b;max-width:60ch;margin:0;font-size:1.05rem}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #13223814;border-radius:18px;padding:20px;box-shadow:0 18px 48px #13223814}.panel h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1rem}.metrics{gap:10px;display:grid}.metric-label{color:#5f7488;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;display:block}.metric-value{letter-spacing:-.04em;font-size:1.5rem;font-weight:700}.details{margin-top:28px}pre{color:#dbeafe;background:#0f172a;border-radius:18px;margin:0;padding:18px;font-size:.85rem;overflow:auto}.status{color:#0f766e;background:#0f766e14;border-radius:14px;margin:0;padding:14px 16px;font-weight:600}.status.error{color:#b91c1c;background:#dc26261a}.listen-surface{margin-bottom:18px}.listen-toolbar{background:#ffffffd6;border:1px solid #13223814;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:14px;padding:18px;display:grid;box-shadow:0 18px 48px #13223814}fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}legend,.stacked-control span{color:#5f7488;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:700}label{color:#21364f;font-weight:600}.stacked-control{gap:8px;display:grid}select,input[type=file],input[type=number]{width:100%;min-height:40px}input[type=number]{color:#132238;font:inherit;background:#fff;border:1px solid #1322382e;border-radius:10px;padding:0 10px}.background-noise-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}input[type=range]{width:100%}.button-row{gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:12px;min-height:42px;padding:0 18px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5}button+button{background:#334155}