@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-BJoXLJYV.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-C820gu2e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-mono-600-DpGnXj3s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-400-BD64o3ke.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-sans-400-BD64o3ke.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-sans-400-BD64o3ke.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/ibm-plex-sans-400-BD64o3ke.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(98.4% .004 210);--surface:#fff;--surface-2:oklch(97.6% .005 210);--surface-3:oklch(96.5% .006 210);--border:oklch(92.2% .007 220);--border-strong:oklch(86% .01 220);--text:oklch(30% .018 230);--text-muted:oklch(52% .014 230);--text-faint:oklch(64% .012 230);--primary:oklch(52% .072 188);--primary-strong:oklch(45% .078 188);--primary-press:oklch(40% .078 188);--primary-tint:oklch(96.5% .018 188);--primary-tint-2:oklch(93% .032 188);--on-primary:#fff;--amber:oklch(74% .1 72);--amber-tint:oklch(96% .035 75);--amber-text:oklch(52% .09 60);--green:oklch(62% .08 158);--green-tint:oklch(96% .03 160);--green-text:oklch(46% .08 158);--rose:oklch(62% .13 22);--rose-tint:oklch(96% .03 22);--rose-text:oklch(44% .14 22);--danger:oklch(62% .13 22);--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--radius:10px;--shadow-sm:0 1px 2px oklch(50% .02 230/.06), 0 1px 1px oklch(50% .02 230/.04);--shadow-md:0 4px 14px oklch(45% .02 230/.08), 0 1px 3px oklch(45% .02 230/.05);--shadow-lg:0 16px 44px oklch(40% .02 230/.14), 0 4px 12px oklch(40% .02 230/.07);--sidebar-w:248px;--topbar-h:64px;--teal-50:oklch(96.5% .018 188);--teal-100:oklch(93% .032 188)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100dvh;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;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 fadeUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes kirimGeser{0%{transform:translate(-100%)}to{transform:translate(350%)}}.fade-in{animation:.4s both fadeIn}.fade-up{animation:.36s cubic-bezier(.22,.61,.36,1) both fadeUp}.mono{font-feature-settings:"tnum";font-family:IBM Plex Mono,ui-monospace,monospace}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-tint-2)}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.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}