@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root,[data-theme=dark]{--bg-base: #1A1614;--bg-panel: #262220;--bg-input: #332F2B;--bg-hover: #3D3733;--text-primary: #F5F0EB;--text-secondary: #A89F95;--text-muted: #7A726A;--border: #3D3733;--border-light: #4A433D;--accent: #C4745A;--accent-hover: #B5624A;--accent-subtle: rgba(196, 116, 90, .12);--danger: #D4615A;--danger-hover: #C04E47;--success: #6BAF7A;--glass-bg: rgba(38, 34, 32, .75);--glass-border: rgba(245, 240, 235, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--message-own: #C4745A;--message-own-text: #FFF8F5;--message-other: #332F2B;--message-other-text: #F5F0EB;--overlay: rgba(10, 8, 6, .7);--scrollbar-thumb: #4A433D;--scrollbar-track: transparent}[data-theme=light]{--bg-base: #FAF7F4;--bg-panel: #F0EBE3;--bg-input: #E8E0D6;--bg-hover: #DDD5CB;--text-primary: #3D3530;--text-secondary: #6B6058;--text-muted: #8A7E74;--border: #DDD5CB;--border-light: #E8E0D6;--accent: #C4745A;--accent-hover: #B5624A;--accent-subtle: rgba(196, 116, 90, .1);--danger: #D4615A;--danger-hover: #C04E47;--success: #5A9E69;--glass-bg: rgba(240, 235, 227, .8);--glass-border: rgba(61, 53, 48, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--message-own: #C4745A;--message-own-text: #FFF8F5;--message-other: #E8E0D6;--message-other-text: #3D3530;--overlay: rgba(61, 53, 48, .4);--scrollbar-thumb: #C4BAB0;--scrollbar-track: transparent}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);color:var(--text-primary);height:100vh;display:flex;flex-direction:column;transition:background-color .35s ease,color .35s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-base);padding:1.5rem;transition:background-color .35s ease}.auth-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2.5rem 2.25rem;border-radius:1.25rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:scaleIn .4s ease-out;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.auth-card h2{margin-bottom:.4rem;color:var(--text-primary);text-align:center;font-weight:700;font-size:1.6rem;letter-spacing:-.02em}.auth-card p{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem;font-weight:400}.form-group{margin-bottom:1.4rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.form-group input{width:100%;padding:.8rem 1rem;border-radius:.65rem;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.92rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .35s ease}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.btn-primary{width:100%;padding:.8rem;background-color:var(--accent);color:#fff8f5;border:none;border-radius:.65rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;letter-spacing:.01em}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-link{text-align:center;margin-top:1.75rem;font-size:.88rem;color:var(--text-secondary)}.auth-link a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.error-msg{color:var(--danger);font-size:.82rem;margin-top:-.5rem;margin-bottom:1rem;text-align:center;padding:.6rem 1rem;background:#d4615a14;border-radius:.5rem;border:1px solid rgba(212,97,90,.15)}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:340px;min-width:340px;background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:background-color .35s ease,border-color .35s ease}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:border-color .35s ease}.sidebar-actions{display:flex;align-items:center;gap:.35rem}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease,transform .15s ease}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-btn:active{transform:scale(.93)}.icon-btn.danger:hover{background-color:#d4615a1a;color:var(--danger)}.icon-btn .badge{position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-panel)}.theme-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease,transform .3s ease}.theme-toggle:hover{background-color:var(--bg-hover);color:var(--accent)}.theme-toggle:active{transform:rotate(30deg) scale(.9)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:.85rem;padding:.5rem;min-width:180px;box-shadow:var(--shadow-md);z-index:50;animation:fadeInUp .2s ease-out forwards}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:.5rem;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:#d4615a1a}.dropdown-divider{height:1px;background-color:var(--border);margin:.35rem 0}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:.9rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s ease}.chat-name{font-weight:600;margin-bottom:.2rem;font-size:.92rem;color:var(--text-primary)}.chat-last-msg{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-base);transition:background-color .35s ease}.chat-header{padding:1.25rem 1.5rem;background-color:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:background-color .35s ease,border-color .35s ease}.messages-container{flex:1;padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.message{max-width:60%;padding:.75rem 1rem;border-radius:1.15rem;position:relative;animation:fadeInUp .3s ease-out both;line-height:1.45;font-size:.92rem}.message.own{align-self:flex-end;background-color:var(--message-own);color:var(--message-own-text);border-bottom-right-radius:.3rem}.message.other{align-self:flex-start;background-color:var(--message-other);color:var(--message-other-text);border-bottom-left-radius:.3rem}.message-sender{font-size:.72rem;margin-bottom:.2rem;opacity:.75;font-weight:600;letter-spacing:.02em}.message-time{font-size:.68rem;opacity:.6;text-align:right;margin-top:.35rem}.message-input-area{padding:1rem 1.5rem;background-color:var(--bg-panel);border-top:1px solid var(--border);transition:background-color .35s ease,border-color .35s ease}.input-form{display:flex;gap:.75rem;align-items:center}.input-form input{flex:1;padding:.8rem 1.15rem;border-radius:1.5rem;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .35s ease}.input-form input::placeholder{color:var(--text-muted)}.input-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.send-btn{background-color:var(--accent);color:#fff8f5;border:none;width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.send-btn:hover{background-color:var(--accent-hover);transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.emoji-btn{background-color:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border);width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .15s ease}.emoji-btn:hover{background-color:var(--bg-hover);color:var(--accent)}.typing-indicator{font-size:.82rem;color:var(--text-muted);font-style:italic;margin-bottom:.4rem;animation:fadeIn .3s ease}.users-dialog{position:fixed;inset:0;background:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.users-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);padding:2rem;border-radius:1.25rem;width:420px;max-width:90%;box-shadow:var(--shadow-lg);animation:scaleIn .25s ease-out;transition:background .35s ease}.users-card h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-input{width:100%;padding:.65rem .85rem;border-radius:.6rem;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .35s ease}.modal-input::placeholder{color:var(--text-muted)}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.modal-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.modal-btn.primary{background-color:var(--accent);color:#fff8f5}.modal-btn.primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.modal-btn.danger{background-color:var(--danger);color:#fff8f5}.modal-btn.danger:hover{background-color:var(--danger-hover);transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}.user-tag{background-color:var(--accent-subtle);color:var(--accent);padding:.25rem .65rem;border-radius:1rem;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(196,116,90,.2)}.user-tag .remove{cursor:pointer;font-weight:700;opacity:.7;transition:opacity .15s ease}.user-tag .remove:hover{opacity:1}.modal-user-item{padding:.7rem .85rem;border-radius:.65rem;margin-bottom:.4rem;display:flex;justify-content:space-between;align-items:center;cursor:default;transition:background-color .2s ease;border:1px solid transparent}.modal-user-item:hover{background-color:var(--bg-hover);border-color:var(--border)}.modal-user-item .user-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.modal-user-item .user-email{font-size:.8rem;color:var(--text-muted)}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--accent);color:#fff8f5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.user-avatar.large{width:100px;height:100px;font-size:2rem}.chat-icon{width:40px;height:40px;border-radius:50%;background-color:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background-color .35s ease}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.75rem}.empty-state h2{font-size:1.15rem;font-weight:500;color:var(--text-secondary)}.empty-state p{font-size:.88rem}.logout-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.logout-btn:hover{color:var(--danger);background-color:#d4615a1a}.chat-item{padding:.9rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s ease,border-left-color .2s ease}.chat-item:hover{background-color:var(--bg-hover)}.chat-item.active{background-color:var(--accent-subtle);border-left:3px solid var(--accent)}.message{max-width:60%;padding:.7rem 1rem;border-radius:1.15rem;position:relative;animation:fadeInUp .25s ease-out both;line-height:1.5;font-size:.92rem;word-wrap:break-word}.message.own{align-self:flex-end;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:var(--message-own-text);border-bottom-right-radius:.25rem}.message.other{align-self:flex-start;background-color:var(--message-other);color:var(--message-other-text);border-bottom-left-radius:.25rem}.reply-context{padding:.5rem 1rem;background-color:var(--bg-hover);border-left:3px solid var(--accent);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.reply-context .reply-close{cursor:pointer;color:var(--text-muted)}.reply-context .reply-close:hover{color:var(--text-primary)}.reply-block{padding:.4rem .6rem;background-color:#0000001a;border-left:3px solid rgba(255,255,255,.5);border-radius:.3rem;margin-bottom:.4rem;font-size:.8rem;opacity:.85}[data-theme=light] .reply-block{background-color:#fff6;border-left:3px solid rgba(0,0,0,.3)}.message .reply-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;color:var(--text-secondary)}.message:hover .reply-btn{opacity:1}.message.own .reply-btn{right:calc(100% + .5rem)}.message.other .reply-btn{left:calc(100% + .5rem)}.message .reply-btn:hover{color:var(--accent);transform:translateY(-50%) scale(1.1)}.date-separator{text-align:center;margin:1rem 0;position:relative}.date-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);z-index:1}.date-separator span{background:var(--bg-panel);padding:.3rem 1rem;border-radius:1rem;font-size:.75rem;color:var(--text-muted);position:relative;z-index:2;border:1px solid var(--border)}.image-container{position:relative;display:inline-block;margin-bottom:.5rem}.image-download-btn{position:absolute;bottom:.5rem;right:.5rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease}.image-container:hover .image-download-btn{opacity:1}.image-download-btn:hover{transform:scale(1.1);background:#000c}.typing-indicator{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);font-style:normal;margin-bottom:.4rem;animation:fadeIn .3s ease;padding:.5rem .85rem;background:var(--message-other);border-radius:1rem;align-self:flex-start;width:fit-content}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.mobile-back-btn{display:none}@media(max-width:768px){.mobile-back-btn{display:flex}.sidebar{width:100%;min-width:100%}.chat-area{display:none;width:100%}.dashboard.chat-active .sidebar{display:none}.dashboard.chat-active .chat-area{display:flex}.message{max-width:85%}.video-modal-content{width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;border-radius:0!important;margin:0!important;box-shadow:none!important}.video-grid.connected .local-video{width:100px;height:140px;bottom:5.5rem;right:.75rem;border-radius:.75rem}.active-call-controls{bottom:1rem;padding:.6rem 1rem;gap:.75rem}.control-btn{width:44px;height:44px}.messages-container{padding:.75rem 1rem}.message-input-area{padding:.6rem .75rem}.chat-header{padding:.9rem 1rem}}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.video-modal-content{width:92%;max-width:1000px;height:85vh;background:#111;border-radius:1.25rem;overflow:hidden;position:relative;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;animation:scaleIn .3s ease-out}.video-grid{flex:1;display:flex;background:#000;position:relative;width:100%;height:100%}.video-wrapper{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%}.video-wrapper video{width:100%;height:100%}.remote-video video{object-fit:contain;background:#000}.local-video video{object-fit:cover}.video-label{position:absolute;bottom:1rem;left:1rem;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.35rem .75rem;border-radius:.5rem;font-size:.82rem;font-weight:500;letter-spacing:.01em}.video-grid.connected .local-video{position:absolute;bottom:1.5rem;right:1.5rem;width:180px;height:135px;z-index:10;border-radius:.85rem;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #00000080;overflow:hidden;transition:width .3s ease,height .3s ease}.video-grid.connected .local-video .video-label{font-size:.7rem;bottom:.5rem;left:.5rem;padding:.2rem .5rem}.incoming-call-overlay,.calling-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#000000bf,#000000e6);color:#fff;z-index:20}.incoming-caller-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;font-size:2.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;margin-bottom:1.25rem;box-shadow:0 8px 32px #c4745a59}.calling-avatar-wrap{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.calling-avatar-wrap .pulse-ring{width:90px;height:90px}.incoming-call-overlay h3,.calling-overlay h3{font-size:1.35rem;margin-bottom:.5rem;font-weight:600;letter-spacing:-.01em}.incoming-call-type{color:#ffffff80;font-size:.88rem;margin-bottom:2rem}.call-actions{display:flex;gap:2rem}.call-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.call-btn:hover{transform:scale(1.1)}.call-btn.accept{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 20px #4caf5066;animation:pulseAccept 2s infinite}.call-btn.reject{background:linear-gradient(135deg,var(--danger),var(--danger-hover));box-shadow:0 4px 20px #d4615a66}@keyframes pulseAccept{0%,to{box-shadow:0 4px 20px #4caf5066}50%{box-shadow:0 4px 32px #4caf50b3}}.active-call-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.85rem;background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.65rem 1.25rem;border-radius:2.5rem;border:1px solid rgba(255,255,255,.08);z-index:20}.call-timer{color:#ffffffb3;font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums;padding:0 .5rem;border-right:1px solid rgba(255,255,255,.15);margin-right:.25rem}.control-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.control-btn:hover{background:#ffffff40;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.disabled{background:var(--danger)}.control-btn.end-call{background:linear-gradient(135deg,var(--danger),var(--danger-hover));box-shadow:0 2px 12px #d4615a66}.control-btn.end-call:hover{background:var(--danger-hover)}.pulse-ring{width:100px;height:100px;border-radius:50%;background:#c4745a66;position:absolute;z-index:-1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #c4745ab3}70%{transform:scale(1.6);box-shadow:0 0 0 20px #c4745a00}to{transform:scale(.95);box-shadow:0 0 #c4745a00}}.audio-call-ui{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#1a1614,#111);color:var(--text-primary);position:relative}.audio-avatar-container{position:relative;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.audio-avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff8f5;font-size:3.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;z-index:10;box-shadow:0 8px 40px #c4745a4d}.audio-pulse{width:140px;height:140px;background:#c4745a40}.call-status-text{color:var(--text-muted);margin-top:.5rem;z-index:10;position:relative;font-size:.9rem;font-variant-numeric:tabular-nums}#root{height:100%}