*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:oklch(47% .17 280);--on-primary:#fff;--bg:oklch(97% .005 230);--surface:#fff;--surface-2:oklch(96% .004 230);--surface-3:oklch(93% .008 230);--border:oklch(90% .008 230);--border-strong:oklch(82% .012 230);--text:oklch(20% .02 230);--text-muted:oklch(48% .02 230);--text-faint:oklch(65% .01 230);--green:oklch(60% .17 158);--green-tint:oklch(95% .04 158);--green-text:oklch(32% .12 158);--rose:oklch(65% .2 25);--rose-tint:oklch(96% .03 25);--rose-text:oklch(40% .16 25);--amber:oklch(72% .16 75);--violet:oklch(55% .19 305);--amber-tint:oklch(97% .03 75);--amber-text:oklch(45% .12 75);--teal-50:oklch(95% .025 280);--teal-100:oklch(88% .06 280);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px oklch(40% .02 230/.08), 0 1px 2px oklch(40% .02 230/.06);--shadow-md:0 4px 12px oklch(40% .02 230/.1), 0 2px 4px oklch(40% .02 230/.06);--shadow-lg:0 10px 30px oklch(40% .02 230/.14), 0 4px 8px oklch(40% .02 230/.08);--nav-bg:#14161c;--nav-text:#e8eaf0;--nav-border:#2a2d38;--nav-active:#1f2230;--nav-accent:oklch(65% .12 280)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}button,textarea,input{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.18s fadeIn}.scale-in{animation:.18s scaleIn}.settings-layout{align-items:flex-start;gap:20px;display:flex}.settings-nav{flex-direction:column;flex-shrink:0;gap:2px;width:200px;display:flex;position:sticky;top:0}.settings-panel{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.settings-nav-item{background:0 0}.settings-nav-item:hover{background:var(--surface-2)}@media (width<=680px){.settings-layout{flex-direction:column}.settings-nav{flex-direction:row;width:100%;position:static;overflow-x:auto}.settings-nav-item{flex-shrink:0;width:auto!important}}input.gain-slider::-webkit-slider-thumb{appearance:none;opacity:0;width:16px;height:16px}input.gain-slider::-moz-range-thumb{opacity:0;border:none;width:16px;height:16px}input.gain-slider::-moz-range-track{background:0 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}