.lobby{height:100svh;display:grid;grid-template-columns:260px minmax(0,1fr) 270px;background:#07101d;color:#eef5ff;overflow:hidden}.lobby[hidden]{display:none!important}.lobby-sidebar,.member-sidebar{background:#091423;border-right:1px solid rgba(141,166,201,.13);min-height:0;display:flex;flex-direction:column}.member-sidebar{border-right:0;border-left:1px solid rgba(141,166,201,.13);background:#08111e}.lobby-brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid rgba(141,166,201,.12);font-size:1.22rem}.lobby-brand strong span{color:#35c9ff}.mini-logo{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#2c7aff,#1e5cdd);font-size:.64rem;letter-spacing:1px}.channel-nav{padding:23px 14px;overflow:auto}.nav-title,.member-sidebar header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px;color:#7186a4;font-weight:800;font-size:.67rem;letter-spacing:1.4px}.nav-title small,.member-sidebar header small{display:grid;place-items:center;min-width:23px;height:20px;border-radius:8px;background:#111f33;color:#8ba2c3;letter-spacing:0}.channel-list{display:grid;gap:6px}.channel-button{border:0;background:transparent;color:#8499b8;border-radius:11px;padding:11px 10px;width:100%;font:600 .84rem Manrope;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;cursor:pointer}.channel-button:hover{background:#0e1c30;color:#dce8fa}.channel-button.active{background:linear-gradient(90deg,rgba(45,117,255,.2),rgba(45,117,255,.06));color:#fff}.channel-button .channel-icon{font-size:.95rem}.channel-button small{font-size:.62rem;color:#506680}.sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid rgba(141,166,201,.12)}.account-card{width:100%;border:0;background:#0e1b2e;color:#fff;border-radius:13px;padding:10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;font:inherit}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#366ef1,#1cc0f0);font-weight:800}.account-card strong,.account-card small{display:block;margin-left:10px}.account-card strong{font-size:.78rem}.account-card small{color:#6f86a6;font-size:.62rem;margin-top:2px}.more{color:#5e7595;letter-spacing:1px}.logout-button{width:100%;border:0;background:none;color:#6f86a6;font:600 .68rem Manrope;padding:12px 4px 2px;cursor:pointer}.logout-button:hover{color:#ff7f8f}.chat-workspace{display:grid;grid-template-rows:76px minmax(0,1fr) auto;min-width:0;background:radial-gradient(circle at 50% 20%,rgba(27,76,145,.08),transparent 38%),#07101d}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(141,166,201,.12);background:rgba(7,16,29,.92)}.chat-toolbar>div{display:flex;align-items:center;gap:12px}.channel-symbol{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#10213a;color:#59a2ff;font-weight:800}.chat-toolbar strong,.chat-toolbar small{display:block}.chat-toolbar strong{font-size:.87rem}.chat-toolbar small{font-size:.64rem;color:#6d83a1;margin-top:3px}.connection-state{font-size:.66rem;color:#6f87a7;display:flex;align-items:center;gap:6px}.connection-state i{width:7px;height:7px;border-radius:50%;background:#43df9e;box-shadow:0 0 10px rgba(67,223,158,.5)}.mobile-panel-button{display:none}.message-area{overflow-y:auto;padding:28px clamp(20px,4vw,50px);scroll-behavior:smooth}.channel-welcome{padding:12px 0 30px;border-bottom:1px solid rgba(141,166,201,.09);margin-bottom:18px}.channel-welcome>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#112440;color:#67a9ff;font-size:1.5rem;font-weight:800}.channel-welcome h2{font-size:1.35rem;margin:14px 0 5px}.channel-welcome p{font-size:.74rem;color:#7185a1;margin:0}.chat-message{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:9px 4px;border-radius:10px}.chat-message:hover{background:rgba(15,30,51,.45)}.message-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#142844;color:#7ab2ff;font-size:.73rem;font-weight:800}.message-head{display:flex;align-items:center;gap:8px;height:20px}.message-head strong{font-size:.76rem}.role-badge{border-radius:5px;padding:2px 5px;background:#163e83;color:#77b3ff;font-size:.52rem;font-weight:800;text-transform:uppercase}.role-badge.root{background:rgba(255,67,102,.14);color:#ff718d}.role-badge.admin{background:rgba(255,171,54,.14);color:#ffbb5d}.message-time{color:#485d7b;font-size:.57rem}.message-body{color:#bac9dc;font-size:.82rem;line-height:1.55;overflow-wrap:anywhere}.composer{margin:0 24px 22px;min-height:58px;display:grid;grid-template-columns:36px 1fr auto 42px;align-items:center;gap:8px;padding:7px 8px;border:1px solid rgba(116,150,198,.2);border-radius:15px;background:#0c192a}.composer:focus-within{border-color:rgba(54,127,255,.55);box-shadow:0 0 0 3px rgba(54,127,255,.07)}.composer input{min-width:0;border:0;outline:0;background:none;color:#eaf2ff;font:500 .81rem Manrope}.composer input::placeholder{color:#50657f}.composer-action,.send-button{border:0;width:36px;height:36px;border-radius:10px;background:transparent;color:#6680a0;cursor:pointer}.composer-action:hover{background:#13243b;color:#9db3cf}.send-button{background:#2878f3;color:#fff}.char-counter{font-size:.58rem;color:#4b607d}.member-sidebar{padding:25px 14px 14px}.member-sidebar header{padding-bottom:15px}.member-list{display:grid;gap:4px;overflow-y:auto}.member{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:8px;border-radius:10px}.member:hover{background:#0e1c2f}.member .avatar{width:34px;height:34px;border-radius:10px;font-size:.66rem}.member strong,.member small{display:block}.member strong{font-size:.75rem}.member small{font-size:.58rem;color:#5f7592;margin-top:2px}.member-status{width:7px;height:7px;border-radius:50%;background:#43df9e}.community-note{margin-top:auto;padding:13px;display:flex;align-items:center;gap:10px;background:#0d1b2e;border:1px solid rgba(141,166,201,.1);border-radius:13px}.community-note>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(54,220,155,.1);color:#45df9f}.community-note strong,.community-note small{display:block}.community-note strong{font-size:.67rem}.community-note small{font-size:.55rem;color:#617793;margin-top:3px}.mobile-close,.mobile-scrim{display:none}@media(max-width:930px){.lobby{grid-template-columns:230px minmax(0,1fr)}.member-sidebar{position:fixed;z-index:12;right:0;top:0;bottom:0;width:280px;transform:translateX(102%);transition:.22s}.member-sidebar.mobile-open{transform:none}.members-button{display:grid!important;place-items:center}.mobile-close{display:block;border:0;background:none;color:#7890ae;font-size:1.25rem}.mobile-scrim{position:fixed;z-index:10;inset:0;background:rgba(1,7,15,.64)}.mobile-scrim.show{display:block}}@media(max-width:680px){.lobby{display:block}.lobby-sidebar{position:fixed;z-index:12;left:0;top:0;bottom:0;width:275px;transform:translateX(-102%);transition:.22s}.lobby-sidebar.mobile-open{transform:none}.chat-workspace{height:100svh}.mobile-panel-button{width:36px;height:36px;border:0;border-radius:10px;background:#102039;color:#8fb8ef;display:grid;place-items:center}.chat-toolbar{padding:0 13px}.chat-toolbar small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-symbol{display:none}.connection-state{display:none}.message-area{padding:20px 14px}.composer{margin:0 10px 10px}.char-counter{display:none}}@media(max-width:430px){.composer{grid-template-columns:34px 1fr 40px}.chat-toolbar small{max-width:145px}.composer .char-counter{display:none}}
.chat-message.global-announcement{margin:8px 0;padding:12px;border:1px solid rgba(255,184,74,.3);background:linear-gradient(90deg,rgba(255,159,45,.12),rgba(255,196,87,.04))}.global-announcement .message-avatar{background:#5a3a17;color:#ffd084}.global-announcement .message-body{color:#ffe0a9}.global-announcement .role-badge{background:#774719;color:#ffd084}