.App{text-align:center;min-height:100vh;padding:20px;box-sizing:border-box}.panels-container{display:flex;gap:20px;justify-content:flex-start;align-items:flex-start;margin-bottom:2rem;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.App h1{color:#333;margin:0 0 2rem;font-size:2.5rem}@media (max-width: 1200px){.panels-container{flex-direction:column;align-items:stretch;gap:20px}.panels-container>*{max-width:100%;width:100%}}@media (max-width: 768px){.App{padding:10px}.panels-container{gap:16px}.panels-container>*{min-width:unset}}@media (max-width: 480px){.App{padding:8px}.panels-container{gap:12px}}.device-selector{display:flex;align-items:center}.device-select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:12px;background-color:#fff;cursor:pointer;min-width:120px;max-width:200px}.device-select:hover:not(:disabled){border-color:#007bff}.device-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.device-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.device-select option{padding:4px;font-size:12px}@media (prefers-color-scheme: dark){.device-select{background-color:#3a4148;border-color:#5a6268;color:#e2e8f0}.device-select:hover:not(:disabled){border-color:#66b3ff}.device-select:focus{border-color:#66b3ff;box-shadow:0 0 0 2px #66b3ff40}.device-select:disabled{background-color:#495057;color:#adb5bd}.device-select option{background-color:#3a4148;color:#e2e8f0}}.audio-level-meter{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;margin-bottom:16px;position:relative}.meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.meter-title{font-weight:700;font-size:16px;color:#333}.status-indicator{font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px}.status-indicator.active{background-color:#d4edda;color:#155724}.status-indicator.inactive{background-color:#f8d7da;color:#721c24}.meter-content{position:relative}.level-display{margin-bottom:12px}.level-bars{display:flex;gap:2px;height:20px;margin-bottom:8px;padding:2px;background-color:#f8f9fa;border-radius:4px}.level-bar{flex:1;border-radius:2px;transition:all .1s ease;min-width:3px}.level-text{font-size:14px;color:#555;text-align:center}.level-value{font-weight:700;color:#333}.frequency-display{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:4px;font-size:14px}.frequency-label{color:#555;font-weight:500}.frequency-value{font-weight:700;color:#333;font-family:monospace}.inactive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f8f9fae6;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;color:#6c757d;text-align:center}.level-bar.active{animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}@media (prefers-color-scheme: dark){.audio-level-meter{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.meter-title{color:#e2e8f0}.meter-header{border-bottom-color:#4a5568}.level-text{color:#cbd5e0}.level-value{color:#e2e8f0}.level-bars,.frequency-display{background-color:#4a5568}.frequency-label{color:#cbd5e0}.frequency-value{color:#e2e8f0}.inactive-overlay{background-color:#4a5568e6;color:#a0aec0}}.microphone-controls{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;margin-bottom:16px}.controls-header h3{margin:0 0 16px;font-size:18px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.controls-content{display:flex;flex-direction:column;gap:16px}.control-buttons{display:flex;gap:12px}.control-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.control-button.start{background-color:#28a745;color:#fff}.control-button.start:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.control-button.stop{background-color:#dc3545;color:#fff}.control-button.stop:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.control-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-info{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f8f9fa;border-radius:4px}.status-item{display:flex;align-items:center;gap:8px}.status-label{font-weight:500;color:#555;min-width:60px}.status-value{font-weight:700;padding:2px 8px;border-radius:12px;font-size:12px;text-transform:uppercase}.status-value.active{background-color:#d4edda;color:#155724}.status-value.inactive{background-color:#f8d7da;color:#721c24}.error-info{display:flex;align-items:flex-start;gap:8px;padding:8px;background-color:#f8d7da;border-radius:4px;border-left:3px solid #dc3545}.error-label{font-weight:500;color:#721c24;min-width:60px}.error-message{color:#721c24;font-size:13px;line-height:1.4}.usage-info{padding:12px;background-color:#e7f3ff;border-radius:4px;border-left:3px solid #007bff}.usage-info h4{margin:0 0 8px;font-size:14px;color:#0056b3}.usage-info ul{margin:0;padding-left:20px;font-size:13px;color:#0056b3;line-height:1.5}.usage-info li{margin-bottom:4px}@media (prefers-color-scheme: dark){.microphone-controls{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.controls-header h3{color:#e2e8f0;border-bottom-color:#4a5568}.status-info{background-color:#4a5568}.status-label{color:#cbd5e0}.error-info{background-color:#742a2a}.error-label,.error-message{color:#feb2b2}.usage-info{background-color:#2b6cb0}.usage-info h4,.usage-info ul{color:#bee3f8}}.audio-stream-debug{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-top:16px;font-family:monospace;font-size:13px}.audio-stream-debug h4{margin:0 0 12px;color:#495057;font-family:system-ui,sans-serif}.debug-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#fff;border-radius:4px;border:1px solid #e9ecef}.debug-item.error{background:#f8d7da;border-color:#f5c6cb}.debug-label{font-weight:700;color:#495057;min-width:120px}.debug-value{font-weight:400;padding:2px 6px;border-radius:3px}.debug-value.true{background:#d4edda;color:#155724}.debug-value.false{background:#f8d7da;color:#721c24}.debug-value.number{background:#cce5ff;color:#004085;font-weight:700}.debug-value.text{background:#e2e3e5;color:#383d41;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-instructions{border-top:1px solid #dee2e6;padding-top:12px}.debug-instructions h5{margin:0 0 8px;color:#495057;font-family:system-ui,sans-serif;font-size:14px}.debug-instructions ol{margin:0;padding-left:20px;color:#6c757d;line-height:1.5}.debug-instructions li{margin-bottom:4px}@media (prefers-color-scheme: dark){.audio-stream-debug{background:#343a40;border-color:#495057;color:#e9ecef}.audio-stream-debug h4{color:#e9ecef}.debug-item{background:#495057;border-color:#6c757d}.debug-item.error{background:#721c24;border-color:#843534}.debug-label{color:#e9ecef}.debug-instructions{border-top-color:#495057}.debug-instructions h5{color:#e9ecef}.debug-instructions ol{color:#adb5bd}}.audio-permission-status{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;font-size:14px;min-width:280px;max-width:500px;flex:1}.audio-permission-status.loading{opacity:.7}.status-header{font-weight:700;margin-bottom:12px;font-size:16px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.status-content{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid #f0f0f0}.permission-item:last-child{border-bottom:none}.permission-status{display:flex;align-items:center;gap:8px}.permission-label{font-weight:500;min-width:70px;color:#555}.permission-value{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.device-count{font-size:12px;color:#666;margin-left:auto}.status-granted{background-color:#d4edda;color:#155724}.status-denied{background-color:#f8d7da;color:#721c24}.status-prompt{background-color:#fff3cd;color:#856404}.status-unsupported{background-color:#e2e3e5;color:#383d41}.status-default{background-color:#e9ecef;color:#495057}.error-message{background-color:#f8d7da;color:#721c24;padding:8px;border-radius:4px;font-size:12px;margin:4px 0}.action-buttons{display:flex;gap:8px;margin-top:8px;margin-bottom:8px;padding-top:8px;padding-bottom:8px;border-top:1px solid #eee}.permission-button{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.permission-button.request{background-color:#007bff;color:#fff}.permission-button.request:hover{background-color:#0056b3}.permission-button.refresh{background-color:#6c757d;color:#fff}.permission-button.refresh:hover{background-color:#545b62}.permission-button:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.audio-permission-status{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.status-header{color:#e2e8f0;border-bottom-color:#4a5568}.permission-label{color:#cbd5e0}.device-count{color:#a0aec0}.action-buttons{border-top-color:#4a5568}.permission-item{border-bottom-color:#4a5568}}.phone-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;min-width:300px;max-width:400px;flex:0 0 auto;box-sizing:border-box;overflow:hidden}.panel-header h3{margin:0 0 16px;font-size:18px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.panel-content{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-weight:500;color:#555;font-size:14px;margin-bottom:2px}.input-with-clear{position:relative;display:flex;align-items:center;width:100%}.phone-input{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-family:monospace;transition:all .2s ease;background-color:#fff;box-sizing:border-box;min-width:0}.phone-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.phone-input.valid{border-color:#28a745;background-color:#f8fff9}.phone-input.invalid{border-color:#dc3545;background-color:#fff8f8}.clear-button{position:absolute;right:8px;background:#6c757d;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.clear-button:hover{background:#495057}.input-hint{font-size:12px;color:#6c757d;min-height:16px}.phone-input.valid+.clear-button+.input-hint,.input-hint:has(+.phone-input.valid){color:#28a745}.phone-input.invalid+.clear-button+.input-hint,.input-hint:has(+.phone-input.invalid){color:#dc3545}.phone-info{padding:12px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-label{font-weight:500;color:#555}.info-value{font-weight:500;color:#333}.call-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #e9ecef}.call-button{width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.call-button.enabled{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 12px #28a7454d}.call-button.enabled:hover{background:linear-gradient(135deg,#218838,#1ea680);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.call-button.enabled:active{transform:translateY(0);box-shadow:0 2px 8px #28a7454d}.call-button.disabled{background:#6c757d;color:#adb5bd;cursor:not-allowed}.call-button.hangup{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.call-button.hangup:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}.call-button:disabled{transform:none;box-shadow:none}.call-status{text-align:center;min-height:20px}.status-message{font-size:13px;font-weight:500;padding:4px 8px;border-radius:4px;display:inline-block}.status-message.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.ready,.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.info{background:#cce5ff;color:#004085;border:1px solid #99d3ff}.status-message.default{background:#e9ecef;color:#495057;border:1px solid #dee2e6}.status-message.error{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.clear-error-btn{background:none;border:none;color:inherit;cursor:pointer;padding:2px 4px;border-radius:2px;font-size:11px;opacity:.7;transition:opacity .2s}.clear-error-btn:hover{opacity:1;background:#fff3}.call-sid{display:block;font-size:11px;opacity:.7;margin-top:2px}@media (prefers-color-scheme: dark){.phone-panel{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.panel-header h3{color:#e2e8f0;border-bottom-color:#4a5568}.input-label{color:#cbd5e0}.phone-input{background-color:#4a5568;border-color:#5a6678;color:#e2e8f0}.phone-input:focus{border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff1a}.phone-input.valid{border-color:#68d391;background-color:#2d5a2d}.phone-input.invalid{border-color:#fc8181;background-color:#5a2d2d}.clear-button{background:#a0aec0;color:#2d3748}.clear-button:hover{background:#cbd5e0}.input-hint{color:#a0aec0}.phone-info{background-color:#4a5568;border-left-color:#66b3ff}.info-label{color:#cbd5e0}.info-value{color:#e2e8f0}.call-actions{border-top-color:#4a5568}.call-button.enabled{background:linear-gradient(135deg,#38a169,#319795)}.call-button.enabled:hover{background:linear-gradient(135deg,#2f855a,#2c7a7b)}.call-button.disabled{background:#4a5568;color:#718096}.call-button.hangup{background:linear-gradient(135deg,#fc8181,#e53e3e)}.call-button.hangup:hover:not(:disabled){background:linear-gradient(135deg,#e53e3e,#c53030)}.status-message.warning{background:#744210;color:#fbd38d;border-color:#975a16}.status-message.error{background:#742a2a;color:#feb2b2;border-color:#9b2c2c}.status-message.ready{background:#22543d;color:#9ae6b4;border-color:#2f855a}}.audio-monitor{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:16px;margin:16px 0}.audio-monitor-header{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}.audio-monitor-inactive{background:#fafafa;border-color:#e0e0e0}.audio-monitor-inactive-text{color:#999;font-size:14px;text-align:center;margin:8px 0}.audio-monitor-active{background:linear-gradient(135deg,#f5f7fa,#e8eef5)}.audio-monitor-channel{margin-bottom:16px}.audio-monitor-channel:last-of-type{margin-bottom:8px}.audio-monitor-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.audio-monitor-label-text{font-weight:500;color:#555}.audio-monitor-level-value{font-family:Courier New,monospace;font-weight:600;color:#333;min-width:45px;text-align:right}.audio-monitor-bar-container{position:relative;height:24px;background:#e0e0e0;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.audio-monitor-bar{height:100%;border-radius:4px;box-shadow:0 0 6px #0003}.audio-monitor-ticks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.audio-monitor-tick{position:absolute;top:0;width:2px;height:100%;background:#0003}.audio-monitor-status{padding:8px;background:#ffffff80;border-radius:4px;text-align:center;font-size:13px;font-weight:500;min-height:32px;display:flex;align-items:center;justify-content:center}.audio-monitor-warning{color:#ff9800}.audio-monitor-info{color:#2196f3}.audio-monitor-success{color:#4caf50}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.audio-monitor-active .audio-monitor-bar{animation:none}@media (max-width: 600px){.audio-monitor{padding:12px}.audio-monitor-header{font-size:14px}.audio-monitor-label{font-size:12px}.audio-monitor-bar-container{height:20px}}.voice-call-panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;font-family:system-ui,sans-serif;min-width:350px;max-width:400px;flex:0 0 auto;box-sizing:border-box;overflow:hidden}.voice-panel-header{margin:0 0 20px;color:#333;font-size:18px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:8px}.voice-user-info{margin-bottom:15px}.voice-user-label{display:block;margin-bottom:5px;font-size:14px;color:#666;font-weight:500}.voice-user-id{padding:8px 12px;background-color:#f5f5f5;border-radius:6px;font-size:12px;color:#888;font-family:monospace;border:1px solid #e0e0e0}.voice-status-section{margin-bottom:20px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.voice-status-text{font-size:14px;font-weight:700;text-align:center;margin-bottom:5px}.voice-device-ready{font-size:12px;color:#666;text-align:center}.voice-error-message{margin-bottom:15px;padding:10px;background-color:#f8d7da;border-radius:6px;border:1px solid #f5c6cb;font-size:14px;color:#721c24;display:flex;align-items:center;justify-content:space-between}.voice-error-close{margin-left:10px;padding:2px 8px;font-size:12px;background:transparent;border:1px solid #721c24;border-radius:4px;color:#721c24;cursor:pointer;transition:background-color .2s}.voice-error-close:hover{background-color:#721c241a}.voice-incoming-call{margin-bottom:20px;padding:15px;background-color:#fff3cd;border-radius:6px;border:1px solid #ffeaa7;text-align:center}.voice-incoming-title{margin-bottom:10px;font-size:16px;font-weight:700;color:#856404}.voice-incoming-from{margin-bottom:15px;font-size:14px;color:#856404}.voice-incoming-buttons{display:flex;gap:10px;justify-content:center}.voice-input-group{margin-bottom:15px}.voice-input-label{display:block;margin-bottom:5px;font-size:14px;color:#555;font-weight:500}.voice-input{width:100%;padding:10px 12px;font-size:14px;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;background-color:#fff;transition:border-color .2s,background-color .2s}.voice-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.voice-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.voice-controls{display:flex;flex-direction:column;gap:10px}.voice-button{padding:12px 16px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.voice-button-primary{background-color:#28a745;color:#fff}.voice-button-primary:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.voice-button-primary:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed;transform:none}.voice-button-danger{background-color:#dc3545;color:#fff}.voice-button-danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.voice-button-mute{padding:12px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer;color:#fff;min-width:80px;transition:background-color .2s}.voice-button-mute.muted{background-color:#ffc107}.voice-button-mute.unmuted{background-color:#6c757d}.voice-button-mute:hover:not(:disabled){opacity:.9}.voice-button-secondary{background-color:#17a2b8;color:#fff;font-size:14px}.voice-button-secondary:hover:not(:disabled){background-color:#138496}.voice-control-row{display:flex;gap:10px}.voice-control-row .voice-button{flex:1}.voice-usage-info{margin-top:20px;padding:12px;background-color:#e9ecef;border-radius:6px;font-size:12px;color:#6c757d;line-height:1.4;border:1px solid #dee2e6}.voice-usage-title{font-weight:700;margin-bottom:4px}.status-error{color:#dc3545}.status-warning{color:#ffc107}.status-connecting{color:#fd7e14}.status-connected{color:#28a745}.status-default{color:#6c757d}.voice-incoming-buttons .voice-button{padding:8px 16px;font-size:14px}.voice-log-panel{margin-top:20px;border:1px solid #ddd;border-radius:8px;background-color:#fff;overflow:hidden}.voice-log-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #ddd}.voice-log-title{font-weight:600;font-size:14px;color:#495057}.voice-log-clear{padding:4px 8px;font-size:12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.voice-log-clear:hover:not(:disabled){background-color:#5a6268}.voice-log-clear:disabled{opacity:.5;cursor:not-allowed}.voice-log-content{max-height:200px;overflow-y:auto;padding:12px;background-color:#f8f9fa}.voice-log-empty{text-align:center;color:#6c757d;font-style:italic;font-size:12px;padding:20px}.voice-log-entry{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4;margin-bottom:4px;padding:4px 8px;background-color:#fff;border-radius:4px;border-left:3px solid #007bff;color:#495057}.voice-log-entry:last-child{margin-bottom:0}@media (prefers-color-scheme: dark){.voice-call-panel{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.voice-panel-header{color:#e2e8f0;border-bottom-color:#4a5568}.voice-user-label,.voice-input-label{color:#cbd5e0}.voice-user-id{background-color:#4a5568;border-color:#5a6678;color:#a0aec0}.voice-status-section{background-color:#4a5568;border-color:#5a6678}.voice-device-ready{color:#a0aec0}.voice-input{background-color:#4a5568;border-color:#5a6678;color:#e2e8f0}.voice-input:focus{border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff1a}.voice-input:disabled{background-color:#2d3748;color:#718096}.voice-usage-info{background-color:#4a5568;border-color:#5a6678;color:#a0aec0}.voice-usage-title{color:#cbd5e0}.voice-log-panel{background-color:#2d3748;border-color:#4a5568}.voice-log-header{background-color:#4a5568;border-bottom-color:#5a6678}.voice-log-title{color:#cbd5e0}.voice-log-content{background-color:#4a5568}.voice-log-entry{background-color:#2d3748;color:#e2e8f0;border-left-color:#66b3ff}.voice-log-empty{color:#a0aec0}}.audio-device-panel{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.audio-device-panel-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#212529}.audio-device-panel-warning{padding:12px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:14px}.audio-device-panel-error{padding:12px;margin-bottom:16px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:14px}.audio-device-section{margin-bottom:20px}.audio-device-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;color:#495057}.audio-device-icon{font-size:18px}.audio-device-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease}.audio-device-select:hover:not(:disabled){border-color:#007bff}.audio-device-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.audio-device-select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.audio-device-select option{padding:8px}.audio-device-current{margin-top:8px;padding:8px 12px;background-color:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;font-size:12px;color:#004085}.audio-device-info{margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6;font-size:12px;color:#6c757d;text-align:center}.audio-device-divider{margin:20px 0;border-top:2px solid #dee2e6}.audio-monitor-section{margin-top:20px}.audio-monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.audio-monitor-title{margin:0;font-size:16px;font-weight:600;color:#212529}.audio-monitor-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.audio-monitor-button.start{background-color:#28a745;color:#fff}.audio-monitor-button.start:hover:not(:disabled){background-color:#218838}.audio-monitor-button.stop{background-color:#dc3545;color:#fff}.audio-monitor-button.stop:hover:not(:disabled){background-color:#c82333}.audio-monitor-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}.audio-monitor-description{margin-bottom:16px;padding:12px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px}.audio-monitor-description p{margin:0;font-size:13px;line-height:1.5;color:#856404}.audio-monitor-description strong{font-weight:600}@media (prefers-color-scheme: dark){.audio-device-panel{background-color:#2d3748;border-color:#4a5568}.audio-device-panel-title{color:#e2e8f0}.audio-device-panel-warning{background-color:#975a16;border-color:#b7791f;color:#fef3c7}.audio-device-panel-error{background-color:#7f1d1d;border-color:#991b1b;color:#fecaca}.audio-device-label{color:#cbd5e0}.audio-device-select{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.audio-device-select:hover:not(:disabled){border-color:#66b3ff}.audio-device-select:focus{border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff40}.audio-device-select:disabled{background-color:#1a202c;color:#718096}.audio-device-select option{background-color:#4a5568;color:#e2e8f0}.audio-device-current{background-color:#1e3a5f;border-left-color:#66b3ff;color:#bfdbfe}.audio-device-info{border-top-color:#4a5568;color:#a0aec0}.audio-device-divider{border-top-color:#4a5568}.audio-monitor-title{color:#e2e8f0}.audio-monitor-button.start{background-color:#2d7a3e}.audio-monitor-button.start:hover:not(:disabled){background-color:#246633}.audio-monitor-button.stop{background-color:#a02633}.audio-monitor-button.stop:hover:not(:disabled){background-color:#8b1f2a}.audio-monitor-description{background-color:#975a16;border-color:#b7791f}.audio-monitor-description p{color:#fef3c7}}.electron-mic-permission{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:0 auto}.electron-mic-permission.warning{background:#fff3cd;border:1px solid #ffc107}.electron-mic-header{font-size:20px;font-weight:600;margin-bottom:20px;color:#333;text-align:center}.electron-mic-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.electron-mic-status-icon{font-size:32px}.electron-mic-status-text{font-size:16px;font-weight:500}.electron-mic-error{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:14px}.electron-mic-controls{display:flex;gap:12px;margin-bottom:20px}.electron-mic-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.electron-mic-button:disabled{opacity:.5;cursor:not-allowed}.electron-mic-button.primary{background:#007bff;color:#fff}.electron-mic-button.primary:hover:not(:disabled){background:#0056b3}.electron-mic-button.secondary{background:#6c757d;color:#fff}.electron-mic-button.secondary:hover:not(:disabled){background:#545b62}.electron-mic-info{background:#e7f3ff;padding:12px;border-radius:6px;font-size:13px;color:#004085;line-height:1.6}.electron-mic-info-title{font-weight:600;margin-bottom:6px}.electron-mic-message{text-align:center;color:#856404;font-size:14px;margin:8px 0}.electron-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.electron-page-header{text-align:center;color:#fff;margin-bottom:40px}.electron-page-header h1{font-size:36px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.electron-page-subtitle{font-size:16px;opacity:.9;margin:0;font-weight:400}.electron-page-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start}.electron-page-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 24px #0000001f}.electron-page-divider{width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);min-height:400px;align-self:stretch}@media (max-width: 1024px){.electron-page-content{grid-template-columns:1fr;gap:24px}.electron-page-divider{display:none}.electron-page-section{padding:24px}}@media (max-width: 768px){.electron-page{padding:20px 12px}.electron-page-header h1{font-size:28px}.electron-page-subtitle{font-size:14px}.electron-page-section{padding:20px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}