:root{color-scheme:dark;--bg: #07091b;--bg-deep: #050715;--glass: rgba(20, 25, 56, .62);--glass-strong: rgba(24, 30, 67, .82);--line: rgba(189, 208, 255, .18);--line-bright: rgba(125, 239, 211, .58);--text: #f7f8ff;--muted: #a8afc7;--accent: #71e7c2;--accent-soft: #8ff4d2;--accent-deep: #3fcba8;--danger: #ff8da5;--shadow: 0 24px 70px rgba(0, 0, 0, .34);--logo-edge: #ffffff;--logo-primary: #9df5db;--logo-secondary: #a9c8ff;--interface-scale: 1;--font-scale: 1;--font-8: 8px;--font-9: 9px;--font-10: 10px;--font-11: 11px;--font-12: 12px;--font-13: 13px;--font-14: 14px;--font-15: 15px;--font-16: 16px;--font-18: 18px;--font-20: 20px;--font-24: 24px;--font-33: 33px}:root[data-accent=sky]{--accent: #83c9ff;--accent-soft: #b4e4ff;--accent-deep: #579ee8;--line-bright: rgba(133, 201, 255, .64);--logo-primary: #b4e4ff;--logo-secondary: #81e6d2}:root[data-accent=rose]{--accent: #ff9bbb;--accent-soft: #ffc0d2;--accent-deep: #e76c9a;--line-bright: rgba(255, 155, 187, .64);--logo-primary: #ffc1d3;--logo-secondary: #a5d4ff}:root[data-accent=sunset]{--accent: #ffc176;--accent-soft: #ffe1a5;--accent-deep: #e8924f;--line-bright: rgba(255, 193, 118, .66);--logo-primary: #ffe1a5;--logo-secondary: #ff9eb6}:root[data-accent=violet]{--accent: #c4a2ff;--accent-soft: #decaff;--accent-deep: #9169e8;--line-bright: rgba(196, 162, 255, .66);--logo-primary: #d4b9ff;--logo-secondary: #93efc7}:root[data-accent=ocean]{--accent: #58e1eb;--accent-soft: #9ff5f6;--accent-deep: #269ec6;--line-bright: rgba(88, 225, 235, .66);--logo-primary: #a6f7fa;--logo-secondary: #8abaff}:root[data-accent=lime]{--accent: #b8ed72;--accent-soft: #ddffac;--accent-deep: #7fc64b;--line-bright: rgba(184, 237, 114, .66);--logo-primary: #e1ffb4;--logo-secondary: #75e7c4}:root[data-accent=coral]{--accent: #ff9d86;--accent-soft: #ffc0b0;--accent-deep: #e66b5b;--line-bright: rgba(255, 157, 134, .66);--logo-primary: #ffc5b6;--logo-secondary: #ffb775}:root[data-theme=light]{color-scheme:light;--bg: #e7edff;--bg-deep: #d8e1fb;--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(246, 250, 255, .84);--line: rgba(59, 81, 138, .22);--text: #17213d;--muted: #64708f;--danger: #d85275;--shadow: 0 24px 70px rgba(47, 68, 118, .18);--logo-edge: #273765}:root[data-theme=light] body{background:radial-gradient(circle at 10% 8%,rgba(113,140,255,.3),transparent 26rem),radial-gradient(circle at 82% 82%,rgba(70,198,180,.2),transparent 30rem),radial-gradient(circle at 45% 102%,rgba(179,124,255,.22),transparent 34rem),var(--bg)}:root[data-theme=light] .auth-card,:root[data-theme=light] .sidebar,:root[data-theme=light] .messages-panel,:root[data-theme=light] .composer,:root[data-theme=light] .profile-modal,:root[data-theme=light] .user-profile-modal,:root[data-theme=light] .picker-modal,:root[data-theme=light] .confirmation-dialog{background:linear-gradient(145deg,#ffffffd1,#e4ecffa3)!important}:root[data-theme=light] .messages-panel:after{background:linear-gradient(145deg,#f4f8ff6b,#d9e5ff33)}:root[data-theme=light] .messages-list{background:linear-gradient(110deg,#ffffff4d,#dce7ff1a)}:root[data-theme=light] .message-bubble,:root[data-theme=light] .typing-indicator,:root[data-theme=light] .private-login-control,:root[data-theme=light] .id-input{background:#ffffffad}:root[data-theme=light] .message-row.mine .message-bubble{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 58%,white),#84b3f48a)}:root[data-theme=light] .field input,:root[data-theme=light] .field textarea,:root[data-theme=light] .search-field input{background:#ffffffa3}:root[data-theme=light] .sidebar,:root[data-theme=light] .messages-panel,:root[data-theme=light] .composer,:root[data-theme=light] .profile-modal,:root[data-theme=light] .user-profile-modal{color:#14203d}:root[data-theme=light] .chat-list-item,:root[data-theme=light] .friend-card,:root[data-theme=light] .profile-identity,:root[data-theme=light] .appearance-settings,:root[data-theme=light] .message-bubble{border-color:#2c427838}:root[data-theme=light] .message-row:not(.mine) .message-bubble{background:#ffffffdb;color:#14203d}:root[data-theme=light] .message-row.mine .message-bubble{color:#0d2d3c}:root[data-theme=light] .chat-list-item small,:root[data-theme=light] .friend-card small,:root[data-theme=light] .field em,:root[data-theme=light] .appearance-heading small{color:#506080}html,body,#root{width:100%;min-width:0;height:100%;min-height:100%}@supports (zoom: 1){#root{width:calc(100% / var(--interface-scale));height:calc(100% / var(--interface-scale));zoom:var(--interface-scale)}}@media(max-width:700px){#root{width:100%!important;height:100%!important;min-height:100%!important;zoom:1!important}}body{margin:0;overflow:hidden;background:radial-gradient(circle at 10% 8%,rgba(73,76,182,.34),transparent 26rem),radial-gradient(circle at 82% 82%,rgba(62,183,181,.13),transparent 30rem),radial-gradient(circle at 45% 102%,rgba(78,45,157,.28),transparent 34rem),var(--bg);color:var(--text);font-family:Manrope,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{display:block;object-fit:cover}.glass-panel{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff17,#ffffff06);box-shadow:var(--shadow),inset 0 1px #ffffff14;backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}.primary-btn,.ghost-btn,.round-btn,.accept-btn,.minor-btn,.send-btn,.hide-chat-btn,.logout-btn{border:0;cursor:pointer;color:var(--text);font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.primary-btn,.accept-btn,.send-btn{background:linear-gradient(135deg,var(--accent-soft),var(--accent-deep));color:#07131a;box-shadow:0 12px 26px #44d7b533,inset 0 1px #ffffff8c}.primary-btn:hover,.accept-btn:hover,.send-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #44d7b547}.primary-btn:active,.accept-btn:active,.send-btn:active{transform:scale(.96)}.ghost-btn,.minor-btn,.hide-chat-btn{border:1px solid var(--line);background:#ffffff0b}.ghost-btn:hover,.minor-btn:hover,.hide-chat-btn:hover{background:#ffffff1a;border-color:#bed1ff6b}.auth-screen{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;padding:24px;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(41,58,139,.18),transparent 34rem),linear-gradient(145deg,#050720,#0a0e38 56%,#060821)}.auth-screen:before,.auth-screen:after{display:none}.ambient-orbs{position:absolute;z-index:0;inset:-16%;overflow:hidden;pointer-events:none}.ambient-orbs span{position:absolute;top:var(--orb-y);left:var(--orb-x);display:block;width:var(--orb-size);aspect-ratio:1;border-radius:48% 52% 56% 44%/46% 43% 57% 54%;background:var(--orb-color);filter:blur(68px);opacity:.5;transform:translateZ(0);will-change:transform,width,top,left,background;transition:top 13s cubic-bezier(.22,1,.36,1),left 13s cubic-bezier(.22,1,.36,1),width 13s cubic-bezier(.22,1,.36,1),background 13s ease,border-radius 13s ease;animation:orb-breathe var(--orb-duration) ease-in-out var(--orb-delay) infinite alternate}.ambient-orbs span.accent-orb{filter:blur(82px) saturate(128%);opacity:.72;mix-blend-mode:screen;animation-duration:calc(var(--orb-duration) * 1.18)}.auth-orbs{opacity:.78}.app-orbs{opacity:.54}.auth-screen:before,.auth-screen:after{position:absolute;z-index:0;content:"";pointer-events:none}.auth-screen:before{top:9%;left:12%;width:4px;height:4px;border-radius:50%;background:#eaf7ff;box-shadow:10vw 8vh #d5f7ff,29vw -1vh #c3ccff,55vw 15vh #f7edff,72vw 6vh #b7f8ff,83vw 30vh #e8ddff,17vw 54vh #c5e8ff,39vw 70vh #f8e9ff,62vw 62vh #c1ffff;opacity:.72}.auth-screen:after{right:10%;bottom:8%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:-12vw -4vh #b7f8ff,-27vw 8vh #dbcaff,-51vw -9vh #d4f6ff,-70vw -2vh #f3d9ff;opacity:.55}.auth-ribbons{position:absolute;z-index:0;inset:-10%;overflow:hidden;pointer-events:none}.ribbon{position:absolute;display:block;width:78vw;min-width:620px;height:18vw;min-height:150px;border-radius:50%;opacity:.65;filter:blur(8px);transform:rotate(-17deg)}.ribbon-one{top:53%;left:-18%;border:2px solid rgba(107,231,255,.28);background:linear-gradient(90deg,#5e3eff05,#3ddeff59,#ed6dff0a);animation:ribbon-drift-one 16s ease-in-out infinite alternate}.ribbon-two{top:52%;right:-29%;border:2px solid rgba(142,245,220,.24);background:linear-gradient(90deg,#65e1ff08,#63e9c857,#ac69ff0a);animation:ribbon-drift-two 19s ease-in-out infinite alternate}.ribbon-three{top:65%;left:12%;width:68vw;opacity:.45;border:1px solid rgba(255,184,242,.26);background:linear-gradient(90deg,transparent,rgba(255,141,225,.25),transparent);animation:ribbon-drift-three 14s ease-in-out infinite alternate}.auth-ribbons i{position:absolute;width:12px;height:12px;border-radius:50%;background:#caf7ff80;filter:blur(1px)}.auth-ribbons i:nth-of-type(1){top:18%;left:28%;animation:star-pulse 3.4s ease-in-out infinite}.auth-ribbons i:nth-of-type(2){top:20%;right:24%;width:7px;height:7px;animation:star-pulse 4.2s ease-in-out .7s infinite}.auth-ribbons i:nth-of-type(3){right:16%;bottom:25%;width:9px;height:9px;animation:star-pulse 3.8s ease-in-out 1.1s infinite}.auth-card{position:relative;z-index:5;display:grid;width:min(100%,430px);gap:13px;padding:30px;border-color:#b4caff52;border-radius:28px;background:linear-gradient(145deg,#1c2355c2,#090d2bb3);box-shadow:0 30px 80px #0000005c,inset 0 1px #ffffff29;overflow:hidden;interpolate-size:allow-keywords;transition:height .44s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease;animation:auth-arrive .62s cubic-bezier(.22,1,.36,1) both}.auth-brand,.loading-brand,.brand-logo{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:900;letter-spacing:-.09em;background:linear-gradient(100deg,var(--logo-edge) 5%,var(--logo-primary) 37%,var(--logo-secondary) 58%,var(--logo-edge) 87%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand{font-size:53px;line-height:.92;text-align:center;animation:logo-flow 4s linear infinite,logo-float 3.4s ease-in-out infinite}.loading-brand{font-size:clamp(48px,12vw,110px);animation:logo-flow 1.3s ease-in-out infinite alternate}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:16px;background:#00000024}.auth-switch button{min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800;transition:background .22s ease,color .22s ease,transform .22s ease}.auth-switch button.active{background:#8ef4d229;color:var(--text);box-shadow:inset 0 1px #ffffff1f}.auth-switch,.section-switch,.friends-switch{position:relative;isolation:isolate;overflow:hidden}.auth-switch:before,.section-switch:before,.friends-switch:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:12px;background:linear-gradient(118deg,#5cdabb30,#84caff3d,#5cdabb29);box-shadow:0 6px 18px #47d4b321,inset 0 1px #ffffff2e;content:"";transition:transform .54s cubic-bezier(.22,1.4,.36,1),filter .28s ease}.section-switch:before{width:calc((100% - 18px) / 3)}.auth-switch.second-active:before{transform:translate(calc(100% + 4px))}.section-switch.second-active:before{transform:translate(calc(100% + 5px))}.section-switch.third-active:before{transform:translate(calc(200% + 10px))}.friends-switch.second-active:before{transform:translate(calc(100% + 5px))}.auth-switch button,.section-switch button,.friends-switch button{position:relative;z-index:1}.auth-switch button.active,.section-switch button.active,.friends-switch button.active{background:transparent;box-shadow:none;color:var(--text)}.auth-fields{display:grid;gap:13px}.register-name-slot,.register-login-slot,.register-confirm-password-slot{display:grid;grid-template-rows:0fr;min-height:0;margin-bottom:-13px;opacity:0;transform:translateY(-9px);transition:grid-template-rows .52s cubic-bezier(.16,1,.3,1),margin-bottom .52s cubic-bezier(.16,1,.3,1),opacity .26s ease 40ms,transform .52s cubic-bezier(.16,1,.3,1)}.register-name-slot>div,.register-login-slot>div,.register-confirm-password-slot>div{min-height:0;overflow:hidden}.register-name-slot .field,.register-login-slot .field,.register-confirm-password-slot .field{transform:translateY(-6px) scale(.985);transition:transform .52s cubic-bezier(.16,1,.3,1)}.auth-card.is-register .register-name-slot,.auth-card.is-register .register-login-slot,.auth-card.is-register .register-confirm-password-slot{grid-template-rows:1fr;margin-bottom:0;opacity:1;transform:none}.auth-card.is-register .register-name-slot .field,.auth-card.is-register .register-login-slot .field,.auth-card.is-register .register-confirm-password-slot .field{transform:none}.register-login-slot{display:block;min-height:auto;margin:0;opacity:1;transform:none}.register-login-slot>div{min-height:auto;overflow:visible}.register-login-slot .field{transform:none}.field{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.field input,.field textarea,.search-field input,.composer-row input,.message-bubble textarea{width:100%;border:1px solid var(--line);border-radius:15px;background:#070b1f70;color:var(--text);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.field input{min-height:48px;padding:0 14px}.field textarea{padding:13px 14px;resize:vertical}.field input:focus,.field textarea:focus,.search-field input:focus,.composer-row input:focus,.message-bubble textarea:focus{border-color:var(--line-bright);background:#0b132fcc;box-shadow:0 0 0 4px #72e8c414;outline:0}.field em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500;line-height:1.4}.auth-submit{min-height:48px;margin-top:3px;border-radius:15px}.form-error{margin:-3px 0 0;color:#ffb4c3;font-size:12px;font-weight:700;line-height:1.4}.app-shell{position:relative;display:grid;grid-template-columns:350px minmax(0,1fr);gap:14px;width:100%;height:100%;padding:14px;isolation:isolate;overflow:hidden}.sidebar{position:relative;z-index:1;display:flex;min-height:0;flex-direction:column;gap:14px;padding:15px;border-radius:30px;overflow:hidden}.sidebar-header,.list-heading,.chat-header,.profile-modal>header,.picker-modal>header,.user-profile-modal>header,.profile-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-logo{border:0;padding:1px 4px 5px;background-color:transparent;font-size:33px;line-height:1;cursor:pointer;transition:transform .22s ease,filter .22s ease}.brand-logo:hover{animation:logo-flow 1.05s ease both;filter:drop-shadow(0 0 14px rgba(143,244,211,.35));transform:translateY(-1px) scale(1.025)}.round-btn{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:14px;background:#ffffff0d;font-size:21px}.round-btn:hover{transform:rotate(8deg) scale(1.05);background:#ffffff1c;border-color:#c7d8ff61}.account-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#847aff26,#56e1bf0f);color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease}.account-card:hover{transform:translateY(-2px);border-color:#94eed380}.account-card img{width:48px;height:48px;border:1px solid rgba(149,239,211,.42);border-radius:50%;background:#262d57;box-shadow:0 0 0 3px #7eefcd14}.account-copy{display:grid;min-width:0;gap:3px}.account-copy strong,.account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:13px}.account-copy small{color:var(--accent);font-size:11px;font-weight:800}.account-id{opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1)}.account-card:hover .account-id,.account-card:focus-visible .account-id{opacity:1;transform:translateY(0)}.online-dot{position:absolute;bottom:9px;left:46px;width:12px;height:12px;border:2px solid #171c40;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.chevron{color:var(--muted);font-size:25px;font-weight:300}.section-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border:1px solid var(--line);border-radius:16px}.section-switch button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;transition:background .2s ease,color .2s ease}.section-switch button.active{background:#6de8c229;color:var(--accent)}.section-switch b{display:grid;min-width:17px;height:17px;place-items:center;border-radius:99px;background:var(--accent);color:#07131a;font-size:10px}.sidebar-content{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(105,229,195,.75) rgba(255,255,255,.055);scrollbar-width:thin;animation:surface-arrive .34s cubic-bezier(.16,1,.3,1) both}.sidebar-content,.messages-list,.profile-modal,.user-profile-modal,.picker-modal{scrollbar-color:rgba(105,229,195,.75) rgba(255,255,255,.055);scrollbar-width:thin}.sidebar-content::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.profile-modal::-webkit-scrollbar,.user-profile-modal::-webkit-scrollbar,.picker-modal::-webkit-scrollbar{width:8px;height:8px}.sidebar-content::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.profile-modal::-webkit-scrollbar-track,.user-profile-modal::-webkit-scrollbar-track,.picker-modal::-webkit-scrollbar-track{margin:8px;border-radius:99px;background:#ffffff0e;box-shadow:inset 0 1px 3px #00000029}.messages-list::-webkit-scrollbar-track{margin:14px 7px}.sidebar-content::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.profile-modal::-webkit-scrollbar-thumb,.user-profile-modal::-webkit-scrollbar-thumb,.picker-modal::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:99px;background:linear-gradient(160deg,#9af2d5,#6fb8ff 56%,#73e4bf) padding-box;box-shadow:0 2px 9px #4edcb957,inset 0 1px #ffffff8a}.sidebar-content::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.profile-modal::-webkit-scrollbar-thumb:hover,.user-profile-modal::-webkit-scrollbar-thumb:hover,.picker-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(160deg,#c5ffed,#90c8ff 56%,#99f6d3) padding-box}.list-heading{margin:1px 1px 12px}.list-heading p,.profile-modal header p,.picker-modal header p,.user-profile-modal header p{margin:0 0 1px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.list-heading h1,.profile-modal h2,.picker-modal h2,.user-profile-modal h2{margin:0;font-size:21px;letter-spacing:-.04em}.add-chat{color:var(--accent);font-size:24px}.chat-list,.friend-group,.picker-list{display:grid;gap:7px}.chat-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;overflow:hidden;border:1px solid transparent;border-radius:18px;transition:background .22s cubic-bezier(.22,1.2,.36,1),border-color .22s cubic-bezier(.22,1.2,.36,1),box-shadow .22s ease}.chat-card.active{border-color:#73e8c673;background:#66d8bb1c}.chat-card:hover{border-color:#b1d3ff38;background:#ffffff0e;box-shadow:inset 3px 0 #71e7c27a}.chat-card-open{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:64px;padding:9px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.chat-card-open img{width:44px;height:44px;border-radius:14px;background:#28305f}.chat-copy{display:grid;min-width:0;gap:4px}.chat-copy strong,.chat-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-copy strong{font-size:13px}.chat-copy small{color:var(--muted);font-size:11px;font-weight:600}.chat-card-meta{display:grid;justify-items:end;gap:4px;padding:10px 9px 8px 0}.chat-card time{align-self:start;color:var(--muted);font-size:10px}.chat-muted-indicator{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.chat-muted-indicator svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.empty-list,.empty-conversation{display:grid;justify-items:center;gap:7px;padding:28px 18px;color:var(--muted);text-align:center}.empty-list span,.empty-conversation span{color:var(--accent);font-size:32px;line-height:1}.empty-list strong{color:var(--text);font-size:13px}.empty-list p,.empty-conversation p{max-width:260px;margin:0;font-size:12px;line-height:1.5}.empty-list .ghost-btn{min-height:36px;margin-top:5px;padding:0 12px;border-radius:12px;font-size:12px}.friends-section,.groups-section{padding-right:2px}.community-block{display:grid;gap:9px;margin:0 1px 18px;padding:12px;border:1px solid rgba(183,215,255,.13);border-radius:21px;background:linear-gradient(145deg,#ffffff0b,color-mix(in srgb,var(--accent) 5%,transparent));box-shadow:inset 0 1px #ffffff14}.community-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.community-block>header>div{display:grid;gap:2px}.community-block>header strong{font-size:12px}.community-block>header small{color:var(--muted);font-size:9px;font-weight:700}.community-block>header>b{display:grid;min-width:23px;height:23px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:10px}.group-chat-card{border-color:#b7d7ff1f;background:#ffffff07}.group-chat-card:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--accent) 7%,rgba(255,255,255,.04))}.group-chat-avatar{border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(192,222,255,.36));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,#273466),#172451e6);box-shadow:inset 0 1px #ffffff3d,0 6px 16px color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:22px;font-weight:500}.group-chat-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.group-invites-block{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.045)),#ffffff06)}.group-invite-cards,.group-directory-list{display:grid;gap:7px}.group-invite-card,.group-directory-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid rgba(190,219,255,.13);border-radius:16px;background:#ffffff09}.group-invite-card .chat-card-avatar,.group-directory-card .chat-card-avatar{width:42px;height:42px}.group-invite-card>div:nth-child(2),.group-directory-card>span:nth-child(2){display:grid;min-width:0;gap:2px}.group-invite-card strong,.group-directory-card strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.group-invite-card small,.group-directory-card small{overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.group-invite-card>div:last-child{display:flex;gap:5px}.group-invite-card button,.group-directory-card button{min-height:31px;padding:0 8px;border-radius:10px;font-size:9px;white-space:nowrap}.group-directory-search{margin:0!important}.public-groups-block{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,rgba(255,255,255,.045)),#5b7aff0e)}.chat-name-line em{overflow:hidden;padding:3px 5px;border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:8px;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.groups-empty{padding:17px 8px 7px}.groups-empty p{max-width:280px}.channels-block{background:linear-gradient(145deg,#576ad214,#ffffff06)}.channels-empty{margin:2px 0;color:var(--muted);font-size:10px;line-height:1.45}.friends-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 1px 14px;padding:4px;border:1px solid var(--line);border-radius:15px;background:#ffffff09}.friends-switch button{display:flex;min-height:37px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:800}.friends-switch button.active{background:#69e8c224;color:var(--accent)}.friends-switch b{display:grid;min-width:17px;height:17px;place-items:center;border-radius:999px;background:var(--accent);color:#07131a;font-size:9px}.section-switch button.active,.friends-switch button.active{background:transparent;box-shadow:none;color:var(--text)}.search-field{display:block;margin:0 1px 16px;padding:0 12px;border:1px solid var(--line);border-radius:15px;background:#070b1f6b;color:var(--muted)}.search-field input{min-width:0;height:44px;padding:0;border:0;border-radius:0;background:transparent;font-size:12px}.search-field input:focus{box-shadow:none}.chat-list-search,.message-search-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--line);border-radius:15px;background:#070b1f5e;color:var(--muted);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.chat-list-search{margin:0 1px 13px;padding:0 12px}.chat-list-search>span,.message-search-field>span{color:var(--accent);font-size:17px;line-height:1}.chat-list-search input,.message-search-field input{width:100%;min-width:0;height:40px;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11px}.chat-list-search:focus-within,.message-search-field:focus-within{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));background:color-mix(in srgb,var(--accent) 7%,rgba(7,11,31,.37));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.mobile-search-swipe-hint{display:none}.chat-search-empty{margin:4px 2px 12px;padding:13px;border:1px dashed rgba(187,216,255,.16);border-radius:16px;text-align:center}.friend-group{margin:0 1px 17px}.friend-group h2{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:800}.friend-card,.request-card{display:grid;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:16px;background:#ffffff09}.friend-card{grid-template-columns:minmax(0,1fr) auto}.friend-card img,.request-card img{width:38px;height:38px;border-radius:13px;background:#28305f}.friend-card>div,.request-card>div,.friend-card>span{min-width:0}.friend-card strong,.request-card strong,.friend-card small,.request-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card strong,.request-card strong{font-size:12px}.friend-card small,.request-card small{margin-top:2px;color:var(--muted);font-size:10px}.user-card-main{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.user-card-main:hover strong{color:var(--accent)}.user-card-main span{min-width:0}.user-card-main strong,.user-card-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-open{width:100%;grid-template-columns:38px minmax(0,1fr) auto;border-color:var(--line);color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,background .18s ease}.friend-open:hover{transform:translate(2px);background:#ffffff13}.friend-open>b{color:var(--muted);font-size:24px;font-weight:300}.status{display:inline-block;margin-top:4px;color:var(--muted);font-size:9px;font-style:normal;font-weight:800}.status.online{color:var(--accent)}.status.online:before{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:99px;background:var(--accent);content:"";box-shadow:0 0 7px var(--accent)}.accept-btn,.minor-btn{min-height:30px;padding:0 10px;border-radius:10px;font-size:10px;white-space:nowrap}.minor-btn.danger{color:#ffb5c3}.friend-card-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}.friend-card-actions .minor-btn{min-width:58px}.state-label{color:var(--muted);font-size:9px;font-weight:700;line-height:1.2;text-align:right}.request-card{grid-template-columns:38px minmax(0,1fr);align-items:start}.request-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.search-empty{margin:0;padding:5px 2px;color:var(--muted);font-size:11px}.logout-btn{min-height:37px;padding:0 9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:11px;text-align:left}.logout-btn:hover{border-color:#ff8ea647;background:#ff8ea614;color:#ffc1cf}.mobile-nav{display:none}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.chat-view{position:relative;z-index:1;display:grid;width:min(100%,1060px);min-width:0;min-height:0;justify-self:center;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.chat-header{position:relative;z-index:20;display:flex;min-width:0;align-items:center;gap:11px;padding:11px 13px;overflow:visible;border-radius:22px;animation:surface-arrive .3s cubic-bezier(.16,1,.3,1) both}.chat-avatar-btn{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;overflow:hidden;padding:0;border:1px solid transparent;border-radius:14px;background:#28305f;cursor:pointer;transition:transform .22s cubic-bezier(.22,1.2,.36,1),border-color .22s ease,box-shadow .22s ease}.chat-avatar-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.035);border-color:#84f1cd9e;box-shadow:0 8px 18px #0000002e,0 0 0 3px #71e7c217}.chat-avatar-btn:disabled{cursor:default}.chat-avatar-btn img{width:100%;height:100%}.chat-title{min-width:0;flex:1}.chat-title h2,.chat-title p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.chat-title h2{font-size:15px;letter-spacing:-.025em}.chat-title p{margin-top:3px;color:var(--accent);font-size:11px;font-weight:700}.chat-title p.typing-status{color:#a5f2d6;animation:typing-fade 1.25s ease-in-out infinite}.hide-chat-btn{min-height:35px;padding:0 11px;border-radius:11px;color:var(--muted);font-size:11px}.back-btn{display:none}.chat-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.mobile-message-search{display:none}.audio-call-btn,.chat-menu-trigger{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:var(--muted);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.audio-call-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.audio-call-btn:hover:not(:disabled),.chat-menu-trigger:hover{transform:translateY(-2px);border-color:#81edcc8a;background:#66e2bf1f;color:var(--accent)}.audio-call-btn:disabled{cursor:not-allowed;opacity:.44}.audio-call-btn.in-call{border-color:#6eedc59e;color:var(--accent);animation:call-pulse 1.8s ease-in-out infinite}.chat-menu-trigger{font-size:17px;letter-spacing:1px;line-height:1}.messages-panel{position:relative;isolation:isolate;contain:paint;min-height:0;overflow:clip;border:1px solid rgba(218,230,255,.22);border-radius:26px;background:linear-gradient(138deg,#ffffff20,#c1d7ff0e 54%,#7588ff14);box-shadow:0 22px 50px #0003,inset 0 1px #ffffff29,inset 0 -1px #7a9cff0f;backdrop-filter:blur(38px) saturate(148%);-webkit-backdrop-filter:blur(38px) saturate(148%);animation:surface-arrive .37s 45ms cubic-bezier(.16,1,.3,1) both}.messages-panel:before{position:absolute;z-index:0;inset:-42%;background:radial-gradient(ellipse at 20% 20%,rgba(91,221,196,.16),transparent 34%),radial-gradient(ellipse at 84% 79%,rgba(115,128,255,.17),transparent 39%),radial-gradient(ellipse at 54% 46%,rgba(87,113,216,.13),transparent 49%);content:"";filter:blur(22px);animation:chat-liquid 24s cubic-bezier(.42,0,.28,1) infinite alternate}.messages-panel:after{position:absolute;z-index:0;inset:0;background:linear-gradient(145deg,#070c261f,#0d14380b 58%,#9cb1ff0e);content:"";pointer-events:none}.message-search-field{width:clamp(142px,17vw,216px);min-height:36px;padding:0 10px;border-radius:12px}.message-search-field input{height:34px;font-size:10px}.messages-list{position:relative;z-index:1;display:flex;width:100%;min-width:0;min-height:0;height:100%;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:inherit;padding:22px;scrollbar-gutter:stable;scroll-behavior:auto;background:linear-gradient(110deg,#05091c0f,#23316c06)}.message-row{display:flex;width:100%;animation:message-enter .44s cubic-bezier(.16,1,.3,1) both}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{position:relative;max-width:min(74%,560px);padding:11px 12px 8px;border:1px solid rgba(205,220,255,.13);border-radius:18px 18px 18px 5px;background:#0d122bc2;box-shadow:0 8px 18px #0000001c,inset 0 1px #ffffff0a}.message-row.mine .message-bubble{border-color:#86f1cd61;border-radius:18px 18px 5px;background:linear-gradient(135deg,#38c09e94,#4379b76e)}.message-bubble p{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.message-author{display:block;margin:0 0 5px;color:var(--accent);font-size:10px;font-weight:800}.message-author.mine{color:#f4fffbe6;text-align:right}.message-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:5px}.message-bubble time{color:#e5ebff8c;font-size:9px}.message-meta{display:inline-flex;align-items:center;gap:7px}.message-status{display:inline-flex;align-items:center;gap:3px;color:#e8f0ff6b;font-size:10px;font-weight:900;transition:color .22s ease,transform .22s ease}.message-status b{letter-spacing:-2px}.message-status small{color:currentColor;font-size:8px;font-weight:750;letter-spacing:0;opacity:.82}.message-status.delivered{color:#adcfffcc}.message-status.read{color:var(--accent);transform:translateY(-.5px)}.message-bubble textarea{min-width:240px;padding:9px;resize:vertical;font-size:12px}.edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.reply-reference{display:grid;width:100%;gap:2px;margin:-2px 0 8px;padding:7px 8px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:linear-gradient(90deg,#68e8c321,#ffffff09);color:inherit;text-align:left}.reply-reference span{color:var(--accent);font-size:9px;font-weight:800}.reply-reference small{overflow:hidden;color:#ecf2ffab;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.file-attachment{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:min(295px,58vw);padding:8px 9px;border:1px solid rgba(208,230,255,.2);border-radius:14px;background:#050d2538;color:var(--text);text-decoration:none;transition:transform .22s cubic-bezier(.22,1.35,.36,1),border-color .22s ease,background .22s ease}.file-attachment:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 11%,transparent);transform:translateY(-2px)}.file-attachment-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:23px;font-weight:900}.file-attachment>span:nth-child(2){display:grid;min-width:0;gap:2px}.file-attachment strong,.file-attachment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment strong{font-size:11px}.file-attachment small{color:var(--muted);font-size:9px}.file-attachment b{color:var(--accent);font-size:9px}.media-attachment{position:relative;display:grid;width:min(328px,62vw);overflow:hidden;padding:0;border:1px solid rgba(208,230,255,.22);border-radius:16px;background:#081129;color:var(--text);cursor:zoom-in;box-shadow:0 8px 22px #00000029;transition:transform .26s cubic-bezier(.22,1.35,.36,1),border-color .22s ease,box-shadow .22s ease}.media-attachment:hover{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 13px 28px #0000003d,0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px) scale(1.01)}.media-attachment img,.media-attachment video{width:100%;max-height:248px;aspect-ratio:1.45 / 1;object-fit:cover}.media-attachment video{background:#050914}.media-attachment>span{position:absolute;right:8px;bottom:8px;padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:#040b1fa3;box-shadow:inset 0 1px #ffffff29;font-size:9px;font-weight:800;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.media-attachment.is-video:before{position:absolute;z-index:1;top:50%;left:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.47);border-radius:50%;background:#060e2870;box-shadow:0 8px 24px #00000040;content:"▶";color:#fff;font-size:17px;line-height:42px;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.attachment-viewer{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:28px;overflow:hidden;background:#030613d6;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);animation:modal-backdrop-glass-in .22s ease-out both}.attachment-viewer-content{position:relative;z-index:1;display:grid;width:100%;height:100%;place-items:center;gap:10px;pointer-events:none;animation:modal-soft-in .26s cubic-bezier(.22,1,.36,1) both}.attachment-viewer-content img,.attachment-viewer-content video{display:block;max-width:min(1200px,100%);max-height:calc(100dvh - 98px);width:auto;height:auto;border:1px solid rgba(220,239,255,.32);border-radius:20px;box-shadow:0 26px 78px #0000007a;object-fit:contain;pointer-events:auto}.attachment-viewer-content .zoomable-attachment-image{cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:center;will-change:transform}.attachment-viewer-content .zoomable-attachment-image.is-zoomed{cursor:grab}.attachment-viewer-content .zoomable-attachment-image.is-zoomed:active{cursor:grabbing}.attachment-viewer-content p{position:absolute;bottom:0;margin:0;color:#eff6ffbf;font-size:11px;pointer-events:auto}.attachment-viewer-close{position:fixed;z-index:1;top:18px;right:20px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(228,242,255,.24);border-radius:15px;background:#0f1736a6;color:#fff;cursor:pointer;font-size:25px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.image-crop-backdrop{z-index:240;place-items:center;padding:22px}.image-crop-editor{display:grid;width:min(620px,100%);max-height:calc(100dvh - 44px);gap:14px;overflow-y:auto;padding:18px;border-radius:25px;background:linear-gradient(145deg,#171f47e6,#080d27db);box-shadow:0 28px 80px #00000073,inset 0 1px #fff3}.image-crop-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-crop-editor>header p{margin:0 0 3px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.image-crop-editor>header h2{margin:0;font-size:20px}.image-crop-stage{position:relative;width:min(100%,520px);max-height:54dvh;justify-self:center;overflow:hidden;border:1px solid rgba(220,238,255,.28);border-radius:21px;background:#030718b8;box-shadow:inset 0 1px #ffffff24,0 18px 42px #00000047}.image-crop-stage img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .1s linear,object-position .1s linear}.image-crop-aspects{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.image-crop-aspects button{min-height:35px;border:1px solid var(--line);border-radius:11px;background:#ffffff0b;color:var(--muted);cursor:pointer;font-weight:800}.image-crop-aspects button.active{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-soft);box-shadow:inset 0 1px #fff3}.image-crop-control,.image-crop-position label{display:grid;gap:7px}.image-crop-control>span,.image-crop-position span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800}.image-crop-control input,.image-crop-position input{width:100%;accent-color:var(--accent)}.image-crop-position{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-crop-editor>footer{display:flex;justify-content:flex-end;gap:8px}.empty-conversation{align-self:center;margin:auto}.empty-conversation h3{margin:0;color:var(--text);font-size:16px}.typing-indicator{display:inline-flex;width:fit-content;align-items:center;gap:4px;margin-top:auto;padding:8px 11px;border:1px solid rgba(177,207,255,.13);border-radius:15px 15px 15px 5px;background:#0d122bb8}.typing-indicator span{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:typing-dot .9s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.13s}.typing-indicator span:nth-child(3){animation-delay:.26s}.typing-indicator small{margin-left:3px;color:var(--muted);font-size:10px;font-weight:700}.message-row .voice-bubble{position:relative;isolation:isolate;width:min(274px,66vw);min-width:min(224px,100%);max-width:min(274px,100%);padding:9px 11px 7px;overflow:hidden;border:1px solid rgba(224,243,255,.38);border-radius:19px;background:linear-gradient(135deg,#ffffff40,#97adff17 58%,#ffffff0f);box-shadow:0 10px 25px #0710382e,inset 0 1px 1px #ffffff8a;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}.message-row.mine .voice-bubble{border-color:color-mix(in srgb,var(--accent-soft) 60%,rgba(236,250,255,.46));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 26%,rgba(255,255,255,.2)),color-mix(in srgb,var(--accent) 13%,rgba(91,123,218,.1)) 58%,#ffffff0f)}.message-row .voice-bubble:before,.message-row .voice-bubble:after{position:absolute;z-index:0;border-radius:50%;content:"";filter:blur(10px);pointer-events:none}.message-row .voice-bubble:before{top:-72px;left:-62px;width:148px;height:148px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-soft) 48%,transparent),transparent 70%)}.message-row .voice-bubble:after{right:-64px;bottom:-82px;width:162px;height:162px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-deep) 44%,transparent),transparent 70%)}.voice-message{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(118px,1fr);align-items:center;gap:8px;min-height:36px}.voice-bubble .message-author{position:relative;z-index:1;margin-bottom:5px;color:color-mix(in srgb,var(--accent-soft) 78%,white)}.message-row.mine .voice-bubble .message-author{color:#f1fffaf0}.voice-bubble>footer{position:relative;z-index:1;margin-top:5px}.voice-play{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(239,251,255,.5);border-radius:50%;background:linear-gradient(135deg,#ffffff52,color-mix(in srgb,var(--accent-soft) 17%,rgba(255,255,255,.07)));box-shadow:0 4px 12px #0e19522e,inset 0 1px 1px #ffffff9e;color:var(--accent-soft);cursor:pointer;transition:transform .18s cubic-bezier(.22,1.35,.36,1),background .22s ease,box-shadow .22s ease}.voice-play:hover{transform:scale(1.08);background:linear-gradient(135deg,#ffffff75,color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.11)));box-shadow:0 8px 19px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px 1px #ffffffb3}.voice-play:active{transform:scale(.92)}.voice-play .voice-triangle{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.voice-pause{display:flex;align-items:center;gap:5px}.voice-pause i{width:3px;height:12px;border-radius:3px;background:currentColor}.voice-body{min-width:0}.voice-track{--voice-progress: 0%;position:relative;display:block;height:28px;min-width:0;cursor:pointer;touch-action:none;outline:none}.voice-waveform{display:block;width:100%;height:28px;overflow:hidden}.voice-wave-bar{fill:#e5f2ff47;transition:fill .1s linear}.voice-wave-bar.played{fill:color-mix(in srgb,var(--accent-soft) 78%,white);filter:none}.voice-wave-cursor{position:absolute;z-index:2;top:50%;left:var(--voice-progress);width:6px;height:25px;border:1px solid rgba(244,255,252,.84);border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--accent-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 0 10px color-mix(in srgb,var(--accent) 32%,transparent);opacity:.9;pointer-events:none;transform:translate(-50%,-50%) scaleX(.72);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1.35,.36,1);will-change:left}.voice-track:hover .voice-wave-cursor,.voice-track:focus-visible .voice-wave-cursor,.voice-message.is-scrubbing .voice-wave-cursor{transform:translate(-50%,-50%) scaleX(1)}.voice-message.is-scrubbing .voice-waveform{filter:brightness(1.18)}.voice-times{display:flex;justify-content:space-between;gap:10px;margin-top:-1px;color:#e8f2ffad;font-size:8px;font-variant-numeric:tabular-nums;font-weight:700}.voice-times time:last-child{color:#e8f2ff70}.voice-message audio{display:none}.composer{padding:7px 8px 7px 15px;border:1px solid rgba(205,221,255,.2);border-radius:24px;background:linear-gradient(140deg,#ffffff1c,#a1bdff0b);box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff21;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);animation:surface-arrive .4s 85ms cubic-bezier(.16,1,.3,1) both}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 48px;gap:8px;align-items:center}.composer-row input{min-width:0;height:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:14px;box-shadow:none}.composer-row input:focus{border:0;background:transparent;box-shadow:none}.composer-action{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border:0;border-radius:50%;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),background .28s ease,color .28s ease,box-shadow .28s ease}.attachment-action{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(191,215,255,.16);border-radius:15px;background:#ffffff0b;color:var(--muted);cursor:pointer;transition:transform .22s cubic-bezier(.22,1.35,.36,1),color .22s ease,background .22s ease,border-color .22s ease}.attachment-action input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.attachment-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}.attachment-action:hover{border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);transform:translateY(-2px) rotate(-3deg)}.attachment-action.is-sending{color:var(--accent);animation:action-pulse .9s ease-in-out infinite}.attachment-action:has(input:disabled){cursor:wait;opacity:.55}.composer-icon-shell{display:grid;place-items:center;animation:composer-icon-swap .36s cubic-bezier(.22,1,.36,1) both}.composer-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.composer-action.voice-mode{background:#a6beff1c;color:#e8f0ffc7}.composer-action.send-mode{background:linear-gradient(135deg,#72eac4,#54cdb4);color:#06201d;box-shadow:0 8px 18px #4bdab440}.composer-action.stop-mode{background:#ff779629;color:#ff9db4}.composer-action:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}.composer-action:disabled{cursor:wait;opacity:.6}.composer-action.is-sending svg{animation:action-pulse .9s ease-in-out infinite}.voice-recording{display:flex;min-width:0;align-items:center;gap:10px}.voice-recording>span{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#ff829e;box-shadow:0 0 #ff829e8a;animation:record-pulse 1.35s ease-out infinite}.voice-recording div{display:grid;min-width:0;gap:2px}.voice-recording strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.voice-recording small{color:#ffb4c4;font-size:10px;font-variant-numeric:tabular-nums}.composer-reply{display:grid;grid-template-columns:2px minmax(0,1fr) 26px;align-items:center;gap:9px;min-height:39px;padding:3px 2px 7px}.composer-reply>span{width:2px;height:28px;border-radius:3px;background:var(--accent)}.composer-reply div{display:grid;min-width:0;gap:2px}.composer-reply strong,.composer-reply small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply strong{color:var(--accent);font-size:10px}.composer-reply small{color:var(--muted);font-size:10px}.composer-reply button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.composer-reply button:hover{background:#ffffff14;color:var(--text)}.composer.is-blocked{padding:8px}.composer-blocked-note{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:8px 11px;border:1px solid rgba(255,145,170,.26);border-radius:17px;background:linear-gradient(120deg,#ff668c1f,#ffffff09);color:var(--text)}.composer-blocked-note>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ff709429;color:#ffafc0;font-size:19px;font-weight:800}.composer-blocked-note div{display:grid;gap:2px;min-width:0}.composer-blocked-note strong{color:#ffd4dc;font-size:var(--font-11)}.composer-blocked-note small{color:var(--muted);font-size:var(--font-9);font-weight:700;line-height:1.35}.chat-placeholder{display:grid;min-height:0;place-items:center;border-radius:28px}.chat-placeholder>div{display:grid;justify-items:center;gap:9px;max-width:320px;padding:30px;text-align:center}.chat-placeholder span{color:var(--accent);font-size:44px}.chat-placeholder h2{margin:0;font-size:24px}.chat-placeholder p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.55}.chat-placeholder .primary-btn{min-height:42px;padding:0 14px;border-radius:13px;font-size:12px}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:22px;overflow-y:auto;background:#0305129e;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);animation:modal-backdrop-glass-in .32s ease-out both}.modal-backdrop>:is(.profile-modal,.user-profile-modal,.picker-modal,.avatar-editor-modal,.ringtone-editor,.confirmation-dialog){position:relative;z-index:1;animation:modal-soft-in .28s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform,filter}.message-action-backdrop,.chat-action-backdrop{display:block;overflow:hidden;padding:0;overscroll-behavior:none;background:#0306141c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);animation:none}.message-action-backdrop:before,.chat-action-backdrop:before{display:none}.message-hold-ripple,.chat-hold-ripple{position:fixed;z-index:0;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,rgba(112,237,202,.38),rgba(95,136,239,.17) 48%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);animation:message-ripple .54s cubic-bezier(.16,1,.3,1) both}.message-action-popover,.chat-action-popover{position:fixed;z-index:1;display:grid;width:min(236px,calc(100vw - 24px));gap:2px;overflow:hidden;padding:8px;border:1px solid rgba(183,217,255,.28);border-radius:16px;background:linear-gradient(145deg,#263764fa,#0d1435fc);box-shadow:0 18px 46px #00000061,inset 0 1px #ffffff21;animation:message-popover-in .25s cubic-bezier(.16,1,.3,1) both}.message-action-popover:before,.chat-action-popover:before{position:absolute;inset:-65% -25%;background:radial-gradient(circle at 70% 30%,rgba(111,235,203,.18),transparent 35%),radial-gradient(circle at 28% 76%,rgba(117,125,255,.18),transparent 40%);content:"";filter:blur(10px);pointer-events:none}.message-action-popover>p,.chat-action-popover>p{position:relative;z-index:1;max-height:38px;margin:3px 6px 7px;overflow:hidden;color:#ebf2ffad;font-size:11px;line-height:1.3;text-overflow:ellipsis}.message-action-popover>button,.chat-action-popover>button{position:relative;z-index:1;display:grid;grid-template-columns:18px minmax(0,1fr);min-height:38px;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font-size:12px;font-weight:800;text-align:left;transition:background .16s ease,transform .16s ease}.message-action-popover button svg,.chat-action-popover button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-action-popover>button:hover,.chat-action-popover>button:hover{background:#ffffff17;transform:translate(2px)}.message-action-popover>button.danger,.chat-action-popover>button.danger{color:#ff9eb5}.confirmation-dialog{width:min(100%,382px);padding:24px;border-radius:25px;background:linear-gradient(145deg,#2c3c6ff5,#0a102ef7);box-shadow:0 26px 72px #00000075,inset 0 1px #ffffff24;animation:modal-in .26s cubic-bezier(.22,1,.36,1) both;text-align:center}.confirmation-icon{display:grid;width:46px;height:46px;place-items:center;margin:0 auto 13px;border:1px solid rgba(255,149,176,.38);border-radius:16px;background:#ff73971f;color:#ff9eb5}.confirmation-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.confirmation-dialog h2{margin:0;font-size:20px;letter-spacing:-.03em}.confirmation-dialog p{margin:9px 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.confirmation-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirmation-dialog .ghost-btn,.confirmation-dialog .danger-btn{min-height:42px;border-radius:13px;font-size:11px}.profile-ringtone-setting{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:14px 0 0;padding:12px 13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff1,color-mix(in srgb,var(--accent) 6%,transparent));box-shadow:inset 0 1px #ffffff1a;color:var(--text);cursor:pointer;text-align:left;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .26s cubic-bezier(.22,1.35,.36,1)}.profile-ringtone-setting:hover{border-color:var(--line-bright);background:linear-gradient(145deg,#ffffff17,color-mix(in srgb,var(--accent) 13%,transparent));box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px #ffffff29;transform:translateY(-2px)}.profile-ringtone-setting svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.profile-ringtone-setting span{display:grid;min-width:0;gap:2px}.profile-ringtone-setting strong{font-size:11px}.profile-ringtone-setting small{overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-ringtone-setting b{padding:6px 8px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:9px}.ringtone-backdrop{z-index:120}.ringtone-editor{width:min(100%,410px);padding:24px;border-radius:26px;background:linear-gradient(145deg,#2c4178f5,#0a1130fa);animation:modal-in .28s cubic-bezier(.22,1,.36,1) both}.ringtone-editor>p{margin:4px 0 17px;color:var(--muted);font-size:12px;line-height:1.5}.ringtone-file-picker{display:grid;gap:3px;padding:14px;border:1px dashed rgba(177,220,255,.36);border-radius:17px;background:#ffffff0b;cursor:pointer;transition:transform .22s cubic-bezier(.22,1.35,.36,1),border-color .22s ease,background .22s ease}.ringtone-file-picker:hover{border-color:var(--line-bright);background:color-mix(in srgb,var(--accent) 9%,transparent);transform:translateY(-2px)}.ringtone-file-picker input{position:absolute;width:1px;height:1px;opacity:0}.ringtone-file-picker span{color:var(--accent);font-size:12px;font-weight:900}.ringtone-file-picker small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ringtone-editor footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.ringtone-editor footer button{min-height:40px;padding:0 12px;border-radius:12px;font-size:10px}.new-chat-modal{width:min(100%,460px);overflow:hidden}.new-chat-friend-list{min-width:0;max-height:min(310px,42dvh);overflow-x:clip;overflow-y:auto;padding:2px;overscroll-behavior:contain}.new-chat-friend-list .friend-open{box-sizing:border-box;min-width:0;overflow:hidden;transform:translateZ(0)}.new-chat-friend-list .friend-open:hover{transform:translateZ(0)}.picker-modal.group-builder-modal{display:flex;width:min(100%,510px);max-height:min(760px,calc(100dvh - 36px));flex-direction:column}.picker-modal.group-builder-modal>header{margin-bottom:16px}.group-name-field{margin:0 0 12px!important}.group-name-field input{min-height:46px}.group-visibility-control{display:grid;gap:9px;margin-bottom:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 9%,rgba(255,255,255,.05)),#ffffff06)}.group-visibility-control>div:first-child{display:grid;gap:3px}.group-visibility-control strong{font-size:11px}.group-visibility-control small{color:var(--muted);font-size:9px;font-weight:700;line-height:1.35}.group-visibility-switch{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;overflow:hidden;border:1px solid rgba(194,219,255,.12);border-radius:13px;background:#050c2333;isolation:isolate}.group-visibility-switch:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:9px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px #fff3;content:"";transition:transform .44s cubic-bezier(.22,1.35,.36,1)}.group-visibility-switch.second-active:before{transform:translate(calc(100% + 4px))}.group-visibility-switch button{position:relative;z-index:1;min-height:31px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:850;transition:color .18s ease,transform .22s cubic-bezier(.22,1.35,.36,1)}.group-visibility-switch button.active{color:var(--text);transform:translateY(-1px)}.group-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.045)),#ffffff07);box-shadow:inset 0 1px #ffffff24}.group-selection-summary>div:first-child{display:grid;gap:2px}.group-selection-summary strong{font-size:11px}.group-selection-summary small{color:var(--muted);font-size:9px;font-weight:800}.group-roster-preview{display:flex;min-width:48px;justify-content:flex-end;padding-left:8px}.group-roster-preview img,.group-roster-preview>span{width:31px;height:31px;margin-left:-8px;border:2px solid rgba(17,28,65,.95);border-radius:50%;background:#263360;object-fit:cover;box-shadow:0 3px 10px #0003}.group-roster-preview>span{display:grid;margin-left:0;place-items:center;border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:19px}.group-member-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;padding:0 12px;border:1px solid var(--line);border-radius:15px;background:#060b2057;color:var(--muted)}.group-member-search span{color:var(--accent);font-size:9px;font-weight:900;white-space:nowrap}.group-member-search input{min-width:0;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-size:11px;outline:none}.group-member-search input::placeholder{color:var(--muted)}.group-member-search:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}.group-member-list{display:grid;min-height:0;gap:7px;overflow-x:clip;overflow-y:auto;padding:2px;overscroll-behavior:contain}.group-member-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid var(--line);border-radius:17px;background:#ffffff09;color:var(--text);cursor:pointer;text-align:left;transition:transform .22s cubic-bezier(.22,1.35,.36,1),border-color .22s ease,background .22s ease,box-shadow .22s ease}.group-member-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 8%,rgba(255,255,255,.035));transform:translate(2px)}.group-member-card:disabled{cursor:not-allowed;opacity:.45}.group-member-card.selected{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 16%,transparent),#ffffff0e);box-shadow:inset 0 1px #ffffff1f}.group-member-card img{width:40px;height:40px;border:1px solid rgba(184,235,255,.35);border-radius:14px;background:#263360;object-fit:cover}.group-member-card>span{display:grid;min-width:0;gap:2px}.group-member-card strong,.group-member-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-card strong{font-size:11px}.group-member-card small{color:var(--muted);font-size:9px;font-weight:700}.group-member-card b{padding:5px 7px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:10px;background:#ffffff0a;color:var(--muted);font-size:8px}.group-member-card.selected b{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.group-builder-error{margin:10px 0 0}.group-builder-actions{display:grid;grid-template-columns:.85fr 1.25fr;gap:9px;margin-top:14px;padding-top:3px}.group-builder-actions button{min-height:48px;border-radius:17px;transition:transform .22s cubic-bezier(.22,1.35,.36,1),filter .22s ease,box-shadow .22s ease}.group-builder-actions .ghost-btn{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:#ffffff0b}.group-builder-actions .primary-btn:not(:disabled){box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff57}.group-builder-actions button:not(:disabled):hover{transform:translateY(-2px)}.profile-modal,.picker-modal{width:min(100%,500px);padding:25px;border-radius:26px;animation:modal-in .28s cubic-bezier(.22,1,.36,1) both}.profile-modal{max-height:min(860px,calc(100dvh - 44px));overflow-y:auto;overscroll-behavior:contain}.user-profile-modal{width:min(100%,440px);padding:25px;border-radius:26px;animation:modal-in .28s cubic-bezier(.22,1,.36,1) both}.picker-modal{width:min(100%,440px)}.profile-modal>header,.picker-modal>header,.user-profile-modal>header{margin-bottom:20px}.profile-identity{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:19px;background:#ffffff0a}.profile-identity>div{display:grid;min-width:0;gap:3px}.profile-identity strong,.profile-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity strong{font-size:14px}.profile-identity small{color:var(--muted);font-size:11px}.profile-identity i{color:var(--accent);font-size:10px;font-style:normal;font-weight:800}.avatar-picker{position:relative;display:block;width:66px;height:66px;flex:0 0 auto;overflow:hidden;border:2px solid rgba(149,239,211,.55);border-radius:50%;background:#28305f;box-shadow:0 0 0 4px #69e8c017,0 10px 24px #030a2542;cursor:pointer}.avatar-picker img{width:100%;height:100%;background:#28305f;object-fit:cover}.avatar-picker span{position:absolute;right:0;bottom:0;left:0;padding:4px;background:#040716c2;color:#fff;font-size:8px;font-weight:800;text-align:center}.avatar-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.avatar-editor-backdrop{z-index:72;padding:18px;background:#0307188f;backdrop-filter:blur(16px) saturate(128%);-webkit-backdrop-filter:blur(16px) saturate(128%)}.avatar-editor-modal{display:grid;gap:16px;width:min(100%,440px);max-height:min(720px,calc(100dvh - 36px));padding:24px;overflow:auto;border-radius:30px;animation:modal-in .32s cubic-bezier(.22,1.08,.36,1) both}.avatar-editor-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.avatar-editor-modal>header p{margin:0 0 3px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.avatar-editor-modal>header h2{margin:0;color:var(--text);font-size:22px;letter-spacing:-.035em}.avatar-editor-preview{position:relative;width:min(100%,258px);aspect-ratio:1;margin:0 auto;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent) 62%,rgba(229,245,255,.8));border-radius:50%;background:linear-gradient(145deg,#182758eb,#070e2beb);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 10%,transparent),0 20px 38px #00000052,inset 0 1px #ffffff52}.avatar-editor-preview:after{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.28);border-radius:inherit;box-shadow:inset 0 0 24px #0000002e;content:"";pointer-events:none}.avatar-editor-preview img{position:absolute;max-width:none;max-height:none;object-fit:fill;pointer-events:none;transition:width .13s ease-out,height .13s ease-out,left .13s ease-out,top .13s ease-out;-webkit-user-select:none;user-select:none}.avatar-editor-hint{margin:-3px 8px 0;color:var(--muted);font-size:11px;line-height:1.45;text-align:center}.avatar-editor-controls{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff0b}.avatar-editor-controls label{display:grid;grid-template-columns:82px minmax(0,1fr) 42px;align-items:center;gap:10px}.avatar-editor-controls span{color:var(--muted);font-size:10px;font-weight:800}.avatar-editor-controls input{width:100%;accent-color:var(--accent)}.avatar-editor-controls b{color:var(--accent);font-size:10px;text-align:right}.avatar-editor-modal footer{display:grid;grid-template-columns:1fr 1.28fr;gap:9px}.avatar-editor-modal footer button{min-height:44px;border-radius:14px;font-size:11px}.profile-modal .field{margin:14px 0}.id-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#070b1f70}.id-input b{padding-left:14px;color:var(--accent)}.id-input input{border:0;border-radius:0;background:transparent}.id-input:focus-within{border-color:var(--line-bright);box-shadow:0 0 0 4px #72e8c414}.private-login-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#070b1f70}.private-login-control:before{position:absolute;z-index:1;inset:0 83px 0 0;display:grid;place-items:center start;padding-left:14px;background:linear-gradient(105deg,#1d2b5afa,#151d44f5);color:#d6e4ffa8;content:"Логин скрыт";font-size:11px;font-weight:800;letter-spacing:.02em;pointer-events:none;transition:clip-path .36s cubic-bezier(.22,1,.36,1),opacity .22s ease}.private-login-control.is-open:before{clip-path:inset(0 0 0 100%);opacity:0}.private-login-control input{position:relative;z-index:0;min-width:0;min-height:46px;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:none}.private-login-control input:focus{border:0;background:transparent;box-shadow:none}.private-login-control button{position:relative;z-index:2;min-height:34px;margin-right:6px;padding:0 10px;border:1px solid rgba(164,199,255,.22);border-radius:10px;background:#ffffff12;color:var(--accent);cursor:pointer;font-size:10px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.private-login-control button:hover{background:#69e6c429;color:#d8fff2;transform:translateY(-1px)}.birthday-visibility{display:flex;align-items:center;gap:9px;margin:-3px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff09;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.birthday-visibility input{width:16px;height:16px;margin:0;accent-color:var(--accent-deep);cursor:pointer}.birthday-visibility:has(input:disabled){cursor:not-allowed;opacity:.48}.appearance-settings{display:grid;gap:9px;margin:18px 0 14px;padding:14px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(135deg,#ffffff0f,#5adab809)}.appearance-heading{display:grid;gap:2px;margin-bottom:1px}.appearance-heading strong{color:var(--text);font-size:13px}.appearance-heading small{color:var(--muted);font-size:10px}.appearance-label{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.appearance-options{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#04091d29}.appearance-option{min-height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800;transition:transform .22s cubic-bezier(.22,1.35,.36,1),background .22s ease,color .22s ease,box-shadow .22s ease}.appearance-option:hover{color:var(--text)}.appearance-option.active{background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 32%,transparent),color-mix(in srgb,var(--accent) 15%,transparent));box-shadow:inset 0 1px #ffffff40,0 5px 13px color-mix(in srgb,var(--accent) 17%,transparent);color:var(--text);transform:translateY(-1px)}.profile-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:-5px 0 18px;padding:4px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#050b222e;isolation:isolate}.profile-tabs:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:11px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 14%,transparent));box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #fff3;content:"";transition:transform .46s cubic-bezier(.22,1.35,.36,1)}.profile-tabs.settings-active:before{transform:translate(calc(100% + 5px))}.profile-tabs button{position:relative;z-index:1;min-height:36px;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--font-10);font-weight:850;transition:color .18s ease,transform .18s ease}.profile-tabs button.active{color:var(--text);transform:translateY(-1px)}.profile-settings-layout{display:grid;gap:12px}.profile-settings-navigation{display:grid;gap:6px;padding:5px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff0b,#050b222e)}.profile-settings-navigation button{display:grid;gap:3px;width:100%;min-height:54px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:transform .26s cubic-bezier(.22,1.35,.36,1),color .2s ease,background .26s ease,border-color .26s ease,box-shadow .26s ease}.profile-settings-navigation button:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:#ffffff0b;color:var(--text);transform:translate(2px)}.profile-settings-navigation button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 11%,transparent));box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px #fff3;color:var(--text)}.profile-settings-navigation strong{font-size:var(--font-11)}.profile-settings-navigation small{color:inherit;opacity:.74;font-size:var(--font-9);font-weight:700;line-height:1.3}.profile-settings-content{min-width:0;animation:profile-settings-content-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes profile-settings-content-in{0%{opacity:0;filter:blur(4px);transform:translateY(7px)}to{opacity:1;filter:none;transform:none}}.profile-setting-group{display:grid;gap:10px;margin:0 0 14px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#ffffff09}.profile-setting-group>div{display:grid;gap:3px}.profile-setting-group strong{color:var(--text);font-size:var(--font-12)}.profile-setting-group small{color:var(--muted);font-size:var(--font-10);line-height:1.4}.profile-setting-group .field{margin:0}.blocked-users-settings{display:grid;gap:10px}.blocked-users-settings .profile-setting-group{margin:0}.blocked-users-list{display:grid;gap:8px}.blocked-user-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#ffffff0e,#ffffff05)}.blocked-user-card img{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;object-fit:cover}.blocked-user-card>div{display:grid;min-width:0;gap:2px}.blocked-user-card strong{overflow:hidden;color:var(--text);font-size:var(--font-11);text-overflow:ellipsis;white-space:nowrap}.blocked-user-card small{color:var(--muted);font-size:var(--font-9);font-weight:700}.blocked-user-card .minor-btn{min-height:32px}.blocked-users-empty{margin:0;padding:16px;border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:15px;color:var(--muted);font-size:var(--font-10);font-weight:700;line-height:1.45;text-align:center}.audio-device-settings{gap:8px}.audio-device-select{display:grid;grid-template-columns:minmax(94px,.58fr) minmax(0,1.42fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(194,214,255,.12);border-radius:13px;background:#ffffff07}.audio-device-select>span{color:var(--muted);font-size:var(--font-10);font-weight:800}.audio-device-select select{width:100%;min-width:0;height:34px;padding:0 28px 0 10px;border:1px solid rgba(194,214,255,.18);border-radius:10px;outline:none;background:#040a1f47;color:var(--text);font:inherit;font-size:var(--font-10);font-weight:750}.audio-device-select select:focus{border-color:var(--line-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.audio-device-note{margin:0;padding:9px 10px;border:1px solid rgba(194,214,255,.12);border-radius:12px;background:#ffffff07;color:var(--muted);font-size:var(--font-9);font-weight:700;line-height:1.4}.audio-device-actions{display:flex!important;align-items:center;gap:9px;min-height:32px}.audio-device-actions .minor-btn{min-height:32px;padding:0 10px;border-radius:10px;font-size:var(--font-9)}.audio-device-actions small{color:var(--accent);font-size:var(--font-9);font-weight:750}.profile-customization-panel{margin:0 0 10px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#ffffff07;box-shadow:inset 0 1px #ffffff14;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.profile-customization-panel.is-open{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,rgba(255,255,255,.04)),#ffffff07);box-shadow:inset 0 1px #ffffff21,0 10px 22px color-mix(in srgb,var(--accent) 7%,transparent)}.profile-customization-trigger{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;min-height:62px;padding:11px 12px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.profile-customization-trigger>span{display:grid;min-width:0;gap:3px}.profile-customization-trigger strong{font-size:var(--font-11)}.profile-customization-trigger small{overflow:hidden;color:var(--muted);font-size:var(--font-9);font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.profile-customization-content{display:grid;gap:0;padding:0 12px 13px;animation:profile-customization-expand .32s cubic-bezier(.16,1,.3,1) both}.profile-customization-content .display-scale-settings{margin-top:0}.profile-customization-content .public-profile-customization{margin-top:12px}.profile-customization-content .public-profile-preview{margin-top:0}@keyframes profile-customization-expand{0%{opacity:0;filter:blur(4px);transform:translateY(-7px)}to{opacity:1;filter:none;transform:none}}.display-scale-settings{display:grid;gap:9px;margin-top:8px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,rgba(255,255,255,.055)),#ffffff06)}.display-scale-heading{display:grid;gap:2px}.display-scale-heading strong{color:var(--text);font-size:var(--font-12)}.display-scale-heading small{color:var(--muted);font-size:var(--font-9);line-height:1.35}.display-scale-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding-top:8px;border-top:1px solid rgba(194,214,255,.1)}.display-scale-control>span{display:grid;gap:2px;min-width:0}.display-scale-control strong{color:var(--text);font-size:var(--font-11)}.display-scale-control small{color:var(--muted);font-size:var(--font-9);line-height:1.3}.display-scale-control output{min-width:42px;padding:4px 6px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:var(--font-10);font-weight:900;text-align:center}.display-scale-control input{grid-column:1 / -1;width:100%;height:18px;margin:0;accent-color:var(--accent-deep);cursor:pointer}.display-scale-presets{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px;border:1px solid rgba(194,214,255,.1);border-radius:11px;background:#050b2229}.display-scale-presets button{min-height:28px;padding:3px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--font-9);font-weight:800;transition:transform .2s cubic-bezier(.22,1.35,.36,1),color .18s ease,background .18s ease,box-shadow .18s ease}.display-scale-presets button:hover{color:var(--text)}.display-scale-presets button.active{background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 29%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));box-shadow:inset 0 1px #ffffff2e,0 4px 10px color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);transform:translateY(-1px)}.simple-mode-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:2px;padding:10px;border:1px solid rgba(194,214,255,.12);border-radius:14px;background:#ffffff09;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.simple-mode-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.simple-mode-toggle.is-enabled{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.035));box-shadow:inset 0 1px #ffffff29}.simple-mode-toggle>span{display:grid;gap:2px;min-width:0}.simple-mode-toggle strong{color:var(--text);font-size:var(--font-11)}.simple-mode-toggle small{color:var(--muted);font-size:var(--font-9);line-height:1.35}.simple-mode-toggle input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.simple-mode-toggle i{position:relative;width:42px;height:24px;border:1px solid rgba(201,218,255,.2);border-radius:999px;background:#060d2585;box-shadow:inset 0 1px #ffffff14;transition:background .24s ease,border-color .24s ease}.simple-mode-toggle i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e5eeffd6;box-shadow:0 3px 8px #00000038;content:"";transition:transform .3s cubic-bezier(.22,1.35,.36,1),background .22s ease}.simple-mode-toggle.is-enabled i{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:color-mix(in srgb,var(--accent) 46%,rgba(10,24,47,.74))}.simple-mode-toggle.is-enabled i:after{background:#f5fffb;transform:translate(18px)}.accent-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.accent-option{display:grid;justify-items:center;gap:5px;min-height:55px;padding:7px 3px;border:1px solid transparent;border-radius:13px;background:#ffffff09;color:var(--muted);cursor:pointer;font-size:9px;font-weight:800;transition:transform .2s cubic-bezier(.22,1.35,.36,1),border-color .2s ease,background .2s ease}.accent-option i{width:17px;height:17px;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:linear-gradient(135deg,var(--swatch-light),var(--swatch-deep));box-shadow:0 3px 8px color-mix(in srgb,var(--swatch-deep) 36%,transparent)}.accent-option.mint{--swatch-light: #8ff4d2;--swatch-deep: #3fcba8}.accent-option.sky{--swatch-light: #b4e4ff;--swatch-deep: #579ee8}.accent-option.rose{--swatch-light: #ffc0d2;--swatch-deep: #e76c9a}.accent-option.sunset{--swatch-light: #ffe1a5;--swatch-deep: #e8924f}.accent-option:hover{transform:translateY(-2px);background:#ffffff14}.accent-option.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.user-birthday{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;color:var(--accent);font-size:11px;font-weight:800}.profile-modal footer{justify-content:flex-end;margin-top:20px}.profile-modal .primary-btn,.profile-modal .ghost-btn{min-height:40px;padding:0 13px;border-radius:12px;font-size:11px}.user-profile-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.user-profile-modal .primary-btn,.user-profile-modal .ghost-btn{min-height:40px;padding:0 13px;border-radius:12px;font-size:11px}.viewed-avatar{width:66px;height:66px;border:2px solid rgba(149,239,211,.55);border-radius:50%;background:#28305f;box-shadow:0 0 0 4px #69e8c017,0 10px 24px #030a2533}.group-info-modal{max-height:min(770px,calc(100dvh - 44px));overflow-y:auto}.group-info-summary{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:16px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:19px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.04)),#ffffff09)}.group-info-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:18px;background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 1px #ffffff3d;color:var(--accent);font-size:29px}.group-info-mark img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.group-info-summary>div{display:grid;gap:3px}.group-info-summary strong{font-size:13px}.group-info-summary small{color:var(--muted);font-size:10px;line-height:1.4}.group-visibility-badge{display:inline-flex;width:fit-content;margin-left:5px;padding:3px 5px;border:1px solid rgba(190,219,255,.18);border-radius:7px;background:#ffffff0d;color:var(--muted);font-size:8px;vertical-align:middle}.group-visibility-badge.is-public{border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.group-members-panel{display:grid;gap:7px}.group-members-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 2px}.group-members-heading strong{font-size:12px}.group-members-heading small{max-width:190px;color:var(--muted);font-size:9px;line-height:1.35;text-align:right}.group-profile-member{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#ffffff09}.group-profile-member>button:first-child{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-width:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.group-profile-member img{width:38px;height:38px;border-radius:13px;background:#28305f;object-fit:cover}.group-profile-member>button:first-child span{display:grid;min-width:0;gap:2px}.group-profile-member strong,.group-profile-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-profile-member strong{display:flex;align-items:center;gap:5px;font-size:11px}.group-profile-member strong b{padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:8px}.group-profile-member small{color:var(--muted);font-size:9px;font-weight:700}.group-remove-member{min-height:30px;padding:0 8px;border:1px solid rgba(255,145,171,.36);border-radius:10px;background:#ff779714;color:#ffabc0;cursor:pointer;font-size:9px;font-weight:900}.group-info-modal footer{display:grid;grid-template-columns:1.25fr .75fr;gap:8px;margin-top:18px}.group-info-modal footer.is-owner{grid-template-columns:1.35fr .85fr .72fr}.group-info-modal footer button{min-height:42px;border-radius:13px;font-size:10px}.picker-modal.group-settings-modal{display:flex;width:min(100%,520px);max-height:min(780px,calc(100dvh - 36px));flex-direction:column;overflow-y:auto}.group-settings-modal>header{margin-bottom:16px}.group-settings-avatar{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:13px;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:18px;background:#ffffff09}.group-settings-avatar-preview{display:grid;width:68px;height:68px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 54%,rgba(200,225,255,.35));border-radius:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 27%,#283565),#111b46);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #ffffff38;color:var(--accent);font-size:31px}.group-settings-avatar-preview img{width:100%;height:100%;object-fit:cover}.group-settings-avatar>div:last-child{display:grid;min-width:0;gap:3px}.group-settings-avatar strong{font-size:11px}.group-settings-avatar small{color:var(--muted);font-size:9px;font-weight:700}.group-settings-avatar>div:last-child>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.group-settings-avatar .minor-btn{min-height:30px;padding:0 9px;border-radius:10px;font-size:9px}.group-settings-avatar label input{position:absolute;width:1px;height:1px;opacity:0}.group-share-link,.group-invite-settings{display:grid;gap:8px;margin-bottom:12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:#ffffff08}.group-share-link>strong,.group-invite-settings>div>strong{font-size:11px}.group-share-link>small,.group-invite-settings>div>small{color:var(--muted);font-size:9px;font-weight:700;line-height:1.35}.group-share-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.group-share-link input{min-width:0;height:37px;padding:0 10px;border:1px solid var(--line);border-radius:11px;outline:0;background:#050b223d;color:var(--muted);font:inherit;font-size:9px}.group-share-link p,.group-pending-note{margin:0;color:var(--muted);font-size:9px;font-weight:700;line-height:1.4}.group-invite-list{max-height:180px}.group-invite-list .group-member-card{cursor:default}.group-invite-list .group-member-card:hover{transform:none}.group-invite-list .group-member-card>button{min-height:29px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);cursor:pointer;font:inherit;font-size:8px;font-weight:900}.group-invite-list .group-member-card>button:disabled{opacity:.55;cursor:wait}.public-profile-customization{display:grid;gap:11px;margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 27%,var(--line));border-radius:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,rgba(255,255,255,.045)),#ffffff06);box-shadow:inset 0 1px #ffffff1f}.public-profile-preview{display:grid;gap:9px;margin-top:14px;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:21px;background:#ffffff09;box-shadow:inset 0 1px #ffffff1a}.public-profile-preview>header strong{display:block;font-size:11px}.public-profile-preview>header small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.public-profile-preview .public-profile-hero{min-height:104px;margin:0}.public-profile-preview .public-profile-snippet{margin:0}.public-profile-customization>header strong{display:block;font-size:12px}.public-profile-customization>header small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.public-banner-editor{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(132px,.7fr);gap:9px}.public-banner-preview{position:relative;display:flex;min-height:95px;align-items:end;justify-content:space-between;gap:8px;overflow:hidden;padding:10px;border:1px solid rgba(194,223,255,.28);border-radius:16px;background:linear-gradient(135deg,#6169c680,#153656b3),radial-gradient(circle at 76% 25%,color-mix(in srgb,var(--accent) 56%,transparent),transparent 30%);background-position:center;background-size:cover;box-shadow:inset 0 1px #ffffff2e;color:#f8fbff}.public-banner-preview span{position:relative;z-index:1;font-size:10px;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.45)}.public-banner-preview button,.animated-avatar-picker button,.snippet-remove{position:relative;z-index:1;min-height:25px;padding:0 7px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#070c2378;color:#f6f8ff;cursor:pointer;font-size:8px;font-weight:900}.public-media-picker{position:relative;display:grid;align-content:center;gap:4px;min-height:72px;padding:10px;overflow:hidden;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:15px;background:#ffffff09;color:var(--text);cursor:pointer;transition:transform .22s cubic-bezier(.22,1.35,.36,1),border-color .22s ease,background .22s ease}.public-media-picker:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.035));transform:translateY(-2px)}.public-media-picker>span{color:var(--accent);font-size:10px;font-weight:900}.public-media-picker>small{color:var(--muted);font-size:8px;font-weight:700;line-height:1.35}.public-banner-picker{align-content:start;padding-top:13px}.public-banner-picker>small:last-of-type{color:color-mix(in srgb,var(--muted) 86%,var(--accent));font-size:7.5px}.public-media-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.animated-avatar-picker button{position:static;justify-self:start;margin-top:2px;border-color:#ffa4bb59;color:#ffb1c5}.public-style-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:9px}.public-style-grid>.public-media-picker{min-height:96px}.public-option-group{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#ffffff07}.public-option-group>span{color:var(--muted);font-size:9px;font-weight:900}.public-style-options{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.public-style-options button{min-height:28px;overflow:hidden;padding:0 5px;border:1px solid transparent;border-radius:9px;background:#ffffff0b;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;transition:transform .18s cubic-bezier(.22,1.35,.36,1),border-color .18s ease,background .18s ease,color .18s ease}.public-style-options button:hover{transform:translateY(-1px);background:#ffffff17}.public-style-options button.active{border-color:color-mix(in srgb,var(--accent) 72%,white);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text);box-shadow:inset 0 1px #fff3}.name-style-aurora{--profile-name-gradient: linear-gradient(102deg, #99ffe0, #72bbff 48%, #d195ff)}.name-style-sunset{--profile-name-gradient: linear-gradient(102deg, #ffd080, #ff8ca6 48%, #c786ff)}.name-style-violet{--profile-name-gradient: linear-gradient(102deg, #f0b5ff, #9e89ff 48%, #74e6ff)}.name-style-ice{--profile-name-gradient: linear-gradient(102deg, #d8fbff, #8edbff 48%, #8ff4d2)}.name-style-default{--profile-name-gradient: linear-gradient(102deg, #f6fbff, #c9d8ff)}.name-style-options .name-style-aurora,.name-style-options .name-style-sunset,.name-style-options .name-style-violet,.name-style-options .name-style-ice{color:transparent;background-image:var(--profile-name-gradient);background-clip:text;-webkit-background-clip:text}.profile-snippet-editor{display:grid;gap:8px;padding-top:2px}.profile-snippet-editor>div:first-child strong{display:block;font-size:11px}.profile-snippet-editor>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.snippet-trimmer{display:grid;gap:7px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 27%,var(--line));border-radius:14px;background:#03091e47}.snippet-trimmer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent);font-size:9px;font-weight:900}.snippet-trimmer-head button{min-height:27px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text);cursor:pointer;font-size:8px;font-weight:900}.snippet-trimmer input{width:100%;accent-color:var(--accent)}.snippet-trimmer>small{color:var(--muted);font-size:8px;line-height:1.35}.snippet-remove{justify-self:end;border-color:#ffa4bb59;color:#ffb1c5}.public-profile-hero{position:relative;display:flex;min-height:112px;align-items:end;gap:11px;overflow:hidden;margin-bottom:12px;padding:13px;border:1px solid rgba(185,218,255,.28);border-radius:20px;background:linear-gradient(135deg,#475ba2b3,#0c1844db),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 33%);background-position:center;background-size:cover;box-shadow:inset 0 1px #ffffff2e,0 10px 26px #05081e2e}.public-profile-hero:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,31,.68),transparent 70%);content:"";pointer-events:none}.public-profile-hero>div{position:relative;z-index:1;display:grid;min-width:0;gap:2px}.public-profile-hero strong,.public-profile-hero small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-profile-hero strong{background-image:var(--profile-name-gradient);color:transparent;font-size:16px;font-weight:950;background-clip:text;-webkit-background-clip:text}.public-profile-hero small{color:#ecf4ffd1;font-size:10px;font-weight:800}.public-profile-hero i{color:#7df1c4;font-size:9px;font-style:normal;font-weight:900}.early-access-badge{display:inline-flex;width:fit-content;align-items:center;gap:4px;padding:3px 6px 3px 5px;border:1px solid rgba(255,223,145,.65);border-radius:999px;background:linear-gradient(115deg,#ffce5c40,#ff855f29,#c988ff33);box-shadow:inset 0 1px #ffffff57,0 4px 12px #ffba4833;color:#fff0bc;font-size:8px;font-weight:950;letter-spacing:.015em;text-shadow:0 1px 5px rgba(82,45,0,.4)}.public-profile-hero>.early-access-badge{position:absolute;z-index:2;right:10px;bottom:10px}.early-access-badge svg{width:12px;height:12px;fill:#ffdb6feb;stroke:#fff4c6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25;filter:drop-shadow(0 0 4px rgba(255,219,111,.65))}.early-access-badge b{padding-left:4px;border-left:1px solid rgba(255,238,181,.45);color:#fff8dc;font-size:8px;font-variant-numeric:tabular-nums}.public-profile-avatar{position:relative;z-index:1;display:grid;width:66px;height:66px;flex:0 0 auto;place-items:center;border:2px solid rgba(229,248,255,.82);border-radius:50%;background:#25305f;box-shadow:0 0 0 4px #9befd626,0 10px 23px #00000045}.public-profile-avatar .public-avatar-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-frame-effect{position:absolute;z-index:2;display:block;inset:-3px;border-radius:50%;pointer-events:none}.avatar-frame-effect:before,.avatar-frame-effect:after{position:absolute;border-radius:inherit;content:""}.avatar-frame-effect.avatar-frame-neon:before{inset:0;border:2px solid #baffdf;box-shadow:0 0 0 4px #75f3cc33,0 0 18px #72e8cf,0 0 34px #7e99ffa3}.avatar-frame-effect.avatar-frame-pulse:before{inset:0;border:2px solid #baffdf;animation:public-avatar-pulse 1.9s ease-in-out infinite}.avatar-frame-effect.avatar-frame-prism:before,.avatar-frame-effect.avatar-frame-aurora:before{inset:0;padding:3px;background:conic-gradient(from 30deg,#84ffdf,#79b6ff,#e691ff,#ffc88f,#84ffdf);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:public-avatar-prism 4s linear infinite}.avatar-frame-effect.avatar-frame-prism:after{inset:-5px;border:1px solid rgba(212,180,255,.45);box-shadow:0 0 15px #82b8ff85;opacity:.72}.avatar-frame-effect.avatar-frame-ice:before{inset:0;border:2px solid rgba(198,243,255,.9);box-shadow:0 0 0 4px #60d3ff21,0 0 20px #59ccff8c;animation:avatar-frame-shimmer 2.9s ease-in-out infinite}.avatar-frame-effect.avatar-frame-ice:after{inset:-7px;border:1px dashed rgba(187,234,255,.82);box-shadow:0 0 12px #60cdff47;animation:avatar-frame-orbit 10s linear infinite}.avatar-frame-effect.avatar-frame-orbit:before{inset:-7px;border:1px dashed rgba(121,239,216,.88);box-shadow:0 0 15px #66e6cd6b;animation:avatar-frame-orbit 8s linear infinite}.avatar-frame-effect.avatar-frame-orbit:after{inset:0;border:2px solid rgba(148,250,227,.88);box-shadow:inset 0 0 8px #57e7cb38,0 0 12px #57e7cb61}.avatar-frame-effect.avatar-frame-ember:before{inset:0;border:2px solid #ffb073;box-shadow:0 0 0 3px #ff7e5d26,0 0 19px #ff664aad,0 0 34px #ffcf6e52;animation:avatar-frame-ember 2.1s ease-in-out infinite}.avatar-frame-effect.avatar-frame-ember:after{inset:-6px;border:1px dotted rgba(255,208,115,.82);animation:avatar-frame-orbit 7s linear infinite reverse}.avatar-frame-effect.avatar-frame-aurora:before{background:conic-gradient(from 0deg,#84ffd1,#8ddaff,#c99aff,#84ffd1);animation-duration:5.5s}.avatar-frame-effect.avatar-frame-aurora:after{inset:-5px;border:1px solid rgba(171,236,255,.54);box-shadow:0 0 20px #62deff6b,0 0 28px #c482ff54;animation:avatar-frame-shimmer 3.8s ease-in-out infinite}.public-profile-snippet{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:-3px 0 11px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,rgba(255,255,255,.04));color:var(--accent);font-size:10px;font-weight:900}.profile-snippet-wave{display:flex;height:24px;min-width:0;align-items:center;gap:3px;overflow:hidden;padding:0 2px}.profile-snippet-wave i{display:block;width:3px;min-height:4px;max-height:100%;border-radius:99px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 85%,white),var(--accent-deep));box-shadow:0 0 7px color-mix(in srgb,var(--accent) 28%,transparent);opacity:.6;transform-origin:center}.public-profile-snippet.is-playing .profile-snippet-wave i{opacity:1;animation:profile-snippet-wave .78s ease-in-out infinite alternate;animation-delay:var(--snippet-bar-delay)}.public-profile-snippet button{min-height:28px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:9px;background:#ffffff14;color:var(--text);cursor:pointer;font-size:8px;font-weight:900}@keyframes profile-snippet-wave{0%{transform:scaleY(.48);filter:brightness(.9)}to{transform:scaleY(1.1);filter:brightness(1.3)}}@keyframes public-avatar-pulse{0%,to{box-shadow:0 0 0 3px #74f1d024,0 0 13px #74f1d05c;transform:scale(1)}50%{box-shadow:0 0 0 7px #84aaff00,0 0 27px #81b1ffc7;transform:scale(1.035)}}@keyframes public-avatar-prism{to{filter:hue-rotate(360deg)}}@keyframes avatar-frame-orbit{to{transform:rotate(360deg)}}@keyframes avatar-frame-shimmer{0%,to{filter:brightness(.96) saturate(.9);opacity:.72}50%{filter:brightness(1.28) saturate(1.25);opacity:1}}@keyframes avatar-frame-ember{0%,to{filter:brightness(.92);transform:scale(1)}50%{filter:brightness(1.28);transform:scale(1.035)}}.user-bio{margin:0;border:1px solid var(--line);border-radius:15px;padding:13px;background:#ffffff09;font-size:12px;line-height:1.55}.muted-copy{color:var(--muted)}.modal-copy{margin:-8px 0 16px;color:var(--muted);font-size:12px;line-height:1.5}.toast{position:fixed;z-index:60;right:20px;bottom:20px;max-width:min(360px,calc(100vw - 40px));padding:12px 15px;border:1px solid rgba(145,241,209,.35);border-radius:15px;background:#101d37f0;box-shadow:var(--shadow);color:var(--text);font-size:12px;font-weight:700;animation:toast-in .25s cubic-bezier(.22,1,.36,1) both}.audio-call-layer{position:fixed;z-index:80;inset:0;pointer-events:none;isolation:isolate}.audio-call-layer.is-launching:before{position:fixed;z-index:1;top:var(--call-origin-y, 50%);left:var(--call-origin-x, 50%);width:28px;height:28px;border:1px solid rgba(225,255,250,.65);border-radius:48% 52% 56% 44%/45% 46% 54% 55%;background:radial-gradient(circle at 30% 25%,#eefffceb,color-mix(in srgb,var(--accent) 78%,#88e8ff) 36%,#3454eeb8 74%);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent),0 0 38px color-mix(in srgb,var(--accent) 78%,transparent);content:"";opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.15);animation:call-liquid-drop .68s cubic-bezier(.16,1,.3,1) both}.audio-call-backdrop{position:absolute;inset:0;z-index:0;width:100%;border:0;background:#03071c4f;backdrop-filter:blur(3px) saturate(112%);-webkit-backdrop-filter:blur(3px) saturate(112%);cursor:zoom-out;opacity:1;pointer-events:auto;transition:opacity .42s ease,backdrop-filter .42s ease}.audio-call-panel{position:absolute;z-index:1;top:50%;left:calc(50% + clamp(80px,11vw,170px));display:grid;justify-items:center;width:min(510px,calc(100vw - 48px));padding:34px 34px 30px;overflow:hidden;border:1px solid rgba(187,224,255,.42);border-radius:34px;background:linear-gradient(145deg,#354c8ec2,#0f183fd1 48%,#164057ba);box-shadow:0 36px 110px #0105168f,0 0 0 1px #6ff5cf14,inset 0 1px #ffffff45;color:var(--text);transform:translate(-50%,-50%) scale(1);transform-origin:50% 0;pointer-events:auto;transition:opacity .39s ease,transform .54s cubic-bezier(.22,1.22,.36,1),filter .36s ease;animation:call-dialog-in .56s cubic-bezier(.16,1,.3,1)}.audio-call-panel:before{position:absolute;z-index:-1;inset:-45%;background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--accent) 54%,transparent),transparent 28%),radial-gradient(circle at 83% 20%,rgba(229,133,255,.33),transparent 35%),radial-gradient(circle at 49% 87%,rgba(80,171,255,.3),transparent 37%);content:"";filter:blur(24px);animation:call-liquid-glow 15s ease-in-out infinite alternate}.audio-call-panel:after{position:absolute;z-index:-1;inset:1px;border:1px solid rgba(255,255,255,.1);border-radius:33px;content:"";pointer-events:none}.call-minimize-button{position:absolute;z-index:2;top:15px;right:15px;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(214,234,255,.2);border-radius:13px;background:#ffffff12;color:var(--muted);cursor:pointer;transition:transform .22s cubic-bezier(.22,1.35,.36,1),background .22s ease,color .22s ease}.call-minimize-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.call-minimize-button:hover{background:#81f3cd29;color:var(--accent);transform:translateY(-2px)}.call-avatar{position:relative;display:grid;width:168px;height:168px;place-items:center;margin-top:4px}.call-avatar-aura{position:absolute;inset:-11px;border:2px solid color-mix(in srgb,var(--accent) 70%,#c6faff);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 60%,transparent),0 0 42px #9873ff4d;animation:call-avatar-orbit 6s linear infinite}.call-avatar img{position:relative;z-index:1;width:100%;height:100%;border:2px solid rgba(221,249,255,.72);border-radius:50%;background:#1c2859;box-shadow:0 16px 45px #0000004d;object-fit:cover}.call-presence-dot{position:absolute;z-index:2;right:4px;bottom:7px;width:18px;height:18px;border:3px solid rgba(18,29,66,.9);border-radius:50%;background:#68edbb;box-shadow:0 0 18px #68edbbe6}.audio-call-layer.ringing .call-presence-dot,.audio-call-layer.incoming .call-presence-dot{animation:call-pulse 1.25s ease-in-out infinite}.call-waiting-stage{display:grid;width:min(100%,350px);justify-items:center;margin-top:4px;color:var(--text);text-align:center}.call-waiting-avatar{position:relative;display:grid;width:168px;height:168px;overflow:hidden;place-items:center;border:2px solid rgba(210,249,255,.72);border-radius:50%;background:#18275b;box-shadow:0 0 0 11px color-mix(in srgb,var(--accent) 10%,transparent),0 0 36px color-mix(in srgb,var(--accent) 36%,transparent),0 18px 46px #00000052}.call-waiting-avatar:before{position:absolute;z-index:2;inset:6px;border:1px solid color-mix(in srgb,var(--accent) 65%,white);border-radius:inherit;content:"";opacity:.75;pointer-events:none;animation:call-avatar-orbit 7s linear infinite}.call-waiting-avatar img,.waiting-local-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.waiting-local-video{z-index:1;transform:scaleX(-1);transition:opacity .26s ease,transform .28s cubic-bezier(.22,1.35,.36,1)}.waiting-local-video.is-disabled{opacity:0;transform:scaleX(-1) scale(.9)}.call-waiting-avatar .call-presence-dot{z-index:3;right:9px;bottom:9px}.call-waiting-stage>strong{margin-top:22px;font-size:15px}.call-waiting-stage>small{max-width:270px;margin-top:7px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.45}.call-video-stage{position:relative;width:min(100%,350px);aspect-ratio:1 / .84;overflow:hidden;border:1px solid rgba(192,229,255,.5);border-radius:28px;background:linear-gradient(145deg,#1b3864e0,#071130f5);box-shadow:0 18px 46px #01071a5c,inset 0 1px #ffffff2b}.remote-video-fallback{position:absolute;inset:0;display:grid;z-index:0;place-items:center;align-content:center;gap:10px;color:#e8f4ffb8;font-size:11px;font-weight:800}.remote-video-fallback img{width:82px;height:82px;border:1px solid rgba(189,244,229,.5);border-radius:28px;background:#1b2e62;object-fit:cover}.remote-call-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;background:transparent;object-fit:contain}.local-video-tile{position:absolute;z-index:3;right:12px;bottom:12px;display:block;width:31%;aspect-ratio:.76;overflow:hidden;padding:0;border:1px solid rgba(228,251,255,.72);border-radius:16px;background:#060e25c2;box-shadow:0 10px 24px #0000004d;cursor:grab;touch-action:none;transition:box-shadow .22s ease,transform .28s cubic-bezier(.22,1.35,.36,1)}.local-video-tile:hover{box-shadow:0 14px 30px #0006,0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.local-video-tile.is-dragging{cursor:grabbing;transition:none}.local-video-tile.is-positioned{right:auto;bottom:auto;transform:translate(-50%,-50%)}.local-video-tile span{position:absolute;z-index:1;right:7px;bottom:6px;padding:3px 6px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0309198f;color:#fff;font-size:8px;font-weight:900;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.local-call-video{display:block;width:100%;height:100%;background:#060e25c2;object-fit:cover;transform:scaleX(-1);transition:opacity .24s ease,transform .28s cubic-bezier(.22,1.35,.36,1)}.local-call-video.is-disabled{opacity:.36;transform:scaleX(-1) scale(.88)}.audio-call-panel.is-video-call:not(:fullscreen):not(.is-live-video){width:min(520px,calc(100vw - 48px));padding-top:28px;padding-bottom:24px}.audio-call-panel.is-video-call:not(:fullscreen):not(.is-live-video) .call-video-stage{width:min(100%,310px)}.call-island{position:fixed;z-index:2;top:18px;left:calc(50% + clamp(80px,11vw,170px));display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;width:min(348px,calc(100vw - 32px));padding:8px 12px 8px 8px;overflow:hidden;border:1px solid rgba(190,255,227,.66);border-radius:27px;background:linear-gradient(115deg,#5ce1b5b8,#1ea380bd 52%,#5bd7b9ad);box-shadow:0 18px 46px #12be8e3d,0 0 0 1px #78ffcf1f,inset 0 1px #ffffff78;color:#06211e;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,-18px) scale(.72);transform-origin:50% 0;transition:opacity .23s ease,transform .52s cubic-bezier(.22,1.35,.36,1),filter .22s ease,box-shadow .22s ease;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.call-island:before{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.4) 48%,transparent 74%);content:"";opacity:.45;transform:translate(-130%)}.call-island:hover{filter:brightness(1.07);box-shadow:0 21px 52px #12be8e4d,0 0 25px #75f6ca40,inset 0 1px #ffffff8f}.call-island:hover:before{animation:call-island-sheen .9s ease}.call-island-avatar{position:relative;display:grid;width:38px;height:38px;place-items:center}.call-island-avatar img,.call-island-avatar video{position:absolute;inset:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:#173d45;object-fit:cover}.call-island-avatar video{z-index:1}.call-island-avatar i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #49cda9;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #05282229;animation:call-pulse 1.7s ease-in-out infinite}.call-island-copy{display:grid;min-width:0;text-align:left}.call-island-copy strong,.call-island-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-island-copy strong{font-size:12px}.call-island-copy small{margin-top:2px;color:#033029c4;font-size:10px;font-weight:800}.call-island-icon{display:grid;place-items:center}.call-island-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.audio-call-layer.is-minimized .audio-call-backdrop{opacity:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}.audio-call-layer.is-minimized .audio-call-panel{opacity:0;filter:blur(8px);pointer-events:none;transform:translate(-50%,calc(-50% - 26px)) scale(.62);animation:none}.audio-call-layer.is-minimized .call-island{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1);animation:call-island-in .48s cubic-bezier(.22,1.35,.36,1) both}.call-island-actions{position:fixed;z-index:3;top:18px;left:calc(50% + clamp(80px,11vw,170px));display:flex;width:min(438px,calc(100vw - 20px));align-items:center;justify-content:space-between;pointer-events:none;transform:translate(-50%)}.call-island-actions button{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(230,255,247,.56);border-radius:50%;color:#06211e;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.6);transition:transform .34s cubic-bezier(.22,1.35,.36,1),filter .2s ease,box-shadow .2s ease;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.call-island-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.call-island-answer{background:linear-gradient(145deg,#6df5c5d6,#2ec194c2);box-shadow:0 12px 30px #17c89042,inset 0 1px #ffffff7a}.call-island-decline{background:linear-gradient(145deg,#ffa4b3db,#db4165cc);box-shadow:0 12px 30px #da385c45,inset 0 1px #ffffff6b}.call-island-actions button:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.06)}.audio-call-layer.is-minimized .call-island-actions button{opacity:1;pointer-events:auto;transform:scale(1)}.queued-call-island{position:fixed;z-index:92;top:18px;right:22px;display:grid;grid-template-columns:38px minmax(0,1fr) 34px 34px;align-items:center;gap:7px;width:min(344px,calc(100vw - 44px));padding:7px;border:1px solid rgba(186,236,255,.42);border-radius:21px;background:linear-gradient(125deg,#1d3167de,#1c4f60d6);box-shadow:0 16px 40px #01051b57,inset 0 1px #fff3;backdrop-filter:blur(22px) saturate(132%);-webkit-backdrop-filter:blur(22px) saturate(132%);animation:modal-soft-in .26s cubic-bezier(.22,1,.36,1) both}.queued-call-avatar{display:grid;width:38px;height:38px;overflow:hidden;place-items:center;border:1px solid rgba(220,255,246,.48);border-radius:13px;background:#203568}.queued-call-avatar img{width:100%;height:100%;object-fit:cover}.queued-call-copy{display:grid;min-width:0}.queued-call-copy strong,.queued-call-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queued-call-copy strong{font-size:11px}.queued-call-copy small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:700}.queued-call-answer,.queued-call-decline{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:12px;cursor:pointer;transition:transform .18s ease,filter .18s ease}.queued-call-answer{background:#52dea8cc;color:#06211e}.queued-call-decline{background:#ec5274c7;color:#fff}.queued-call-answer:hover,.queued-call-decline:hover{filter:brightness(1.08);transform:translateY(-2px)}.queued-call-answer svg,.queued-call-decline svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.video-call-orb{position:fixed;z-index:3;top:88px;left:calc(50% + clamp(80px,11vw,170px));display:grid;width:98px;height:98px;overflow:hidden;place-items:center;padding:0;border:2px solid rgba(187,255,226,.88);border-radius:50%;background:#12294a;box-shadow:0 18px 42px #020a2561,0 0 0 7px #4de0b021,0 0 31px color-mix(in srgb,var(--accent) 45%,transparent);cursor:grab;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);transition:opacity .25s ease,transform .45s cubic-bezier(.22,1.35,.36,1),box-shadow .22s ease;touch-action:none;-webkit-user-select:none;user-select:none}.video-call-orb>img,.video-call-orb>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-call-orb>video{z-index:1}.video-call-orb-ring{position:absolute;z-index:2;inset:3px;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:inset 0 0 16px #9cffdd38;pointer-events:none}.audio-call-layer.is-minimized .video-call-orb{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:video-orb-in .47s cubic-bezier(.22,1.35,.36,1) both}.video-call-orb:hover{box-shadow:0 22px 48px #020a256b,0 0 0 9px #4de0b02b,0 0 38px color-mix(in srgb,var(--accent) 54%,transparent)}.video-call-orb.is-dragging{cursor:grabbing;transition:none}.audio-call-panel.is-video-call:fullscreen{display:block;width:100%;height:100%;max-width:none;min-height:100%;padding:0;overflow:hidden;border:0;border-radius:0;background:#05091b;box-shadow:none;color:#fff}.audio-call-panel.is-video-call:fullscreen:before,.audio-call-panel.is-video-call:fullscreen:after{display:none}.audio-call-panel.is-video-call:fullscreen .call-video-stage{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#05091b}.audio-call-panel.is-video-call:fullscreen .remote-call-video{background:#05091b}.audio-call-panel.is-video-call:fullscreen .local-video-tile{right:max(22px,env(safe-area-inset-right));bottom:max(104px,env(safe-area-inset-bottom));width:min(24vw,260px);max-width:30vw;border-radius:22px;box-shadow:0 18px 42px #00000075}.audio-call-panel.is-video-call:fullscreen .call-copy{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));left:50%;width:min(440px,calc(100% - 160px));margin:0;padding:10px 18px 12px;border:1px solid rgba(221,246,255,.25);border-radius:20px;background:#060f276b;box-shadow:inset 0 1px #ffffff1f;transform:translate(-50%);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.audio-call-panel.is-video-call:fullscreen .call-copy strong{font-size:23px}.audio-call-panel.is-video-call:fullscreen .call-copy small{font-size:11px}.audio-call-panel.is-video-call:fullscreen .call-copy time{display:none}.audio-call-panel.is-video-call:fullscreen .call-minimize-button{z-index:7;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#060f2780;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.audio-call-panel.is-video-call:fullscreen .call-control-grid{position:absolute;z-index:6;right:50%;bottom:max(22px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(56px,1fr));width:min(740px,calc(100% - 38px));gap:9px;transform:translate(50%);transition:opacity .26s ease,transform .34s cubic-bezier(.22,1.15,.36,1),filter .26s ease}.audio-call-panel.is-video-call:fullscreen .call-control{min-height:70px;border-radius:18px;background:#0815358c;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.audio-call-panel.is-video-call:fullscreen .call-control svg{width:25px;height:25px}.audio-call-panel.is-video-call:fullscreen .call-control span{font-size:9px}.audio-call-panel.is-video-call:fullscreen .call-end{min-height:56px;grid-column:1 / -1;border-radius:17px}.audio-call-panel.is-video-call:fullscreen.controls-hidden .call-copy,.audio-call-panel.is-video-call:fullscreen.controls-hidden .call-minimize-button{opacity:0;pointer-events:none;transform:translateY(-12px)}.audio-call-panel.is-video-call:fullscreen.controls-hidden .call-control-grid{opacity:0;pointer-events:none;filter:blur(4px);transform:translate(50%,24px)}.audio-call-panel.is-video-call.is-live-video{position:fixed;inset:0;display:grid;width:100vw;max-width:none;min-height:100dvh;height:100dvh;place-items:center;padding:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 17%,#101f4d),#080d24,#040715);box-shadow:none;color:#fff;transform:none;animation:call-dialog-in .44s cubic-bezier(.16,1,.3,1)}.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:relative;inset:auto;width:min(52vw,520px,48dvh);height:auto;max-height:calc(100dvh - 30px);aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(203,238,255,.46);border-radius:34px;background:#030819b3;box-shadow:0 28px 76px #0000007a,0 0 0 1px #90f4d414,inset 0 1px #ffffff1f}.audio-call-panel.is-video-call.is-live-video .remote-call-video{background:#05091b;object-fit:contain}.audio-call-panel.is-video-call.is-live-video .local-video-tile{position:absolute;z-index:7;right:12px;bottom:12px;width:min(34%,132px);max-width:none;border-radius:18px;box-shadow:0 14px 30px #00000075}.audio-call-panel.is-video-call.is-live-video .call-copy{position:absolute;z-index:5;top:max(22px,env(safe-area-inset-top));left:50%;width:min(440px,calc(100% - 160px));margin:0;padding:10px 18px 12px;border:1px solid rgba(221,246,255,.25);border-radius:20px;background:#060f276b;box-shadow:inset 0 1px #ffffff1f;transform:translate(-50%);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.audio-call-panel.is-video-call.is-live-video .call-minimize-button{z-index:8;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#060f2780;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.audio-call-panel.is-video-call.is-live-video .call-control-grid{position:absolute;z-index:6;right:50%;bottom:max(22px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(56px,1fr));width:min(740px,calc(100% - 38px));gap:9px;transform:translate(50%);transition:opacity .26s ease,transform .34s cubic-bezier(.22,1.15,.36,1),filter .26s ease}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:70px;border-radius:18px;background:#0815358c;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:56px;grid-column:1 / -1;border-radius:17px}.audio-call-panel.is-video-call.is-live-video.controls-hidden .call-copy,.audio-call-panel.is-video-call.is-live-video.controls-hidden .call-minimize-button{opacity:0;pointer-events:none;transform:translateY(-12px)}.audio-call-panel.is-video-call.is-live-video.controls-hidden .call-control-grid{opacity:0;pointer-events:none;filter:blur(4px);transform:translate(50%,24px)}.audio-call-layer.is-minimized .audio-call-panel.is-live-video{opacity:0;filter:blur(8px);pointer-events:none;transform:translateY(-42px) scale(.84);animation:none}:root[data-theme=light] .audio-call-panel{border-color:#6c83be6b;background:linear-gradient(145deg,#f2f8ffe0,#d3e1ffcf 50%,#caf5ebc7);box-shadow:0 30px 90px #425e923d,inset 0 1px #ffffffb8}@keyframes auth-arrive{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}@keyframes orb-breathe{0%{border-radius:48% 52% 56% 44%/46% 43% 57% 54%;transform:translate3d(-8%,4%,0) scale(.78)}48%{border-radius:60% 40% 45% 55%/55% 62% 38% 45%;transform:translate3d(9%,-10%,0) scale(1.16)}to{border-radius:41% 59% 53% 47%/62% 43% 57% 38%;transform:translate3d(-4%,12%,0) scale(.9)}}@keyframes ribbon-drift-one{0%{transform:translate3d(-3%,-2%,0) rotate(-17deg) scale(1)}to{transform:translate3d(8%,7%,0) rotate(-13deg) scale(1.08)}}@keyframes ribbon-drift-two{0%{transform:translate3d(4%,4%,0) rotate(-17deg) scale(1)}to{transform:translate3d(-9%,-5%,0) rotate(-21deg) scale(1.08)}}@keyframes ribbon-drift-three{0%{transform:translate3d(-2%,1%,0) rotate(-17deg)}to{transform:translate3d(5%,-4%,0) rotate(-13deg)}}@keyframes star-pulse{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.25)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes logo-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes message-enter{0%{opacity:0;filter:blur(4px);transform:translateY(16px) scale(.88)}54%{opacity:1;filter:blur(0);transform:translateY(-2px) scale(1.012)}to{opacity:1;filter:none;transform:none}}@keyframes chat-liquid{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}to{transform:translate3d(1%,-4%,0) scale(1.02)}}@keyframes message-ripple{0%{opacity:.9;transform:translate(-50%,-50%) scale(.38)}to{opacity:0;transform:translate(-50%,-50%) scale(9)}}@keyframes message-popover-in{0%{opacity:0;clip-path:inset(43% round 16px);transform:scale(.48)}62%{opacity:1;clip-path:inset(0 round 19px);transform:scale(1.025)}to{opacity:1;clip-path:inset(0 round 19px);transform:scale(1)}}@keyframes composer-icon-swap{0%{opacity:0;transform:translateY(12px) rotate(-32deg) scale(.58)}60%{opacity:1;transform:translateY(-2px) rotate(5deg) scale(1.08)}to{opacity:1;transform:none}}@keyframes voice-wave{0%,to{transform:scaleY(.72);opacity:.7}48%{transform:scaleY(1.13);opacity:1}72%{transform:scaleY(.91);opacity:.86}}@keyframes record-pulse{0%{box-shadow:0 0 #ff829e85}80%,to{box-shadow:0 0 0 8px #ff829e00}}@keyframes action-pulse{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@keyframes typing-dot{0%,70%,to{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}}@keyframes typing-fade{0%,to{opacity:.62}50%{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes modal-backdrop-glass-in{0%{opacity:0}to{opacity:1}}@keyframes modal-soft-in{0%{opacity:0;filter:blur(7px);transform:translate3d(0,10px,0) scale(.985)}68%{opacity:1;filter:blur(0);transform:translate3d(0,-1px,0) scale(1.002)}to{opacity:1;filter:none;transform:none}}@keyframes surface-arrive{0%{opacity:0;filter:blur(5px);transform:translateY(14px) scale(.985)}62%{opacity:1;filter:blur(0);transform:translateY(-1px) scale(1.003)}to{opacity:1;filter:none;transform:none}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:none}}@keyframes call-dialog-in{0%{opacity:0;filter:blur(12px);transform:translate(-50%,calc(-50% + 34px)) scale(.78)}58%{opacity:1;filter:blur(0);transform:translate(-50%,calc(-50% - 4px)) scale(1.018)}to{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}}@keyframes call-mobile-fade{0%{opacity:0}to{opacity:1}}@keyframes call-liquid-glow{0%{transform:translate3d(-5%,-3%,0) scale(.95)}52%{transform:translate3d(6%,5%,0) scale(1.08)}to{transform:translate3d(2%,-6%,0) scale(1)}}@keyframes call-avatar-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes call-island-in{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-20px) scale(.58)}64%{opacity:1;filter:blur(0);transform:translate(-50%,2px) scale(1.035)}to{opacity:1;filter:none;transform:translate(-50%) scale(1)}}@keyframes video-orb-in{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%) scale(.42)}64%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.08)}to{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}}@keyframes call-island-sheen{0%{transform:translate(-130%)}to{transform:translate(140%)}}@keyframes call-pulse{0%,to{box-shadow:0 0 #71e7c26b,0 0 13px #71e7c2ad}50%{box-shadow:0 0 0 8px #71e7c200,0 0 18px #71e7c2eb}}.modal-backdrop:not(.message-action-backdrop):not(.chat-action-backdrop):not(.is-closing)>:is(.profile-modal,.user-profile-modal,.picker-modal,.avatar-editor-modal,.ringtone-editor,.confirmation-dialog){animation:modal-soft-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes mobile-nav-icon-in{0%{opacity:.35;transform:translateY(5px) scale(.7)}62%{opacity:1;transform:translateY(-1px) scale(1.13)}to{opacity:1;transform:none}}@media(max-width:850px)and (min-width:701px){.app-shell{grid-template-columns:292px minmax(0,1fr);gap:10px;padding:10px}.sidebar{padding:12px}.hide-chat-btn{font-size:0;width:36px;padding:0}.hide-chat-btn:after{content:"×";font-size:20px}}@media(max-width:700px){body{overflow:hidden}.ambient-orbs span,.auth-brand{animation:none}.ambient-orbs span{filter:blur(54px);opacity:.32;transition:none}.auth-card{z-index:5;border-color:#bbd3ff61;background:#121940;box-shadow:0 24px 56px #0000006b,inset 0 1px #ffffff1f}.glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell{position:relative;display:block;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.sidebar,.chat-view{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.sidebar{z-index:2;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px calc(90px + env(safe-area-inset-bottom));border:0;background:linear-gradient(165deg,#15193d,#080a20);box-shadow:none;transform:translate(0) scale(1);transform-origin:left center;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .42s ease,opacity .42s ease;will-change:transform,filter,opacity}.sidebar:before{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(91,84,215,.34),transparent 30%),radial-gradient(circle at 88% 40%,rgba(76,227,191,.09),transparent 34%);content:""}.sidebar-header{padding:2px 2px 4px}.brand-logo{font-size:43px}.round-btn{width:43px;height:43px;border-radius:15px}.account-card,.section-switch{display:none}.sidebar-content{overflow-x:hidden;padding:2px 1px 18px;-webkit-overflow-scrolling:touch;animation:surface-arrive .48s cubic-bezier(.16,1,.3,1) both}.list-heading{margin:1px 1px 13px}.list-heading h1{font-size:20px}.chat-list{gap:8px}.chat-card{border-color:#bdd0ff21;background:#0d122e59}.chat-card.active{border-color:#73e8c680}.chat-card-open{grid-template-columns:50px minmax(0,1fr);min-height:70px;padding:10px}.chat-card-open img{width:50px;height:50px;border-radius:16px}.chat-copy strong{font-size:14px}.chat-copy small{font-size:11px}.chat-card-meta{padding:10px 10px 9px 0}.chat-card time{font-size:10px}.friends-section{padding-bottom:7px}.friends-switch{margin-bottom:12px}.friend-group{margin-bottom:18px}.friend-card,.request-card{padding:10px;border-radius:17px}.friend-card img,.request-card img{width:44px;height:44px;border-radius:14px}.friend-card{grid-template-columns:minmax(0,1fr) auto}.friend-open{grid-template-columns:44px minmax(0,1fr) auto}.user-card-main,.request-card{grid-template-columns:44px minmax(0,1fr)}.friend-card strong,.request-card strong{font-size:13px}.logout-btn{display:none}.mobile-nav{position:absolute;right:14px;bottom:max(10px,env(safe-area-inset-bottom));left:14px;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);isolation:isolate;overflow:hidden;padding:7px;border:1px solid rgba(189,208,255,.15);border-radius:23px;background:linear-gradient(135deg,#1c234df5,#0c102ffa);box-shadow:0 16px 36px #0000004d,inset 0 1px #ffffff14}.mobile-nav:before{position:absolute;z-index:0;top:7px;bottom:7px;left:7px;width:calc((100% - 14px)/4);border-radius:16px;background:linear-gradient(118deg,#5fe8c44d,#6caeff40 52%,#5fe8c438);box-shadow:0 7px 20px #3dd8b326,inset 0 1px #e8fffa40;content:"";transition:transform .68s cubic-bezier(.16,1.18,.3,1),filter .36s ease,opacity .26s ease}.mobile-nav.groups-active:before{transform:translate(100%)}.mobile-nav.friends-active:before{transform:translate(200%)}.mobile-nav.profile-active:before{transform:translate(300%)}.mobile-nav button{position:relative;z-index:1;display:grid;grid-template-rows:20px auto;align-content:center;justify-items:center;gap:3px;min-height:53px;border:0;border-radius:16px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:800;transition:color .34s ease,transform .38s cubic-bezier(.16,1.22,.3,1),filter .3s ease}.mobile-nav .nav-icon{width:20px;height:20px}.mobile-nav b{position:absolute;top:6px;right:18px;display:grid;min-width:16px;height:16px;place-items:center;border-radius:99px;background:var(--accent);color:#07131a;font-size:9px}.mobile-nav button.active{background:transparent;color:var(--accent)}.mobile-nav button.active .nav-icon{animation:mobile-nav-icon-in .37s cubic-bezier(.22,1.35,.36,1) both}.mobile-nav button:active{transform:scale(.92)}.chat-view{z-index:4;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;padding:max(11px,env(safe-area-inset-top)) 0 max(12px,env(safe-area-inset-bottom));background:#090b21;opacity:0;transform:translate3d(14%,0,0) scale(.995);transform-origin:right center;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .19s ease;will-change:transform,opacity}.chat-view:before{display:none}.mobile-chat-open .chat-view{filter:blur(0);opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.mobile-chat-open .sidebar{opacity:.72;transform:translate(-92%) scale(.98);pointer-events:none}.chat-header{z-index:20;padding:9px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.back-btn{display:grid;width:36px;height:42px;flex:0 0 auto;place-items:center;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:43px;font-weight:200;line-height:.65}.chat-avatar-btn{width:47px;height:47px;border-radius:16px}.chat-title h2{font-size:17px}.hide-chat-btn{min-height:35px;padding:0 8px;border-radius:11px;font-size:10px}.chat-header-actions{gap:5px}.audio-call-btn,.chat-menu-trigger{width:35px;height:35px;border-radius:11px}.messages-panel{border:0;border-radius:0;background:#0a0e29;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.messages-panel:before{inset:-62% -54%;opacity:.58;filter:blur(12px);animation:none}.messages-list{gap:8px;padding:15px 12px;background:linear-gradient(145deg,#080c2470,#1017372e)}.chat-list-search{height:42px;max-height:42px;margin:0 1px 10px;overflow:hidden;border-color:transparent;opacity:0;pointer-events:none;transform:translate3d(0,-7px,0) scale(.99);visibility:hidden;transition:opacity .15s ease,transform .21s cubic-bezier(.22,1,.36,1),border-color .15s ease,background .15s ease,visibility 0s linear .21s;contain:layout paint}.chat-list-search.is-open{border-color:var(--line);opacity:1;pointer-events:auto;transform:translateZ(0) scale(1);visibility:visible;transition-delay:0s}.mobile-search-swipe-hint{display:grid;height:42px;place-items:center;margin:-52px 2px 10px;color:color-mix(in srgb,var(--muted) 84%,transparent);font-size:9px;font-weight:700;text-align:center;opacity:1;pointer-events:none;transition:opacity .12s ease}.chat-list-search.is-open+.mobile-search-swipe-hint{opacity:0;visibility:hidden}.message-search-field{display:none}.mobile-message-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;max-height:0;margin:0 12px;padding:0 12px;overflow:hidden;border-color:transparent;border-radius:15px;background:#131b3dad;opacity:0;pointer-events:none;transform:translateY(-7px) scale(.985);transition:max-height .26s cubic-bezier(.22,1,.36,1),margin .26s ease,padding .26s ease,opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1),border-color .18s ease;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.mobile-message-search.is-open{max-height:42px;margin-bottom:8px;padding-block:8px;border-color:#cae0ff33;opacity:1;pointer-events:auto;transform:none}.mobile-message-search>span{color:var(--accent);font-size:17px}.mobile-message-search input{min-width:0;border:0;background:transparent;color:var(--text);outline:0}.message-bubble{max-width:84%;padding:11px 12px 8px;border-radius:17px 17px 17px 5px}.message-row.mine .message-bubble{border-radius:17px 17px 5px}.message-bubble p{font-size:14px}.message-bubble textarea{min-width:min(63vw,260px)}.file-attachment{min-width:min(264px,76vw)}.message-bubble:has(.media-attachment){max-width:min(72vw,270px);padding:6px}.media-attachment{width:min(64vw,238px);max-width:100%;border-radius:13px}.media-attachment img,.media-attachment video{max-height:210px}.attachment-viewer{padding:16px}.attachment-viewer-content img,.attachment-viewer-content video{max-height:calc(100dvh - 78px);border-radius:15px}.attachment-viewer-content .zoomable-attachment-image{max-width:100%;max-height:calc(100dvh - 74px);border-radius:15px}.message-row .voice-bubble{width:min(258px,calc(100vw - 76px));min-width:0;max-width:100%;padding:9px 10px 7px}.interface-scale-control,.simple-mode-toggle{display:none}.image-crop-backdrop{align-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.image-crop-editor{width:100%;max-height:94dvh;padding:14px;border-radius:22px}.image-crop-position{grid-template-columns:1fr;gap:9px}.composer{padding:7px 8px 7px 15px;border-radius:25px;background:#0e1430f5}.composer-row{grid-template-columns:minmax(0,1fr) 46px 52px}.composer-row input{height:52px;padding:0;font-size:15px}.composer-action{width:52px;height:52px}.attachment-action{width:46px;height:46px;border-radius:17px}.composer-action svg{width:23px;height:23px}.voice-recording strong{font-size:13px}.voice-recording small{font-size:10px}.chat-placeholder{display:none}.modal-backdrop{z-index:20;align-items:end;padding:0;background:#040615c2;backdrop-filter:none;-webkit-backdrop-filter:none}.message-action-backdrop,.chat-action-backdrop{z-index:60;display:block;padding:0;background:#0407182e;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.message-action-popover,.chat-action-popover{width:min(236px,calc(100vw - 24px));border-radius:16px;background:linear-gradient(145deg,#2c3e6ffc,#0b112f)}.message-action-popover>button,.chat-action-popover>button{min-height:40px;font-size:12px}.profile-modal,.picker-modal,.user-profile-modal{width:100%;max-height:min(91dvh,740px);padding:22px 16px max(20px,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:28px 28px 0 0;overflow-y:auto;animation:modal-soft-in .24s cubic-bezier(.22,1,.36,1) both}.profile-backdrop{align-items:center;padding:16px}.profile-backdrop .profile-modal,.profile-backdrop .user-profile-modal{width:min(100%,460px);max-height:calc(100dvh - 32px);padding:22px 18px;border:1px solid rgba(173,212,255,.32);border-radius:26px;background:linear-gradient(145deg,#2a3e6efa,#0b112ffc 62%,#080c22);box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff29;animation:modal-soft-in .24s cubic-bezier(.22,1,.36,1) both}.profile-backdrop .profile-modal{animation-duration:.46s}.profile-backdrop.is-closing{animation:none;background:#0406156b}.profile-backdrop.is-closing .profile-modal{pointer-events:none;animation:mobile-glass-dismiss .26s cubic-bezier(.4,0,.2,1) both}.profile-modal{border-top-color:#add4ff57;background:linear-gradient(145deg,#263b67fa,#0c122ffc 58%,#0a0e25);box-shadow:0 -18px 60px #0006,inset 0 1px #ffffff26}.profile-modal .profile-identity{border-color:#b6d2ff2b;background:#04091d80}.profile-modal .field input,.profile-modal .field textarea,.profile-modal .id-input{background:#03081bc2}.profile-modal>header,.picker-modal>header{margin-bottom:18px}.profile-modal footer{display:grid;grid-template-columns:1fr}.ringtone-backdrop{align-items:center;padding:16px}.ringtone-editor{width:min(100%,430px);padding:21px 18px;border-radius:25px}.ringtone-editor footer{display:grid;grid-template-columns:repeat(2,1fr)}.ringtone-editor footer .primary-btn{grid-column:1 / -1}.new-chat-modal,.group-builder-modal,.group-settings-modal{max-height:min(91dvh,740px)}.new-chat-friend-list{max-height:min(290px,37dvh)}.group-member-list{max-height:min(320px,38dvh)}.group-builder-actions{grid-template-columns:1fr 1.35fr}.group-builder-actions button{min-height:46px}.group-info-modal footer.is-owner{grid-template-columns:1fr 1fr}.group-info-modal footer.is-owner .ghost-btn{grid-column:1 / -1}.group-invite-card{grid-template-columns:38px minmax(0,1fr)}.group-invite-card>div:last-child{grid-column:1 / -1;justify-content:end}.group-directory-card{grid-template-columns:38px minmax(0,1fr) auto}.group-invite-card .chat-card-avatar,.group-directory-card .chat-card-avatar{width:38px;height:38px}.user-profile-modal footer{display:grid;grid-template-columns:1fr}.profile-modal .primary-btn,.profile-modal .ghost-btn,.profile-modal .account-notifications,.user-profile-modal .primary-btn,.user-profile-modal .ghost-btn{min-height:47px;font-size:12px}.profile-modal .account-notifications{width:100%;font-size:12px}.toast{right:14px;bottom:calc(80px + env(safe-area-inset-bottom));left:14px;max-width:none;text-align:center}}@keyframes mobile-glass-dismiss{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(7px);transform:translateY(18px) scale(.975)}}@media(max-width:700px){:root[data-theme=light] .sidebar{background:linear-gradient(165deg,#f7f9ff,#dfe8fb)}:root[data-theme=light] .chat-view{background:#e8efff}:root[data-theme=light] .messages-panel{background:#edf3ff!important}:root[data-theme=light] .messages-list{background:linear-gradient(145deg,#ffffff70,#d0defa38)}:root[data-theme=light] .composer{background:#f9fcfff0!important}:root[data-theme=light] .profile-backdrop .profile-modal,:root[data-theme=light] .profile-backdrop .user-profile-modal,:root[data-theme=light] .profile-modal{background:linear-gradient(145deg,#fffffffa,#e2ecfff0)!important}:root[data-theme=light] .profile-modal .profile-identity,:root[data-theme=light] .profile-modal .field input,:root[data-theme=light] .profile-modal .field textarea,:root[data-theme=light] .profile-modal .id-input,:root[data-theme=light] .profile-modal .private-login-control{background:#ffffffc7}:root[data-theme=light] .modal-backdrop{background:#31427040}}.auth-screen{color-scheme:dark;--text: #f7f8ff;--muted: #a8afc7;--line: rgba(189, 208, 255, .18);--line-bright: rgba(125, 239, 211, .58);--accent: #71e7c2;--accent-soft: #8ff4d2;--accent-deep: #3fcba8}.auth-screen .auth-card{background:linear-gradient(145deg,#1c2355c2,#090d2bb3)!important;color:#f7f8ff}.auth-screen{--logo-edge: #ffffff}.auth-screen .field input,.auth-screen .field textarea{background:#070b1f85;color:#f7f8ff}:root[data-theme=light] .auth-screen .auth-card{background:linear-gradient(145deg,#1c2355c2,#090d2bb3)!important}:root[data-theme=light] .auth-screen .field input,:root[data-theme=light] .auth-screen .field textarea{border-color:#bdd0ff38;background:#070b1f85!important;color:#f7f8ff}.private-login-control:before{right:83px;display:block;padding:0;background:linear-gradient(100deg,#26396bc7,#10183cba);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:inset -1px 0 #cde5ff29,inset 0 1px #ffffff1f;color:transparent;content:"";transition:clip-path .48s cubic-bezier(.22,1,.36,1),opacity .26s ease}.appearance-options{position:relative;isolation:isolate;overflow:hidden}.appearance-options:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:10px;background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 40%,transparent),color-mix(in srgb,var(--accent) 18%,transparent));box-shadow:inset 0 1px #ffffff4d,0 5px 14px color-mix(in srgb,var(--accent) 24%,transparent);content:"";transition:transform .48s cubic-bezier(.22,1.35,.36,1),background .28s ease,box-shadow .28s ease}.appearance-options.theme-light:before{transform:translate(0)}.appearance-options.theme-dark:before{transform:translate(calc(100% + 4px))}.appearance-options .appearance-option{position:relative;z-index:1}.appearance-options .appearance-option.active{background:transparent;box-shadow:none;transform:none}.accent-picker{position:relative;z-index:3}.accent-trigger{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:15px;background:#ffffff0e;color:var(--text);cursor:pointer;font-size:11px;font-weight:900;text-align:left;transition:border-color .22s ease,background .22s ease,transform .26s cubic-bezier(.22,1.35,.36,1),box-shadow .22s ease}.accent-trigger:hover{border-color:var(--line-bright);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 13%,transparent)}.accent-trigger i,.accent-option i{--swatch-light: #8ff4d2;--swatch-deep: #3fcba8;width:17px;height:17px;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:linear-gradient(135deg,var(--swatch-light),var(--swatch-deep));box-shadow:0 3px 8px color-mix(in srgb,var(--swatch-deep) 36%,transparent)}.accent-trigger.sky i,.accent-option.sky i{--swatch-light: #b4e4ff;--swatch-deep: #579ee8}.accent-trigger.rose i,.accent-option.rose i{--swatch-light: #ffc0d2;--swatch-deep: #e76c9a}.accent-trigger.sunset i,.accent-option.sunset i{--swatch-light: #ffe1a5;--swatch-deep: #e8924f}.accent-trigger.violet i,.accent-option.violet i{--swatch-light: #decaff;--swatch-deep: #9169e8}.accent-trigger.ocean i,.accent-option.ocean i{--swatch-light: #9ff5f6;--swatch-deep: #269ec6}.accent-trigger.lime i,.accent-option.lime i{--swatch-light: #ddffac;--swatch-deep: #7fc64b}.accent-trigger.coral i,.accent-option.coral i{--swatch-light: #ffc0b0;--swatch-deep: #e66b5b}.accent-trigger b{color:var(--muted);font-size:16px;line-height:1;transition:transform .3s cubic-bezier(.22,1.35,.36,1)}.accent-trigger[aria-expanded=true] b{transform:rotate(180deg)}.accent-orbit-panel{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-height:114px;margin-top:9px;padding:12px;border:1px solid rgba(186,216,255,.3);border-radius:25px;background:radial-gradient(circle at 50% 38%,#507bb88f,#10193ef0 70%);box-shadow:0 20px 48px #00000057,inset 0 1px #ffffff2e;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);animation:accent-palette-in .4s cubic-bezier(.16,1,.3,1) both}.accent-orbit-panel:before{display:none}.accent-orbit-panel .accent-option{position:relative;z-index:1;display:grid;min-height:42px;padding:4px 2px;border-radius:15px;background:#ffffff06;color:#eaf2ff;font-size:8px}.accent-orbit-panel .accent-option{animation:accent-option-in .38s cubic-bezier(.22,1.35,.36,1) both}.accent-orbit-panel .accent-option:hover{background:#ffffff1f;transform:translateY(-2px) scale(1.06)}.accent-orbit-panel .accent-option.active{border-color:#ffffff8c;background:color-mix(in srgb,var(--accent) 18%,transparent)}.accent-orbit-panel .accent-option:nth-child(1){animation-delay:20ms}.accent-orbit-panel .accent-option:nth-child(2){animation-delay:45ms}.accent-orbit-panel .accent-option:nth-child(3){animation-delay:70ms}.accent-orbit-panel .accent-option:nth-child(4){animation-delay:95ms}.accent-orbit-panel .accent-option:nth-child(5){animation-delay:.12s}.accent-orbit-panel .accent-option:nth-child(6){animation-delay:145ms}.accent-orbit-panel .accent-option:nth-child(7){animation-delay:.17s}.accent-orbit-panel .accent-option:nth-child(8){animation-delay:195ms}.account-notifications{display:inline-grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff0b;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800;text-align:left;transition:border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.22,1.35,.36,1)}.account-notifications:hover{transform:translateY(-1px)}.account-notifications b{padding:4px 7px;border-radius:99px;font-size:9px;letter-spacing:.02em}.account-notifications.is-on{border-color:color-mix(in srgb,#38d88d 48%,var(--line));color:#b7f8d7;background:#27b9781c}.account-notifications.is-on b{background:#31d2842e;color:#6ef2ad}.account-notifications.is-off{border-color:color-mix(in srgb,#f06878 48%,var(--line));color:#f0b1b9;background:#cd44581a}.account-notifications.is-off b{background:#eb55682e;color:#ff9cab}.status.online,.presence-online{color:#32d583!important}.status.online:before,.presence-online:before{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#32d583;box-shadow:0 0 9px #32d583b8;content:""}.status.offline,.presence-offline{color:#f06475!important}.status.offline:before,.presence-offline:before{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#f06475;box-shadow:0 0 9px #f0647599;content:""}.chat-title p.presence-online,.chat-title p.presence-offline{animation:none}@keyframes accent-palette-in{0%{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-8px) scale(.96);filter:blur(5px)}to{max-height:180px;opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes accent-option-in{0%{opacity:0;transform:scale(.56) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}:root[data-theme=light]{--bg: #dce7fb;--bg-deep: #cbd9f4;--glass: rgba(247, 250, 255, .84);--glass-strong: rgba(250, 252, 255, .94);--line: rgba(35, 59, 113, .24);--text: #0e1b36;--muted: #455677;--shadow: 0 22px 58px rgba(42, 64, 115, .2)}:root[data-theme=light] .chat-card,:root[data-theme=light] .friend-card,:root[data-theme=light] .request-card,:root[data-theme=light] .search-field,:root[data-theme=light] .profile-identity,:root[data-theme=light] .appearance-settings,:root[data-theme=light] .voice-track:before{background:#ffffffc2}:root[data-theme=light] .chat-copy strong,:root[data-theme=light] .friend-card strong,:root[data-theme=light] .request-card strong,:root[data-theme=light] .list-heading h1,:root[data-theme=light] .chat-title h2,:root[data-theme=light] .message-bubble p,:root[data-theme=light] .field span{color:#102041}:root[data-theme=light] .message-bubble time,:root[data-theme=light] .message-status,:root[data-theme=light] .voice-message>time,:root[data-theme=light] .reply-reference small{color:#526382}:root[data-theme=light] .message-author.mine{color:#12394b}:root[data-theme=light] .voice-wave i{background:#2e487e61}:root[data-theme=light] .accent-orbit-panel{background:radial-gradient(circle at 50% 38%,#7a9edc7a,#e8f1fff5 70%);border-color:#2c427847}:root[data-theme=light] .accent-orbit-panel .accent-option{color:#13254a;background:#ffffff6b}:root[data-theme=light] .app-shell .sidebar,:root[data-theme=light] .app-shell .messages-panel,:root[data-theme=light] .app-shell .composer{border-color:#2a447e47;box-shadow:0 18px 42px #263b6c29,inset 0 1px #ffffffe6}:root[data-theme=light] .app-shell .sidebar{background:linear-gradient(145deg,#fffffff0,#dde9ffd1)!important}:root[data-theme=light] .app-shell .messages-panel{background:linear-gradient(145deg,#f9fcffe6,#d7e5ffb3)!important}:root[data-theme=light] .app-shell .messages-panel:after{background:linear-gradient(145deg,#fff6,#b9d3fa2e)}:root[data-theme=light] .app-shell .chat-card,:root[data-theme=light] .app-shell .friend-card,:root[data-theme=light] .app-shell .request-card{border-color:#2d49843d;background:linear-gradient(135deg,#fffc,#e1edff8a);box-shadow:inset 0 1px #ffffffeb,0 8px 18px #354e8914}:root[data-theme=light] .app-shell .chat-card:hover,:root[data-theme=light] .app-shell .friend-card:hover,:root[data-theme=light] .app-shell .request-card:hover{border-color:color-mix(in srgb,var(--accent) 62%,#4a639d);box-shadow:inset 0 1px #fffffff5,0 12px 24px color-mix(in srgb,var(--accent) 17%,transparent)}:root[data-theme=light] .app-shell .primary-btn,:root[data-theme=light] .app-shell .accept-btn,:root[data-theme=light] .app-shell .send-btn{border:1px solid color-mix(in srgb,var(--accent-deep) 56%,#fff);background:linear-gradient(135deg,var(--accent-soft),var(--accent) 56%,var(--accent-deep));box-shadow:0 10px 20px color-mix(in srgb,var(--accent-deep) 26%,transparent),inset 0 1px #ffffffc7;color:#092235}:root[data-theme=light] .app-shell .primary-btn:hover,:root[data-theme=light] .app-shell .accept-btn:hover,:root[data-theme=light] .app-shell .send-btn:hover{box-shadow:0 15px 28px color-mix(in srgb,var(--accent-deep) 34%,transparent),inset 0 1px #ffffffe6}:root[data-theme=light] .app-shell .ghost-btn,:root[data-theme=light] .app-shell .minor-btn,:root[data-theme=light] .app-shell .hide-chat-btn{border-color:#2b467f4f;background:#ffffff9e;box-shadow:inset 0 1px #ffffffe0,0 5px 13px #30457614;color:#263b66}:root[data-theme=light] .app-shell .ghost-btn:hover,:root[data-theme=light] .app-shell .minor-btn:hover,:root[data-theme=light] .app-shell .hide-chat-btn:hover{border-color:color-mix(in srgb,var(--accent) 58%,#46629b);background:color-mix(in srgb,var(--accent) 13%,white);color:#102041}:root[data-theme=light] .app-shell .composer-action.voice-mode{border:1px solid color-mix(in srgb,var(--accent-deep) 52%,#ffffff);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,white),color-mix(in srgb,var(--accent) 54%,#dbe6ff));box-shadow:0 9px 18px color-mix(in srgb,var(--accent-deep) 22%,transparent),inset 0 1px #ffffffd6;color:color-mix(in srgb,var(--accent-deep) 74%,#17254e)}:root[data-theme=light] .app-shell .composer-action.voice-mode:hover{box-shadow:0 13px 24px color-mix(in srgb,var(--accent-deep) 32%,transparent),inset 0 1px #ffffffeb}:root[data-theme=light] .voice-bubble{border-color:color-mix(in srgb,var(--accent-deep) 38%,#778bb9)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 30%,rgba(255,255,255,.72)),#e8efff75)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--accent-deep) 17%,transparent),inset 0 1px #fffffff5}:root[data-theme=light] .voice-play{border-color:color-mix(in srgb,var(--accent-deep) 54%,#7182ad);background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent) 66%,#eaf2ff));box-shadow:inset 0 1px #ffffffe0,0 6px 14px color-mix(in srgb,var(--accent-deep) 24%,transparent);color:color-mix(in srgb,var(--accent-deep) 82%,#192552)}:root[data-theme=light] .voice-track:before{border-color:#48619a52;background:#ffffffd1}:root[data-theme=light] .voice-track:after{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-deep) 54%,transparent),color-mix(in srgb,var(--accent) 78%,transparent),color-mix(in srgb,var(--accent-soft) 68%,transparent))}:root[data-theme=light] .voice-wave i{background:#445b9061}:root[data-theme=light] .voice-wave i.played{background:color-mix(in srgb,var(--accent-deep) 72%,#ffffff)}:root[data-theme=light] .voice-message>time{color:#40557f}@media(max-width:700px){:root[data-theme=light] .mobile-nav{border-color:#253d7140;background:linear-gradient(135deg,#fafcfff7,#d7e4fbfa)!important;box-shadow:0 16px 36px #283c6c33,inset 0 1px #ffffffdb}:root[data-theme=light] .mobile-nav:before{background:linear-gradient(118deg,color-mix(in srgb,var(--accent) 42%,white),color-mix(in srgb,var(--accent) 24%,#9ec5f0));box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #ffffffb3}:root[data-theme=light] .mobile-nav button{color:#526382}:root[data-theme=light] .mobile-nav button.active{color:#102a37}:root[data-theme=light] .mobile-nav b{color:#102041}:root[data-theme=light] .message-row .voice-bubble{min-width:0}}@media(max-width:700px){.audio-call-layer{z-index:90}.audio-call-backdrop{background:#05081e2e;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.audio-call-panel{top:0;left:0;width:100%;height:100dvh;min-height:100dvh;padding:max(44px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(160deg,#142a52fa,#0f143ffc 48%,#0c3a4afa);box-shadow:none;transform:translateZ(0);transform-origin:50% 0;animation:call-mobile-fade .22s ease-out both;backface-visibility:hidden;contain:layout paint;will-change:opacity}.audio-call-panel:after{border-radius:0}.audio-call-panel:before{inset:-50%;filter:blur(28px);opacity:.52;animation:none;transform:translateZ(0)}.audio-call-panel.is-video-call.is-live-video{animation:call-mobile-fade .22s ease-out both;transform:translateZ(0)}.audio-call-layer.is-minimized .audio-call-panel{transform:translateY(-42px) scale(.84)}.call-minimize-button{top:max(16px,env(safe-area-inset-top));right:18px;width:42px;height:42px;border-radius:15px}.call-avatar{width:min(48vw,196px);height:min(48vw,196px);margin-top:clamp(40px,8vh,84px)}.call-waiting-stage{margin-top:clamp(40px,8vh,82px)}.call-waiting-avatar{width:min(48vw,196px);height:min(48vw,196px)}.audio-call-panel.is-video-call:not(.is-live-video) .call-video-stage{width:min(100%,380px);aspect-ratio:1 / .78;margin-top:clamp(34px,7vh,76px);border-radius:30px}.audio-call-panel.is-video-call:not(.is-live-video) .local-video-tile{right:11px;bottom:11px;width:29%;border-radius:15px}.audio-call-panel.is-video-call:not(.is-live-video) .call-copy{margin:clamp(18px,3vh,30px) 0 auto}.call-copy{margin:30px 0 auto}.call-copy strong{font-size:clamp(31px,9vw,42px)}.call-copy small{font-size:14px}.call-copy time{margin-top:20px;font-size:21px}.call-control-grid,.call-incoming-actions{margin-top:auto}.call-control-grid{gap:10px}.call-control{min-height:clamp(76px,13vh,104px);border-radius:22px;font-size:10px}.call-end{min-height:68px;margin-top:4px;border-radius:22px;font-size:12px}.call-incoming-actions button{min-height:74px;border-radius:22px}.call-island{z-index:4;top:max(12px,env(safe-area-inset-top));left:50%;grid-template-columns:42px minmax(0,1fr);gap:9px;width:min(232px,calc(100vw - 142px));min-height:60px;padding:8px 12px 8px 8px;border-color:#caffebbf;border-radius:30px;background:linear-gradient(115deg,#74efcad1,#24b18dcc 50%,#57ddbcc7);box-shadow:0 17px 42px #10c58f47,0 0 0 1px #82ffd729,inset 0 1px #ffffff94}.call-island-avatar{width:42px;height:42px}.call-island-avatar img,.call-island-avatar video{width:42px;height:42px;border-radius:15px}.call-island-copy strong{font-size:12px}.call-island-copy small{font-size:9px}.call-island-icon{display:none}.call-island-actions{z-index:5;top:max(14px,env(safe-area-inset-top));left:50%;width:min(360px,calc(100vw - 22px))}.call-island-actions button{width:56px;height:56px;border-width:1px;box-shadow:0 13px 30px #030c2540,inset 0 1px #ffffff85}.call-island-answer{background:linear-gradient(145deg,#7df9cded,#2bbe91d9)}.call-island-decline{background:linear-gradient(145deg,#ffa9b9f0,#de4266e0)}.queued-call-island{top:max(84px,calc(env(safe-area-inset-top) + 76px));right:12px;width:min(336px,calc(100vw - 24px));border-radius:19px}.video-call-orb{top:calc(max(9px,env(safe-area-inset-top)) + 58px);left:calc(100% - 60px);width:92px;height:92px}.audio-call-panel.is-video-call:fullscreen .call-copy{top:max(12px,env(safe-area-inset-top));width:min(260px,calc(100% - 120px));padding:8px 13px 9px}.audio-call-panel.is-video-call:fullscreen .call-copy p{margin-bottom:3px;font-size:8px}.audio-call-panel.is-video-call:fullscreen .call-copy strong{font-size:17px}.audio-call-panel.is-video-call:fullscreen .call-copy small{margin-top:2px;font-size:9px}.audio-call-panel.is-video-call:fullscreen .call-control-grid{grid-template-columns:repeat(5,minmax(48px,1fr));bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 22px);gap:6px}.audio-call-panel.is-video-call:fullscreen .call-control{min-height:58px;gap:5px;border-radius:15px}.audio-call-panel.is-video-call:fullscreen .call-control svg{width:21px;height:21px}.audio-call-panel.is-video-call:fullscreen .call-control span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.audio-call-panel.is-video-call:fullscreen .call-end{min-height:50px}.audio-call-panel.is-video-call:fullscreen .local-video-tile{right:12px;bottom:max(95px,env(safe-area-inset-bottom));width:min(30vw,132px);border-radius:16px}.audio-call-panel.is-video-call.is-live-video{height:100dvh;min-height:100dvh}.audio-call-panel.is-video-call.is-live-video .call-copy{top:max(12px,env(safe-area-inset-top));width:min(260px,calc(100% - 120px));padding:8px 13px 9px}.audio-call-panel.is-video-call.is-live-video .call-copy p{margin-bottom:3px;font-size:8px}.audio-call-panel.is-video-call.is-live-video .call-copy strong{font-size:17px}.audio-call-panel.is-video-call.is-live-video .call-copy small{margin-top:2px;font-size:9px}.audio-call-panel.is-video-call.is-live-video .call-control-grid{grid-template-columns:repeat(5,minmax(48px,1fr));bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 22px);gap:6px}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:58px;gap:5px;border-radius:15px}.audio-call-panel.is-video-call.is-live-video .call-control svg{width:21px;height:21px}.audio-call-panel.is-video-call.is-live-video .call-control span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:50px}.audio-call-panel.is-video-call.is-live-video .local-video-tile{right:10px;bottom:10px;width:min(34%,128px);border-radius:16px}.avatar-editor-backdrop{padding:12px}.avatar-editor-modal{width:100%;max-height:calc(100dvh - 24px);padding:20px;border-radius:27px}.avatar-editor-preview{width:min(64vw,278px)}.avatar-editor-controls label{grid-template-columns:78px minmax(0,1fr) 34px;gap:8px}:root[data-theme=light] .audio-call-panel{background:linear-gradient(160deg,#f0f7fffc,#dde7fffc 48%,#d4faeefc)}}.call-video-source-menu{position:absolute;z-index:12;right:24px;bottom:122px;display:grid;width:min(292px,calc(100% - 48px));gap:8px;padding:13px;border:1px solid rgba(204,241,255,.38);border-radius:22px;background:linear-gradient(145deg,#162a5aed,#091232e6);box-shadow:0 22px 52px #01061a61,inset 0 1px #fff3;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);animation:call-source-menu-in .26s cubic-bezier(.22,1.18,.36,1) both}.call-video-source-menu header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 1px}.call-video-source-menu header strong{font-size:13px}.call-video-source-menu header .round-btn{width:28px;height:28px;font-size:18px}.call-video-source-menu>p{margin:-4px 1px 2px;color:var(--muted);font-size:10px;font-weight:700}.call-video-source-menu>button{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:9px;border:1px solid rgba(216,245,255,.18);border-radius:15px;background:#ffffff0e;color:var(--text);cursor:pointer;text-align:left;transition:transform .22s cubic-bezier(.22,1.35,.36,1),background .22s ease,border-color .22s ease}.call-video-source-menu>button:hover{border-color:color-mix(in srgb,var(--accent) 62%,rgba(216,245,255,.18));background:color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.055));transform:translate(-2px)}.call-video-source-menu>button svg{width:23px;height:23px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.call-video-source-menu>button span{display:grid;gap:2px}.call-video-source-menu>button strong{font-size:11px}.call-video-source-menu>button small{color:var(--muted);font-size:9px;font-weight:700}.video-upgrade-prompt{position:absolute;z-index:10;top:82px;left:50%;display:grid;grid-template-columns:34px minmax(0,1fr);width:min(420px,calc(100% - 48px));gap:9px 11px;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(220,246,255,.32));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,rgba(9,19,53,.82)),#0c173dd6);box-shadow:0 16px 42px #02081d40,inset 0 1px #ffffff2e;transform:translate(-50%);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);animation:video-upgrade-prompt-in .3s cubic-bezier(.22,1.18,.36,1) both}.video-upgrade-prompt>span{display:grid;width:34px;height:34px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.video-upgrade-prompt>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.video-upgrade-prompt p{display:grid;min-width:0;gap:3px;margin:0}.video-upgrade-prompt p strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.video-upgrade-prompt p small{color:var(--muted);font-size:9px;font-weight:700;line-height:1.35}.video-upgrade-prompt>div{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:7px}.video-upgrade-prompt button{min-height:36px;padding:7px 9px;border-radius:13px;font-size:9px}@media(min-width:701px){.audio-call-panel.is-video-call.is-live-video{position:absolute;inset:50% auto auto;left:calc(50% + clamp(80px,11vw,170px));display:grid;width:min(740px,calc(100vw - 48px));height:min(780px,calc(100dvh - 36px));min-height:620px;padding:88px 34px 158px;overflow:hidden;border:1px solid rgba(187,224,255,.42);border-radius:36px;background:linear-gradient(145deg,#304989db,#0d173de6 48%,#15435bd1);box-shadow:0 36px 110px #0105168f,0 0 0 1px #6ff5cf14,inset 0 1px #ffffff45;transform:translate(-50%,-50%) scale(1);animation:none;transition:opacity .26s ease,transform .52s cubic-bezier(.22,1.15,.36,1),filter .28s ease}.audio-call-panel.is-video-call.is-live-video:before{display:block}.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:relative;inset:auto;width:min(100%,590px);height:min(48vh,500px);max-height:none;aspect-ratio:16 / 10;margin:0 auto;border-radius:30px}.audio-call-panel.is-video-call.is-live-video .remote-call-video{object-fit:contain}.audio-call-panel.is-video-call.is-live-video .local-video-tile{position:absolute;z-index:11;right:24px;bottom:126px;width:min(174px,24%);max-width:none;border-radius:19px}.audio-call-panel.is-video-call.is-live-video .call-copy{top:19px;width:min(450px,calc(100% - 150px))}.audio-call-panel.is-video-call.is-live-video .call-control-grid{bottom:21px;grid-template-columns:repeat(5,minmax(64px,1fr));width:min(650px,calc(100% - 42px))}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:63px}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:51px}.audio-call-layer.is-minimized .audio-call-panel.is-live-video{opacity:0;filter:blur(7px);pointer-events:none;transform:translate(-50%,calc(-50% - 28px)) scale(.78);animation:none}}@media(max-width:700px){.audio-call-panel.is-video-call.is-live-video{inset:0;width:100%;height:100dvh;min-height:100dvh;padding:max(44px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(160deg,#142a52fa,#0f143ffc 48%,#0c3a4afa);transform:translateZ(0) scale(1);animation:none;transition:opacity .24s ease,transform .42s cubic-bezier(.22,1.15,.36,1),filter .24s ease}.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:relative;inset:auto;width:min(100%,440px);height:min(60dvh,620px);max-height:none;aspect-ratio:9 / 16;margin:auto;border-radius:29px}.audio-call-panel.is-video-call.is-live-video .local-video-tile{position:absolute;z-index:11;right:12px;bottom:max(102px,env(safe-area-inset-bottom));width:min(33vw,138px);border-radius:17px}.audio-call-layer.is-minimized .audio-call-panel.is-live-video{opacity:0;filter:blur(5px);pointer-events:none;transform:translate3d(0,-38px,0) scale(.9);animation:none}.video-upgrade-prompt{top:auto;bottom:max(116px,env(safe-area-inset-bottom));width:calc(100% - 28px)}.audio-call-panel.is-video-call:fullscreen .call-video-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border:0;border-radius:0}.audio-call-panel.is-video-call:fullscreen .local-video-tile{right:12px;bottom:max(96px,env(safe-area-inset-bottom));width:min(31vw,138px)}}.audio-call-panel.is-video-call.is-live-video{position:fixed;inset:0;display:block;width:100vw;max-width:none;height:100dvh;min-height:100dvh;padding:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 14%,#101f4d),#080d24 52%,#040715);box-shadow:none;transform:none;animation:none;transition:opacity .24s ease,transform .43s cubic-bezier(.22,1.15,.36,1),filter .24s ease}.audio-call-panel.is-video-call.is-live-video:before,.audio-call-panel.is-video-call.is-live-video:after{display:none}.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;border-radius:0;background:#040816;box-shadow:none;aspect-ratio:auto}.audio-call-panel.is-video-call.is-live-video .remote-call-video{width:100%;height:100%;object-fit:contain;background:#040816}.audio-call-panel.is-video-call.is-live-video .remote-video-fallback{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 17%,#152852),#040816 68%)}.audio-call-panel.is-video-call.is-live-video .local-video-tile{position:absolute;z-index:12;right:max(18px,env(safe-area-inset-right));bottom:max(112px,env(safe-area-inset-bottom));width:min(190px,20vw);max-width:32vw;border-radius:20px;box-shadow:0 18px 42px #0000007a,0 0 0 1px #d2f9ff2e}.audio-call-panel.is-video-call.is-live-video .call-copy{position:absolute;z-index:9;top:max(16px,env(safe-area-inset-top));left:50%;width:min(440px,calc(100% - 154px));margin:0;padding:10px 18px 12px;border:1px solid rgba(221,246,255,.24);border-radius:20px;background:#060f2770;box-shadow:inset 0 1px #ffffff1f;transform:translate(-50%);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.audio-call-panel.is-video-call.is-live-video .call-copy strong{font-size:23px}.audio-call-panel.is-video-call.is-live-video .call-copy small{font-size:11px}.audio-call-panel.is-video-call.is-live-video .call-copy time{display:none}.audio-call-panel.is-video-call.is-live-video .call-minimize-button{z-index:13;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#060f2785;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.audio-call-panel.is-video-call.is-live-video .call-control-grid{position:absolute;z-index:11;right:50%;bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(58px,1fr));width:min(700px,calc(100% - 34px));gap:9px;transform:translate(50%)}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:68px;border-radius:18px;background:#08153594;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.audio-call-panel.is-video-call.is-live-video .call-control svg{width:25px;height:25px}.audio-call-panel.is-video-call.is-live-video .call-control span{font-size:9px}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:54px;grid-column:1 / -1;border-radius:17px}.audio-call-layer.is-minimized .audio-call-panel.is-video-call.is-live-video{opacity:0;filter:blur(6px);pointer-events:none;transform:translate3d(0,-38px,0) scale(.9);animation:none}@media(min-width:701px){.audio-call-panel.is-audio-call{position:fixed;inset:0;display:grid;width:100vw;max-width:none;height:100dvh;min-height:100dvh;padding:64px 28px 130px;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 15%,#172d63),#08102b 56%,#040715);box-shadow:none;transform:none}.audio-call-panel.is-audio-call:before{inset:-30%;opacity:.68}.audio-call-panel.is-audio-call:after{display:none}.audio-call-panel.is-audio-call .call-avatar{width:min(27vw,244px);height:min(27vw,244px);margin-top:2vh}.audio-call-panel.is-audio-call .call-copy{margin:30px 0 auto}.audio-call-panel.is-audio-call .call-control-grid,.audio-call-panel.is-audio-call .call-incoming-actions{position:absolute;right:50%;bottom:28px;width:min(580px,calc(100% - 42px));transform:translate(50%)}.audio-call-panel.is-audio-call .call-control-grid{grid-template-columns:repeat(3,1fr)}.audio-call-panel.is-audio-call .call-control{min-height:82px}.audio-call-layer.is-minimized .audio-call-panel.is-audio-call{opacity:0;filter:blur(6px);pointer-events:none;transform:translate3d(0,-38px,0) scale(.9)}}@media(max-width:700px){.audio-call-panel.is-video-call.is-live-video .local-video-tile{right:12px;bottom:max(102px,env(safe-area-inset-bottom));width:min(33vw,146px);border-radius:17px}.audio-call-panel.is-video-call.is-live-video .call-copy{width:min(260px,calc(100% - 120px));padding:8px 13px 9px}.audio-call-panel.is-video-call.is-live-video .call-copy p{margin-bottom:3px;font-size:8px}.audio-call-panel.is-video-call.is-live-video .call-copy strong{font-size:17px}.audio-call-panel.is-video-call.is-live-video .call-copy small{margin-top:2px;font-size:9px}.audio-call-panel.is-video-call.is-live-video .call-control-grid{grid-template-columns:repeat(5,minmax(48px,1fr));bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 22px);gap:6px}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:58px;gap:5px;border-radius:15px}.audio-call-panel.is-video-call.is-live-video .call-control svg{width:21px;height:21px}.audio-call-panel.is-video-call.is-live-video .call-control span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:50px}}@keyframes call-source-menu-in{0%{opacity:0;filter:blur(5px);transform:translateY(10px) scale(.94)}to{opacity:1;filter:blur(0);transform:none}}@keyframes video-upgrade-prompt-in{0%{opacity:0;filter:blur(5px);transform:translate(-50%,10px) scale(.94)}to{opacity:1;filter:blur(0);transform:translate(-50%) scale(1)}}.account-copy strong,.chat-copy strong{font-size:var(--font-13)}.account-copy small,.chat-copy small,.chat-title p,.friends-switch button,.section-switch button{font-size:var(--font-11)}.list-heading p,.chat-muted-indicator,.message-bubble time,.message-status,.message-author,.composer-reply strong,.composer-reply small{font-size:var(--font-10)}.list-heading h1{font-size:var(--font-20)}.chat-title h2{font-size:var(--font-15)}.friend-card strong,.request-card strong,.search-field input,.message-bubble textarea{font-size:var(--font-12)}.friend-card small,.request-card small,.message-status small{font-size:var(--font-9)}.message-bubble p{font-size:var(--font-13)}.composer-row input{font-size:var(--font-14)}.profile-modal .field>span,.profile-modal .field input,.profile-modal .field textarea{font-size:var(--font-12)}:root[data-simple-mode=true] .ambient-orbs{opacity:.16}:root[data-simple-mode=true] .app-shell .sidebar,:root[data-simple-mode=true] .app-shell .messages-panel,:root[data-simple-mode=true] .app-shell .composer{backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%)}:root[data-simple-mode=true] .app-shell .sidebar,:root[data-simple-mode=true] .app-shell .messages-panel{background:linear-gradient(145deg,#121b3cdb,#090f29e6)}:root[data-simple-mode=true] .chat-card,:root[data-simple-mode=true] .friend-card,:root[data-simple-mode=true] .request-card{min-height:72px;padding:12px;border-radius:20px}:root[data-simple-mode=true] .chat-list,:root[data-simple-mode=true] .friend-group{gap:10px}:root[data-simple-mode=true] .list-heading p{display:none}:root[data-simple-mode=true] .list-heading{margin-top:5px}:root[data-simple-mode=true] .chat-card,:root[data-simple-mode=true] .friend-card,:root[data-simple-mode=true] .request-card,:root[data-simple-mode=true] .message-bubble{box-shadow:none}:root[data-simple-mode=true] .chat-card:hover,:root[data-simple-mode=true] .friend-card:hover{transform:none}@media(max-width:700px){.profile-modal{max-height:100dvh}:root[data-simple-mode=true] .mobile-nav button{min-height:62px}:root[data-simple-mode=true] .chat-card{min-height:78px}:root[data-simple-mode=true] .composer-row input{min-height:54px}}.audio-call-panel.is-audio-call,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video){position:fixed;inset:0;display:grid;width:100vw;max-width:none;height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;isolation:isolate;overflow:hidden}.audio-call-panel.is-audio-call{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 17%,#172d63),#08102b 56%,#040715)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video){background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 17%,#172d63),#08102b 56%,#040715)}.audio-call-panel.is-audio-call:after,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video):after{display:none}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video){grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);padding:clamp(54px,7vh,76px) 28px clamp(126px,16vh,164px)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-waiting-stage{grid-row:1;align-self:end;width:min(100%,390px);margin:0}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-waiting-avatar{width:min(27vw,244px);height:min(27vw,244px)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-copy{grid-row:2;align-self:start;margin:24px 0 0}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-control-grid,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-incoming-actions{position:absolute;right:50%;bottom:28px;width:min(580px,calc(100% - 42px));transform:translate(50%)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-control{min-height:82px}.audio-call-panel.is-launching.is-audio-call,.audio-call-panel.is-launching.is-video-call.is-call-setup:not(.is-live-video){transform-origin:var(--call-origin-x, 50%) var(--call-origin-y, 50%);will-change:clip-path,filter,opacity;animation:call-action-expand .66s cubic-bezier(.16,1,.3,1) both}.audio-call-layer:has(.audio-call-panel.is-launching) .audio-call-backdrop{animation:call-backdrop-in .5s ease-out both}.audio-call-layer.is-minimized .audio-call-panel.is-audio-call,.audio-call-layer.is-minimized .audio-call-panel.is-video-call.is-call-setup:not(.is-live-video){transform:translate3d(0,-38px,0) scale(.9)}.stream-quality-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid rgba(216,245,255,.14);border-radius:15px;background:#03091e47}.stream-quality-picker button{display:grid;min-height:52px;gap:3px;padding:7px 4px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer;text-align:center;transition:transform .22s cubic-bezier(.22,1.35,.36,1),background .22s ease,border-color .22s ease,color .22s ease}.stream-quality-picker button:hover{color:var(--text);transform:translateY(-1px)}.stream-quality-picker button.active{border-color:color-mix(in srgb,var(--accent) 56%,rgba(222,247,255,.2));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 11%,transparent));color:var(--text);box-shadow:inset 0 1px #ffffff38,0 6px 14px color-mix(in srgb,var(--accent) 16%,transparent)}.stream-quality-picker strong{font-size:9px}.stream-quality-picker small{color:inherit;font-size:7px;font-weight:700;line-height:1.2}@keyframes call-action-expand{0%{clip-path:circle(10px at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:.24;filter:saturate(148%) brightness(1.22)}16%{clip-path:circle(74px at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:.88;filter:saturate(132%) brightness(1.12)}62%{opacity:1;filter:saturate(108%) brightness(1.03)}to{clip-path:circle(150vmax at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:1;filter:none}}@keyframes call-liquid-drop{0%{opacity:.92;border-radius:50%;filter:saturate(145%) brightness(1.2);transform:translate(-50%,-50%) scale(.16)}18%{opacity:1;border-radius:42% 58% 48% 52%/58% 42%;filter:saturate(132%) brightness(1.1);transform:translate(-50%,-50%) scale(3.1)}66%{opacity:.58;border-radius:58% 42% 55% 45%/43% 57%;transform:translate(-50%,-50%) scale(48)}to{opacity:0;border-radius:50%;filter:saturate(100%);transform:translate(-50%,-50%) scale(82)}}@keyframes call-backdrop-in{0%{opacity:0;backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%)}to{opacity:1;backdrop-filter:blur(3px) saturate(112%);-webkit-backdrop-filter:blur(3px) saturate(112%)}}@media(max-width:700px){.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video){padding:max(48px,env(safe-area-inset-top)) 22px max(112px,calc(env(safe-area-inset-bottom) + 88px))}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-waiting-avatar{width:min(52vw,214px);height:min(52vw,214px)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-control-grid,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-incoming-actions{bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 32px)}.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-control{min-height:72px}.audio-call-panel.is-launching.is-audio-call,.audio-call-panel.is-launching.is-video-call.is-call-setup:not(.is-live-video){transform:translateZ(0);backface-visibility:hidden;contain:paint;will-change:clip-path,opacity,transform;animation:call-action-expand-mobile .62s cubic-bezier(.16,1,.3,1) both}.audio-call-layer.is-launching .audio-call-backdrop{animation:call-backdrop-in-mobile .36s ease-out both}}@keyframes call-action-expand-mobile{0%{clip-path:circle(12px at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:.48;transform:translateZ(0) scale(.998)}38%{clip-path:circle(52vmax at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:1}to{clip-path:circle(150vmax at var(--call-origin-x, 50%) var(--call-origin-y, 50%));opacity:1;transform:translateZ(0) scale(1)}}@keyframes call-backdrop-in-mobile{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;aspect-ratio:auto}.audio-call-panel.is-video-call.is-live-video .remote-call-video{width:100%;height:100%;object-fit:contain}.audio-call-panel.is-video-call.is-live-video .local-video-tile{right:max(12px,env(safe-area-inset-right));bottom:max(104px,env(safe-area-inset-bottom));width:min(34vw,148px)}}@media(max-width:700px)and (orientation:landscape){.audio-call-panel.is-video-call.is-live-video .call-copy{top:max(9px,env(safe-area-inset-top))}.audio-call-panel.is-video-call.is-live-video .local-video-tile{right:max(14px,env(safe-area-inset-right));bottom:max(76px,env(safe-area-inset-bottom));width:min(22vw,168px)}.audio-call-panel.is-video-call.is-live-video .call-control-grid{bottom:max(8px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 34px))}.audio-call-panel.is-video-call.is-live-video .call-control{min-height:48px}.audio-call-panel.is-video-call.is-live-video .call-end{min-height:43px}}:root[data-platform=android] .ambient-orbs span,:root[data-platform=android] .auth-brand,:root[data-platform=android] .sidebar-content,:root[data-platform=android] .chat-header,:root[data-platform=android] .messages-panel,:root[data-platform=android] .composer,:root[data-platform=android] .message-row,:root[data-platform=android] .mobile-nav button.active .nav-icon{animation:none!important}:root[data-platform=android] .modal-backdrop{animation:android-overlay-in .14s ease-out both;backdrop-filter:blur(6px) saturate(108%);-webkit-backdrop-filter:blur(6px) saturate(108%)}:root[data-platform=android] .modal-backdrop:not(.message-action-backdrop):not(.chat-action-backdrop)>:is(.profile-modal,.user-profile-modal,.picker-modal,.avatar-editor-modal,.ringtone-editor,.confirmation-dialog){animation:android-modal-in .17s cubic-bezier(.22,1,.36,1) both!important}:root[data-platform=android] .attachment-viewer-content{animation:android-modal-in .17s cubic-bezier(.22,1,.36,1) both!important}:root[data-platform=android] .audio-call-layer.is-launching:before{display:none}:root[data-platform=android] .audio-call-panel.is-launching.is-audio-call,:root[data-platform=android] .audio-call-panel.is-launching.is-video-call.is-call-setup:not(.is-live-video){clip-path:none;filter:none;animation:android-call-in .18s ease-out both!important}@media(max-width:700px){:root[data-platform=android] .sidebar{transition:transform .21s cubic-bezier(.22,1,.36,1),opacity .15s ease!important;filter:none}:root[data-platform=android] .chat-view{transition:transform .21s cubic-bezier(.22,1,.36,1),opacity .15s ease!important;filter:none}:root[data-platform=android] .mobile-nav:before,:root[data-platform=android] .mobile-nav button{transition-duration:.17s!important}}@keyframes android-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes android-modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes android-call-in{0%{opacity:0}to{opacity:1}}.chat-card{position:relative}.chat-card-avatar{position:relative;display:grid;width:44px;height:44px;place-items:center}.chat-card-avatar img{width:44px;height:44px;border-radius:14px;background:#28305f;object-fit:cover}.chat-name-line{display:flex;min-width:0;align-items:center;gap:6px}.chat-name-line strong{min-width:0}.chat-name-line em{flex:0 0 auto;color:#77ebc2;font-size:9px;font-style:normal;font-weight:900}.chat-card-typing{color:var(--accent)!important;font-weight:800!important;animation:typing-fade 1.15s ease-in-out infinite}.chat-unread-badge{position:absolute;z-index:2;right:10px;bottom:9px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border:1px solid color-mix(in srgb,var(--accent) 68%,white);border-radius:99px;background:var(--accent);box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff61;color:#06221d;font-size:9px;font-variant-numeric:tabular-nums;font-weight:950;line-height:1}.chat-card.has-unread .chat-card-meta time{color:var(--text);font-weight:800}.chat-view>.chat-header,.chat-view>.messages-panel,.chat-view>.composer{animation:none}.audio-call-panel{min-height:min(620px,calc(100dvh - 52px));align-content:center;padding:96px 34px 112px}.call-topbar-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(211,248,255,.62);border-radius:13px;background:#18325e}.call-topbar-avatar img{width:100%;height:100%;object-fit:cover}.call-topbar-info{display:grid;min-width:0;gap:2px}.call-topbar-info strong,.call-topbar-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-topbar-info strong{color:var(--text);font-size:13px;letter-spacing:-.015em}.call-topbar-info small{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;font-weight:750}.call-network{display:inline-flex;height:18px;align-items:end;gap:2px;margin-left:auto;padding:0 2px}.call-network i{display:block;width:3px;border-radius:4px;background:#d7eaff70;transition:background .22s ease,height .22s ease,box-shadow .22s ease}.call-network i:nth-child(1){height:6px}.call-network i:nth-child(2){height:10px}.call-network i:nth-child(3){height:14px}.call-network.is-good i{background:#69edbb;box-shadow:0 0 7px #61e8b48c}.call-network.is-medium i{background:#ffd27b;box-shadow:0 0 7px #ffcf7066}.call-network.is-poor i{background:#ff8ca4;box-shadow:0 0 7px #ff6f9161}.call-network.is-checking i{background:var(--accent);animation:network-scan 1.1s ease-in-out infinite}.call-network.is-checking i:nth-child(2){animation-delay:.12s}.call-network.is-checking i:nth-child(3){animation-delay:.24s}.audio-call-panel .call-avatar{margin:0}.audio-call-panel.is-audio-call .call-avatar,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-avatar{width:min(27vw,244px);height:min(27vw,244px);margin:0}.call-avatar.has-local-preview .waiting-local-video{z-index:2;border:2px solid rgba(221,249,255,.72);border-radius:50%;background:#162a58}.call-avatar.has-local-preview .call-avatar-aura{z-index:3;pointer-events:none}.call-avatar.has-local-preview .call-presence-dot{z-index:4}.audio-call-layer.ringing .call-avatar-aura,.audio-call-layer.ringing .call-waiting-avatar,.audio-call-layer.connecting .call-waiting-avatar{animation:call-ringing-pulse 1.55s ease-in-out infinite}.audio-call-panel.is-video-call.is-live-video .call-video-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0;aspect-ratio:auto;box-shadow:none}.audio-call-panel.is-video-call.is-live-video .remote-call-video{object-fit:contain}@keyframes call-ringing-pulse{0%,to{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 10%,transparent),0 0 32px color-mix(in srgb,var(--accent) 35%,transparent),0 18px 46px #00000052}50%{box-shadow:0 0 0 20px color-mix(in srgb,var(--accent) 2%,transparent),0 0 52px color-mix(in srgb,var(--accent) 52%,transparent),0 18px 46px #00000052}}@keyframes network-scan{0%,to{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@media(max-width:700px){.chat-card-avatar,.chat-card-avatar img{width:50px;height:50px;border-radius:16px}.chat-unread-badge{right:11px;bottom:10px;min-width:19px;height:19px}.sidebar,.chat-view{filter:none;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .22s ease;backface-visibility:hidden}.sidebar{will-change:auto}.chat-card-avatar,.chat-card-avatar img,.friend-card img{backface-visibility:hidden;transform:translateZ(0)}.chat-view{transform:translate3d(18%,0,0) scale(.99)}.mobile-chat-open .sidebar{filter:none;opacity:.82;transform:translate(-100%) scale(.99)}.audio-call-panel{min-height:100dvh;padding:max(82px,env(safe-area-inset-top)) 18px max(106px,calc(26px + env(safe-area-inset-bottom)))}.audio-call-panel.is-audio-call .call-avatar,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-avatar{width:min(52vw,214px);height:min(52vw,214px)}.audio-call-panel .call-copy,.audio-call-panel.is-video-call.is-live-video .call-copy,.audio-call-panel.is-video-call:fullscreen .call-copy{top:max(14px,env(safe-area-inset-top));left:14px;right:62px;width:auto;min-height:48px;padding:5px 9px 5px 6px}.call-topbar-avatar{width:35px;height:35px;border-radius:12px}.audio-call-panel .call-control-grid,.audio-call-panel.is-video-call.is-live-video .call-control-grid,.audio-call-panel.is-video-call:fullscreen .call-control-grid{bottom:max(20px,env(safe-area-inset-bottom));gap:8px}.audio-call-panel .call-control,.audio-call-panel.is-video-call.is-live-video .call-control,.audio-call-panel.is-video-call:fullscreen .call-control{width:51px;min-width:51px;height:51px;min-height:51px}.audio-call-panel .call-end,.audio-call-panel.is-video-call.is-live-video .call-end,.audio-call-panel.is-video-call:fullscreen .call-end{width:58px;min-width:58px;height:58px;min-height:58px}.audio-call-panel .call-incoming-actions{bottom:max(24px,env(safe-area-inset-bottom));gap:34px}.audio-call-panel .call-incoming-actions button{width:64px;min-width:64px;height:64px;min-height:64px}.audio-call-panel.is-video-call.is-live-video .local-video-tile{right:max(12px,env(safe-area-inset-right));bottom:max(98px,env(safe-area-inset-bottom));width:min(36vw,150px);border-radius:19px}}.audio-call-panel.is-audio-call .call-copy,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-copy,.audio-call-panel.is-video-call.is-live-video .call-copy,.audio-call-panel.is-video-call:fullscreen .call-copy{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:auto;width:min(278px,calc(100% - 84px));min-height:44px;padding:5px 8px 5px 5px;border-radius:17px;transform:none}.audio-call-panel.is-audio-call .call-topbar-avatar,.audio-call-panel.is-video-call .call-topbar-avatar{width:32px;height:32px;border-radius:11px}.audio-call-panel.is-audio-call .call-topbar-info strong,.audio-call-panel.is-video-call .call-topbar-info strong{font-size:12px}.audio-call-panel.is-audio-call .call-topbar-info small,.audio-call-panel.is-video-call .call-topbar-info small{font-size:9px}.audio-call-panel .call-control,.audio-call-panel .call-end,.audio-call-panel.is-video-call.is-live-video .call-control,.audio-call-panel.is-video-call.is-live-video .call-end,.audio-call-panel.is-video-call:fullscreen .call-control,.audio-call-panel.is-video-call:fullscreen .call-end{box-sizing:border-box;flex:0 0 auto;aspect-ratio:1 / 1;border-radius:50%!important}@media(max-width:700px){.audio-call-panel.is-audio-call .call-copy,.audio-call-panel.is-video-call.is-call-setup:not(.is-live-video) .call-copy,.audio-call-panel.is-video-call.is-live-video .call-copy,.audio-call-panel.is-video-call:fullscreen .call-copy{top:max(11px,env(safe-area-inset-top));left:12px;width:min(254px,calc(100% - 78px));min-height:42px}.audio-call-panel .call-control,.audio-call-panel.is-video-call.is-live-video .call-control,.audio-call-panel.is-video-call:fullscreen .call-control{width:54px;min-width:54px;height:54px;min-height:54px}.audio-call-panel .call-end,.audio-call-panel.is-video-call.is-live-video .call-end,.audio-call-panel.is-video-call:fullscreen .call-end{width:62px;min-width:62px;height:62px;min-height:62px}}.audio-call-layer.is-launching:before{display:none}.audio-call-panel.is-launching.is-audio-call,.audio-call-panel.is-launching.is-video-call.is-call-setup:not(.is-live-video){clip-path:none;filter:none;transform-origin:center;animation:call-panel-center-in .38s cubic-bezier(.22,1,.36,1) both!important}.audio-call-layer.is-launching .audio-call-backdrop{animation:modal-backdrop-glass-in .26s ease-out both}.audio-call-panel.is-video-call.is-live-video{animation:none}@keyframes call-panel-center-in{0%{opacity:0;filter:blur(8px);transform:scale(.965)}68%{opacity:1;filter:blur(0);transform:scale(1.006)}to{opacity:1;filter:none;transform:scale(1)}}.audio-call-panel .call-topbar{position:absolute;z-index:14;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;width:min(304px,calc(100% - 92px));min-height:46px;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid rgba(220,244,255,.26);border-radius:18px;background:#07102d7a;box-shadow:inset 0 1px #ffffff24,0 12px 30px #01081d2e;color:var(--text);text-align:left;backdrop-filter:blur(20px) saturate(138%);-webkit-backdrop-filter:blur(20px) saturate(138%);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1.18,.36,1),filter .22s ease}.audio-call-panel .call-topbar-avatar{width:34px;height:34px;border-radius:12px}.audio-call-panel .call-topbar-info strong{font-size:12px}.audio-call-panel .call-topbar-info small{font-size:9px}.audio-call-panel.is-video-call.is-live-video .call-topbar,.audio-call-panel.is-video-call:fullscreen .call-topbar{position:fixed;z-index:30;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:auto;transform:none}.audio-call-panel .call-dock,.audio-call-panel .call-incoming-dock{position:absolute;z-index:14;right:50%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;width:max-content;max-width:calc(100% - 28px);align-items:center;justify-content:center;gap:10px;transform:translate(50%);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1.18,.36,1),filter .22s ease}.audio-call-panel .call-dock-button,.audio-call-panel .call-dock-end,.audio-call-panel .call-incoming-button{box-sizing:border-box;display:grid;width:58px;min-width:58px;height:58px;min-height:58px;flex:0 0 58px;place-items:center;aspect-ratio:1 / 1;padding:0;border:1px solid rgba(209,233,255,.38);border-radius:50%;background:linear-gradient(145deg,#a0c9ff30,#ffffff12);box-shadow:inset 0 1px #ffffff3d,0 10px 26px #0000002e;color:var(--text);cursor:pointer;transition:transform .22s cubic-bezier(.22,1.35,.36,1),border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.audio-call-panel .call-dock-button svg,.audio-call-panel .call-dock-end svg,.audio-call-panel .call-incoming-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.audio-call-panel .call-dock-button:hover,.audio-call-panel .call-incoming-button:hover,.audio-call-panel .call-dock-end:hover{transform:translateY(-3px) scale(1.055)}.audio-call-panel .call-dock-button.is-enabled{border-color:color-mix(in srgb,var(--accent) 72%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 42%,rgba(17,54,71,.72)),#5ea4f33d);box-shadow:0 0 21px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #ffffff4f;color:#effff9}.audio-call-panel .call-dock-button.is-disabled{border-color:#ff99ab8a;background:linear-gradient(145deg,#702a45c2,#371935c7);box-shadow:inset 0 1px #ffffff24;color:#ffc4d0}.audio-call-panel .call-dock-button.call-dock-more{border-color:#d2e5ff4d;background:#15264ea8;color:var(--text)}.audio-call-panel .call-dock-end,.audio-call-panel .call-incoming-button.is-decline{border-color:#ffbfccc7;background:linear-gradient(145deg,#fb718a,#e43f67 60%,#c72d58);box-shadow:0 11px 29px #ed3f656b,inset 0 1px #ffffff6b;color:#fff7f8}.audio-call-panel .call-dock-end{width:66px;min-width:66px;height:66px;min-height:66px;flex-basis:66px;margin-left:4px}.audio-call-panel .call-dock-end svg{width:27px;height:27px}.audio-call-panel .call-incoming-dock{gap:30px}.audio-call-panel .call-incoming-button{width:66px;min-width:66px;height:66px;min-height:66px;flex-basis:66px}.audio-call-panel .call-incoming-button.is-answer{border-color:#a8ffdbb8;background:linear-gradient(112deg,#78e8c5,#35c9aa);box-shadow:0 10px 28px #4bdcb24d,inset 0 1px #fff6;color:#05221e}.audio-call-panel.is-video-call.is-live-video.controls-hidden .call-topbar,.audio-call-panel.is-video-call:fullscreen.controls-hidden .call-topbar{opacity:0;pointer-events:none;transform:translateY(-12px)}.audio-call-panel.is-video-call.is-live-video.controls-hidden .call-dock,.audio-call-panel.is-video-call:fullscreen.controls-hidden .call-dock{opacity:0;pointer-events:none;filter:blur(3px);transform:translate(50%,20px)}@media(max-width:700px){.audio-call-panel .call-topbar{top:max(12px,env(safe-area-inset-top));left:12px;width:min(254px,calc(100% - 78px));min-height:42px;padding:5px 9px 5px 6px}.audio-call-panel .call-topbar-avatar{width:32px;height:32px;border-radius:11px}.audio-call-panel.is-video-call.is-live-video .call-topbar,.audio-call-panel.is-video-call:fullscreen .call-topbar{top:max(12px,env(safe-area-inset-top));left:12px}.audio-call-panel .call-dock,.audio-call-panel .call-incoming-dock{bottom:max(20px,env(safe-area-inset-bottom));gap:8px}.audio-call-panel .call-dock-button{width:52px;min-width:52px;height:52px;min-height:52px;flex-basis:52px}.audio-call-panel .call-dock-end,.audio-call-panel .call-incoming-button{width:60px;min-width:60px;height:60px;min-height:60px;flex-basis:60px}.audio-call-panel .call-incoming-dock{gap:32px}}.audio-call-panel .call-incoming-dock .call-incoming-button{grid-template-columns:auto auto;width:clamp(126px,24vw,154px);min-width:126px;height:60px;min-height:60px;flex:0 1 154px;gap:9px;padding:0 17px;border-radius:22px;aspect-ratio:auto}.audio-call-panel .call-incoming-button span{font-size:11px;font-weight:850;white-space:nowrap}@media(max-width:700px){.audio-call-panel .call-incoming-dock{width:calc(100% - 28px);gap:10px}.audio-call-panel .call-incoming-dock .call-incoming-button{width:min(144px,calc(50% - 5px));min-width:0;height:58px;min-height:58px;flex:1 1 0;padding:0 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%}*{box-sizing:border-box}