:root{font-family: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}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}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.audio-source-selector{padding:1.5rem;border:1px solid #ccc;border-radius:8px;margin-top:1.5rem}.audio-source-selector h3{margin-top:0;margin-bottom:1rem}.source-type-selector{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.source-type-selector label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border:1px solid #ddd;border-radius:4px;transition:background-color .2s}.source-type-selector label:hover{background-color:#f5f5f5}.source-type-selector input[type=radio]{cursor:pointer}.source-type-selector input[type=radio]:disabled{cursor:not-allowed}.source-type-selector label:has(input:disabled){opacity:.5;cursor:not-allowed}.source-type-selector label:has(input:disabled):hover{background-color:transparent}.device-selector{margin-bottom:1.5rem}.device-selector label{display:block;margin-bottom:.5rem;font-weight:500}.device-selector select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;cursor:pointer}.device-selector select:focus{outline:none;border-color:#646cff}.device-selector select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.warning-message{padding:.75rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:1rem;color:#856404}.info-message{padding:.75rem;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:4px;margin-bottom:1rem;color:#0d47a1}.info-message p{margin:.5rem 0}.info-message p:first-child{margin-top:0}.info-message p:last-child{margin-bottom:0}.audio-source-selector button{width:100%;margin-top:1rem}.audio-level-meter{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f5f5f5;border-radius:4px;margin-top:1rem}.meter-label{font-weight:500;min-width:80px}.meter-container{flex:1;height:24px;background-color:#e0e0e0;border-radius:12px;overflow:hidden;position:relative}.meter-bar{height:100%;border-radius:12px;background:linear-gradient(90deg,#4caf50,#8bc34a)}.meter-bar.low{background:linear-gradient(90deg,#4caf50,#8bc34a)}.meter-bar.medium{background:linear-gradient(90deg,#ffc107,#ff9800)}.meter-bar.high{background:linear-gradient(90deg,#ff5722,#f44336)}.meter-value{min-width:45px;text-align:right;font-weight:500;font-size:.875rem;color:#666}.audio-mixer-controls{padding:1rem;background-color:#f5f5f5;border-radius:8px;margin:1rem 0}.audio-mixer-controls h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.mixer-control{margin-bottom:1.5rem}.mixer-control label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.gain-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;transition:background .2s}.gain-slider::-webkit-slider-thumb:hover{background:#45a049}.gain-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;border:none;transition:background .2s}.gain-slider::-moz-range-thumb:hover{background:#45a049}.mixer-info{margin-top:1rem;padding:.75rem;background-color:#e3f2fd;border-left:4px solid #2196F3;border-radius:4px}.mixer-info p{margin:0;font-size:.9rem;color:#1976d2}#root{max-width:1280px;margin:0 auto;padding:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#646cff}.form-group input[aria-invalid=true]{border-color:#f44336}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.error-message{display:block;color:#f44336;font-size:.875rem;margin-top:.25rem}.error-message.general-error{padding:.75rem;background-color:#ffebee;border:1px solid #f44336;border-radius:4px;margin-bottom:1rem;text-align:center}.error-message.warning{color:#ff9800;background-color:#fff3e0;border:1px solid #ff9800;padding:.75rem;border-radius:4px;margin-bottom:1rem}.error-message .retry-button{margin-left:1rem;padding:.5rem 1rem;font-size:.875rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message .retry-button:hover{background-color:#535bf2}.help-text{display:block;color:#666;font-size:.875rem;margin-top:.25rem}button{padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}button.primary-button,button[type=submit]{background-color:#646cff;color:#fff}button.primary-button:hover,button[type=submit]:hover{background-color:#535bf2}button.secondary-button{background-color:#888;color:#fff;margin-top:1rem}button.secondary-button:hover{background-color:#666}button.warning-button{background-color:#ff9800;color:#fff}button.warning-button:hover{background-color:#f57c00}button.danger-button{background-color:#f44336;color:#fff}button.danger-button:hover{background-color:#d32f2f}button.link-button{background:none;color:#646cff;padding:0;text-decoration:underline}button.link-button:hover{color:#535bf2}button:disabled{opacity:.6;cursor:not-allowed}.login-container,.create-session-container,.dashboard-container{max-width:600px;margin:0 auto;padding:2rem}.login-container h1,.create-session-container h1,.dashboard-container h1{margin-bottom:1rem}.login-container form,.create-session-container form{margin-top:2rem}.session-info,.streaming-controls,.session-actions{margin-top:2rem;padding:1.5rem;border:1px solid #ccc;border-radius:8px}.info-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.info-item label{font-weight:500;min-width:120px}.info-item span{flex:1}.info-item span.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-item button{padding:.5rem 1rem;font-size:.875rem}.streaming-controls{text-align:center}.streaming-controls .status{margin-top:1rem;font-size:1.25rem;font-weight:500}.session-actions{text-align:center}.active-stream-info{padding:1rem;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;margin-bottom:1rem}.active-stream-info p{margin:.5rem 0}.active-stream-info p:first-child{margin-top:0}.active-stream-info p:last-child{margin-bottom:0}