:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background-color:#0d0d0d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{background-color:#2a2a2a}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:#c84b4b;color:#fff}button.primary:hover{background-color:#d65f5f}select{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;padding:.4em .8em;font-size:1em}input[type=range]{width:100%}h1,h2,h3{margin:0 0 .5em}p{margin:0 0 1em}.demo-page{min-height:100vh;background:linear-gradient(180deg,#0d0d0d,#111)}.demo-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #1f1f1f;background:#0d0d0dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.demo-back{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.demo-back:hover{color:#fff}.demo-title{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.demo-subtitle{color:#666;font-size:.9rem;margin-left:auto}.demo-main{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1rem}.demo-card{background:#141414;border:1px solid #1f1f1f;border-radius:16px;padding:1.5rem}.recorder-card{display:flex;flex-direction:column;gap:1.5rem}.recorder-top{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.recorder-controls{display:flex;align-items:center;gap:1.25rem}.record-button{width:72px;height:72px;border-radius:50%;border:1px solid #333;background:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .2s,background-color .2s;padding:0}.record-button:hover:not(:disabled){border-color:#c84b4b;background:#221414}.record-button:disabled{opacity:.4;cursor:not-allowed}.record-dot{width:24px;height:24px;border-radius:50%;background:#c84b4b;transition:border-radius .2s,background .2s}.record-button.recording{border-color:#c84b4b;animation:pulse-ring 1.5s infinite}.record-button.recording .record-dot{border-radius:4px;background:#ff4d4d}@keyframes pulse-ring{0%{box-shadow:0 0 #c84b4b66}70%{box-shadow:0 0 0 12px #c84b4b00}to{box-shadow:0 0 #c84b4b00}}.recorder-info{display:flex;flex-direction:column;gap:.25rem}.recorder-status{color:#888;font-size:.9rem}.recorder-timer{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.level-section{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.5rem}.level-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#666}.level-meter{height:10px;background:#0d0d0d;border-radius:5px;overflow:hidden;border:1px solid #222}.level-fill{height:100%;border-radius:5px;transition:width .05s linear}.device-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.audio-upload-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.audio-upload-button{background:transparent;border:1px dashed #444;color:#aaa}.audio-upload-button:hover:not(:disabled){border-color:#666;color:#fff}.processing-progress{display:grid;gap:.45rem;margin-top:1rem;color:#aaa;font-size:.85rem}.processing-progress-track{height:6px;overflow:hidden;border-radius:999px;background:#0d0d0d}.processing-progress-bar{height:100%;border-radius:inherit;background:#c84b4b;transition:width .12s ease-out}.device-select{display:flex;align-items:center;gap:.75rem;color:#888;font-size:.9rem}.device-select select{min-width:220px}.device-permission-button{background:transparent;border:1px dashed #444;color:#aaa}.device-permission-button:hover:not(:disabled){border-color:#666;color:#fff}.options-card{padding:1.25rem 1.5rem}.options-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:1rem;font-weight:600}.options-grid{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.settings-grid button{background:#1a1a1a;border:1px solid #2a2a2a;font-size:.9rem;padding:.6rem 1rem}.settings-grid button:hover:not(:disabled){border-color:#444}.settings-grid button.active{background:#c84b4b;border-color:#c84b4b}.settings-grid button.active:hover:not(:disabled){background:#d65f5f}.option-toggle{display:flex;align-items:center;gap:.6rem;color:#ccc;font-size:.95rem;cursor:pointer}.option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#c84b4b;cursor:pointer}.option-toggle.disabled,.option-select.disabled{opacity:.5;cursor:not-allowed}.option-toggle.disabled input,.option-select.disabled select{cursor:not-allowed}.option-select{display:flex;align-items:center;gap:.6rem;color:#888;font-size:.9rem}.input-gain-control{min-width:180px;align-items:flex-start;flex-direction:column;gap:.35rem}.demo-error{margin:0;color:#ff7373;font-size:.9rem}.compare-card{display:flex;flex-direction:column;gap:1.25rem}.compare-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.compare-header .options-title{margin-bottom:0}.compare-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.compare-buttons button{background:#1a1a1a;border:1px solid #2a2a2a;font-size:.85rem;padding:.55rem 1rem}.compare-buttons button:hover:not(:disabled){border-color:#444}.compare-buttons button.active{background:#c84b4b;border-color:#c84b4b}.compare-buttons button.active:hover:not(:disabled){background:#d65f5f}.waveforms{display:flex;flex-direction:column;gap:1.25rem}.waveform-label{font-size:.8rem;color:#888;margin-bottom:.5rem;font-weight:500}.download-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #2a2a2a;padding-top:1.25rem}.download-title{color:#fff;font-size:.9rem;font-weight:600}.download-section p{margin:.25rem 0 0;color:#888;font-size:.85rem}.download-actions{display:flex;flex-wrap:wrap;gap:.5rem}.download-actions button{background:#c84b4b;border-color:#c84b4b;font-size:.85rem}.download-actions button:hover:not(:disabled){background:#d65f5f;border-color:#d65f5f}.mic-test-main{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.mic-test-tabs{display:flex;gap:.25rem;margin-left:auto}.mic-test-tabs button{background:transparent;border:1px solid transparent;color:#888;font-size:.9rem;padding:.45rem .9rem;border-radius:6px}.mic-test-tabs button:hover:not(:disabled){color:#fff;background:#1a1a1a}.mic-test-tabs button.active{color:#fff;background:#1a1a1a;border-color:#2a2a2a}.settings-card{display:flex;flex-direction:column;gap:1.5rem}.pane-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#666;font-weight:600}.settings-section{display:flex;flex-direction:column;gap:.6rem}.settings-label{font-size:.8rem;color:#888}.settings-select,.settings-running-button{width:100%}.settings-running-button{background:#1a1a1a;border:1px solid #2a2a2a;font-size:.95rem;padding:.65rem 1rem}.settings-running-button:hover:not(:disabled){border-color:#444}.settings-running-button.active{background:#c84b4b;border-color:#c84b4b}.settings-running-button.active:hover:not(:disabled){background:#d65f5f}.processing-stack{display:flex;flex-direction:column;gap:1.25rem}.processing-stack .option-select{justify-content:space-between}.about-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #1f1f1f}.about-row:last-child{border-bottom:none}.about-label{color:#888;flex-shrink:0}.about-license{color:#aaa;text-align:right}.license-list{display:flex;flex-direction:column}