.audioPulse{display:flex;width:24px;justify-content:space-evenly;align-items:center;transition:all .5s;height:4px;transition:opacity .333s}.audioPulse>div{background-color:var(--Neutral-30);width:4px;min-height:4px;border-radius:1000px;transition:height .1s}.audioPulse.hover>div{animation:hover 1.4s ease-in-out infinite alternate}.audioPulse.active{opacity:1}.audioPulse.active>div{background-color:var(--Neutral-80)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{display:flex;align-items:center;justify-content:center;background:var(--Neutral-20);color:var(--Neutral-80);font-size:1.25rem;line-height:1.75rem;text-transform:lowercase;animation:opacity-pulse 3s ease-in infinite;transition:all .2s ease-in-out;width:48px;height:48px;border-radius:18px;border:1px solid hsla(0,0%,100%,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.action-button:focus{border:2px solid var(--Neutral-50);outline:2px solid var(--Neutral-30)}.action-button.outlined{background:var(--Neutral-10);border:1px solid var(--Neutral-30)}.action-button .no-action{pointer-events:none}.action-button:hover{background:var(--Neutral-30);border:1px solid var(--Neutral-60)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-400)}.action-button.connected:hover{border:1px solid var(--Blue-500)}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:transparent}.mic-button{position:relative;background-color:var(--Red-500);z-index:1;color:var(--Neutral-5);transition:all .2s ease-in}.mic-button:focus{border:2px solid var(--Red-700);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-600)}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume)*-1);left:calc(var(--volume)*-1);display:block;content:"";opacity:.35;background-color:var(--Red-500);width:calc(100% + var(--volume)*2);height:calc(100% + var(--volume)*2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:focus{border:2px solid var(--Blue-800);outline:2px solid var(--Blue-400)}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:var(--Neutral-5)}.control-tray{background:var(--Neutral-5);border-top:1px solid var(--border-stroke);bottom:0;display:flex;height:64px;justify-content:space-between;left:0;padding:0 16px;position:absolute;width:100%;z-index:5;align-items:center}.control-tray .actions-nav{display:flex;gap:12px;align-items:center}.control-tray .actions-nav.disabled{opacity:.6;pointer-events:none}.control-tray .actions-nav .action-button{align-items:center;background-color:var(--Neutral-15);border:none;border-radius:var(--radius-md);color:var(--Neutral-80);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.control-tray .actions-nav .action-button:hover{background-color:var(--Neutral-20);color:var(--Neutral-90)}.control-tray .actions-nav .action-button:active{background-color:var(--Neutral-30)}.control-tray .actions-nav .action-button.with-text{padding:0 16px;width:auto;gap:8px}.control-tray .actions-nav .action-button.with-text .button-text{font-size:14px;white-space:nowrap}.control-tray .actions-nav .action-button.outlined{background-color:transparent;border:1px solid var(--Neutral-30)}.control-tray .actions-nav .action-button.outlined:hover{border-color:var(--Neutral-50)}.control-tray .actions-nav .action-button.no-action{cursor:default}.control-tray .actions-nav .action-button.no-action:hover{background-color:var(--Neutral-15)}.control-tray .actions-nav .action-button.mic-button .material-symbols-outlined{color:var(--accent-green)}.control-tray .actions-nav .action-button.mic-button .material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.control-tray .actions-nav .action-button.mic-button:hover .material-symbols-outlined{color:var(--accent-green-hover)}.control-tray .actions-nav .action-button.screen-button .material-symbols-outlined{color:var(--accent-blue)}.control-tray .actions-nav .action-button.screen-button:hover .material-symbols-outlined{color:var(--accent-blue-hover)}.control-tray .actions-nav .action-button.camera-button .material-symbols-outlined{color:var(--accent-blue)}.control-tray .actions-nav .action-button.camera-button:hover .material-symbols-outlined{color:var(--accent-blue-hover)}.control-tray .actions-nav .action-button.active{background-color:var(--accent-blue-active-bg)}.control-tray .actions-nav .action-button.active .material-symbols-outlined{color:var(--accent-blue-active)}.control-tray .actions-nav .action-button .material-symbols-outlined{font-size:20px}.control-tray .connection-button{align-items:center;background-color:var(--Neutral-15);border:none;border-radius:var(--radius-md);color:var(--Neutral-90);cursor:pointer;display:flex;gap:8px;height:40px;justify-content:center;padding:0 16px;transition:all var(--transition-fast);white-space:nowrap}.control-tray .connection-button:hover{background-color:var(--Neutral-20)}.control-tray .connection-button:active{background-color:var(--Neutral-30)}.control-tray .connection-button:disabled{cursor:wait;opacity:.7;background-color:var(--Neutral-30)}.control-tray .connection-button.connected{background-color:var(--Blue-700);color:var(--Neutral-100)}.control-tray .connection-button.connected:hover{background-color:var(--Blue-600)}.control-tray .connection-button .material-symbols-outlined{font-size:18px}.control-tray .connection-button .button-text{font-size:14px;font-weight:500}.control-tray .right-buttons{display:flex;gap:12px;align-items:center}.control-tray .settings-button{align-items:center;background-color:var(--Neutral-15);border:none;border-radius:var(--radius-md);color:var(--Neutral-80);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.control-tray .settings-button:hover{background-color:var(--Neutral-20);color:var(--Neutral-90)}.control-tray .settings-button:active{background-color:var(--Neutral-30)}.control-tray .settings-button .material-symbols-outlined{font-size:20px}@media(max-width:768px){.control-tray{padding:0 12px;height:60px}.control-tray .actions-nav{gap:8px}.control-tray .actions-nav .action-button{height:36px;width:36px}.control-tray .actions-nav .action-button.with-text{padding:0 12px}.control-tray .actions-nav .action-button.with-text .button-text{font-size:13px}.control-tray .connection-button{height:36px;padding:0 12px}.control-tray .connection-button .button-text{font-size:13px}.control-tray .settings-button{height:36px;width:36px}}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.console-button{align-items:center;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--Neutral-60);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-fast);width:36px;margin-right:8px}.console-button:hover{background-color:var(--Neutral-15);color:var(--Neutral-90)}.console-button.active{color:var(--Blue-400)}.select-group{display:flex;flex-direction:column;gap:4px;height:70px}.select-group>label{font-size:10px}.settings-dialog-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end}.settings-dialog{font-family:Inter,sans-serif;background:var(--Neutral-10);color:var(--Neutral-90);width:100%;max-width:450px;height:100%;z-index:101;display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.4);animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.settings-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-stroke)}.settings-dialog .dialog-header h3{margin:0;font-size:18px;font-weight:600;color:var(--Neutral-90)}.settings-dialog .dialog-header .close-button{background:transparent;border:none;cursor:pointer;color:var(--Neutral-60);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.settings-dialog .dialog-header .close-button:hover{color:var(--Neutral-90);background-color:var(--Neutral-15)}.settings-dialog .dialog-header .close-button .material-symbols-outlined{font-size:20px}.settings-dialog .dialog-content{flex:1 1;padding:24px;overflow-y:auto}.settings-dialog .settings-section{margin-bottom:32px}.settings-dialog .settings-section h4{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--Neutral-90);padding-bottom:8px;border-bottom:1px solid var(--border-stroke)}.settings-dialog .settings-section .input-help{color:var(--text-muted);font-size:13px;margin-top:8px;line-height:1.5}.settings-dialog .settings-section .input-group{margin-bottom:24px}.settings-dialog .settings-section .input-group:last-child{margin-bottom:0}.settings-dialog .settings-section .input-group label{display:block;margin-bottom:8px;color:var(--Neutral-80);font-size:14px;font-weight:500}.settings-dialog .settings-section .input-group .voice-select,.settings-dialog .settings-section .input-group input[type=text],.settings-dialog .settings-section .input-group textarea{width:100%;background:var(--Neutral-15);border:1px solid var(--border-stroke);color:var(--text);padding:12px 14px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-dialog .settings-section .input-group .voice-select:hover,.settings-dialog .settings-section .input-group input[type=text]:hover,.settings-dialog .settings-section .input-group textarea:hover{border-color:var(--Neutral-50)}.settings-dialog .settings-section .input-group .voice-select:focus,.settings-dialog .settings-section .input-group input[type=text]:focus,.settings-dialog .settings-section .input-group textarea:focus{outline:none;border-color:var(--Blue-500);box-shadow:0 0 0 1px var(--Blue-500)}.settings-dialog .settings-section .input-group .voice-select{height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888d92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.settings-dialog .settings-section .input-group .voice-select option{background-color:var(--Neutral-15);color:var(--text);padding:8px}.settings-dialog .settings-section .input-group textarea{min-height:150px;resize:vertical;line-height:1.5}.settings-dialog .dialog-footer{position:relative;display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--Neutral-5);border-top:1px solid var(--border-stroke)}.settings-dialog .dialog-footer .reset-button{background-color:transparent;border:1px solid var(--border-stroke);padding:10px 16px;border-radius:var(--radius-md);color:var(--Neutral-80);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.settings-dialog .dialog-footer .reset-button:hover{background-color:var(--Neutral-15);color:var(--Neutral-90)}.settings-dialog .dialog-footer .primary-button{background-color:var(--Blue-500);border:none;padding:10px 16px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:background-color var(--transition-fast)}.settings-dialog .dialog-footer .primary-button:hover{background-color:var(--Blue-600)}.settings-dialog .dialog-footer .primary-button:active{background-color:var(--Blue-700)}.settings-dialog .success-indicator{margin-top:16px;color:var(--Green-500);padding:12px 16px;border-radius:var(--radius-md);background-color:rgba(16,178,92,.1);margin-bottom:8px;text-align:center;font-size:14px;display:flex;align-items:center;justify-content:center}.settings-dialog .success-indicator:before{content:"✓";font-weight:700;margin-right:8px}.settings-dialog .warning-indicator{margin-top:16px;color:var(--Red-500);padding:12px 16px;border-radius:var(--radius-md);background-color:rgba(255,70,0,.1);margin-bottom:8px;text-align:center;font-size:14px;display:flex;align-items:center;justify-content:center}.settings-dialog .warning-indicator:before{content:"!";font-weight:700;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--Red-500);color:#fff}@media(max-width:576px){.settings-dialog{max-width:100%}}