.mobile-account-link{display:none}.community-main{max-width:1000px}.chat-shell{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,28,48,.94),rgba(5,12,22,.96));border-radius:18px;padding:16px;box-shadow:0 20px 70px #0008,0 0 30px #1ba8ff18}.chat-tabs{display:flex;gap:8px;margin-bottom:12px}.chat-tab{border:1px solid #294967;background:#0b192b;color:#bed3e9;border-radius:10px;padding:10px 14px;font:700 14px Orbitron;cursor:pointer}.chat-tab.active{border-color:#32b7ff;background:#123b65;box-shadow:0 0 18px #1ba8ff42}.chat-messages{height:min(62vh,680px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px 4px}.chat-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;border:1px solid #203b57;background:#071321;border-radius:12px;padding:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#173556}.chat-body{min-width:0}.chat-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.chat-head strong{color:#eaf6ff}.chat-head small,.chat-message>small{color:var(--muted)}.chat-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#c9dcef}.chat-media{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chat-media img{max-width:min(100%,420px);max-height:300px;border:1px solid #315676;border-radius:10px;object-fit:contain}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid #203b57;padding-top:12px}.chat-composer textarea{width:100%;resize:none;border:1px solid #315676;background:#050d18;color:#fff;border-radius:11px;padding:12px;font:600 16px Rajdhani}.chat-composer textarea:focus{outline:none;border-color:#32b7ff;box-shadow:0 0 16px #1ba8ff35}
.website-badge{border:1px solid #2d8fba;background:#103550;color:#89ddff;border-radius:999px;padding:1px 7px;font:700 10px Orbitron}.chat-product-link,.chat-role{display:inline-flex;align-items:center;border:1px solid #5a5bd1;background:#25265d;color:#d9dcff!important;border-radius:5px;padding:1px 6px;font-weight:700;text-decoration:none!important}.chat-product-link:hover{border-color:#8b8dff;box-shadow:0 0 12px #686bff55;color:#fff!important}.chat-embed{--embed-color:#32b7ff;display:flex;align-items:flex-start;gap:14px;max-width:640px;margin-top:8px;padding:12px 14px;border-left:4px solid var(--embed-color);border-radius:4px 10px 10px 4px;background:#111d2d;box-shadow:0 8px 25px #0003}.chat-embed-main{flex:1;min-width:0}.chat-embed-author{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#ddecf8;font-size:13px}.chat-embed-author img{width:22px;height:22px;border-radius:50%;object-fit:cover}.chat-embed h3{margin:0 0 6px;color:#f4f8ff;font:700 16px Rajdhani}.chat-embed-description{color:#d2dfeb;line-height:1.4;overflow-wrap:anywhere}.chat-embed-description p{margin:0}.chat-embed-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:10px}.chat-embed-field{grid-column:1/-1;min-width:0}.chat-embed-field.inline{grid-column:auto}.chat-embed-field>strong{display:block;color:#f0f6fc}.chat-embed-field p{margin:2px 0 0;color:#bdcee0;overflow-wrap:anywhere}.chat-embed-thumbnail{flex:0 0 auto}.chat-embed-thumbnail img{display:block;width:80px;height:80px;border-radius:5px;object-fit:cover}.chat-embed-image{display:block;margin-top:10px}.chat-embed-image img,.chat-embed-video{display:block;max-width:100%;max-height:360px;border:1px solid #315676;border-radius:8px;object-fit:contain}.chat-embed-footer{display:block;margin-top:10px;color:#8fa6bb}.chat-inline-code{border:1px solid #315676;background:#020914;color:#9ee8ff;border-radius:5px;padding:1px 5px;font:600 .9em Consolas,monospace}.chat-content a,.chat-embed a{color:#69d7ff;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.mobile-account-link{display:inline-flex;white-space:nowrap;padding:8px 10px}.community-main{padding:25px 10px}.compact-hero{display:none}.chat-shell{border-radius:12px;padding:10px}.chat-messages{height:calc(100vh - 245px);min-height:360px}.chat-composer{grid-template-columns:1fr}.chat-composer .button{width:100%}.chat-message{grid-template-columns:32px minmax(0,1fr);padding:9px}.chat-avatar{width:32px;height:32px}}

.load-older{display:block;margin:10px auto 0;border:1px solid #315676;background:#0b192b;color:#bcd8ef;border-radius:999px;padding:7px 14px;font:700 13px Rajdhani;cursor:pointer}.load-older:hover{border-color:#32b7ff;color:#fff;box-shadow:0 0 14px #1ba8ff35}.load-older[hidden]{display:none}.chat-media video{max-width:min(100%,420px);max-height:300px;border:1px solid #315676;border-radius:10px;background:#02070d}.chat-compose-main{position:relative;min-width:0}.chat-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.chat-tool{border:1px solid #315676;background:rgba(14,34,56,.88);color:#cde6fa;border-radius:8px;padding:6px 9px;font:700 13px Rajdhani;cursor:pointer}.chat-tool:hover{border-color:#32b7ff;box-shadow:0 0 12px #1ba8ff30}.chat-tool.danger{border-color:#893648;color:#ffd8df}.media-selection{max-width:min(100%,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ec3df;font:600 13px Rajdhani}.emoji-picker{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:min(430px,100%);max-height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px;padding:9px;border:1px solid #315676;border-radius:12px;background:#071321;box-shadow:0 18px 50px #000b,0 0 20px #1ba8ff22}.emoji-picker[hidden]{display:none}.emoji-option{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font-size:22px;cursor:pointer}.emoji-option:hover{border-color:#32b7ff;background:#123b65}.emoji-option img{width:26px;height:26px;object-fit:contain}.inline-emoji{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:-6px;margin:0 1px}
@media(max-width:760px){.chat-messages{height:calc(100vh - 315px)}.chat-tools{gap:5px}.emoji-picker{position:fixed;left:10px;right:10px;bottom:150px;width:auto;max-height:210px}.media-selection{max-width:190px}.chat-embed{gap:9px;padding:10px}.chat-embed-thumbnail img{width:58px;height:58px}.chat-embed-fields{grid-template-columns:1fr}.chat-embed-field.inline{grid-column:1/-1}}

/* Full-height Discord-style community workspace. */
.community-page{height:100vh;min-height:0;overflow:hidden}.community-page .site-header{position:relative}.community-main{width:100%;max-width:none;height:calc(100vh - 78px);min-height:0;margin:0;padding:14px clamp(12px,2vw,30px);overflow:hidden}.chat-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:12px;width:100%;height:100%;min-height:0;padding:12px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-tabs{margin:0}.chat-panel>.secure-note{margin:8px 0 2px}.chat-messages{flex:1;height:auto;min-height:0;padding:8px 4px;scrollbar-width:thin;scrollbar-color:#315676 transparent}.chat-composer{flex:0 0 auto}.member-toggle{display:none}.member-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #294967;border-radius:14px;background:linear-gradient(160deg,#0b192bfa,#07111ffc);box-shadow:inset 0 1px #ffffff08}.member-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 14px 8px;border-bottom:1px solid #203b57}.member-sidebar-head h2{margin:4px 0 0;font:700 17px Orbitron}.member-sidebar-head .close-button{display:none}.member-summary{padding:8px 14px;color:#8fa8c0;font-size:14px}.member-list{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 12px;scrollbar-width:thin;scrollbar-color:#315676 transparent}.member-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:7px}.member-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#315676;border-radius:99px}.member-group h3{margin:13px 7px 5px;color:var(--role-color);font:700 12px Orbitron;letter-spacing:.04em}.member-row{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:9px;padding:7px;background:transparent;color:#fff;text-align:left;cursor:pointer}.member-row:hover{border-color:#315676;background:#14243a;box-shadow:0 0 14px #1ba8ff20}.member-avatar-wrap{position:relative;flex:0 0 38px;width:38px;height:38px}.member-avatar-wrap img{width:38px;height:38px;border-radius:50%;object-fit:cover}.presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:3px solid #0b192b;border-radius:50%;background:#747f8d}.presence.online{background:#3ba55c}.presence.idle{background:#faa61a}.presence.dnd{background:#ed4245}.member-row-copy{min-width:0;display:grid}.member-row-copy strong,.member-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-copy strong{font-size:15px}.member-row-copy small{color:#7892ac;font-size:12px}.empty-members{padding:30px 12px;text-align:center;color:var(--muted)}.member-backdrop{display:none}.member-dialog{width:min(430px,calc(100% - 24px));overflow:visible}.member-profile{position:relative;overflow:hidden;border-radius:18px;background:#0b1423}.member-profile-banner{height:105px;background:radial-gradient(circle at 25% 0,#275f91 0,transparent 48%),linear-gradient(135deg,#26354c,#302840)}.member-profile-close{position:absolute;z-index:2;right:13px;top:13px}.member-profile-identity{position:relative;padding:55px 20px 13px}.member-profile-avatar{position:absolute;left:20px;top:-47px;width:92px;height:92px}.member-profile-avatar img{width:92px;height:92px;border:6px solid #0b1423;border-radius:50%;object-fit:cover}.member-profile-avatar .presence{right:4px;bottom:4px;width:18px;height:18px;border-width:4px;border-color:#0b1423}.member-profile-identity h2{margin:0;font:700 22px Orbitron}.member-profile-identity p{margin:2px 0;color:#9bb0c5}.presence-label{display:inline-block;margin-top:6px;border:1px solid #315676;border-radius:999px;padding:2px 8px;text-transform:capitalize;font-size:12px}.presence-label.online{color:#70e596;border-color:#2d8050}.presence-label.idle{color:#ffd078;border-color:#8e6825}.presence-label.dnd{color:#ff8395;border-color:#9c3547}.profile-section{margin:0 16px 12px;padding:12px;border:1px solid #243d58;border-radius:11px;background:#091321}.profile-section h3{margin:0 0 9px;color:#dcecff;font:700 13px Orbitron}.profile-chips,.profile-products{display:flex;gap:6px;flex-wrap:wrap}.profile-role,.profile-product{border:1px solid var(--role-color,#315676);border-radius:999px;padding:3px 8px;color:#dcecff;font-size:12px;text-decoration:none}.profile-product{--role-color:#396fc8;background:#10284b;color:#aeddff}.profile-product:hover{border-color:#50cfff;color:#fff;box-shadow:0 0 10px #1ba8ff30}.profile-empty{color:#8098b0;font-size:13px}.member-dm-form{display:grid;gap:9px;margin:0 16px 17px;padding:12px;border:1px solid #315676;border-radius:11px;background:#091321}.member-dm-form label{display:grid;gap:6px;color:#dcecff;font-weight:700}.member-dm-form textarea{width:100%;resize:vertical;border:1px solid #315676;background:#030a13;color:#fff;border-radius:9px;padding:10px;font:600 15px Rajdhani}.member-dm-form textarea:focus{outline:none;border-color:#32b7ff;box-shadow:0 0 14px #1ba8ff35}.member-dm-form small{color:#829bb3}.profile-dm-disabled{margin:0 16px 17px;padding:12px;border:1px solid #243d58;border-radius:10px}.member-dialog::backdrop{background:#02050bd9;backdrop-filter:blur(7px)}
@media(max-width:900px){.community-main{padding:8px}.chat-shell{grid-template-columns:1fr;padding:8px}.member-toggle{display:inline-flex}.member-sidebar{position:fixed;z-index:46;top:78px;right:0;width:min(340px,90vw);height:calc(100vh - 78px);border-radius:14px 0 0 14px;transform:translateX(105%);transition:transform .2s ease}.member-sidebar.open{transform:none}.member-sidebar-head .close-button{display:block}.member-backdrop{display:block;position:fixed;z-index:45;inset:78px 0 0;border:0;background:#02050b99}.member-backdrop[hidden]{display:none}.chat-messages{height:auto;min-height:0}.chat-composer{grid-template-columns:minmax(0,1fr) auto}.chat-composer .button{width:auto}.emoji-picker{bottom:calc(100% + 8px)}}
@media(max-width:600px){.chat-status{font-size:12px}.chat-tab{padding:8px 10px;font-size:12px}.chat-toolbar{align-items:flex-start}.chat-composer{grid-template-columns:1fr}.chat-composer>.button{width:100%}.member-dialog{width:calc(100% - 16px)}.chat-shell{border-radius:10px}}

.member-dialog{max-height:calc(100vh - 24px);overflow-y:auto;padding:0;border-radius:18px}
@supports(height:100dvh){.community-page{height:100dvh}.community-main{height:calc(100dvh - 78px)}.member-dialog{max-height:calc(100dvh - 24px)}@media(max-width:900px){.member-sidebar{height:calc(100dvh - 78px)}}@media(max-width:760px){.community-main{height:calc(100dvh - 68px)}.member-sidebar{top:68px;height:calc(100dvh - 68px)}.member-backdrop{inset:68px 0 0}}}
.profile-friend-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.profile-friend-actions>.button{display:inline-flex;flex:1 1 145px;align-items:center;justify-content:center;min-height:44px;margin:0!important;text-align:center}.profile-friend-actions .friend-request-cancel{margin-top:0!important;background:#641d2c;border-color:#c4435b;color:#fff}
.profile-mutual-list{display:flex;gap:7px;flex-wrap:wrap}.profile-mutual-friend{display:flex;align-items:center;gap:6px;max-width:180px;border:1px solid #315676;border-radius:999px;padding:4px 9px 4px 5px;background:#0d2035;color:#fff;cursor:pointer}.profile-mutual-friend img{width:25px;height:25px;border-radius:50%;object-fit:cover}.profile-mutual-friend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vex-context-menu{position:fixed;z-index:500;display:grid;min-width:210px;padding:7px;border:1px solid #3a485d;border-radius:9px;background:#171f2c;box-shadow:0 18px 55px #000c;color:#eef5ff}.vex-context-menu button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;width:100%;border:0;border-radius:5px;padding:9px;background:transparent;color:inherit;text-align:left;font:700 14px Rajdhani;cursor:pointer}.vex-context-menu button:hover{background:#2b79d0;color:#fff}.vex-context-menu button.danger{color:#ff8797}.vex-context-menu button.danger:hover{background:#a52e47;color:#fff}.context-separator{height:1px;margin:5px 3px;background:#354052}

.reply-context{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-4px;border:1px solid #315676;border-radius:9px;padding:7px 10px;background:#0b192b;color:#a9c4dc}.reply-context[hidden]{display:none}.reply-context button{border:0;background:transparent;color:#dcecff;font-size:20px;cursor:pointer}.chat-reply-preview{display:flex;align-items:center;gap:8px;max-width:100%;margin:0 0 6px;border:0;border-left:2px solid #547aa0;padding:2px 8px;background:transparent;color:#8fa8c0;cursor:pointer}.chat-reply-preview strong{color:#cce5fa;white-space:nowrap}.chat-reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edited-label{font-style:italic}.chat-message-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;min-height:26px}.chat-reactions{display:flex;flex-wrap:wrap;gap:5px}.chat-reaction{display:inline-flex;align-items:center;gap:5px;border:1px solid #294967;border-radius:999px;padding:3px 8px;background:#0a1727;color:#cfe5f7;cursor:pointer}.chat-reaction:hover,.chat-reaction.active{border-color:#4a9ee8;background:#12365b;box-shadow:0 0 10px #1ba8ff25}.chat-reaction img{width:18px;height:18px;object-fit:contain}.chat-message-actions{display:flex;gap:5px;opacity:0;transition:opacity .15s ease}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{opacity:1}.chat-message-actions button{border:1px solid #294967;border-radius:7px;padding:4px 7px;background:#0b192b;color:#a9c4dc;cursor:pointer}.chat-message-actions button:hover{border-color:#32b7ff;color:#fff}.chat-member-mention{display:inline;border:1px solid #5a5bd1;border-radius:5px;padding:1px 5px;background:#25265d;color:#d9dcff;font:inherit;font-weight:700;cursor:pointer}.chat-member-mention:hover{border-color:#8b8dff;color:#fff;box-shadow:0 0 10px #686bff44}.message-reaction-picker{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(8,34px);gap:4px;max-width:304px;border:1px solid #315676;border-radius:11px;padding:8px;background:#071321;box-shadow:0 16px 45px #000c,0 0 18px #1ba8ff25}.message-reaction-picker[hidden]{display:none}.message-reaction-picker button{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font-size:20px;cursor:pointer}.message-reaction-picker button:hover{border-color:#32b7ff;background:#123b65}.message-reaction-picker img{width:24px;height:24px;object-fit:contain}.message-highlight{animation:message-highlight 1.6s ease}@keyframes message-highlight{0%,100%{box-shadow:none}35%{border-color:#32b7ff;box-shadow:0 0 24px #1ba8ff66}}
.chat-message[data-message-id*="-"] .chat-message-footer,.chat-message[data-staff-message*="-"] .chat-message-footer{display:none}
@media(max-width:600px){.chat-message-actions{opacity:1}.chat-message-footer{align-items:flex-end}.message-reaction-picker{grid-template-columns:repeat(7,34px);max-width:270px}}
.member-moderation-form{display:grid;gap:9px;margin-top:14px;text-align:left}.member-moderation-form label{display:grid;gap:5px;color:#b9cde1;font-weight:700}.member-moderation-form select,.member-moderation-form input{width:100%;box-sizing:border-box;border:1px solid #315676;background:#030a13;color:#fff;border-radius:9px;padding:10px;font:600 15px Rajdhani}
.chat-author-link{border:0;background:none;padding:0;font:700 inherit;cursor:pointer}.chat-author-link:hover{text-decoration:underline}.chat-compose-main{position:relative}.mention-suggestions{position:absolute;left:0;right:0;bottom:100%;z-index:80;max-height:280px;overflow:auto;padding:6px;border:1px solid #315676;border-radius:10px;background:#071321;box-shadow:0 14px 40px #000b}.mention-suggestions[hidden]{display:none}.mention-suggestions button{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:7px;background:none;color:#fff;text-align:left;cursor:pointer}.mention-suggestions button:hover{background:#142b44}.mention-suggestions img,.mention-symbol{width:34px;height:34px;border-radius:50%;flex:0 0 34px}.mention-suggestions img{object-fit:cover}.mention-symbol{display:grid;place-items:center;border:1px solid var(--mention-color,#32b7ff);background:#102945;color:var(--mention-color,#32b7ff);font:800 17px/1 Orbitron,system-ui,sans-serif;font-style:normal}.mention-symbol.everyone{border-color:#ffb13b;background:#3a2912;color:#ffd082}.mention-suggestions strong,.mention-suggestions small{display:block}.mention-suggestions small{color:#91a8c3}
.chat-timeout-status{border:1px solid #a43b50;border-radius:8px;padding:7px 10px;background:#3e1721;color:#ffb1be!important}
.chat-member-timeout,.member-timeout-badge,.member-profile-timeout{display:block;width:max-content;max-width:100%;color:#ff7188;font:700 12px Rajdhani,sans-serif}.chat-member-timeout{margin:0 0 4px}.member-timeout-badge{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-timeout-summary{display:grid;gap:3px;margin-top:9px;border:1px solid #a43b50;border-radius:9px;padding:8px 10px;background:#3e1721}.member-timeout-summary small{color:#ffb1be}.member-timeout-action-copy{margin:0;border:1px solid #a43b50;border-radius:8px;padding:8px 10px;background:#3e1721;color:#ffb1be}
.community-edit-dialog{border:1px solid #315676;border-radius:16px;padding:18px;background:#0b1423;box-shadow:0 18px 55px #0009}.community-edit-dialog .modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-edit-dialog .modal-top h2{margin:0;font:700 20px Orbitron}.community-edit-dialog .context-edit-form{display:grid;gap:10px;margin-top:15px}.community-edit-dialog textarea{width:100%;resize:vertical;border:1px solid #315676;border-radius:10px;padding:11px;background:#030a13;color:#eef7ff;font:600 15px Rajdhani}.community-edit-dialog textarea:focus{outline:none;border-color:#32b7ff;box-shadow:0 0 14px #1ba8ff35}.community-edit-dialog small{color:#829bb3}.community-edit-actions{display:flex;justify-content:flex-end;gap:8px}
.chat-author-link,.chat-head>strong{font:700 17px/1.2 Rajdhani,sans-serif}