:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f5;font-synthesis:none;--surface:#202229;--surface-raised:#282b34;--line:#343741;--muted:#aeb3c2;--accent:#a69aff;background:#17191f;font-family:Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:#fff;background:#7060dc;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}button:hover{background:#6958d0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #b5aaff}a{color:#b5aaff}h1,h2,h3,h4,p{overflow-wrap:anywhere}input,textarea,select{width:100%;min-width:0;color:inherit;background:#191b22;border:1px solid #484c5a;border-radius:8px;padding:.75rem}input::placeholder,textarea::placeholder{color:#9298a9}input[type=checkbox],input[type=radio]{accent-color:#a69aff;width:auto}input[type=file]{max-width:100%;font-size:.85rem}textarea{resize:vertical}label{color:#c7ccda;gap:.5rem;font-size:.88rem;font-weight:600;display:grid}ul,ol{margin:0;padding:0;list-style:none}li{margin:.4rem 0}fieldset{border:1px solid var(--line);border-radius:10px;min-width:0;padding:1rem}fieldset label{margin:.6rem 0}legend{color:var(--muted);padding:0 .4rem}details{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:.75rem 0;padding:1rem}summary{cursor:pointer;font-weight:600}details[open]>summary{margin-bottom:1rem}.ui-icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px}.icon-button{min-width:36px;min-height:36px;color:var(--muted);background:0 0;padding:.5rem}.icon-button:hover{color:#fff;background:#ffffff0d}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.eyebrow{letter-spacing:.14em;color:var(--muted);font-size:.65rem;font-weight:700}.app-shell{flex-direction:column;height:100dvh;min-height:0;display:flex}.app-topbar{background:#14161b;border-bottom:1px solid #2b2d35;flex-shrink:0;align-items:center;gap:2rem;min-height:52px;padding:.6rem 1.25rem;display:flex}.brand{color:#edf0f5;letter-spacing:-.04em;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:var(--accent);display:flex}.brand-dot{color:var(--accent);margin-left:-.5rem}.topbar-caption{color:#989eae;font-size:.75rem}.connection-label{color:#aeb5c5;align-items:center;gap:.5rem;margin-left:auto;font-size:.7rem;display:flex}.status-dot{background:#65d7af;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.offline{background:#e6ae61}.system-notices{flex-shrink:0;max-height:25dvh;overflow:auto}.system-notices>p{border-radius:0;margin:0}.workspace{flex:1;grid-template-columns:76px 260px minmax(0,1fr);min-height:0;display:grid;position:relative}.community-rail{background:#14161b;flex-direction:column;align-items:center;gap:12px;padding:18px 10px 12px;display:flex;overflow-y:auto}.community-avatar{letter-spacing:.03em;background:#292b35;border-radius:17px;flex-shrink:0;width:48px;min-height:48px;padding:0;font-size:.9rem;position:relative}.community-avatar:hover{border-color:#b5aaff;border-radius:14px}.community-avatar[aria-current]{outline-offset:3px;outline:2px solid #b5aaff}.community-avatar[aria-current]:before{content:"";background:#ddd7ff;border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;left:-14px}.home-avatar{background:#7060dc}.home-avatar .ui-icon{width:25px;height:25px}.rail-divider{background:#363842;flex-shrink:0;width:26px;height:1px}.add-community{color:#78ddb9;background:#20302c}.add-community:hover{background:#2c4940}.rail-settings{color:#afb4c3;background:0 0;margin-top:auto}.avatar-color-0{color:#d7cbff;background:#3f3869}.avatar-color-1{color:#a2e4ce;background:#244942}.avatar-color-2{color:#efc991;background:#52412e}.avatar-color-3{color:#e6b5de;background:#4c334d}.avatar-color-4{color:#b8d4f9;background:#2b425f}.workspace-sidebar{background:#1c1e25;border-right:1px solid #2c2e38;flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-heading{z-index:6;border-bottom:1px solid #2c2e38;flex-shrink:0;justify-content:space-between;align-items:center;min-height:80px;padding:18px 20px;display:flex;position:relative}.sidebar-heading h2{margin:.3rem 0 0;font-size:1rem}.sidebar-heading>div{min-width:0}.community-menu{background:0 0;border:0;flex:1;min-width:0;margin:0;padding:0;position:relative}.community-menu>summary{border-radius:6px;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.community-menu>summary::-webkit-details-marker{display:none}.community-menu[open]>summary{margin-bottom:0}.community-menu>summary:hover .community-name{color:#cbbfff}.community-menu>summary>span{min-width:0}.community-menu .community-name{overflow-wrap:anywhere;margin-top:.3rem;font-size:1rem;display:block}.community-menu>summary>.ui-icon{color:#afb4c3;width:16px;height:16px}.community-menu[open]>summary>.ui-icon{transform:rotate(180deg)}.community-menu-actions{background:#17191f;border:1px solid #44404f;border-radius:10px;max-height:55dvh;padding:8px;position:absolute;top:calc(100% + 16px);left:-10px;right:-10px;overflow-y:auto;box-shadow:0 16px 32px #0006}.community-menu-actions .nav-item{font-size:.8rem}.community-menu-actions .community-menu-admin{color:#cbbfff;border-top:1px solid #383541;border-radius:0 0 6px 6px;margin-top:6px;padding-top:12px}.sidebar-scroll{flex:1;padding:16px 12px;overflow-y:auto}.personal-navigation{border-bottom:1px solid #30323c;gap:4px;padding-bottom:18px;display:grid}.nav-item{text-align:left;color:#aeb4c5;overflow-wrap:anywhere;background:0 0;border-radius:7px;justify-content:flex-start;width:100%;padding:.7rem .75rem;font-size:.85rem;font-weight:500}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item[aria-current]{color:#e3ddff;background:#39344e}.nav-item .ui-icon{color:#8e95a8}.nav-item[aria-current] .ui-icon{color:#bfb1ff}.channel-search{background:#15171d;border:1px solid #30333e;border-radius:7px;align-items:center;gap:.5rem;margin:20px 0;padding:0 .65rem;display:flex}.channel-search input{background:0 0;border:0;padding:.65rem 0;font-size:.77rem}.channel-search .ui-icon{color:#949bac;width:16px;height:16px}.channel-group{margin:20px 0}.channel-group h3{text-transform:uppercase;letter-spacing:.1em;color:#a6acbe;padding:0 .75rem;font-size:.66rem}.channel-group li{margin:3px 0}.channel-item span{min-width:0}.active-channel-dot{background:#bcb0ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.secondary-action{font-size:.78rem}.invite-button{color:#cfc4ff;background:#29263b;border:1px solid #4c426f;width:100%;margin:12px 0;font-size:.78rem}.invite-button:hover{background:#38314f}.sidebar-hint,.sidebar-discovery p{color:#a7afc0;padding:0 .75rem;font-size:.8rem;line-height:1.6}.sidebar-discovery{margin-top:24px}.sidebar-discovery>.eyebrow{padding:.75rem}.mini-avatar{color:#cfc4ff;background:#353044;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.6rem;display:grid}.account-bar{background:#191b21;border-top:1px solid #30323c;align-items:center;gap:10px;padding:12px;display:flex}.user-avatar{color:#e5dcff;background:#5a4b91;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:grid}.account-info{flex:1;gap:2px;min-width:0;display:grid}.account-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.account-info span{color:#a4acbd;font-size:.65rem}.workspace-main{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.content-heading{border-bottom:1px solid #32343e;flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:12px 28px;display:flex}.content-heading>.ui-icon{color:#9c94b6}.content-heading h1{margin:0;font-size:.95rem}.heading-description{color:#aab1c3;border-left:1px solid #454753;padding-left:14px;font-size:.75rem}.heading-settings{margin-left:auto}.main-scroll{flex:1;min-height:0;overflow:auto}.home-content{max-width:1200px;margin:0 auto;padding:40px}.welcome-banner{background:linear-gradient(115deg,#373047,#2f2c42 65%,#34314d);border:1px solid #4b426b;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:36px;display:flex;overflow:hidden}.welcome-banner .eyebrow{color:#c5b7e8}.welcome-banner h2{letter-spacing:-.035em;margin:18px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.18}.greeting-dot{color:#b6a4ff}.welcome-banner p{color:#cbc5d9;font-size:.9rem;line-height:1.7}.welcome-banner button{color:#30254c;background:#d8ceff;margin-top:12px;padding:.8rem 1rem;font-size:.8rem}.welcome-banner button:hover{background:#e7e0ff}.welcome-art{flex-shrink:0;width:230px;height:240px;position:relative}.art-orbit{border:1px solid #6e5d8d;border-radius:50%;position:absolute;inset:20px;transform:rotate(-20deg)scaleX(1.2)}.art-orbit:after{content:"";border:1px dashed #7a6797;border-radius:50%;position:absolute;inset:20px}.art-bubble{border:1px solid #ffffff2b;place-items:center;display:grid;position:absolute;box-shadow:0 18px 32px #17132240}.art-bubble .ui-icon{width:45px;height:45px}.bubble-one{color:#514173;background:#c4b2f1;border-radius:28px 28px 28px 6px;width:108px;height:98px;top:45px;left:16px;transform:rotate(-12deg)}.bubble-two{color:#345f51;background:#9ed8c3;border-radius:24px 24px 5px;width:80px;height:80px;top:125px;left:130px;transform:rotate(10deg)}.bubble-three{color:#6b4f2d;background:#f0cea0;border-radius:18px;width:52px;height:52px;top:15px;left:148px;transform:rotate(15deg)}.bubble-three .ui-icon{width:28px;height:28px}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin:32px 0 18px;display:flex}.section-heading h2{margin:0;font-size:1rem}.section-heading>span{color:var(--muted);font-size:.75rem}.community-cards{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:14px;display:grid}.community-card{text-align:left;background:#262830;border:1px solid #393c47;flex-direction:column;align-items:flex-start;gap:14px;min-height:170px;padding:22px;display:flex}.community-card:hover{background:#2e303c;border-color:#8f80c1}.card-avatar{border-radius:14px;place-items:center;width:46px;height:46px;font-size:.8rem;display:grid}.community-card strong{overflow-wrap:anywhere;font-size:.95rem}.community-card>span:last-child{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:.75rem;font-weight:400;display:flex}.community-card>span:last-child .ui-icon{width:16px;height:16px}.new-community-card{background:0 0;border-style:dashed}.new-community-card .card-avatar{color:#b9a9ef;background:#313044}.home-tip{border-top:1px solid #373943;gap:14px;margin-top:28px;padding:22px 0;display:flex}.home-tip>.ui-icon{color:#c6b482;margin-top:4px}.home-tip h3{margin:0 0 8px;font-size:.85rem}.home-tip p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.chat-content{min-height:100%;padding:24px 32px}.empty-state{text-align:center;max-width:500px;color:var(--muted);margin:10vh auto}.empty-state>.ui-icon{color:#c9b9f2;background:#383147;border-radius:20px;width:64px;height:64px;padding:14px}.empty-state h2{color:#ede8f7;font-size:1.4rem}.empty-state p{font-size:.9rem;line-height:1.7}.panel{border:1px solid var(--line);background:#24262f;border-radius:12px;min-width:0;padding:20px}.main-scroll>.panel{margin:28px}.panel h3{margin-top:0;font-size:1rem}.panel h4{color:#b9bfd0;font-size:.85rem}.panel li button{margin:.25rem;font-size:.8rem}.list-button{text-align:left;background:#313340;justify-content:flex-start;width:100%}.list-button[aria-current=true]{background:#494064}.form{gap:.85rem;margin:1rem 0;display:grid}.form p{margin:.3rem 0}.form button{justify-self:start}.form>button[type=submit]{justify-self:stretch}.error,.notice{overflow-wrap:anywhere;border-radius:8px;padding:.8rem 1rem;font-size:.85rem}.error{color:#ffe3ec;background:#4b2c39;border:1px solid #895264}.notice{color:#e0e8ff;background:#30384e;border:1px solid #505f82}.skip{z-index:100;position:absolute;top:-5rem;left:1rem}.skip:focus{background:#10151d;border-radius:6px;padding:.75rem;top:1rem}.public-shell{height:auto;min-height:100dvh}.login{width:min(100% - 64px,1080px);margin:auto;padding:64px 0}.login-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:100px;display:grid}.login-intro h1{letter-spacing:-.045em;margin:32px 0 24px;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.2}.login-intro>p{color:var(--muted);max-width:420px;line-height:1.8}.login-intro .brand-dot{margin-left:0}.login-intro .eyebrow,.authentication>.eyebrow,.login-card>.eyebrow{letter-spacing:.12em;font-size:.7rem}.welcome-symbol{color:#c8b8f8;background:#373047;border-radius:24px;place-items:center;width:80px;height:80px;margin:28px 0;display:grid}.welcome-symbol .ui-icon{width:40px;height:40px}.login-card{background:#24262f;border:1px solid #3b3d49;border-radius:16px;min-width:0;padding:40px}.login-card>h2,.authentication>h2{letter-spacing:-.04em;margin:28px 0 12px;font-size:2rem;line-height:1.2}.login-card>p{color:var(--muted);font-size:.9rem}.auth-description{color:var(--muted);margin:0 0 28px;font-size:.9rem;line-height:1.6}.authentication .form{gap:20px;margin:24px 0 16px}.authentication input{min-height:48px}.authentication button[type=submit],.login-card>.button-link:not(.auth-alternative){justify-content:space-between;min-height:48px}.password-field{gap:8px;min-width:0;display:flex}.password-group{gap:.5rem;display:grid}.password-field input{flex:1}.authentication .auth-password-toggle{color:var(--muted);background:0 0;border:1px solid #484c5a;padding:0 10px;font-size:.75rem}.authentication .auth-password-toggle:hover{background:var(--surface-raised);color:#edf0f5}.authentication .auth-text-button{color:#b5aaff;text-underline-offset:4px;background:0 0;min-height:36px;padding:4px 0;font-size:.85rem;font-weight:500;text-decoration:underline}.authentication .auth-text-button:hover{color:#ddd7ff}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:24px 0 16px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.authentication .auth-alternative,.login-card>.auth-alternative{background:var(--surface-raised);border:1px solid var(--line);color:#edf0f5;justify-content:space-between;width:100%;min-height:48px;font-size:.85rem;display:flex}.authentication .auth-alternative:hover,.login-card>.auth-alternative:hover{background:#393c49}.authentication .auth-hint{color:var(--muted);margin:12px 0;font-size:.75rem;line-height:1.6}.auth-footer{border-top:1px solid var(--line);color:var(--muted);margin:24px 0 0;padding-top:20px;font-size:.8rem}.recovery-codes{overflow-wrap:anywhere;gap:8px;display:grid}.button-link{color:#fff;background:#7060dc;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;font-size:.9rem;text-decoration:none;display:inline-flex}.feature-chips{flex-wrap:wrap;gap:18px;margin-top:24px;display:flex}.feature-chips span{color:#c7bddf;align-items:center;gap:6px;font-size:.8rem;display:flex}.feature-chips .ui-icon{width:16px;height:16px}.app-dialog{color:#edf0f5;background:#24262f;border:1px solid #4b475b;border-radius:16px;width:min(600px,100% - 32px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 32px 100px #0009}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0d14bf}.dialog-heading{border-bottom:1px solid #3a3c47;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.dialog-heading h2{margin:0;font-size:1.1rem}.dialog-body{padding:24px}.dialog-body>.muted{margin-top:0;font-size:.9rem;line-height:1.6}.form-divider{color:#abb2c4;letter-spacing:.12em;align-items:center;gap:12px;margin:28px 0;font-size:.65rem;display:flex}.form-divider:before,.form-divider:after{content:"";background:#414450;flex:1;height:1px}.secondary-button{background:#393c49}.secondary-button:hover{background:#494c5b}.settings-navigation{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.settings-navigation button{color:#b4bacb;background:0 0}.settings-navigation button[aria-current]{color:#e4d7ff;background:#403655}.settings-footer{border-top:1px solid #414450;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:24px;font-size:.8rem;display:flex}.danger-button{color:#ffbfd1;background:#4c2b39}.danger-button:hover{background:#6a3549}.workspace-sidebar>.panel{background:#22252d;border:0;border-top:1px solid #343741;border-radius:0;flex-shrink:0;max-height:35dvh;padding:12px;overflow-y:auto}.workspace-sidebar>.panel h3{color:#c4bbe2;margin-bottom:10px;font-size:.78rem}.workspace-sidebar>.panel p{font-size:.75rem;line-height:1.5}.workspace-sidebar>.panel button{width:100%;margin:3px 0;padding:.55rem;font-size:.7rem}.call-media{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:.75rem;display:grid}.call-media video{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:18rem}.mobile-only,.navigation-backdrop{display:none}.conversation-panel{flex-direction:column;min-height:calc(100dvh - 165px);display:flex}.message-list{flex:1;padding-bottom:24px}.message{overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:14px;margin:0;padding:12px 8px;display:flex}.message:hover{background:#ffffff04}.message-avatar{color:#d5c5ff;background:#3f3859;border-radius:13px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.8rem;font-weight:600;display:grid}.message-body{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.message-meta strong{color:#ded7f5;font-size:.9rem}.message-meta time,.message small{color:#a4aec3;font-size:.7rem}.message-body>p{white-space:pre-wrap;margin:6px 0;font-size:.9rem;line-height:1.7}.message-toolbar{gap:6px;padding-top:4px;display:flex}.message-toolbar>button{color:#b9c1d3;background:0 0;border:1px solid #454857;padding:3px 8px;font-size:.7rem}.message-toolbar>button:hover{color:#fff;background:#383545}@media (hover:hover) and (pointer:fine){.message-toolbar{opacity:0;pointer-events:none}.message:hover .message-toolbar,.message:focus-within .message-toolbar,.message-toolbar.is-pending{opacity:1;pointer-events:auto}}.composer{background:#2a2c36;border:1px solid #484657;border-radius:12px;gap:8px;margin:0;padding:10px 12px;position:relative}.composer-editor{align-items:center;gap:12px;display:flex}.composer-editor>label{flex:1;min-width:0}.composer textarea{resize:vertical;background:0 0;border:0;min-height:48px;padding:10px 0;font-weight:400}.composer-add{color:#e1e4ed;background:#414451;border-radius:50%;min-width:32px;min-height:32px;padding:6px}.composer-send{color:#cabfff;flex-shrink:0}.composer-options{z-index:5;background:#24262f;border:1px solid #484657;border-radius:12px;gap:14px;width:min(360px,100%);max-height:50dvh;padding:16px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0005}.composer-options-heading{justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.composer-options button{font-size:.78rem}.composer-options fieldset{gap:8px;display:grid}.composer-selections{flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.composer-selections button{color:#c8bfff;background:0 0;padding:4px 8px;font-size:.7rem}.friends-panel{max-width:1100px}.friend-tools{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;padding-bottom:24px;display:grid}.friend-tools .form,.contact-picker h4,.contact-picker p{margin:0}.contact-results{max-height:320px;overflow-y:auto}.contact-results li{align-items:center;gap:12px;padding:8px 0;display:flex}.contact-results strong{overflow-wrap:anywhere;min-width:0}.contact-results button{flex-shrink:0;margin-left:auto}.friend-list>li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.friend-identity{flex:1;gap:6px;min-width:160px;display:grid}.friend-identity>small{color:var(--muted)}.direct-list{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:12px;display:grid}.direct-list button{background:#34303f;justify-content:flex-start;width:100%}@media (width>=1600px){.workspace{grid-template-columns:80px 290px minmax(0,1fr)}.home-content{padding-top:56px}}@media (width<=1100px){.home-content,.welcome-banner{padding:28px}.welcome-art{transform-origin:100%;width:170px;transform:scale(.8)}.heading-description{display:none}.login-layout{gap:32px}}@media (width<=760px){.app-topbar{min-height:48px;padding:.6rem 1rem}.topbar-caption{display:none}.connection-label{font-size:.65rem}.workspace{grid-template-columns:64px minmax(0,1fr)}.community-rail{gap:14px;padding:16px 8px}.community-avatar{border-radius:14px;width:42px;min-height:42px}.community-avatar[aria-current]:before{left:-11px}.workspace-sidebar{display:none}.navigation-open .workspace-sidebar{z-index:20;width:min(290px,100% - 64px);display:flex;position:absolute;top:0;bottom:0;left:64px;box-shadow:20px 0 40px #0006}.mobile-only{display:inline-flex}.navigation-backdrop{z-index:15;background:#0008;border-radius:0;display:block;position:absolute;inset:0 0 0 64px}.navigation-backdrop:hover{background:#0008}.content-heading{gap:8px;min-height:62px;padding:12px}.content-heading h1{font-size:.85rem}.content-heading>.ui-icon{display:none}.home-content{padding:18px}.welcome-banner{padding:22px}.welcome-banner h2{font-size:1.65rem}.welcome-banner p{font-size:.8rem}.welcome-banner button{font-size:.75rem}.welcome-art{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.community-cards{grid-template-columns:1fr}.community-card{min-height:145px;padding:18px}.chat-content{padding:16px 12px}.message{gap:10px;padding:12px 0}.message-avatar{border-radius:10px;width:30px;height:30px;font-size:.65rem}.composer{padding:12px}.conversation-panel{min-height:calc(100dvh - 145px)}.main-scroll>.panel{margin:14px;padding:16px}.friend-tools{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;gap:24px}.login-intro h1{font-size:2.6rem}.login-intro .welcome-symbol{display:none}.login{width:calc(100% - 32px);padding:28px 0}.login-card{padding:22px}.login-intro h1{margin:16px 0}.login-intro>p{font-size:.9rem}.login-card>h2,.authentication>h2{font-size:1.7rem}.app-dialog{max-height:calc(100dvh - 24px)}.dialog-heading,.dialog-body{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.forum-intro{align-items:center;gap:16px;padding:12px 0 24px;display:flex}.forum-intro>.ui-icon{color:#c8b7ee;background:#3c334f;border-radius:14px;width:48px;height:48px;padding:10px}.forum-intro h2{margin:0 0 8px;font-size:1.2rem}.forum-intro p{margin:0;font-size:.85rem}.forum-topics{margin:16px 0 28px}.forum-topics .list-button{background:#292b35;border:1px solid #424451;gap:16px;padding:18px}.forum-topics .list-button:hover{background:#34313f;border-color:#7e709e}.forum-topics .list-button>span{flex:1;gap:8px;display:grid}.forum-topics small{color:#c0b4db;font-weight:400}.forum-panel>.form{max-width:800px}.channel-category{background:0 0;border:0;margin:18px 0;padding:0}.channel-category>summary{color:var(--muted);padding:.5rem;font-size:.75rem}.channel-category[open]>summary{margin-bottom:.2rem}.channel-row{align-items:center;gap:2px;margin:2px 0;display:flex}.channel-row .channel-item{flex:1;min-width:0;padding:.5rem}.channel-row .channel-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-chat{min-width:32px;min-height:32px;padding:.3rem}.voice-participants{padding-left:24px}.voice-participants li{color:#c9ceda;align-items:center;gap:8px;padding:4px;font-size:.75rem;display:flex}.section-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:22px;padding-bottom:16px;display:flex}.section-tabs button{color:#c9ceda;background:0 0}.section-tabs button[aria-current]{color:#fff;background:#39344e}.section-tabs .add-friend-tab{color:#fff;background:#245d49}.presence-choice{max-width:230px;margin:16px 0}.add-friend-content>.form,.identity-panel{max-width:620px}.identity-panel{border-top:1px solid var(--line);margin-top:24px;padding:20px 0}.form-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.voice-intro{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.voice-intro>div{flex:1;min-width:170px}.voice-intro h2{margin:0 0 6px;font-size:1rem}.voice-intro p{color:var(--muted);margin:0;font-size:.85rem}.voice-controls{border-top:1px solid var(--line);flex-shrink:0;max-height:45dvh;margin:0;padding:12px;overflow-y:auto}.voice-controls h3{margin:0;font-size:.85rem}.voice-controls p{font-size:.75rem}.voice-controls button{min-height:32px;margin:3px;padding:.5rem;font-size:.75rem}.administration-layout{grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 145px);display:grid}.administration-navigation{border-right:1px solid var(--line);background:#1c1e25;align-self:start;height:calc(100dvh - 164px);padding:18px;position:sticky;top:0;overflow-y:auto}.administration-navigation h2{color:var(--muted);margin-bottom:24px;font-size:.85rem}.administration-content{min-width:0;max-width:1100px;padding:24px 32px}.administration-content h2{font-size:1.2rem}.administration-content>section>label{margin:20px 0}.admin-role-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.admin-role-list strong{margin-right:auto}.permission-editor{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.permission-editor>label{max-width:500px}.permission-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);align-items:center;padding:10px 0;display:grid}@media (width<=800px){.administration-layout{display:block}.administration-navigation{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;height:auto;padding:12px;display:flex;position:static;overflow:visible}.administration-navigation h2{flex-basis:100%;margin:0 0 8px}.administration-navigation .nav-item{width:auto}.administration-content{padding:16px 0}.permission-row{grid-template-columns:1fr;gap:8px}}