.floating-messenger{z-index:130;position:fixed;bottom:86px;right:max(20px,50vw - 590px)}.floating-messenger-button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff5278,#d83375);border:1px solid #ff79944a;border-radius:18px;place-items:center;width:54px;height:54px;margin-left:auto;display:grid;position:relative;box-shadow:0 14px 35px #d8337555}.floating-messenger-button>.ui-icon{width:24px;height:24px}.floating-messenger-button>i{color:#fff;background:#6077ef;border:3px solid #100d17;border-radius:12px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:8px;font-style:normal;font-weight:1000;display:grid;position:absolute;top:-7px;right:-7px}.mini-messenger-panel{background:#17111c;border:1px solid #ffffff17;border-radius:20px;flex-direction:column;width:370px;height:530px;margin-bottom:10px;display:flex;overflow:hidden;box-shadow:0 25px 80px #000b}.mini-messenger-panel>header{background:linear-gradient(135deg,#26192d,#2d1728);border-bottom:1px solid #ffffff0e;flex:0 0 68px;align-items:center;gap:10px;height:68px;padding:10px 12px;display:flex}.mini-messenger-panel>header>div{flex:1;min-width:0}.mini-messenger-panel>header b,.mini-messenger-panel>header small{display:block}.mini-messenger-panel>header b{font-size:13px}.mini-messenger-panel>header small{color:#918493;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.mini-brand,.mini-back,.mini-close{color:#ff7795;background:#ffffff08;border:0;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.mini-brand .ui-icon,.mini-back .ui-icon,.mini-close .ui-icon{width:18px;height:18px}.mini-back .ui-icon{transform:rotate(180deg)}.mini-conversation-list{flex:1;min-height:0;padding:8px;overflow-y:auto}.mini-conversation-list>button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid;position:relative}.mini-conversation-list>button:hover,.mini-conversation-list>button.has-unread{background:#ffffff08}.mini-conversation-list>button>span{position:relative}.mini-conversation-list img{object-fit:cover;border-radius:50%;width:46px;height:46px}.mini-conversation-list>button>span i{background:#47d77e;border:3px solid #17111c;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:0}.mini-conversation-list>button>div{min-width:0}.mini-conversation-list b{font-size:11px}.mini-conversation-list p{color:#968998;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;overflow:hidden}.mini-conversation-list em{color:#786c7b;font-style:normal}.mini-conversation-list>button>small{color:#6f6471;align-self:start;margin-top:3px;font-size:7px}.mini-conversation-list>button>strong{background:#6077ef;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:7px;display:grid;position:absolute;bottom:9px;right:10px}.mini-empty{color:#7f7381;text-align:center;align-content:center;place-items:center;gap:7px;height:100%;display:grid}.mini-empty>.ui-icon{color:#ff6f8e;width:38px;height:38px}.mini-empty b{color:#fff;font-size:12px}.mini-empty span{font-size:9px}.mini-chat-messages{flex:1;min-height:0;padding:13px;overflow-y:auto}.mini-chat-messages article{align-items:flex-end;gap:8px;margin-bottom:11px;display:flex}.mini-chat-messages article>img{object-fit:cover;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.mini-chat-messages article>p{color:#eee7ed;background:#29202f;border:1px solid #ffffff0b;border-radius:4px 13px 13px;max-width:75%;margin:0;padding:9px 11px;font-size:11px;line-height:1.45}.mini-chat-messages article.mine>p{background:linear-gradient(135deg,#67213f,#4e203e);border-color:#ff62843b}.mini-chat-messages article p small{color:#958796;margin-top:4px;font-size:7px;display:block}.mini-custom-emoji{object-fit:contain;vertical-align:middle;width:34px;height:34px;display:inline-block}.mini-messenger-panel>form{background:#1a141f;border-top:1px solid #ffffff0e;grid-template-columns:1fr 42px;gap:7px;padding:10px;display:grid}.mini-messenger-panel textarea{color:#fff;resize:none;background:#100c15;border:1px solid #49364d;border-radius:11px;outline:none;height:42px;min-height:42px;max-height:80px;padding:11px;font-size:10px}.mini-messenger-panel form>button{color:#fff;background:#ff4e74;border:0;border-radius:11px;place-items:center;display:grid}.mini-messenger-panel form>button:disabled{opacity:.45}.mini-messenger-panel form>button .ui-icon{width:18px;height:18px}@media (max-width:650px){.floating-messenger{bottom:78px;right:10px}.mini-messenger-panel{border-radius:17px;width:auto;height:min(68vh,570px);margin:0;position:fixed;bottom:70px;left:8px;right:8px}.floating-messenger-button{border-radius:16px;width:50px;height:50px}}
.mini-messenger-panel>form{grid-template-columns:minmax(0,1fr) 38px 42px;position:relative}.mini-emoji-anchor{position:relative}.mini-emoji-trigger{place-items:center;width:38px;height:42px;display:grid;color:#aa9cad!important;background:#211827!important;border:1px solid #49364d!important;border-radius:11px!important}.mini-emoji-trigger:hover,.mini-emoji-trigger[aria-expanded=true]{color:#ff7190!important}.mini-emoji-trigger .ui-icon{width:20px;height:20px}.mini-emoji-picker{z-index:5;background:#211827;border:1px solid #ffffff18;border-radius:15px;width:320px;position:absolute;bottom:51px;right:-49px;overflow:hidden;box-shadow:0 20px 60px #000c}.mini-emoji-picker>header{background:#281c2f;border-bottom:1px solid #ffffff0e;padding:11px 12px}.mini-emoji-picker>header b,.mini-emoji-picker>header small{display:block}.mini-emoji-picker>header b{font-size:11px}.mini-emoji-picker>header small{color:#887b8b;margin-top:3px;font-size:7px}.mini-emoji-picker>div{grid-template-columns:repeat(5,1fr);gap:4px;max-height:245px;padding:8px;display:grid;overflow-y:auto}.mini-emoji-picker>div>button{cursor:pointer;background:#ffffff05;border:0;border-radius:9px;width:54px;height:50px;padding:3px}.mini-emoji-picker>div>button:hover{background:#ffffff10;transform:scale(1.06)}.mini-emoji-picker>div img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:650px){.mini-emoji-picker{width:auto;position:fixed;bottom:130px;left:15px;right:15px}.mini-emoji-picker>div{grid-template-columns:repeat(5,1fr)}.mini-emoji-picker>div>button{width:100%}}
.emoji-input-wrap>textarea{padding-right:91px!important}.composer-tools{align-items:center;gap:3px;display:flex;position:absolute;bottom:7px;right:7px}.composer-tools .emoji-picker-anchor{position:relative;bottom:auto;right:auto}.chat-camera{color:#9b8da0;cursor:pointer;border-radius:9px;place-items:center;width:34px;height:32px;display:grid}.chat-camera:hover{color:#ff7292;background:#ff55751a}.chat-camera>.ui-icon{width:20px;height:20px}.chat-camera input,.mini-camera input{display:none}.chat-photo-selected{z-index:2;color:#cbbfc9;text-overflow:ellipsis;white-space:nowrap;background:#261925;border:1px solid #ff69843b;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:48px;left:8px;right:8px;overflow:hidden}.chat-photo-selected>.ui-icon{color:#ff7593;flex:0 0 15px;width:15px;height:15px}.chat-photo-selected>button{color:#a99ca8;border:0;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-left:auto;display:grid;background:#ffffff09!important}.chat-photo-selected>button .ui-icon{width:12px;height:12px}.emoji-input-wrap:has(.chat-photo-selected)>textarea{padding-top:45px}.chat-image-thumb{cursor:zoom-in;max-width:310px;margin:8px 0 3px;display:block;position:relative;overflow:hidden;background:#0d0a10!important;border:1px solid #ffffff16!important;border-radius:12px!important;padding:0!important}.chat-image-thumb>img{object-fit:cover;width:100%;max-height:280px;display:block}.chat-image-thumb>span{color:#fff;opacity:0;background:#100d17b8;border-radius:9px;place-items:center;width:31px;height:31px;transition:all .2s;display:grid;position:absolute;bottom:8px;right:8px}.chat-image-thumb:hover>span{opacity:1}.chat-image-thumb>span .ui-icon{width:16px;height:16px}.conversation-window article>p.has-chat-image{padding:7px}.conversation-window article>p.has-chat-image>small{padding:0 5px 3px}.chat-image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:zoom-out;background:#08060bd9;place-items:center;padding:35px;display:grid;position:fixed;inset:0}.chat-image-lightbox>img{object-fit:contain;border-radius:12px;max-width:min(94vw,1400px);max-height:90vh;display:block;box-shadow:0 30px 100px #000}.chat-image-close{z-index:2;color:#fff;cursor:pointer;background:#1d1722;border:1px solid #ffffff24;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:fixed;top:20px;right:20px}.chat-image-close .ui-icon{width:22px;height:22px}.chat-lightbox-open{overflow:hidden}.mini-messenger-panel>form{grid-template-columns:minmax(0,1fr) 38px 38px 42px}.mini-camera{color:#aa9cad;cursor:pointer;background:#211827;border:1px solid #49364d;border-radius:11px;place-items:center;width:38px;height:42px;display:grid}.mini-camera:hover{color:#ff7190}.mini-camera>.ui-icon{width:20px;height:20px}.mini-photo-selected{color:#cbbfc9;background:#261925;border:1px solid #ff69843b;border-radius:9px;grid-column:1/-1;align-items:center;gap:7px;min-width:0;padding:7px 9px;display:flex}.mini-photo-selected>.ui-icon{color:#ff7593;flex:0 0 14px;width:14px;height:14px}.mini-photo-selected>b{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:8px;overflow:hidden}.mini-photo-selected>button{place-items:center;width:22px;height:22px;display:grid;color:#a99ca8!important;background:#ffffff09!important;border:0!important;border-radius:6px!important}.mini-photo-selected>button .ui-icon{width:11px;height:11px}.mini-chat-messages .chat-image-thumb{max-width:230px;margin-top:6px}.mini-chat-messages .chat-image-thumb>img{max-height:190px}@media (max-width:650px){.chat-image-lightbox{padding:18px}.chat-image-close{top:13px;right:13px}.chat-image-thumb>span{opacity:1}}
.emoji-input-wrap>textarea{padding-right:126px!important}.voice-recorder{flex:0 0 34px;width:34px;height:32px;position:relative}.voice-start{color:#9b8da0!important;background:0 0!important;border:0!important;border-radius:9px!important;place-items:center!important;width:34px!important;height:32px!important;padding:0!important;display:grid!important}.voice-start:hover{color:#ff7292!important;background:#ff55751a!important}.voice-start .ui-icon{width:20px;height:20px}.voice-recording,.voice-preview{z-index:8;background:#261925;border:1px solid #ff587b40;border-radius:12px;align-items:center;gap:8px;width:285px;padding:9px;display:flex;position:absolute;bottom:41px;right:0;box-shadow:0 16px 45px #0009}.voice-recording>i{background:#ff466d;border-radius:50%;flex:0 0 9px;width:9px;height:9px;animation:1.1s infinite voicePulse;box-shadow:0 0 0 5px #ff466d1d}.voice-recording>b{font-variant-numeric:tabular-nums;font-size:11px}.voice-recording>span{color:#9d8f9c;flex:1;font-size:8px}.voice-recording>button,.voice-preview>button{color:#b1a4b0!important;background:#ffffff09!important;border:0!important;border-radius:9px!important;place-items:center!important;width:31px!important;height:31px!important;padding:0!important;display:grid!important}.voice-recording>button:last-child>span{background:#ff5377;border-radius:3px;width:12px;height:12px}.voice-recording>button .ui-icon,.voice-preview>button .ui-icon{width:15px;height:15px}.voice-preview audio{width:225px;min-width:0;height:34px}.voice-error{color:#ffc5d2;background:#401925;border:1px solid #ff5e7a3d;border-radius:9px;width:285px;padding:8px;font-size:8px;position:absolute;bottom:41px;right:0}.chat-audio{background:#100c15;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:8px;min-width:280px;margin:7px 0 3px;padding:8px;display:flex}.chat-audio>span{background:#ff6385;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 5px #ff638519}.chat-audio audio{width:250px;height:36px}.conversation-window article>p.has-chat-audio{padding:8px}.conversation-window article>p.has-chat-audio>small{padding:0 5px 2px}.mini-messenger-panel .voice-recorder{flex-basis:38px;width:38px;height:42px}.mini-messenger-panel .voice-start{background:#211827!important;border:1px solid #49364d!important;border-radius:11px!important;width:38px!important;height:42px!important}.mini-messenger-panel>form{grid-template-columns:minmax(0,1fr) 38px 38px 38px 42px}.mini-messenger-panel .voice-recording,.mini-messenger-panel .voice-preview,.mini-messenger-panel .voice-error{bottom:51px;right:-82px}.mini-chat-messages .chat-audio{min-width:220px}.mini-chat-messages .chat-audio audio{width:190px}@keyframes voicePulse{50%{opacity:.45;transform:scale(.8)}}@media (max-width:650px){.voice-recording,.voice-preview,.voice-error{width:auto;position:fixed;bottom:135px;left:15px;right:15px}.voice-preview audio{width:calc(100% - 39px)}.chat-audio{min-width:220px;max-width:100%}.chat-audio audio{width:100%;min-width:0}}
.voice-call-button{color:#63dd91;cursor:pointer;background:#3ac97712;border:1px solid #58d88a38;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.voice-call-button:hover{background:#3ac97720;border-color:#58d88a70}.voice-call-button .ui-icon{width:19px;height:19px}.mini-messenger-panel>header .voice-call-button{flex-basis:38px;width:38px;height:38px;margin-left:0}.voice-call-card{z-index:500;background:radial-gradient(circle at 85% 0,#3bc97b25,#0000 38%),linear-gradient(145deg,#24182a,#17111c);border:1px solid #ffffff19;border-radius:21px;width:355px;padding:18px;position:fixed;bottom:88px;right:max(20px,50vw - 590px);overflow:hidden;box-shadow:0 28px 90px #000c}.voice-call-person{align-items:center;gap:13px;display:flex}.voice-call-person>img{object-fit:cover;border:3px solid #55da894f;border-radius:18px;flex:0 0 58px;width:58px;height:58px}.voice-call-person>div{min-width:0}.voice-call-person b,.voice-call-person small{display:block}.voice-call-person b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.voice-call-person small{color:#8f8391;margin-top:5px;font-size:9px}.voice-call-card.incoming .voice-call-person small,.voice-call-card.calling .voice-call-person small{color:#63dc92}.call-rings{border:1px solid #55da8960;border-radius:18px;width:58px;height:58px;animation:1.5s infinite callRing;position:absolute;top:18px;left:18px}.incoming-actions,.active-call-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.voice-call-card button{color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:9px;font-weight:900;display:flex}.voice-call-card button .ui-icon{width:18px;height:18px}.call-reject{background:linear-gradient(135deg,#ee4164,#bd2853)}.call-accept{background:linear-gradient(135deg,#43d17d,#219b5b)}.active-call-actions>button:first-child{color:#bdb1bb;background:#ffffff0a}.active-call-actions>button:first-child.muted{color:#ff7894;background:#ff5b7820}.active-call-actions button:disabled{opacity:.45}.call-notice{z-index:510;color:#d8ccd6;background:#251a2a;border:1px solid #ffffff18;border-radius:12px;max-width:360px;padding:12px 15px;font-size:10px;position:fixed;bottom:88px;right:max(20px,50vw - 590px);box-shadow:0 15px 40px #0009}@keyframes callRing{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(1.35)}}@media (max-width:650px){.conversation-head .voice-call-button{flex-basis:40px;width:40px;height:40px}.voice-call-card{width:auto;bottom:78px;left:10px;right:10px}.call-notice{max-width:none;bottom:78px;left:10px;right:10px}.voice-call-person>img{flex-basis:54px;width:54px;height:54px}}.conversation-head>a:nth-child(2){align-items:center;gap:9px;display:flex}
.conversation-window article.call-event,.conversation-window article.call-event.mine,.mini-chat-messages article.call-event,.mini-chat-messages article.call-event.mine{justify-content:center;margin:18px 0}.conversation-window article.call-event>img,.mini-chat-messages article.call-event>img{display:none}.call-history-card{background:linear-gradient(135deg,#21322680,#1c1721);border:1px solid #55d88925;border-radius:15px;align-items:center;gap:13px;width:min(100%,410px);padding:14px 16px;display:flex;box-shadow:0 9px 25px #0003}.call-history-card>span{color:#5cda8d;background:#43cc7c18;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.call-history-card>span .ui-icon{width:20px;height:20px}.call-history-card>div{min-width:0}.call-history-card small,.call-history-card b,.call-history-card p{display:block}.call-history-card small{color:#5bd88c;letter-spacing:.15em;font-size:7px;font-weight:1000}.call-history-card b{margin-top:3px;font-size:11px}.call-history-card p{color:#8f8390;margin:4px 0 0;font-size:9px}.call-history-card.compact{border-radius:12px;padding:10px 12px}.call-history-card.compact>span{border-radius:11px;flex-basis:36px;width:36px;height:36px}.call-history-card.compact b{font-size:10px}.call-history-card.compact p{font-size:8px}.mini-chat-messages .call-history-card{width:100%}@media (max-width:650px){.call-history-card{width:100%}}
.profile-friendship-bar{justify-content:flex-end;margin-top:12px;display:flex}.profile-friendship-bar>form,.profile-friendship-bar>form>button{width:100%}.profile-friend-button,.profile-friends-link{color:#ff7694;cursor:pointer;background:#ff537616;border:1px solid #ff66863b;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 16px;font-size:10px;font-weight:900;display:flex}.profile-friend-button .ui-icon,.profile-friends-link>.ui-icon{width:19px;height:19px}.profile-friend-button.pending{color:#a99da8;background:#ffffff06;border-color:#ffffff15}.profile-friend-button.accepted{color:#65dd94;background:#45ca7b13;border-color:#51d48638}.profile-friends-link{color:#fff;justify-content:flex-start;width:100%}.profile-friends-link>span{flex:1}.profile-friends-link b,.profile-friends-link small{display:block}.profile-friends-link small{color:#918492;margin-top:3px;font-size:8px;font-weight:500}.profile-friends-link>.ui-icon:last-child{color:#ff718f}.profile-friend-request{background:#45ca7b0d;border:1px solid #51d48630;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 13px;display:flex}.profile-friend-request>span{color:#c9bec7;align-items:center;gap:8px;font-size:10px;display:flex}.profile-friend-request>span .ui-icon{color:#62db91;width:18px}.profile-friend-request>form{gap:7px;display:flex}.profile-friend-request button{color:#fff;background:#45c87b;border:0;border-radius:9px;align-items:center;gap:5px;padding:9px 11px;font-size:9px;font-weight:900;display:flex}.profile-friend-request button:last-child{color:#aaa0a9;background:#ffffff0a}.profile-friend-request button .ui-icon{width:14px;height:14px}.friends-head{background:radial-gradient(circle at 88% 10%,#b3316860,#0000 38%),linear-gradient(135deg,#2b1931,#301426);border:1px solid #ffffff12;border-radius:20px;justify-content:space-between;align-items:center;padding:25px;display:flex}.friends-head small,.friends-section-title small{color:#ff6d8d;letter-spacing:.15em;font-size:9px;font-weight:1000}.friends-head h1{margin:6px 0;font-size:29px}.friends-head p{color:#9c909c;margin:0;font-size:11px}.friends-head>span .ui-icon{color:#ff7290;width:40px;height:40px}.friends-section-title{justify-content:space-between;align-items:end;margin:25px 0 12px;display:flex}.friends-section-title h2{margin:4px 0 0;font-size:20px}.friends-section-title h2 b{color:#ff7290}.friends-section-title>a{color:#ff7290;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.friends-section-title>a .ui-icon{width:14px}.friend-request-grid,.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.friend-request-grid article,.friends-grid article{background:#1a141f;border:1px solid #ffffff10;border-radius:15px;padding:13px}.friend-request-grid article>a{align-items:center;gap:10px;display:flex}.friend-request-grid img{object-fit:cover;border-radius:14px;width:48px;height:48px}.friend-request-grid b,.friend-request-grid small{display:block}.friend-request-grid b{font-size:11px}.friend-request-grid small{color:#887c89;margin-top:4px;font-size:8px}.friend-request-grid form{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.friend-request-grid button{color:#fff;background:#45c87b;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:8px;font-weight:900;display:flex}.friend-request-grid button:last-child{color:#aaa0aa;background:#ffffff08}.friend-request-grid button .ui-icon{width:13px}.friend-person{align-items:center;gap:12px;display:flex}.friend-person>span{position:relative}.friend-person img{object-fit:cover;border-radius:16px;width:58px;height:58px}.friend-person i{background:#756a77;border:3px solid #1a141f;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:-2px}.friend-person i.online{background:#48d77f}.friend-person div{min-width:0}.friend-person b,.friend-person small,.friend-person em{display:block}.friend-person b{font-size:12px}.friend-person small{color:#a094a0;margin-top:3px;font-size:9px}.friend-person em{color:#6f6571;margin-top:5px;font-size:7px;font-style:normal}.friend-card-actions{border-top:1px solid #ffffff0b;gap:7px;margin-top:11px;padding-top:10px;display:flex}.friend-card-actions>a{color:#ff7290;background:#ff557717;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:8px;font-weight:900;display:flex}.friend-card-actions>a .ui-icon{width:14px}.friend-card-actions button{color:#8c808d;background:#ffffff07;border:0;border-radius:9px;place-items:center;width:34px;height:32px;display:grid}.friend-card-actions button .ui-icon{width:14px}.friends-empty{text-align:center;color:#8f838f;border:1px dashed #ffffff14;border-radius:16px;grid-column:1/-1;padding:50px 20px}.friends-empty>.ui-icon{color:#ff708f;width:40px;height:40px}.friends-empty h2{color:#fff}.friends-empty p{font-size:10px}.friends-empty>a{color:#fff;background:#ff4e74;border-radius:10px;margin-top:8px;padding:10px 14px;font-size:9px;font-weight:900;display:inline-block}.sent-friends{gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.sent-friends>a{background:#1a141f;border:1px solid #ffffff0e;border-radius:13px;grid-template-columns:42px 1fr 15px;align-items:center;gap:9px;min-width:205px;padding:10px;display:grid}.sent-friends img{object-fit:cover;border-radius:12px;width:42px;height:42px}.sent-friends b,.sent-friends small{display:block}.sent-friends b{font-size:10px}.sent-friends small{color:#7c717d;margin-top:3px;font-size:7px}.sent-friends .ui-icon{color:#ff708f;width:14px}.sidebar-friends>a{border-radius:10px;grid-template-columns:38px 1fr 14px;align-items:center;gap:9px;padding:8px;display:grid}.sidebar-friends>a:hover{background:#ffffff06}.sidebar-friends>a>span{position:relative}.sidebar-friends img{object-fit:cover;border-radius:12px;width:38px;height:38px}.sidebar-friends i{background:#766b77;border:2px solid #1a141f;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:-2px}.sidebar-friends i.online{background:#48d77f}.sidebar-friends b,.sidebar-friends small{display:block}.sidebar-friends b{font-size:9px}.sidebar-friends small{color:#7f7380;margin-top:3px;font-size:7px}.sidebar-friends>a>.ui-icon{color:#ff708f;width:13px}.sidebar-friends-empty{text-align:center;color:#857986;padding:20px}.sidebar-friends-empty>.ui-icon{color:#ff708f;width:28px;height:28px}.sidebar-friends-empty p{font-size:9px}.sidebar-friends-empty a{color:#ff708f;font-size:8px;font-weight:900}@media (max-width:650px){.friend-request-grid,.friends-grid{grid-template-columns:1fr}.profile-friend-request{flex-direction:column;align-items:stretch}.profile-friend-request>form button{flex:1}.friends-head{padding:19px}.friends-head>span{display:none}}
@media (min-width:901px){.floating-messenger,.voice-call-card,.call-notice{right:max(88px,50vw - 502px)}}@media (min-width:651px) and (max-width:900px){.floating-messenger,.voice-call-card,.call-notice{right:20px}}@media (max-width:650px){.floating-messenger{right:10px}.voice-call-card,.call-notice{left:10px;right:10px}}
.friends-modern-hero{background:radial-gradient(circle at 82% 28%,#c7337050,#0000 30%),radial-gradient(circle at 15% 0,#73305d30,#0000 38%),linear-gradient(135deg,#2b1b32,#251221);border:1px solid #ffffff13;border-radius:24px;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:30px;min-height:225px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 55px #0003}.friends-modern-hero:after{content:"";border:1px solid #ff6d8f18;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-130px;right:-80px}.friends-hero-copy{z-index:1;position:relative}.friends-hero-copy>small,.friends-modern-heading small,.friend-invites-modern>header small{color:#ff7191;letter-spacing:.17em;font-size:9px;font-weight:1000}.friends-hero-copy h1{letter-spacing:-.04em;max-width:590px;margin:8px 0 10px;font-size:clamp(27px,3vw,39px);line-height:1.12}.friends-hero-copy p{color:#aa9dab;max-width:570px;margin:0;font-size:12px;line-height:1.65}.friends-hero-copy>a{background:linear-gradient(135deg,#ff5278,#d93675);border-radius:11px;align-items:center;gap:8px;width:max-content;margin-top:20px;padding:11px 15px;font-size:10px;font-weight:1000;display:flex;box-shadow:0 10px 25px #d9367538}.friends-hero-copy>a .ui-icon{width:17px;height:17px}.friends-hero-visual{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140f19a8;border:1px solid #ffffff12;border-radius:19px;justify-items:center;padding:20px;display:grid;position:relative}.friends-avatar-stack{justify-content:center;align-items:center;height:66px;padding-left:12px;display:flex}.friends-avatar-stack img,.friends-avatar-stack>span{object-fit:cover;background:#2b1d31;border:4px solid #1c1220;border-radius:20px;place-items:center;width:60px;height:60px;margin-left:-12px;display:grid;box-shadow:0 8px 22px #0006}.friends-avatar-stack>span .ui-icon{color:#ff7291;width:26px}.friends-hero-visual>b{margin-top:9px;font-size:13px}.friends-hero-visual>small{color:#61dc91;margin-top:4px;font-size:9px}.friends-overview{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 28px;display:grid}.friends-overview article{background:#1a141f;border:1px solid #ffffff0e;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex}.friends-overview article>span{color:#ff7592;background:#ff547518;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.friends-overview article>span.online{color:#60dc90;background:#45d17d15}.friends-overview article>span.pending{color:#ffc05d;background:#f0ad3d15}.friends-overview article>span.sent{color:#92a2ff;background:#677cea18}.friends-overview .ui-icon{width:19px;height:19px}.friends-overview b,.friends-overview small{display:block}.friends-overview b{font-size:20px}.friends-overview small{color:#877a88;margin-top:2px;font-size:9px}.friends-modern-heading{justify-content:space-between;align-items:end;margin:30px 0 12px;display:flex}.friends-modern-heading.compact{margin-top:25px}.friends-modern-heading h2{margin:5px 0 0;font-size:22px}.friends-modern-heading h2 b{color:#ff7190}.friends-modern-heading>a{color:#ff7190;border:1px solid #ff62833a;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:900;display:flex}.friends-modern-heading>a .ui-icon{width:13px}.friends-modern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.friend-modern-card{background:#1a141f;border:1px solid #ffffff10;border-radius:18px;min-width:0;transition:all .2s;position:relative;overflow:visible;box-shadow:0 14px 35px #0002}.friend-modern-card:hover{border-color:#ff65852c;transform:translateY(-2px);box-shadow:0 18px 42px #0004}.friend-card-cover{background:radial-gradient(circle at 80% 20%,#b8316b55,#0000 35%),linear-gradient(135deg,#38203e,#241827);border-radius:18px 18px 0 0;height:75px;padding:11px}.friend-card-cover>span{float:right;color:#918493;letter-spacing:.1em;background:#ffffff0a;border-radius:7px;padding:5px 7px;font-size:6px;font-weight:1000}.friend-card-cover>span.online{color:#62df92;background:#43ce7b18}.friend-card-person{align-items:flex-end;gap:11px;margin:-35px 14px 0;display:flex}.friend-card-person>span{flex:0 0 72px;position:relative}.friend-card-person img{object-fit:cover;background:#241a29;border:4px solid #1a141f;border-radius:21px;width:72px;height:72px}.friend-card-person i{background:#706572;border:3px solid #1a141f;border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:-1px}.friend-card-person i.online{background:#49d780;box-shadow:0 0 10px #49d78080}.friend-card-person>div{min-width:0;padding-bottom:5px}.friend-card-person h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.friend-card-person p{color:#948795;align-items:center;gap:4px;margin:4px 0 0;font-size:8px;display:flex}.friend-card-person p .ui-icon{color:#ff708f;width:11px;height:11px}.friend-card-bio{color:#a095a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:46px;margin:13px 14px 4px;font-size:9px;line-height:1.55;display:-webkit-box;overflow:hidden}.friend-card-status{color:#776c78;align-items:center;gap:6px;margin:0 14px 13px;font-size:7px;display:flex}.friend-card-status>i{background:#6d626e;border-radius:50%;width:7px;height:7px}.friend-card-status>i.online{background:#4bd981;box-shadow:0 0 7px #4bd9817a}.friend-modern-actions{border-top:1px solid #ffffff0c;grid-template-columns:1.25fr 1fr 36px;gap:6px;padding:11px 12px;display:grid;position:relative}.friend-modern-actions>a{color:#ff7693;background:#ff557617;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:8px;font-weight:900;display:flex}.friend-modern-actions>a:nth-child(2){color:#aba0aa;background:#ffffff07}.friend-modern-actions>a .ui-icon{width:14px;height:14px}.friend-modern-actions details{position:relative}.friend-modern-actions summary{color:#897d89;cursor:pointer;background:#ffffff07;border-radius:9px;place-items:center;width:36px;height:36px;list-style:none;display:grid}.friend-modern-actions summary::-webkit-details-marker{display:none}.friend-modern-actions summary .ui-icon{width:16px}.friend-modern-actions details form{z-index:4;background:#261c2b;border:1px solid #ffffff12;border-radius:10px;width:175px;padding:6px;position:absolute;bottom:43px;right:0;box-shadow:0 14px 35px #0009}.friend-modern-actions details button{color:#ff8299;background:#ff526f12;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;padding:9px;font-size:8px;display:flex}.friend-modern-actions details button .ui-icon{width:13px}.friends-modern-empty{text-align:center;background:#ffffff02;border:1px dashed #ffffff16;border-radius:18px;grid-column:1/-1;padding:55px 25px}.friends-modern-empty>span{color:#ff7290;background:#ff557516;border-radius:18px;place-items:center;width:58px;height:58px;margin:auto;display:grid}.friends-modern-empty>span .ui-icon{width:28px}.friends-modern-empty h2{margin:15px 0 7px;font-size:18px}.friends-modern-empty p{color:#897d89;margin:0;font-size:10px}.friends-modern-empty>a{background:#ff4f74;border-radius:9px;margin-top:14px;padding:10px 14px;font-size:9px;font-weight:900;display:inline-block}.friend-invites-modern{background:linear-gradient(135deg,#2a201d,#1b151e);border:1px solid #ffc05a25;border-radius:19px;margin:26px 0;overflow:hidden}.friend-invites-modern>header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.friend-invites-modern>header h2{margin:4px 0 0;font-size:18px}.friend-invites-modern>header h2 b{color:#ffc064}.friend-invites-modern>header>.ui-icon{color:#ffc064;width:26px;height:26px}.friend-invites-modern>div{grid-template-columns:repeat(2,1fr);gap:9px;padding:12px;display:grid}.friend-invites-modern article{background:#171119;border:1px solid #ffffff0d;border-radius:13px;padding:12px}.invite-person{gap:10px;display:flex}.invite-person>span{flex:0 0 50px;position:relative}.invite-person img{object-fit:cover;border-radius:14px;width:50px;height:50px}.invite-person i{background:#716672;border:3px solid #171119;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:-1px}.invite-person i.online{background:#48d77f}.invite-person div{min-width:0}.invite-person b,.invite-person small{display:block}.invite-person b{font-size:11px}.invite-person small{color:#9b8e99;margin-top:3px;font-size:8px}.invite-person p{color:#766b76;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:8px;overflow:hidden}.friend-invites-modern form{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.friend-invites-modern button{color:#fff;background:#43c97a;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:34px;font-size:8px;font-weight:900;display:flex}.friend-invites-modern button:last-child{color:#a99da7;background:#ffffff08}.friend-invites-modern button .ui-icon{width:13px}.sent-friends-modern{gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.sent-friends-modern article{background:#1a141f;border:1px solid #ffffff0e;border-radius:13px;align-items:center;gap:9px;min-width:245px;padding:10px;display:flex}.sent-friends-modern article>a{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.sent-friends-modern img{object-fit:cover;border-radius:12px;width:43px;height:43px}.sent-friends-modern b,.sent-friends-modern small{display:block}.sent-friends-modern b{font-size:10px}.sent-friends-modern small{color:#7b707b;margin-top:3px;font-size:7px}.sent-friends-modern button{color:#978b96;background:#ffffff07;border:0;border-radius:7px;padding:7px;font-size:7px}.friend-suggestions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.friend-suggestions article{text-align:center;background:#1a141f;border:1px solid #ffffff0e;border-radius:16px;padding:14px;overflow:hidden}.friend-suggestions article>a>span{width:72px;margin:auto;display:block;position:relative}.friend-suggestions img{object-fit:cover;border-radius:21px;width:72px;height:72px}.friend-suggestions i{background:#6d626e;border:3px solid #1a141f;border-radius:50%;width:13px;height:13px;position:absolute;bottom:3px;right:-1px}.friend-suggestions i.online{background:#49d780}.friend-suggestions h3{margin:9px 0 3px;font-size:12px}.friend-suggestions p{color:#ff7290;margin:0;font-size:8px}.friend-suggestions small{color:#837783;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:31px;margin-top:7px;font-size:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.friend-suggestions button{color:#ff7592;background:#ff557614;border:1px solid #ff66873a;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;margin-top:10px;font-size:8px;font-weight:900;display:flex}.friend-suggestions button .ui-icon{width:14px}@media (max-width:850px){.friends-modern-hero{grid-template-columns:1fr;padding:28px}.friends-hero-visual{display:none}.friends-overview{grid-template-columns:1fr 1fr}.friends-modern-grid{grid-template-columns:repeat(2,1fr)}.friend-suggestions{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.friends-modern-hero{border-radius:19px;min-height:auto;padding:22px 18px}.friends-hero-copy h1{font-size:28px}.friends-overview{gap:7px}.friends-overview article{padding:11px}.friends-overview article>span{display:none}.friends-overview small{font-size:8px}.friends-modern-grid,.friend-invites-modern>div{grid-template-columns:1fr}.friend-suggestions{grid-template-columns:repeat(2,1fr)}.friends-modern-heading h2{font-size:19px}.friends-modern-heading>a{padding:8px}.friend-modern-card{border-radius:16px}}
.friends-hero-copy>small,.friends-modern-heading small,.friend-invites-modern>header small{font-size:11px}.friends-hero-copy h1{font-size:clamp(32px,3.4vw,44px);line-height:1.08}.friends-hero-copy p{font-size:14px;line-height:1.7}.friends-hero-copy>a{min-height:46px;padding-inline:18px;font-size:12px}.friends-hero-copy>a .ui-icon{width:20px;height:20px}.friends-hero-visual>b{font-size:16px}.friends-hero-visual>small{font-size:11px}.friends-overview article{min-height:76px;padding:17px}.friends-overview article>span{flex-basis:46px;width:46px;height:46px}.friends-overview .ui-icon{width:22px;height:22px}.friends-overview b{font-size:24px}.friends-overview small{font-size:11px}.friends-modern-heading h2{font-size:clamp(24px,2.4vw,29px)}.friends-modern-heading>a{min-height:40px;padding-inline:14px;font-size:11px}.friends-modern-heading>a .ui-icon{width:16px;height:16px}.friend-card-cover>span{padding:6px 9px;font-size:9px}.friend-card-person h3{font-size:clamp(17px,1.5vw,20px)}.friend-card-person p{margin-top:6px;font-size:11px}.friend-card-person p .ui-icon{width:14px;height:14px}.friend-card-bio{height:54px;margin-top:16px;font-size:12px;line-height:1.6}.friend-card-status{margin-top:7px;font-size:10px}.friend-card-status>i{width:9px;height:9px}.friend-modern-actions{grid-template-columns:1.35fr 1fr 42px;gap:8px;padding:13px}.friend-modern-actions>a,.friend-modern-actions summary{height:42px;min-height:42px;font-size:11px}.friend-modern-actions summary{width:42px}.friend-modern-actions>a .ui-icon{width:17px;height:17px}.friend-modern-actions summary .ui-icon{width:19px;height:19px}.friend-modern-actions details form{width:205px}.friend-modern-actions details button{min-height:40px;font-size:10px}.friend-modern-actions details button .ui-icon{width:16px;height:16px}.friend-invites-modern>header h2{font-size:22px}.invite-person b{font-size:14px}.invite-person small{font-size:11px}.invite-person p{font-size:10px}.friend-invites-modern button{min-height:40px;font-size:11px}.friend-invites-modern button .ui-icon{width:16px;height:16px}.sent-friends-modern article{min-width:280px;padding:13px}.sent-friends-modern img{width:50px;height:50px}.sent-friends-modern b{font-size:13px}.sent-friends-modern small{font-size:10px}.sent-friends-modern button{min-height:36px;padding-inline:10px;font-size:10px}.friend-suggestions h3{font-size:15px}.friend-suggestions p{font-size:11px}.friend-suggestions small{height:39px;font-size:10px}.friend-suggestions button{min-height:40px;font-size:11px}.friend-suggestions button .ui-icon{width:17px;height:17px}.friends-modern-empty h2{font-size:22px}.friends-modern-empty p{font-size:12px}.friends-modern-empty>a{min-height:42px;padding:12px 17px;font-size:11px}.profile-friend-button,.profile-friends-link{min-height:52px;font-size:12px}.profile-friends-link small{font-size:10px}.profile-friend-request>span{font-size:12px}.profile-friend-request button{min-height:40px;font-size:11px}@media (max-width:600px){.friends-hero-copy h1{font-size:31px}.friends-hero-copy p{font-size:13px}.friends-overview article{min-height:72px;padding:14px}.friends-overview article>span{flex-basis:38px;width:38px;height:38px;display:grid}.friends-overview .ui-icon{width:19px;height:19px}.friends-overview b{font-size:21px}.friends-overview small{font-size:10px;line-height:1.3}.friends-modern-heading h2{font-size:24px}.friend-card-person h3{font-size:19px}.friend-card-person p{font-size:12px}.friend-card-bio{height:auto;min-height:48px;font-size:13px}.friend-card-status,.friend-modern-actions>a{font-size:11px}.friend-suggestions h3{font-size:15px}.friend-suggestions p{font-size:11px}.friend-suggestions small{font-size:10px}}
.profile-friendship-bar form:has(.profile-friend-button.accepted){display:none}.profile-friends-preview{background:linear-gradient(135deg,#211725,#18131d);border:1px solid #ffffff10;border-radius:17px;margin-top:13px;overflow:hidden}.profile-friends-preview>header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:end;padding:15px 17px;display:flex}.profile-friends-preview>header small{color:#ff7190;letter-spacing:.14em;font-size:10px;font-weight:1000}.profile-friends-preview>header h2{margin:4px 0 0;font-size:21px}.profile-friends-preview>header h2 b{color:#ff7190}.profile-friends-preview>header>a{color:#ff7592;border:1px solid #ff65853a;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:11px;font-weight:900;display:flex}.profile-friends-preview>header>a .ui-icon{width:14px;height:14px}.profile-friends-preview>div:first-of-type{align-items:flex-start;gap:14px;padding:15px 17px;display:flex;overflow-x:auto}.profile-friends-preview>div:first-of-type>a{text-align:center;min-width:70px}.profile-friends-preview>div:first-of-type>a>span{width:58px;margin:auto;display:block;position:relative}.profile-friends-preview img{object-fit:cover;border:2px solid #ffffff12;border-radius:17px;width:58px;height:58px}.profile-friends-preview>div:first-of-type>a i{background:#736874;border:3px solid #1b1421;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:-2px}.profile-friends-preview>div:first-of-type>a i.online{background:#49d780}.profile-friends-preview>div:first-of-type>a b{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;display:block;overflow:hidden}.profile-friends-empty{color:#817582;align-items:center;gap:8px;font-size:11px;display:flex}.profile-friends-empty .ui-icon{color:#ff708f;width:20px;height:20px}.profile-friend-confirmed{color:#61da90;border-top:1px solid #ffffff0b;font-size:11px;font-weight:900;align-items:center!important;gap:7px!important;padding:10px 17px!important;display:flex!important}.profile-friend-confirmed .ui-icon{width:16px;height:16px}.friends-overview.public{grid-template-columns:repeat(2,1fr)}.friends-modern-grid.public .friend-modern-actions{grid-template-columns:1.35fr 1fr}.friends-modern-grid.public .friend-modern-actions details{display:none}@media (max-width:600px){.profile-friends-preview>header{align-items:flex-start}.profile-friends-preview>header>a>span{display:none}.profile-friends-preview>div:first-of-type{gap:10px}.profile-friends-preview>div:first-of-type>a{min-width:65px}.friends-overview.public{grid-template-columns:1fr 1fr}}.profile-friendship-bar:has(.profile-friends-link){display:none}
.create-menu{position:relative}.create-menu>summary{color:#ff7190;cursor:pointer;background:#1a1520;border:1px solid #ffffff16;border-radius:14px;place-items:center;width:42px;height:42px;list-style:none;display:grid}.create-menu>summary::-webkit-details-marker{display:none}.create-menu>summary .ui-icon{width:21px}.create-menu[open]>summary,.create-menu>summary:hover{background:#ff527414;border-color:#ff64845c}.create-menu>div{z-index:205;background:#1c1522;border:1px solid #ffffff17;border-radius:16px;width:285px;padding:9px;position:absolute;top:52px;right:0;box-shadow:0 22px 55px #0009}.create-menu>div>small{color:#f68;letter-spacing:.14em;padding:8px 9px 6px;font-size:9px;font-weight:1000;display:block}.create-menu>div>a{border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.create-menu>div>a:hover{background:#ffffff08}.create-menu>div>a>span{color:#ff718f;background:#ff537517;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.create-menu>div>a b,.create-menu>div>a small{display:block}.create-menu>div>a b{font-size:12px}.create-menu>div>a small{color:#867a87;margin-top:2px;font-size:9px}.create-menu>div>a.create-group-link{background:linear-gradient(100deg,#ff527415,#ffffff02)}.create-menu>div>a.create-group-link>span{color:#fff;background:#ff4e74}.groups-page-head,.group-settings-head{background:radial-gradient(circle at 88% 10%,#a92b6555,#0000 38%),linear-gradient(135deg,#2e1b34,#311424);border:1px solid #ffffff14;border-radius:21px;justify-content:space-between;align-items:center;padding:27px;display:flex}.groups-page-head small,.group-settings-head small,.group-form-layout aside>small,.group-about-card>small,.group-manage-members header small{color:#ff6b8d;letter-spacing:.15em;font-size:10px;font-weight:1000}.groups-page-head h1,.group-settings-head h1{margin:6px 0;font-size:32px}.groups-page-head p,.group-settings-head p{color:#a99dab;margin:0;font-size:13px}.groups-page-head>a{background:linear-gradient(135deg,#ff4f75,#d53172);border-radius:12px;align-items:center;gap:8px;padding:13px 17px;font-size:12px;font-weight:900;display:flex}.group-category-tabs{gap:7px;padding:15px 0 4px;display:flex;overflow-x:auto}.group-category-tabs a{color:#a396a3;background:#1b1521;border:1px solid #ffffff10;border-radius:10px;flex:none;padding:9px 13px;font-size:11px;font-weight:800}.group-category-tabs a.active{color:#ff7896;background:#ff527417;border-color:#ff63833d}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.group-discovery-card{background:#1a141f;border:1px solid #ffffff12;border-radius:19px;transition:all .2s;overflow:hidden;box-shadow:0 14px 35px #0003}.group-discovery-card:hover{border-color:#ff648437;transform:translateY(-2px)}.group-card-cover{background:linear-gradient(135deg,#391a36,#16111c);height:145px;position:relative}.group-card-cover>img{object-fit:cover;width:100%;height:100%}.group-card-cover>span{color:#ff719052;place-items:center;height:100%;display:grid}.group-card-cover>span .ui-icon{width:55px;height:55px}.group-card-cover>i{color:#ff8aa2;background:#100d17cc;border-radius:9px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:11px;right:11px}.group-card-main{grid-template-columns:66px 1fr;gap:12px;padding:0 16px 13px;display:grid}.group-card-main>img,.group-logo-fallback{z-index:2;object-fit:cover;background:#2a1b30;border:4px solid #1a141f;border-radius:17px;width:66px;height:66px;margin-top:-24px}.group-logo-fallback{color:#ff7593;place-items:center;display:grid}.group-card-main h2{margin:10px 0 5px;font-size:17px}.group-card-main p{color:#9b8f9c;height:34px;margin:0;font-size:11px;line-height:1.5;overflow:hidden}.group-card-main small{color:#7f7480;align-items:center;gap:5px;margin-top:7px;font-size:9px;display:flex}.group-discovery-card>b{color:#ff7391;background:#ffffff06;border-radius:10px;justify-content:space-between;align-items:center;margin:0 15px 14px;padding:10px 12px;font-size:10px;display:flex}.group-discovery-card>b.joined{color:#62db90}.groups-empty{text-align:center;color:#8e828f;grid-column:1/-1;padding:55px 20px}.groups-empty>.ui-icon{color:#ff6c8d;width:42px;height:42px;margin:auto}.groups-empty h2{color:#fff}.groups-empty p{font-size:12px}.groups-empty a{background:#ff4d74;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:900;display:inline-flex}.group-form-layout{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.group-form-layout>aside{background:radial-gradient(circle at 50% 0,#9d2d6155,#0000 37%),#1b1421;border-radius:20px;padding:30px}.group-form-layout>aside>span{color:#ff7190;background:#ff527420;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid}.group-form-layout>aside>span .ui-icon{width:30px;height:30px}.group-form-layout aside h1{margin:7px 0;font-size:31px}.group-form-layout aside p{color:#a89ca8;font-size:12px;line-height:1.7}.group-form-layout ul{color:#c9bdc6;gap:12px;margin:24px 0 0;padding:0;font-size:11px;list-style:none;display:grid}.group-form-layout li{align-items:center;gap:8px;display:flex}.group-form-layout li .ui-icon{color:#59dc8d;width:15px}.group-create-form,.group-settings-form{background:#1b1421;border:1px solid #ffffff12;border-radius:20px;gap:15px;padding:22px;display:grid}.group-create-form>header,.group-settings-form>header{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding-bottom:15px;display:flex}.group-create-form>header>.ui-icon,.group-settings-form>header>.ui-icon{color:#ff6e8e;width:31px;height:31px}.group-create-form header b,.group-create-form header small,.group-settings-form header b,.group-settings-form header small{display:block}.group-create-form header b,.group-settings-form header b{font-size:14px}.group-create-form header small,.group-settings-form header small{color:#857986;margin-top:3px;font-size:10px}.group-create-form>label,.group-settings-form>label{color:#c5bac4;gap:7px;font-size:11px;font-weight:850;display:grid}.group-create-form input,.group-create-form select,.group-create-form textarea,.group-settings-form input,.group-settings-form select,.group-settings-form textarea{color:#fff;background:#100d15;border:1px solid #49384c;border-radius:11px;outline:none;width:100%;padding:12px 13px}.group-create-form textarea,.group-settings-form textarea{resize:vertical;min-height:125px}.group-create-form input:focus,.group-create-form select:focus,.group-create-form textarea:focus,.group-settings-form input:focus,.group-settings-form select:focus,.group-settings-form textarea:focus{border-color:#ff6283}.group-upload-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.group-upload-row>label{cursor:pointer;background:#ffffff03;border:1px solid #ffffff0e;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;display:grid;position:relative}.group-upload-row>label>span{color:#ff7290;background:#ff527416;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.group-upload-row>label>span img{object-fit:cover;width:100%;height:100%}.group-upload-row b,.group-upload-row small{display:block}.group-upload-row b{font-size:10px}.group-upload-row small{color:#817582;margin-top:3px;font-size:8px}.group-upload-row input{opacity:0;width:1px;height:1px;position:absolute}.group-create-form>button,.group-settings-form>button{color:#fff;background:linear-gradient(135deg,#ff4d74,#d53272);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:47px;font-size:12px;font-weight:900;display:flex}.group-profile{background:#1a141f;border:1px solid #ffffff13;border-radius:22px;overflow:hidden}.group-profile-cover{background:radial-gradient(circle at 70% 30%,#8b285651,#0000 38%),linear-gradient(135deg,#311c35,#15101b);height:315px}.group-profile-cover>img{object-fit:cover;width:100%;height:100%}.group-profile-cover>div{color:#826b7d;align-content:center;place-items:center;gap:8px;height:100%;display:grid}.group-profile-cover>div .ui-icon{width:52px;height:52px}.group-profile-bar{grid-template-columns:1fr auto;gap:12px;padding:18px 22px 20px;display:grid;position:relative}.group-profile-identity{align-items:end;gap:15px;display:flex}.group-profile-identity>img,.group-profile-identity>span{object-fit:cover;background:#2b1c30;border:5px solid #1a141f;border-radius:24px;flex:none;width:112px;height:112px;margin-top:-66px}.group-profile-identity>span{color:#ff7593;place-items:center;display:grid}.group-profile-identity small{color:#ff6f8e;letter-spacing:.12em;font-size:9px;font-weight:1000}.group-profile-identity h1{margin:3px 0;font-size:27px}.group-profile-identity p{color:#988b98;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.group-member-stack{grid-column:1;align-items:center;padding-left:128px;display:flex}.group-member-stack>a:not(.group-all-members){background:#352139;border:3px solid #1a141f;border-radius:50%;width:34px;height:34px;margin-left:-7px;overflow:hidden}.group-member-stack>a:first-child{margin-left:0}.group-member-stack img{object-fit:cover;width:100%;height:100%}.group-member-stack .group-member-more{color:#ff8ba2;place-items:center;font-size:9px;font-weight:900;display:grid!important}.group-all-members{color:#ff7692;margin-left:9px;font-size:10px;font-weight:900}.group-profile-actions{grid-area:1/2/3;align-items:end;display:flex}.group-profile-actions button,.group-profile-actions>a{color:#fff;background:#ff4d74;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:11px;font-weight:900;display:flex}.group-profile-actions .secondary-action{color:#aaa0aa;background:#ffffff06;border:1px solid #ffffff15}.group-page-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:15px;margin-top:15px;display:grid}.group-about-card{background:#1a141f;border:1px solid #fff1;border-radius:17px;padding:19px;position:sticky;top:84px}.group-about-card h2{margin:5px 0 11px;font-size:17px}.group-about-card>p{color:#aaa0a9;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.65}.group-about-card dl{border-top:1px solid #ffffff0d;gap:10px;margin:17px 0 0;padding-top:15px;display:grid}.group-about-card dl>div{justify-content:space-between;gap:10px;display:flex}.group-about-card dt{color:#8d818e;align-items:center;gap:6px;font-size:9px;display:flex}.group-about-card dd{color:#d4c9d2;margin:0;font-size:9px;font-weight:800}.group-feed-column{min-width:0}.group-feed-composer{background:linear-gradient(145deg,#211627,#18121e);border:1px solid #ffffff12;border-radius:17px;overflow:hidden}.group-feed-composer>header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:13px 15px;display:flex}.group-feed-composer header img{object-fit:cover;border-radius:50%;width:42px;height:42px}.group-feed-composer header b,.group-feed-composer header small{display:block}.group-feed-composer header b{font-size:12px}.group-feed-composer header small{color:#ff7995;margin-top:3px;font-size:8px}.group-feed-composer textarea{color:#fff;resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:100px;padding:16px;font-size:13px;line-height:1.6}.group-feed-composer>div{border-top:1px solid #ffffff0d;grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px;display:grid}.group-feed-composer>div label{color:#a99daa;background:#ffffff05;border-radius:9px;align-items:center;gap:6px;padding:9px;font-size:9px;display:flex;position:relative}.group-feed-composer>div label .ui-icon{color:#ff7190;width:17px}.group-feed-composer>div label:first-child input{opacity:0;width:1px;height:1px;position:absolute}.group-feed-composer input[type=url]{color:#fff;background:0 0;border:0;outline:none;width:100%}.group-feed-composer button,.group-join-gate button{color:#fff;background:#ff4d74;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:10px;font-weight:900;display:flex}.group-join-gate{background:linear-gradient(110deg,#2b182b,#1a141f);border:1px solid #ff63832e;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.group-join-gate>.ui-icon{color:#ff7290;width:30px;height:30px}.group-join-gate h2{margin:0 0 4px;font-size:14px}.group-join-gate p{color:#918591;margin:0;font-size:9px;line-height:1.5}.group-join-gate button{height:38px}.group-post-list{gap:13px;margin-top:13px;display:grid}.group-feed-post{background:#1a141f;border:1px solid #ffffff10;border-radius:17px;overflow:hidden}.group-feed-post>header{grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:13px 14px;display:grid}.group-feed-post>header img{object-fit:cover;border-radius:50%;width:44px;height:44px}.group-feed-post>header>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-feed-post>header>div>a{font-size:12px;font-weight:900}.group-feed-post>header small{color:#7e727e;flex-basis:100%;font-size:9px}.group-role{color:#a99da8;background:#ffffff08;border-radius:7px;padding:4px 7px;font-size:7px;font-weight:900}.group-role.owner{color:#ffc65c;background:#ffb52d17}.group-role.moderator{color:#91a2ff;background:#637cff18}.group-post-body{color:#d3c8d1;white-space:pre-wrap;margin:0;padding:3px 15px 14px;font-size:13px;line-height:1.65}.group-post-media{background:#0c0910;max-height:520px;overflow:hidden}.group-post-media img{object-fit:contain;width:100%;max-height:520px;display:block}.group-post-reactions{border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.group-post-reactions form{gap:6px;display:flex}.group-post-reactions button{color:#a99ca7;background:#120e16;border:1px solid #493648;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.group-post-reactions button .ui-icon{width:17px}.group-post-reactions button.active{color:#ff7894;background:#ff527417;border-color:#ff6383}.group-post-reactions form.locked button,.group-post-reactions.disabled button{pointer-events:none;opacity:.42}.group-post-reactions form.locked button.active{opacity:1}.group-post-reactions>span{color:#807480;align-items:center;gap:5px;font-size:8px;display:flex}.group-post-comments{gap:7px;padding:11px 13px 0;display:grid}.group-post-comments>div{gap:7px;display:flex}.group-post-comments img,.group-comment-form img{object-fit:cover;border-radius:50%;width:32px;height:32px}.group-post-comments p{background:#271d2c;border-radius:3px 11px 11px;flex:1;margin:0;padding:8px 10px}.group-post-comments p b,.group-post-comments p span,.group-post-comments p small{display:block}.group-post-comments p b{color:#ff7895;font-size:9px}.group-post-comments p span{color:#c2b7c0;margin:3px 0;font-size:10px}.group-post-comments p small{color:#736874;font-size:7px}.group-comment-form{grid-template-columns:32px 1fr 40px;align-items:center;gap:7px;padding:11px 13px;display:grid}.group-comment-form input:not([type=hidden]){color:#fff;background:#100c15;border:1px solid #443346;border-radius:10px;outline:none;height:39px;padding:0 11px;font-size:10px}.group-comment-form button{color:#fff;background:#ff4d74;border:0;border-radius:9px;place-items:center;height:39px;display:grid}.group-members-head{background:linear-gradient(135deg,#2d1b32,#321526);border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:15px;padding:20px;display:flex}.group-members-head>img,.group-members-head>span{object-fit:cover;border-radius:18px;width:72px;height:72px}.group-members-head>span{color:#ff7190;background:#ff527417;place-items:center;display:grid}.group-members-head small{color:#ff6b8b;font-size:10px;font-weight:900}.group-members-head h1{margin:3px 0;font-size:25px}.group-members-head p{color:#958996;margin:0;font-size:10px}.group-members-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:14px;display:grid}.group-members-grid article>a{background:#1a141f;border:1px solid #ffffff10;border-radius:15px;grid-template-columns:58px 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.group-members-grid article>a>span{position:relative}.group-members-grid img{object-fit:cover;border-radius:16px;width:58px;height:58px}.group-members-grid article i{background:#50db87;border:3px solid #1a141f;border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:-1px}.group-members-grid h2{margin:0 0 5px;font-size:13px}.group-members-grid p{color:#817681;align-items:center;gap:4px;margin:6px 0 0;font-size:8px;display:flex}.group-settings-head>.ui-icon{color:#ff7190;width:45px;height:45px}.group-settings-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:14px;margin-top:14px;display:grid}.group-manage-members{background:#1a141f;border:1px solid #fff1;border-radius:18px;overflow:visible}.group-manage-members>header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:17px;display:flex}.group-manage-members header h2{margin:4px 0 0;font-size:18px}.group-manage-members header h2 b{color:#ff6f8e}.group-manage-members header>.ui-icon{color:#ff7190;width:30px;height:30px}.group-manage-members>article{border-bottom:1px solid #ffffff0a;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:11px 13px;display:grid;position:relative}.group-manage-members>article>img{object-fit:cover;border-radius:13px;width:42px;height:42px}.group-manage-members>article>div>a,.group-manage-members>article>div>small{display:block}.group-manage-members>article>div>a{font-size:11px;font-weight:900}.group-manage-members>article>div>small{color:#847885;margin-top:3px;font-size:8px}.group-manage-members details>summary{color:#948894;cursor:pointer;background:#ffffff05;border-radius:9px;place-items:center;width:32px;height:32px;list-style:none;display:grid}.group-manage-members details>summary::-webkit-details-marker{display:none}.group-manage-members details>div{z-index:4;background:#251b2a;border:1px solid #ffffff14;border-radius:11px;width:205px;padding:6px;position:absolute;top:52px;right:12px;box-shadow:0 15px 35px #0008}.group-manage-members details form button{color:#c5bac4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;padding:9px;font-size:9px;display:flex}.group-manage-members details form button.danger{color:#ff7893}.group-requests-head{background:radial-gradient(circle at 90% 15%,#a52c6255,#0000 38%),linear-gradient(135deg,#2e1b34,#301424);border:1px solid #ffffff13;border-radius:20px;justify-content:space-between;align-items:center;padding:26px;display:flex}.group-requests-head small,.group-request-section>header small{color:#ff6b8c;letter-spacing:.14em;font-size:10px;font-weight:1000}.group-requests-head h1{margin:5px 0;font-size:30px}.group-requests-head p{color:#a99dab;margin:0;font-size:12px}.group-requests-head>span{color:#ff7290;background:#ff527419;border-radius:17px;place-items:center;width:58px;height:58px;display:grid;position:relative}.group-requests-head>span .ui-icon{width:30px;height:30px}.group-requests-head>span b{color:#fff;background:#ff4d74;border:3px solid #311525;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:8px;display:grid;position:absolute;top:-5px;right:-5px}.group-request-section{margin-top:18px}.group-request-section>header{margin-bottom:10px}.group-request-section>header h2{margin:4px 0;font-size:20px}.group-request-section>header h2 b{color:#ff718f}.group-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-request-grid>article{background:#1a141f;border:1px solid #fff1;border-radius:17px;overflow:hidden}.group-request-user{align-items:center;gap:10px;padding:14px;display:flex}.group-request-user img{object-fit:cover;border-radius:15px;width:53px;height:53px}.group-request-user div>a,.group-request-user div>span,.group-request-user div>small{display:block}.group-request-user div>a{font-size:13px;font-weight:900}.group-request-user div>span{color:#a092a0;margin-top:3px;font-size:9px}.group-request-user div>small{color:#786d79;margin-top:4px;font-size:8px}.group-request-target{background:#ffffff04;border:1px solid #ffffff0d;border-radius:11px;grid-template-columns:39px 1fr auto;align-items:center;gap:9px;margin:0 13px;padding:10px;display:grid}.group-request-target>img,.group-request-target>span{object-fit:cover;border-radius:10px;width:39px;height:39px}.group-request-target>span{color:#ff7391;background:#ff527414;place-items:center;display:grid}.group-request-target div small,.group-request-target div b{display:block}.group-request-target div small{color:#817581;font-size:7px;font-weight:900}.group-request-target div b{margin-top:3px;font-size:10px}.group-request-target>.ui-icon{color:#ff718f;width:14px}.group-request-actions{grid-template-columns:1fr 1fr;gap:8px;padding:12px 13px;display:grid}.group-request-actions button{color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-size:10px;font-weight:900;display:flex}.group-request-actions button.decline{color:#b9adb7;background:#352834}.group-request-actions button.approve{background:linear-gradient(135deg,#2fc56d,#209c58)}.group-request-actions button .ui-icon{width:15px}.group-sent-requests{background:#1a141f;border:1px solid #ffffff10;border-radius:16px;overflow:hidden}.group-sent-requests>a{border-bottom:1px solid #ffffff0b;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.group-sent-requests>a:last-child{border:0}.group-sent-requests img,.group-sent-requests>a>span{object-fit:cover;border-radius:13px;width:46px;height:46px}.group-sent-requests>a>span{color:#ff7190;background:#ff527414;place-items:center;display:grid}.group-sent-requests b,.group-sent-requests small{display:block}.group-sent-requests b{font-size:11px}.group-sent-requests small{color:#8c808c;align-items:center;gap:5px;margin-top:4px;font-size:8px;display:flex}.group-sent-requests small .ui-icon{width:12px}.group-sent-requests>a>.ui-icon{color:#ff718f;width:15px}@media (max-width:760px){.groups-grid,.group-members-grid,.group-request-grid,.group-page-layout,.group-settings-layout,.group-form-layout{grid-template-columns:1fr}.group-about-card{position:static}.group-profile-cover{height:240px}.group-profile-bar{grid-template-columns:1fr}.group-profile-actions{grid-area:auto/1}.group-profile-actions form,.group-profile-actions button,.group-profile-actions>a{width:100%}.group-member-stack{padding-left:0}.group-form-layout>aside{padding:22px}}@media (max-width:520px){.create-menu>div{width:auto;position:fixed;top:63px;left:10px;right:10px}.groups-page-head,.group-settings-head{padding:20px}.groups-page-head h1,.group-settings-head h1{font-size:27px}.groups-page-head p{font-size:11px}.groups-page-head>a{padding:11px;font-size:0}.group-profile-cover{height:190px}.group-profile-bar{padding:14px}.group-profile-identity{align-items:center}.group-profile-identity>img,.group-profile-identity>span{border-radius:20px;width:82px;height:82px;margin-top:-43px}.group-profile-identity h1{font-size:21px}.group-member-stack{padding-top:4px}.group-upload-row{grid-template-columns:1fr}.group-feed-composer>div{grid-template-columns:1fr auto}.group-feed-composer>div label:nth-child(2){grid-area:2/1/auto/-1}.group-post-reactions{flex-direction:column;align-items:flex-start}.group-post-reactions form{width:100%}.group-post-reactions button{flex:1;justify-content:center;padding:9px 5px}.group-post-reactions button span{display:none}.group-join-gate{grid-template-columns:38px 1fr}.group-join-gate form{grid-column:1/-1}.group-join-gate button{justify-content:center;width:100%}}.group-profile-actions button.group-join-pending{color:#f1c87e;cursor:default;box-shadow:none;background:#e0a23d16;border:1px solid #e5a84d42}.group-profile-actions button.group-join-pending:before{content:"";border:2px solid #f1c87e;border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:1s linear infinite groupPendingSpin}@keyframes groupPendingSpin{to{transform:rotate(360deg)}}.group-feed-post>header:has(.group-delete-post){grid-template-columns:44px 1fr auto auto}.group-delete-content{color:#a98590;cursor:pointer;background:#ff52740d;border:1px solid #ff668326;border-radius:9px;place-items:center;transition:all .18s;display:grid}.group-delete-content:hover{color:#ff7895;background:#ff527421;border-color:#ff66835c}.group-delete-content svg{width:16px;height:16px}.group-delete-post{width:33px;height:33px}.group-post-comments>div{align-items:flex-start;transition:all .18s;position:relative}.group-delete-comment{flex:none;width:27px;height:27px;margin-top:3px}.group-delete-comment svg{width:13px;height:13px}.group-confirm-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#08060bb8;place-items:center;padding:18px;transition:all .16s;display:grid;position:fixed;inset:0}.group-confirm-overlay.visible{opacity:1}.group-confirm-overlay.closing{opacity:0}.group-confirm-modal{text-align:center;background:radial-gradient(circle at 50% 0,#8d294f3b,#0000 45%),#1c1522;border:1px solid #ff66832f;border-radius:21px;width:min(100%,430px);padding:27px;transition:all .18s;transform:translateY(10px)scale(.97);box-shadow:0 30px 90px #000b}.group-confirm-overlay.visible .group-confirm-modal{transform:none}.group-confirm-icon{color:#ff7895;background:#ff527419;border-radius:17px;place-items:center;width:55px;height:55px;margin:0 auto 15px;display:grid}.group-confirm-icon svg{width:25px;height:25px}.group-confirm-modal>small{color:#ff6d8e;letter-spacing:.15em;font-size:9px;font-weight:1000}.group-confirm-modal h2{margin:7px 0 8px;font-size:21px;line-height:1.3}.group-confirm-modal>p{color:#a99da8;margin:0;font-size:11px;line-height:1.6}.group-confirm-modal>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.group-confirm-modal button{cursor:pointer;border-radius:11px;height:44px;font-size:11px;font-weight:900}.group-confirm-cancel{color:#b7abb5;background:#ffffff06;border:1px solid #ffffff13}.group-confirm-approve{color:#fff;background:linear-gradient(135deg,#ff4d70,#d32e57);border:0;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 9px 24px #d32e5733}.group-confirm-approve svg{width:16px;height:16px}@media (max-width:430px){.group-confirm-modal{padding:22px 17px}.group-confirm-modal>div{grid-template-columns:1fr}.group-confirm-cancel{grid-row:2}}.group-comment-form:has(.group-comment-photo){grid-template-columns:32px minmax(0,1fr) 39px 40px}.group-comment-photo{color:#a99ca8;cursor:pointer;background:#ffffff04;border:1px solid #49364b;border-radius:9px;place-items:center;width:39px;height:39px;transition:all .18s;display:grid}.group-comment-photo:hover,.group-comment-photo.selected{color:#ff7895;background:#ff527418;border-color:#ff64845c}.group-comment-photo svg{width:17px;height:17px}.group-comment-photo input{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important}.group-comment-media{background:#0d0a11;border:1px solid #ffffff12;border-radius:10px;margin-top:8px;display:block;overflow:hidden}.group-comment-media img{object-fit:cover;border-radius:0;width:min(100%,280px);height:auto;max-height:260px;display:block}@media (max-width:520px){.group-comment-form:has(.group-comment-photo){grid-template-columns:minmax(0,1fr) 39px 40px}.group-comment-form:has(.group-comment-photo)>img{display:none}}
.group-comment-media{cursor:zoom-in;background:0 0;border:1px solid #ffffff12;border-radius:10px;width:auto;max-width:100%;margin-top:8px;display:table;overflow:hidden}.group-comment-media img{object-fit:contain;border-radius:0;width:auto;max-width:100%;height:auto;max-height:360px;display:block}.group-media-viewer{z-index:11000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#07050ae8;flex-direction:column;padding:18px;transition:all .17s;display:flex;position:fixed;inset:0}.group-media-viewer.visible{opacity:1}.group-media-viewer.closing{opacity:0}.group-media-toolbar{color:#aea2ad;justify-content:space-between;align-items:center;width:min(100%,1200px);height:48px;margin:0 auto;display:flex}.group-media-toolbar>span{letter-spacing:.15em;font-size:10px;font-weight:1000}.group-media-toolbar button{color:#fff;cursor:pointer;background:#201822;border:1px solid #ffffff1b;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.group-media-toolbar button:hover{color:#ff7895;background:#ff527417;border-color:#ff698849}.group-media-toolbar svg{width:19px;height:19px}.group-media-stage{flex:1;place-items:center;width:min(100%,1200px);min-height:0;margin:auto;display:grid}.group-media-stage img{object-fit:contain;border-radius:12px;max-width:100%;max-height:calc(100vh - 100px);transition:all .2s;display:block;transform:scale(.97);box-shadow:0 25px 80px #000c}.group-media-viewer.visible .group-media-stage img{transform:scale(1)}.group-comment-profile{flex:none;display:block}.group-comment-name{display:inline-flex}.group-comment-name b{color:#ff7895}.group-comment-profile:hover img{box-shadow:0 0 0 2px #ff63834f}.group-comment-like{color:#918591;cursor:pointer;background:#ffffff04;border:1px solid #ffffff10;border-radius:8px;align-items:center;gap:5px;width:max-content;margin-top:8px;padding:5px 8px;font-size:8px;display:flex}.group-comment-like:hover:not(:disabled){color:#ff7894;border-color:#ff66833b}.group-comment-like.liked{color:#ff7894;background:#ff527414;border-color:#ff66833b}.group-comment-like:disabled{cursor:default}.group-comment-like svg{width:13px;height:13px}.group-comment-like.liked svg{fill:currentColor}.group-comment-like b{min-width:14px;color:inherit;text-align:center}@media (max-width:520px){.group-media-viewer{padding:10px}.group-media-stage img{border-radius:8px;max-height:calc(100vh - 80px)}}