.web-session-section .web-session-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:12px}.web-session-section .web-session-button{display:flex;justify-content:center;align-items:center;padding:8px 14px;border-radius:18px;font-size:12px;font-weight:600;background-color:var(--text-color);color:var(--background-color);cursor:pointer;border:none;transition:background-color .3s ease}.web-session-section .web-session-button:hover{background-color:var(--primary-color-darkened)}.web-session-section .phone-icon{margin-right:8px}.web-session-section .asr-toggle-wrapper{width:100%;margin-bottom:20px;display:flex;justify-content:center;margin-top:5px}.web-session-section .asr-toggle{position:relative;display:flex;background-color:var(--background-color);border-radius:16px;padding:2px;width:100%;max-width:220px;height:30px;transition:all .3s ease;border:1px solid var(--right-sidebar-border-color);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-left:10px}.web-session-section .toggle-option{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;padding:0 8px;border-radius:14px;color:#c2c3c4;user-select:none;letter-spacing:.1px}.web-session-section .toggle-option.active{color:#fff}.web-session-section .toggle-slider{position:absolute;top:2px;left:2px;width:50%;height:calc(100% - 4px);background:linear-gradient(135deg,#e8b923,#d4a017);border-radius:14px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.08)}.web-session-section .deepgram-active .toggle-slider{transform:translateX(98%);background:linear-gradient(135deg,#3182ce,#2c5282)}.web-session-section .asr-selection-wrapper{display:flex;background-color:var(--background-color);border-radius:16px;padding:2px;width:100%;max-width:240px;height:30px;transition:all .3s ease;border:1px solid var(--right-sidebar-border-color);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-left:10px}.web-session-section .asr-option{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;transition:all .3s ease;padding:0 6px;border-radius:12px;color:#c2c3c4;user-select:none;letter-spacing:.1px;margin:1px}.web-session-section .asr-option.active{background:linear-gradient(135deg,#e8b923,#d4a017);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.web-session-section .asr-option:hover:not(.active){background-color:rgba(226,185,35,.1);color:#e8b923}:global(.dark-mode) .web-session-section .asr-toggle{background-color:#111827;border-color:#1f2937}:global(.dark-mode) .web-session-section .toggle-option{color:#9ca3af}:global(.dark-mode) .web-session-section .toggle-option.active{color:#fff}:global(.dark-mode) .web-session-section .toggle-slider{background:linear-gradient(135deg,#f6ad55,#dd6b20);box-shadow:0 1px 3px rgba(0,0,0,.2)}:global(.dark-mode) .web-session-section .deepgram-active .toggle-slider{background:linear-gradient(135deg,#4299e1,#2b6cb0)}:global(.dark-mode) .web-session-section .asr-selection-wrapper{background-color:#111827;border-color:#1f2937}:global(.dark-mode) .web-session-section .asr-option{color:#9ca3af}:global(.dark-mode) .web-session-section .asr-option.active{background:linear-gradient(135deg,#f6ad55,#dd6b20);color:#fff}:global(.dark-mode) .web-session-section .asr-option:hover:not(.active){background-color:rgba(246,173,85,.1);color:#f6ad55}.start-message-toggle-wrapper{width:100%;margin-bottom:20px;display:flex;justify-content:center;margin-top:10px}.start-message-toggle-container{display:flex;align-items:center;gap:10px;width:100%;max-width:240px;margin-left:10px}.toggle-label{font-size:12px;font-weight:500;color:var(--text-color);user-select:none;flex:1}.start-message-toggle{position:relative;width:40px;height:20px;background-color:#e5e7eb;border-radius:20px;cursor:pointer;transition:background-color .3s ease;border:1px solid #d1d5db}.start-message-toggle.enabled{background-color:#374151}.start-message-toggle .toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.start-message-toggle.enabled .toggle-slider{transform:translateX(20px)}:global(.dark-mode) .web-session-section .toggle-label{color:#e5e7eb}:global(.dark-mode) .web-session-section .start-message-toggle{background-color:#6b7280;border-color:#4b5563}:global(.dark-mode) .web-session-section .start-message-toggle.enabled{background-color:#f9fafb}:global(.dark-mode) .web-session-section .start-message-toggle.enabled .toggle-slider{background-color:#111827}