@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg-dark: #050507;--bg-card: #0c0c10;--accent: #a855f7;--accent-glow: rgba(168, 85, 247, .5);--danger: #ef4444;--success: #10b981;--glass: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #9ca3af}body{margin:0;padding:0;background-color:var(--bg-dark);font-family:Inter,-apple-system,sans-serif;color:var(--text-primary);overflow:hidden}.sonar-app{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at top,#110820 0%,var(--bg-dark) 100%)}.glow-top{position:fixed;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(168,85,247,.04) 0%,transparent 70%);pointer-events:none}.glow-bottom{position:fixed;bottom:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(79,70,229,.03) 0%,transparent 70%);pointer-events:none}.sonar-card{width:100%;height:100%;background:#0e0d14;display:flex;flex-direction:column;position:relative;z-index:10}.login-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111118,#050507);text-align:center;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.03) 0%,transparent 50%);animation:bg-rotate 20s linear infinite;pointer-events:none}@keyframes bg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:40px}.sonar-logo-large{font-size:100px;font-weight:900;color:#fff;letter-spacing:-4px;margin-bottom:10px;background:linear-gradient(to bottom,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(168,85,247,.5));animation:logo-entrance 1s cubic-bezier(.16,1,.3,1)}@keyframes logo-entrance{0%{transform:translateY(30px);opacity:0;filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.sonar-logo{font-size:2.2rem;font-weight:900;letter-spacing:-1px;margin-top:0;margin-bottom:30px;background:linear-gradient(to bottom right,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#google-login-btn{margin-bottom:20px}.animate-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse-op{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sonar-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:#1e1e28d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(248,113,113,.3);padding:12px 20px;border-radius:12px;display:flex;align-items:center;box-shadow:0 10px 25px #00000080;min-width:300px;color:#fff;justify-content:space-between}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:15px;display:flex;align-items:center;padding:4px}.toast-close:hover{color:#fff}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.user-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.user-main{flex:1;display:flex;overflow:hidden;height:100%}.sonar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050507e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:6000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;animation:fadeIn .3s ease}.animate-pulse{animation:pulse-btn 1.5s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}.pulse{animation:pulseAvatar 2s infinite}.wa-lobby-container{display:flex;flex-direction:column;height:100%;background-color:#0e0d14;color:#e9edef}.wa-section-label{padding:20px 16px 10px;font-size:13px;font-weight:600;color:#a855f7;letter-spacing:.5px;opacity:.9}.wa-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#0e0d14;border-bottom:1px solid rgba(255,255,255,.05)}.wa-user-profile{display:flex;align-items:center;gap:12px}.wa-header-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #a855f7;padding:2px;object-fit:cover}.wa-header-text{display:flex;flex-direction:column}.wa-header-name{font-size:16px;font-weight:600;color:#fff}.wa-header-status{font-size:11px;color:#a855f7;font-weight:500}.wa-header-icons{display:flex;gap:16px;color:#8696a0}.wa-menu-container{position:relative;display:flex;align-items:center}.wa-header-icons .material-symbols-outlined{font-size:24px;cursor:pointer;transition:.2s}.wa-dropdown-menu{position:absolute;top:40px;right:0;background-color:#1c1b22;min-width:200px;border-radius:12px;padding:8px 0;box-shadow:0 8px 24px #000000b3;z-index:1000;border:1px solid rgba(255,255,255,.05);animation:wa-menu-pop .2s cubic-bezier(0,0,.2,1)}@keyframes wa-menu-pop{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.wa-menu-item{padding:12px 24px;color:#e9edef;font-size:14.5px;cursor:pointer;transition:background .2s;white-space:nowrap}.wa-menu-item:hover{background-color:#a855f71a}.wa-menu-item.logout{border-top:1px solid rgba(255,255,255,.05);color:#ff5c5c}.wa-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999}.wa-search-container{padding:8px 16px 12px}.wa-search-bar{display:flex;align-items:center;background-color:#1c1b22;border-radius:12px;padding:8px 12px;gap:12px;border:1px solid rgba(255,255,255,.05)}.wa-search-icon{color:#8696a0;font-size:20px!important}.wa-search-bar input{background:transparent;border:none;color:#e9edef;font-size:15px;width:100%;outline:none}.wa-search-bar input::placeholder{color:#8696a0}.wa-content{flex:1;overflow-y:auto}.wa-archived{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.wa-archived:hover{background-color:#a855f70d}.wa-archived-info{display:flex;align-items:center;gap:16px;color:#e9edef;font-size:16px}.wa-archived-info .material-symbols-outlined{color:#a855f7}.wa-badge{color:#a855f7;font-size:12px;font-weight:600}.wa-chats-list{display:flex;flex-direction:column}.wa-chat-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:background .1s}.wa-chat-item:hover{background-color:#a855f708}.wa-avatar-container{position:relative;flex-shrink:0}.wa-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid rgba(168,85,247,.2)}.wa-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border:2px solid #0e0d14;border-radius:50%;transition:.3s}.wa-online-dot.on{background-color:#a855f7;box-shadow:0 0 10px #a855f799}.wa-online-dot.off{background-color:#374151}.wa-purple{color:#a855f7!important;font-weight:500}.wa-chat-info{flex:1;display:flex;flex-direction:column;justify-content:center;border-bottom:.5px solid rgba(134,150,160,.1);padding-bottom:12px}.wa-chat-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.wa-chat-name{font-size:17px;font-weight:500;color:#e9edef}.wa-chat-time{font-size:12px;color:#8696a0}.wa-chat-bottom{display:flex;justify-content:space-between;align-items:center}.wa-chat-preview{font-size:14px;color:#8696a0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.wa-search-results-overlay{background-color:#0e0d14;padding-bottom:20px}.wa-search-header{padding:16px;color:#a855f7;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.wa-btn-add{background:transparent;border:1px solid #a855f7;color:#a855f7;padding:4px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:.2s}.wa-btn-add:hover{background:#a855f71a;transform:scale(1.05)}.wa-btn-add:disabled{opacity:.5;cursor:default;transform:none}.wa-btn-add.sent{background:#ffffff0d;border-color:#ffffff1a;color:#8696a0}.wa-footer{padding:24px 16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#8696a0}.wa-footer .material-symbols-outlined{color:#a855f7;font-size:14px!important}.wa-encryption-text{margin:0}.wa-purple-text{color:#a855f7!important;font-weight:500}.wa-empty{text-align:center;padding:40px 20px;color:#8696a0}.wa-group-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center}.wa-group-modal{width:100%;max-width:450px;height:80vh;background-color:#0e0d14;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(168,85,247,.2)}.wa-group-modal-header{padding:16px;background-color:#1c1b22;display:flex;align-items:center;gap:20px;color:#fff}.wa-group-modal-header .material-symbols-outlined{cursor:pointer}.wa-group-modal-title h3{margin:0;font-size:18px}.wa-group-modal-title span{font-size:12px;color:#8696a0}.wa-group-modal-form{padding:20px;background-color:#0e0d14;border-bottom:1px solid rgba(255,255,255,.05)}.wa-group-name-input{width:100%;background:transparent;border:none;border-bottom:2px solid #a855f7;color:#fff;padding:8px 0;font-size:16px;outline:none}.wa-selected-count{margin-top:10px;font-size:12px;color:#a855f7;font-weight:500}.wa-group-friends-list{flex:1;overflow-y:auto;padding:10px 0}.wa-group-friend-item{display:flex;align-items:center;padding:12px 20px;gap:15px;cursor:pointer;transition:.2s}.wa-group-friend-item:hover{background-color:#a855f70d}.wa-group-friend-item.selected{background-color:#a855f71a}.wa-group-modal-footer{padding:20px;display:flex;justify-content:flex-end;background-color:#1c1b2280}.wa-btn-submit-group{width:56px;height:56px;border-radius:50%;background-color:#a855f7;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #a855f766;transition:.2s}.wa-btn-submit-group:disabled{background-color:#374151;box-shadow:none;cursor:not-allowed}.wa-btn-submit-group:not(:disabled):hover{transform:scale(1.1);filter:brightness(1.1)}.wa-group-avatar-placeholder{width:50px;height:50px;border-radius:50%;background-color:#1c1b22;display:flex;align-items:center;justify-content:center;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.wa-group-avatar-placeholder .material-symbols-outlined{font-size:28px}.wa-req-actions{display:flex;gap:12px;margin-top:4px}.wa-btn-icon{background:transparent;border:1px solid rgba(255,255,255,.1);color:#8696a0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.wa-btn-icon .material-symbols-outlined{font-size:18px}.wa-btn-icon.accept{border-color:#a855f7;color:#a855f7}.wa-btn-icon.accept:hover{background-color:#a855f733}.wa-btn-icon.decline:hover{background-color:#ef44441a;color:#ef4444;border-color:#ef4444}.wa-requests-list{background-color:#a855f708;border-bottom:1px solid rgba(255,255,255,.05)}.wa-encryption-footer{padding:20px;text-align:center;color:#8696a0;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.6}.wa-encryption-footer .material-symbols-outlined{font-size:14px}.wa-highlight{color:#a855f7}.chat-view{flex:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0e0d14;position:relative}.chat-header{display:flex;align-items:center;padding:12px 18px;background:#0e0d14;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-user-info{flex:1;display:flex;flex-direction:column}.chat-user-name{color:#fff;font-size:13px;font-weight:700}.chat-status{font-size:10px;color:var(--text-secondary)}.chat-status.online{color:var(--success)}.btn-back,.btn-chat-call{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:8px;transition:.2s;display:flex;align-items:center}.btn-back:hover{background:#ffffff0d;color:#fff}.btn-chat-call{color:var(--accent)}.btn-chat-call:hover{background:var(--accent-glow);color:#fff}.chat-header-actions{display:flex;align-items:center;gap:8px}.icon-btn-header{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#8696a0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-header:hover{background:#a855f726;color:#a855f7;border-color:#a855f7;transform:translateY(-2px)}.icon-btn-header span{font-size:20px}.wa-btn-join-call{background:#a855f7;color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 15px #a855f766;transition:.2s}.wa-btn-join-call span{font-size:18px}.wa-btn-join-call:hover{background:#9333ea;transform:scale(1.05)}.animate-pulse{animation:pulse-purple 2s infinite}@keyframes pulse-purple{0%{box-shadow:0 0 #a855f7b3}70%{box-shadow:0 0 0 10px #a855f700}to{box-shadow:0 0 #a855f700}}.chat-history{flex:1;padding:20px;overflow-y:auto;background-color:#0e0d14;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;width:100%;margin:2px 0}.msg-row.mine{justify-content:flex-end}.msg-row.theirs{justify-content:flex-start}.msg-sender-name{font-size:11px;font-weight:700;color:#a855f7;margin-bottom:4px;display:block}.msg-bubble{width:fit-content;max-width:75%;padding:8px 14px;font-size:.95rem;line-height:1.4;background:#1c1b22;color:#e9edef;position:relative;word-wrap:break-word}.msg-bubble p{margin:0}.msg-row.theirs .msg-bubble{border-radius:0 18px 18px}.msg-row.mine .msg-bubble{border-radius:18px 0 18px 18px;background:#25242c;border:1px solid rgba(168,85,247,.1)}.msg-time{font-size:.7rem;color:#ffffff59;margin-top:4px;display:block;width:100%}.msg-row.mine .msg-time{text-align:right;color:#8696a0}.msg-row.theirs .msg-time{text-align:left}.chat-input-area{padding:15px 20px;background:#0e0d14;display:flex;align-items:center;gap:12px}.chat-input{flex:1;background:#1c1b22;border:1px solid rgba(255,255,255,.05);padding:12px 20px;border-radius:25px;color:#fff;font-size:1rem}.chat-input:focus{outline:none;border-color:var(--accent)}.btn-send{background:var(--accent);color:#fff;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-send:hover{transform:scale(1.05);box-shadow:0 0 15px var(--accent-glow)}.empty-chat{font-size:12px;color:var(--text-secondary);opacity:.5;margin-top:40px;text-align:center}.group-info-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;display:flex;justify-content:flex-end;pointer-events:all}.group-info-panel{width:100%;max-width:380px;background:#0e0d14;height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 30px #000c;overflow:hidden;border-left:1px solid rgba(255,255,255,.05)}.group-info-header{padding:12px 16px;display:flex;align-items:center;gap:10px;background:#1c1b22;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.group-info-header h3{margin:0;flex:1;font-size:15px;color:#fff;white-space:nowrap}.btn-close-info,.btn-edit-info,.btn-save-info{background:transparent;border:none;color:#8696a0;cursor:pointer;flex-shrink:0}.btn-edit-info{color:#a855f7;font-weight:600;font-size:13px}.btn-save-info{color:#10b981}.group-info-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.group-info-main{padding:30px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}.wa-group-avatar-placeholder.large{width:120px;height:120px;background:#1c1b22;margin-bottom:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a855f7;border:2px solid rgba(168,85,247,.2)}.wa-group-avatar-placeholder.large .material-symbols-outlined{font-size:60px}.group-avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:20px}.group-avatar-wrapper.editable{cursor:pointer}.group-avatar-wrapper.editable:hover .group-avatar-overlay{opacity:1}.group-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.group-avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:4px;opacity:.7;transition:opacity .2s}.group-avatar-overlay span{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.group-display-name{margin:10px 0 5px;font-size:22px;color:#fff}.group-display-desc{color:#8696a0;font-size:14px;max-width:90%;margin-top:10px}.group-edit-fields{display:flex;flex-direction:column;gap:12px;width:100%}.wa-field-label{font-size:10px;color:#a855f7;text-transform:uppercase;letter-spacing:1px;text-align:left;width:100%;padding-left:5px}.wa-group-desc-input{background:#1c1b22;border:1px solid rgba(168,85,247,.2);border-radius:8px;color:#fff;padding:10px;min-height:80px;resize:none;font-family:inherit}.group-members-section{flex:1;background:#1c1b22;margin-top:10px;padding:20px;overflow-y:auto;border-radius:16px 16px 0 0;min-height:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#8696a0;text-transform:uppercase;font-size:10px;letter-spacing:1px}.btn-add-member{background:#a855f7;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.member-item{display:flex;align-items:center;gap:12px;margin-bottom:15px}.wa-avatar.small{width:35px;height:35px}.member-info{display:flex;flex-direction:column}.member-name{font-size:14px;font-weight:500;color:#fff}.member-role{font-size:11px;color:#a855f7}.btn-role-toggle{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.1);color:#8696a0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-role-toggle .material-symbols-outlined{font-size:16px}.btn-role-toggle.promote{border-color:#a855f7;color:#a855f7}.btn-role-toggle.promote:hover{background:#a855f733}.btn-role-toggle.demote:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.wa-group-modal-overlay.secondary{background:#000000d9;z-index:200}.btn-delete-group{width:100%;margin-top:25px;padding:14px;background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-delete-group:hover{background:#ef44441a;border-color:#ef4444}.btn-delete-group .material-symbols-outlined{font-size:20px}.overlay-call{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050507f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:5000;display:flex;align-items:stretch;justify-content:stretch}.video-layout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000;display:flex;overflow:hidden;background:transparent}.call-screen-main{flex:1;width:100%;height:100%;position:relative;background-color:#16191d;background-image:url(https://www.transparenttextures.com/patterns/dust.png),radial-gradient(circle at 50% 50%,rgba(168,85,247,.15) 0%,transparent 80%);background-blend-mode:color-dodge;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px 80px;z-index:5001;overflow:hidden}.call-header{display:flex;align-items:center;gap:15px;padding:0 20px;margin-bottom:10px}.call-header-icon{font-size:20px;color:var(--accent)}.call-header-text h3{margin:0;font-size:1.2rem;font-weight:500}.call-header-text p{margin:2px 0 0;font-size:.85rem;color:#fff9}.call-top-actions{position:absolute;top:30px;left:0;right:0;height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;z-index:200;animation:fadeIn .6s ease-out}.top-act-btn{width:40px;height:40px;border-radius:50%;background:#28283266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:201}.top-act-btn:hover{background:#ffffff1a}.top-act-btn .material-symbols-outlined{font-size:22px}.call-header-central{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:200}.call-header-central h3{margin:0;font-size:1.2rem;font-weight:500;color:#fff}.call-header-central p{margin:2px 0 0;font-size:.85rem;color:#fff9}.call-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:20px;gap:15px}.call-body.layout-single{display:flex}.call-body.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));grid-template-rows:repeat(auto-fit,minmax(45%,1fr));max-width:1200px}.call-body.layout-mesh{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr))}.call-body.layout-p2p{padding:0;gap:0}.call-body.layout-p2p .video-slot{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;border:none;z-index:5}.call-body.layout-p2p .self-video-pip{bottom:110px;right:25px;top:auto;left:auto;width:150px;height:210px;border:2px solid var(--accent);box-shadow:0 15px 40px #000c;z-index:50}.video-slot{position:relative;width:100%;height:100%;min-height:200px;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(168,85,247,.2);box-shadow:0 8px 32px #00000080;transition:all .5s ease}.video-holder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.video-obj{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:transparent;z-index:1}.video-obj.mirrored{transform:scaleX(-1)}.remote-video-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1;background:transparent!important}.video-holder.remote{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent!important}.major-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.major-avatar-box{width:250px;height:250px;background:#ffffff05;border:4px solid rgba(168,85,247,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #00000080;transition:all .3s ease;z-index:10}.major-avatar-box.talking-glow{border-color:var(--accent);box-shadow:0 0 40px #a855f74d;transform:scale(1.02)}.major-avatar-box.talking-glow .major-avatar{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.major-avatar-display{flex:1;display:flex;align-items:center;justify-content:center}.major-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid rgba(168,85,247,.4);z-index:2;box-shadow:0 0 30px #a855f733}.pulsating-bg{position:absolute;width:100%;height:100%;background:#a855f726;border-radius:50%;animation:pulseAvatar 2s infinite}@keyframes pulseAvatar{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.3);opacity:0}to{transform:scale(.9);opacity:0}}.self-video-pip{position:absolute;width:130px;height:185px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #000c;z-index:20;background:#000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.self-video-pip.dragging{cursor:grabbing;box-shadow:0 20px 50px #000000e6;z-index:21}.self-video-pip.corner-tr{top:10px;right:15px}.self-video-pip.corner-tl{top:10px;left:15px}.self-video-pip.corner-br{bottom:10px;right:15px}.self-video-pip.corner-bl{bottom:10px;left:15px}.capsule-controls-bar{background:#1c1c23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 25px;border-radius:40px;display:flex;align-items:center;gap:15px;margin:0 auto;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 35px #0009;z-index:100}.cap-btn{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cap-btn .material-symbols-outlined{font-size:26px}.cap-btn:hover{background:#ffffff26;transform:translateY(-3px)}.cap-btn.active{background:#a855f733;border:1px solid var(--accent);color:var(--accent)}.cap-btn.off{background:#ef444426;color:var(--danger)}.cap-btn.hangup-red{background:#ef4444!important;color:#fff!important;width:62px;height:62px}.cap-btn.hangup-red:hover{background:#dc2626!important;transform:scale(1.1);box-shadow:0 0 20px #ef444466}.cap-btn.accept-green{background:#10b981!important;color:#fff!important;width:62px;height:62px}.minimized-call-bar{position:fixed;top:0;left:0;right:0;height:48px;background:#0b141a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:9999;cursor:pointer}.min-call-info{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;color:#fff;font-weight:500}.min-call-icon{color:#10b981;font-size:18px!important;animation:pulseCall 1.5s infinite}.min-call-text{color:#10b981;font-size:.95rem;font-weight:500}.min-call-actions{display:flex;gap:15px}.min-act-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:6px}.min-act-btn.hangup{background:#ea4335;border-radius:50%;width:34px;height:34px;justify-content:center;color:#fff}@keyframes pulseCall{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.sonar-app.call-active .user-content{margin-top:48px;height:calc(100vh - 48px)!important}.in-call-chat-sidebar{width:350px;background:#0f0f14fa;border-left:1px solid var(--glass-border);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:200}@media (max-width: 800px){.in-call-chat-sidebar{position:fixed;right:0;top:0;bottom:80px;width:100%;z-index:100}.video-layout-container.with-chat .video-grid{opacity:.3;pointer-events:none}}@tailwind base;@tailwind components;@tailwind utilities;:root{background-color:#050507;color-scheme:dark}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a855f7}video{border-radius:30px}