:root{--bg:#0b0d12;--panel:#11141b;--panel-2:#151922;--panel-3:#1a1f2a;--stroke:rgba(255,255,255,.075);--stroke-strong:rgba(255,255,255,.13);--text:#f5f7fb;--muted:#8b93a7;--subtle:#5f687d;--accent:#7568ff;--accent-2:#4ba8ff;--cyan:#50d5ff;--green:#45dfa0;--red:#ff6578;--amber:#ffcf66;--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.45);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}.icon-sprite{position:fixed;width:0;height:0;overflow:hidden}.icon-sprite symbol,.icon-sprite path,.icon-sprite circle,.icon-sprite rect{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-a{width:400px;height:400px;background:#604cff;left:-160px;top:-180px}.ambient-b{width:500px;height:500px;background:#168dff;right:-220px;bottom:-260px}.app-shell{position:relative;display:grid;grid-template-columns:76px 286px minmax(0,1fr) 0;height:100dvh;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 40%);transition:grid-template-columns .35s cubic-bezier(.2,.8,.2,1)}.app-shell.info-open{grid-template-columns:76px 286px minmax(0,1fr) 308px}
.server-rail{z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px max(14px,env(safe-area-inset-bottom));background:rgba(7,9,13,.86);border-right:1px solid var(--stroke);backdrop-filter:blur(24px)}.brand-mark,.server-pill{position:relative;display:grid;place-items:center;width:48px;height:48px;border:0;cursor:pointer}.brand-mark{border-radius:15px;background:linear-gradient(145deg,#867aff,#5361f3);box-shadow:0 10px 28px rgba(100,88,255,.35)}.brand-mark svg{width:25px;height:25px}.brand-mark svg use{fill:rgba(255,255,255,.06);stroke:#fff}.server-pill{border-radius:16px;background:var(--panel-2);border:1px solid var(--stroke);color:#aeb5c5;transition:.25s cubic-bezier(.2,.8,.2,1)}.server-pill:hover,.server-pill.active{color:#fff;background:linear-gradient(145deg,#645bf1,#4f6be9);border-color:transparent;border-radius:14px;transform:translateY(-1px)}.server-pill svg{width:21px;height:21px}.server-pill .guild-initial{font-weight:750;font-size:14px;letter-spacing:-.03em}.pill-indicator{position:absolute;left:-11px;width:3px;height:0;border-radius:0 4px 4px 0;background:white;transition:.25s}.server-pill:hover .pill-indicator{height:18px}.server-pill.active .pill-indicator{height:30px}.rail-divider{width:30px;height:1px;background:var(--stroke-strong);margin:1px 0}.guild-nav{display:flex;flex-direction:column;gap:9px;overflow:auto;scrollbar-width:none}.guild-nav::-webkit-scrollbar{display:none}.rail-spacer{flex:1}.socket-dot{width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(255,207,102,.08)}.socket-dot[data-state=online]{background:var(--green);box-shadow:0 0 0 5px rgba(69,223,160,.08),0 0 16px rgba(69,223,160,.4)}.socket-dot[data-state=offline]{background:var(--red)}
.channel-sidebar{z-index:4;min-width:0;display:flex;flex-direction:column;background:rgba(15,18,25,.92);border-right:1px solid var(--stroke);backdrop-filter:blur(30px)}.workspace-head{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--stroke)}.workspace-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.workspace-head strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#777fff}.icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#9ba3b7;cursor:pointer;overflow:hidden;transition:.2s}.icon-btn:hover{color:#fff;background:rgba(255,255,255,.06);border-color:var(--stroke)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn svg{width:19px;height:19px}.icon-btn.danger{color:#ff8290;background:rgba(255,101,120,.09)}.sidebar-search{position:relative;display:flex;align-items:center;margin:15px 15px 8px}.sidebar-search svg{position:absolute;left:12px;width:16px;height:16px;color:#697286}.sidebar-search input{width:100%;height:38px;padding:0 46px 0 36px;border:1px solid var(--stroke);border-radius:11px;outline:0;color:var(--text);background:#0d1016;transition:.2s}.sidebar-search input:focus{border-color:rgba(117,104,255,.6);box-shadow:0 0 0 3px rgba(117,104,255,.1)}.sidebar-search kbd{position:absolute;right:9px;padding:3px 6px;border:1px solid var(--stroke);border-radius:5px;background:var(--panel-2);color:var(--subtle);font-size:9px}.dm-create{padding:7px 15px 5px}.dm-create label,.field>span{display:block;color:var(--muted);font-size:11px;font-weight:650;margin-bottom:7px}.compact-input{display:flex;gap:6px}.compact-input input{min-width:0;flex:1;height:36px;padding:0 11px;border:1px solid var(--stroke);border-radius:10px;outline:0;background:var(--panel-2);color:#fff}.compact-input input:focus{border-color:rgba(117,104,255,.55)}.compact-input .icon-btn{width:36px;height:36px;background:var(--panel-3);border-color:var(--stroke)}.channel-scroll{flex:1;overflow:auto;padding:8px 10px 16px;scrollbar-width:thin;scrollbar-color:#262b37 transparent}.section-label{height:36px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;color:#687186;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.live-chip{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:999px;background:rgba(69,223,160,.07);color:#55dba2;font-size:8px}.live-chip i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.channel-list{display:flex;flex-direction:column;gap:2px}.channel-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8f98ab;text-align:left;cursor:pointer;overflow:hidden;transition:.18s}.channel-item:hover{background:rgba(255,255,255,.045);color:#dce1ec}.channel-item.active{background:linear-gradient(90deg,rgba(117,104,255,.16),rgba(117,104,255,.05));color:#fff;border-color:rgba(117,104,255,.16)}.channel-item.active:before{content:"";position:absolute;left:0;width:2px;height:19px;border-radius:0 3px 3px 0;background:#8478ff;box-shadow:0 0 12px #7568ff}.channel-item svg{width:17px;height:17px;flex:0 0 auto}.channel-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item small{margin-left:auto;color:#525b6e;font-size:10px}.channel-item.voice-selected{color:#6fe1ad}.channel-item.nested{height:34px;margin-left:17px;width:calc(100% - 17px);font-size:12px}.channel-empty{padding:18px 10px;color:#596276;font-size:12px;text-align:center}.skeleton{height:38px;border-radius:10px;background:linear-gradient(100deg,#151923 25%,#1c212d 45%,#151923 65%);background-size:300% 100%;animation:shimmer 1.7s infinite}
.channel-tree{display:flex;flex-direction:column;gap:5px}.channel-group+.channel-group{margin-top:4px}.channel-group.categorized>.section-label{width:100%;border:0;background:transparent;cursor:pointer;text-align:left}.channel-group.categorized>.section-label:hover{color:#aeb6c8}.channel-group>.section-label svg{width:11px;height:11px;margin-right:4px;transform:rotate(90deg);transition:.18s}.channel-group>.section-label span{flex:1}.channel-group>.section-label small{color:#4d5669;font-size:8px;letter-spacing:0}.channel-group.collapsed>.section-label svg{transform:none}.channel-group.collapsed>.channel-list{display:none}.channel-item.voice-selected:not(.active){background:rgba(69,223,160,.045)}.channel-item.voice-selected small{color:#62dba8}.channel-item[data-id] svg{opacity:.88}
.voice-dock{margin:0 10px 10px;padding:13px;border:1px solid rgba(80,213,255,.13);border-radius:15px;background:linear-gradient(155deg,rgba(30,38,52,.96),rgba(15,19,27,.98));box-shadow:0 12px 35px rgba(0,0,0,.25)}.voice-dock-head{display:flex;align-items:center;gap:10px}.voice-dock-head>div:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.voice-dock-head span{font-size:10px;color:var(--green)}.voice-dock-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-signal{width:26px;height:26px;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:8px;background:rgba(69,223,160,.09)}.voice-signal i{width:2px;height:6px;border-radius:2px;background:var(--green)}.voice-signal i:nth-child(2){height:12px}.voice-signal i:nth-child(3){height:8px}.voice-dock.connected .voice-signal i{animation:signal .8s ease-in-out infinite alternate}.voice-dock.connected .voice-signal i:nth-child(2){animation-delay:.2s}.voice-dock.connected .voice-signal i:nth-child(3){animation-delay:.4s}.speaker-strip{margin:10px 0 2px;display:flex;gap:5px;overflow:hidden}.speaker-chip{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 7px;border-radius:7px;background:rgba(69,223,160,.09);color:#70e4b1;font-size:10px}.speaker-chip i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.speaker-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-track{height:3px;margin:12px 0;border-radius:5px;background:#252b38;overflow:hidden}.level-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#50d5ff,#45dfa0);box-shadow:0 0 10px #45dfa0;transition:width .08s}.voice-actions{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:6px}.voice-action,.join-button{position:relative;display:flex;min-width:0;height:39px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--stroke);border-radius:10px;background:rgba(255,255,255,.035);color:#9da6b9;font-size:10px;font-weight:650;cursor:pointer;overflow:hidden;transition:.2s}.voice-action:hover:not(:disabled){background:rgba(255,255,255,.07);color:#fff}.voice-action.active{color:#ff8492;background:rgba(255,101,120,.12);border-color:rgba(255,101,120,.2)}.voice-action svg,.join-button svg{width:15px;height:15px}.join-button{border:0;background:linear-gradient(135deg,#675cf1,#497fea);color:#fff;box-shadow:0 8px 20px rgba(83,91,234,.25)}.join-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.voice-action:disabled,.join-button:disabled{opacity:.38;cursor:not-allowed}.profile-bar{height:63px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--stroke);background:rgba(8,10,15,.42)}.profile-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#656ff1,#844fba);font-size:10px;font-weight:800}.profile-avatar span{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #10131a;border-radius:50%;background:var(--green)}.profile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-copy strong{font-size:11px}.profile-copy span{color:var(--muted);font-size:9px}
.voice-dock{max-height:min(54vh,470px);overflow:auto;scrollbar-width:thin;scrollbar-color:#30384a transparent}.voice-player{margin:11px 0 9px;padding:10px;border:1px solid rgba(117,104,255,.16);border-radius:13px;background:linear-gradient(145deg,rgba(117,104,255,.07),rgba(16,20,29,.62))}.voice-now{display:flex;align-items:center;gap:9px;min-width:0}.voice-now>svg{width:22px;height:22px;padding:4px;border-radius:7px;color:#9f97ff;background:rgba(117,104,255,.12)}.voice-now>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.voice-now span,.voice-playlist-head>span{color:#717b90;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.voice-now strong{overflow:hidden;color:#edf0f7;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.voice-seek{width:100%;height:3px;margin:10px 0 0;accent-color:#8478ff;cursor:pointer}.voice-seek:disabled{opacity:.35;cursor:not-allowed}.voice-time{display:flex;justify-content:space-between;margin-top:3px;color:#596378;font-size:8px}.voice-player-controls{display:grid;grid-template-columns:30px 38px 30px 30px 1fr;align-items:center;gap:5px;margin:7px 0 10px}.player-icon,.player-main{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--stroke);border-radius:9px;background:rgba(255,255,255,.04);color:#8f98ad;cursor:pointer;overflow:hidden}.player-icon:hover:not(:disabled){color:#fff;background:rgba(255,255,255,.08)}.player-main{width:38px;height:38px;border:0;border-radius:12px;background:linear-gradient(135deg,#7d70ff,#4f73ed);color:#fff;box-shadow:0 7px 17px rgba(82,91,232,.3)}.player-icon svg{width:14px;height:14px}.player-main svg{width:17px;height:17px}.player-icon small{position:absolute;right:2px;bottom:1px;font-size:6px}.player-icon b{position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-radius:50%;background:transparent}.player-icon[data-mode=all],.player-icon[data-mode=one]{color:#9d94ff;border-color:rgba(117,104,255,.35);background:rgba(117,104,255,.1)}.player-icon[data-mode=all] b{background:#8175ff}.player-icon[data-mode=one]:after{content:"1";position:absolute;right:2px;bottom:0;color:#b7b1ff;font-size:7px;font-weight:900}.player-icon:disabled,.player-main:disabled{opacity:.3;cursor:not-allowed}.voice-rate-label select{width:100%;height:30px;padding:0 4px;border:1px solid var(--stroke);border-radius:8px;background:#141924;color:#aab2c2;font-size:9px;outline:0}.voice-playlist-head{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--stroke)}.voice-upload{position:relative;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;color:#8f88f5;background:rgba(117,104,255,.08);font-size:8px;font-weight:700;cursor:pointer;overflow:hidden}.voice-upload svg{width:11px;height:11px}.voice-upload.uploading{opacity:.5;pointer-events:none}.voice-playlist{display:flex;max-height:116px;flex-direction:column;gap:3px;margin-top:7px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30384a transparent}.voice-playlist-empty{padding:12px 6px;color:#606a7e;font-size:8px;line-height:1.5;text-align:center}.voice-track{display:grid;grid-template-columns:26px minmax(0,1fr) 18px 25px;align-items:center;gap:5px;padding:5px;border:1px solid transparent;border-radius:9px;transition:.18s}.voice-track:hover{background:rgba(255,255,255,.035)}.voice-track.active{border-color:rgba(117,104,255,.17);background:rgba(117,104,255,.08)}.voice-track-play,.voice-track-remove{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:7px;background:rgba(255,255,255,.04);color:#747e91;cursor:pointer}.voice-track.active .voice-track-play{color:#9a92ff;background:rgba(117,104,255,.15)}.voice-track-play svg,.voice-track-remove svg{width:11px;height:11px}.voice-track-remove:hover{color:#ff7888;background:rgba(255,101,120,.1)}.voice-track>div{display:flex;min-width:0;flex-direction:column;gap:2px}.voice-track strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.voice-track span,.voice-track>b{color:#586277;font-size:7px}.voice-track>b{text-align:center}.voice-actions{grid-template-columns:1.3fr 1fr}.voice-actions .join-button{order:0}
.conversation{position:relative;min-width:0;display:flex;flex-direction:column;background:rgba(11,13,18,.7)}.conversation-head{z-index:3;height:73px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--stroke);background:rgba(11,13,18,.72);backdrop-filter:blur(22px)}.conversation-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(117,104,255,.09);color:#9087ff}.conversation-symbol svg{width:18px;height:18px}.conversation-title{min-width:0;display:flex;flex-direction:column;gap:3px}.conversation-title span{color:#606a7f;font-size:8px;font-weight:800;letter-spacing:.13em}.conversation-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-tabs{align-self:stretch;display:flex;align-items:flex-end;gap:3px;margin-left:12px}.content-tabs[hidden]{display:none}.content-tab{position:relative;display:flex;align-items:center;gap:7px;height:44px;padding:0 13px;border:0;border-radius:10px 10px 0 0;background:transparent;color:#737d91;font-size:11px;font-weight:700;cursor:pointer;overflow:hidden}.content-tab:hover{color:#d8dce6;background:rgba(255,255,255,.035)}.content-tab.active{color:#fff}.content-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#8378ff,#50c9ff);box-shadow:0 0 12px rgba(117,104,255,.55)}.content-tab svg{width:15px;height:15px}.head-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.transport-badge{display:flex;align-items:center;gap:7px;margin-right:6px;padding:7px 10px;border:1px solid var(--stroke);border-radius:999px;color:#737c8f;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.transport-badge i{width:6px;height:6px;border-radius:50%;background:#5a6272}.transport-badge.streaming{color:#58dba4;border-color:rgba(69,223,160,.18);background:rgba(69,223,160,.06)}.transport-badge.streaming i{background:var(--green);box-shadow:0 0 9px var(--green)}.connection-banner{display:flex;align-items:center;gap:9px;padding:8px 18px;background:rgba(255,101,120,.1);border-bottom:1px solid rgba(255,101,120,.16);color:#ff9ba6;font-size:11px}.connection-banner svg{width:15px;height:15px}.message-stage{position:relative;flex:1;min-height:0}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-state h1{margin:14px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.empty-state p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.empty-orbit{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-bottom:18px;border:1px solid rgba(117,104,255,.16);border-radius:50%;background:radial-gradient(circle,rgba(117,104,255,.09),transparent 62%)}.empty-orbit:before,.empty-orbit:after{content:"";position:absolute;border:1px solid rgba(117,104,255,.08);border-radius:50%}.empty-orbit:before{inset:12px}.empty-orbit:after{inset:-16px}.empty-orbit>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#7469ff;box-shadow:0 0 12px #7469ff}.empty-orbit>i:nth-child(2){left:8px;top:46px}.empty-orbit>i:nth-child(3){right:19px;bottom:13px;background:#50d5ff}.empty-orbit>i:nth-child(4){right:12px;top:22px;width:3px;height:3px}.empty-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#7d71ff,#4e66de);box-shadow:0 18px 45px rgba(94,82,235,.3)}.empty-logo svg{width:26px;height:26px}.messages{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px;padding:26px clamp(18px,4vw,58px) 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#282d39 transparent}.message-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:9px 12px;margin:0 -12px;border-radius:12px;transition:.16s}.message-row:hover{background:rgba(255,255,255,.025)}.message-row.highlight{animation:highlight 1.6s}.message-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,hsl(var(--hue) 65% 55%),hsl(calc(var(--hue) + 38) 55% 38%));font-weight:800;font-size:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.message-main{min-width:0}.message-meta{display:flex;align-items:center;gap:7px;height:21px}.message-meta strong{font-size:12px}.message-meta time{color:#50596c;font-size:9px}.tag{padding:2px 5px;border-radius:4px;background:rgba(117,104,255,.16);color:#9d95ff;font-size:7px;font-weight:800;letter-spacing:.06em}.tag.webhook{background:rgba(80,213,255,.12);color:#72dcff}.message-content{color:#cdd2de;line-height:1.55;font-size:13px;white-space:pre-wrap;word-break:break-word}.message-content a{color:#67bdff;text-decoration:none}.message-content a:hover{text-decoration:underline}.discord-emoji{width:1.55em;height:1.55em;vertical-align:-.35em;object-fit:contain}.message-actions{position:absolute;right:8px;top:-10px;display:flex;padding:3px;border:1px solid var(--stroke);border-radius:9px;background:#181c25;box-shadow:0 7px 20px rgba(0,0,0,.3);opacity:0;transform:translateY(3px);transition:.16s}.message-row:hover .message-actions{opacity:1;transform:none}.message-actions button{width:28px;height:26px}.reply-reference{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#697286;font-size:10px;cursor:pointer}.reply-reference:before{content:"";width:17px;height:9px;border-left:1px solid #3c4352;border-top:1px solid #3c4352;border-radius:6px 0 0}.reply-reference strong{color:#9e96ff}.media-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.media-grid img,.media-grid video{max-width:min(420px,100%);max-height:360px;border:1px solid var(--stroke);border-radius:12px;object-fit:cover}.file-card{display:flex;align-items:center;gap:10px;max-width:360px;padding:10px;border:1px solid var(--stroke);border-radius:11px;background:rgba(255,255,255,.025);color:#bac2d2;text-decoration:none}.file-card svg{width:18px;height:18px}.message-content audio{width:min(360px,100%);height:36px;margin-top:8px}.embed-card,.poll-card{max-width:440px;margin-top:9px;padding:12px;border:1px solid var(--stroke);border-left:3px solid var(--embed-color,#6570ee);border-radius:5px 12px 12px 5px;background:#131720;white-space:normal}.embed-card small{color:#697286;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.embed-card strong{display:block;margin:5px 0;color:#79bdff}.embed-card p{margin:5px 0;color:#abb2c2;font-size:11px}.embed-card img,.embed-card video{display:block;max-width:100%;max-height:320px;margin-top:9px;border-radius:9px}.poll-card h3{margin:0 0 10px;font-size:12px}.poll-option{display:flex;justify-content:space-between;margin-top:5px;padding:8px;border:1px solid var(--stroke);border-radius:8px;background:rgba(255,255,255,.025);font-size:11px}.new-messages{position:absolute;left:50%;bottom:15px;display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(117,104,255,.32);border-radius:999px;background:#24213e;color:#b8b2ff;box-shadow:0 10px 25px rgba(0,0,0,.3);cursor:pointer}.new-messages svg{width:14px;height:14px}
.composer-wrap{padding:0 clamp(18px,4vw,58px) max(14px,env(safe-area-inset-bottom))}.reply-preview{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--stroke);border-bottom:0;border-radius:12px 12px 0 0;background:#171b24}.reply-preview>svg{width:15px;height:15px;color:#8b81ff}.reply-preview>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.reply-preview span{color:#6d7588;font-size:9px}.reply-preview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.composer{position:relative;display:flex;align-items:flex-end;gap:5px;padding:7px;border:1px solid var(--stroke-strong);border-radius:14px;background:linear-gradient(180deg,#191d27,#151922);box-shadow:0 12px 35px rgba(0,0,0,.19);transition:.2s}.reply-preview:not([hidden])+.composer{border-radius:0 0 14px 14px}.composer:focus-within{border-color:rgba(117,104,255,.45);box-shadow:0 0 0 3px rgba(117,104,255,.08),0 12px 35px rgba(0,0,0,.2)}.composer-add,.send-button{position:relative;display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:0;border-radius:10px;cursor:pointer;overflow:hidden}.composer-add{background:transparent;color:#6f788d}.composer-add:hover{background:rgba(255,255,255,.05);color:#fff}.composer-add svg{width:19px;height:19px}.composer textarea{min-height:39px;max-height:140px;flex:1;resize:none;padding:9px 56px 8px 5px;border:0;outline:0;background:transparent;color:#e8ebf2;line-height:1.5}.composer textarea::placeholder{color:#525b6e}.char-count{position:absolute;right:55px;bottom:19px;color:#4f586b;font-size:8px;pointer-events:none}.send-button{background:linear-gradient(135deg,#786cff,#4d70eb);color:#fff;box-shadow:0 7px 18px rgba(90,89,236,.28);transition:.2s}.send-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.send-button:disabled{opacity:.28;box-shadow:none;cursor:not-allowed}.send-button svg{width:17px;height:17px}.composer-hint{display:flex;justify-content:space-between;padding:6px 4px 0;color:#454d5e;font-size:8px}.composer-hint kbd{font-family:inherit}.connection-banner[hidden],.empty-state[hidden],.composer-wrap[hidden],.voice-dock[hidden],#voice-section[hidden],.speaker-strip[hidden],.new-messages[hidden],.reply-preview[hidden]{display:none!important}
.history-loader{position:relative;align-self:center;display:flex;align-items:center;gap:7px;margin:2px auto 18px;padding:7px 12px;border:1px solid var(--stroke);border-radius:999px;background:#151922;color:#8e97aa;font-size:10px;cursor:pointer;overflow:hidden}.history-loader:hover{color:#fff;border-color:rgba(117,104,255,.3)}.history-loader svg{width:13px;height:13px;transform:rotate(180deg)}.history-loader.loading svg{animation:spin 1s linear infinite;transform:none}
.file-view{flex:1;min-height:0;overflow:auto;padding:28px clamp(18px,4vw,52px) 40px;scrollbar-width:thin;scrollbar-color:#282d39 transparent}.file-view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.file-view-head h1{margin:5px 0 5px;font-size:28px;letter-spacing:-.04em}.file-view-head p{margin:0;color:var(--muted);font-size:11px}.storage-summary{display:grid;grid-template-columns:auto auto 1px auto auto;align-items:baseline;gap:6px;padding:11px 14px;border:1px solid var(--stroke);border-radius:13px;background:rgba(255,255,255,.025)}.storage-summary strong{font-size:14px}.storage-summary span{color:#687186;font-size:9px}.storage-summary i{align-self:stretch;margin:0 6px;background:var(--stroke)}.upload-card{padding:14px;border:1px solid rgba(117,104,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(117,104,255,.065),rgba(18,22,31,.88));box-shadow:0 16px 42px rgba(0,0,0,.16)}.file-dropzone{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed rgba(137,128,255,.28);border-radius:13px;background:rgba(10,12,18,.36);cursor:pointer;transition:.2s}.file-dropzone:hover,.file-dropzone.dragging{border-color:#7568ff;background:rgba(117,104,255,.08);transform:translateY(-1px)}.file-dropzone>div:nth-child(3){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.file-dropzone strong{font-size:12px}.file-dropzone span{color:#6d7689;font-size:9px}.file-dropzone .secondary-button{padding:0 13px}.upload-orb{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;color:#aaa2ff;background:rgba(117,104,255,.13)}.upload-orb svg{width:20px;height:20px}.selected-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.selected-file-chip{display:flex;align-items:center;gap:6px;max-width:260px;padding:6px 9px;border:1px solid var(--stroke);border-radius:8px;background:#11151d;color:#aeb5c4;font-size:9px}.selected-file-chip svg{width:13px;height:13px;color:#8e85ff}.selected-file-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file-chip b{color:#5e687b;font-weight:500}.upload-options{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;align-items:end;gap:10px;margin-top:12px}.upload-options .field{margin:0}.upload-message-field input{width:100%;height:42px;padding:0 12px;border:1px solid var(--stroke);border-radius:11px;outline:0;background:#0d1016;color:#dce0e9}.upload-message-field input:focus{border-color:rgba(117,104,255,.55)}.upload-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#7568ff,#4b75e9);color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgba(90,89,236,.22);cursor:pointer;overflow:hidden}.upload-submit:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.upload-submit svg{width:16px;height:16px}.file-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-bottom:10px;border-bottom:1px solid var(--stroke)}.file-toolbar>div{display:flex;align-items:baseline;gap:9px}.file-toolbar strong{font-size:13px}.file-toolbar span{color:#616b7f;font-size:9px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:11px;padding-top:13px}.file-card-vault{position:relative;min-width:0;padding:9px;border:1px solid var(--stroke);border-radius:14px;background:linear-gradient(155deg,rgba(27,31,42,.84),rgba(16,19,26,.94));cursor:pointer;overflow:hidden;transition:.2s}.file-card-vault:hover{transform:translateY(-2px);border-color:rgba(117,104,255,.3);box-shadow:0 13px 30px rgba(0,0,0,.25)}.file-thumbnail{height:126px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle at 50% 30%,rgba(117,104,255,.12),transparent 65%),#0d1016;overflow:hidden;color:#756f9f}.file-thumbnail img,.file-thumbnail video{width:100%;height:100%;object-fit:cover}.file-thumbnail svg{width:34px;height:34px}.file-card-copy{display:flex;align-items:flex-start;gap:8px;padding:10px 3px 3px}.file-card-copy>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.file-card-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.file-card-copy span{color:#5f687a;font-size:8px}.file-source-badge{padding:3px 5px;border-radius:5px;background:rgba(80,213,255,.08);color:#62cce9;font-size:7px!important;text-transform:uppercase}.file-empty{grid-column:1/-1;display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px dashed var(--stroke);border-radius:15px;color:#687186}.file-empty svg{width:34px;height:34px}.file-empty strong{color:#9aa2b4;font-size:12px}.file-empty span{font-size:9px}.load-more-files{display:block;margin:18px auto 0;padding:9px 15px;border:1px solid var(--stroke);border-radius:10px;background:#151922;color:#8f98aa;cursor:pointer}.message-stage[hidden],.file-view[hidden],.selected-files[hidden],.load-more-files[hidden]{display:none!important}
.file-category-tabs{display:flex;gap:6px;margin:-7px 0 14px;padding-bottom:2px;overflow:auto;scrollbar-width:none}.file-category-tabs::-webkit-scrollbar{display:none}.file-category{display:flex;align-items:center;gap:7px;flex:0 0 auto;height:34px;padding:0 10px;border:1px solid var(--stroke);border-radius:10px;background:#131720;color:#768095;font-size:9px;cursor:pointer;overflow:hidden}.file-category:hover{color:#cdd2dc;border-color:rgba(117,104,255,.25)}.file-category.active{color:#fff;border-color:rgba(117,104,255,.35);background:linear-gradient(135deg,rgba(117,104,255,.19),rgba(75,168,255,.08))}.file-category svg{width:14px;height:14px}.file-category small{padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.06);color:#777fff}.file-search{position:relative;display:flex;align-items:center;width:min(260px,32vw);margin-left:auto}.file-search svg{position:absolute;left:10px;width:14px;height:14px;color:#5f687c}.file-search input{width:100%;height:34px;padding:0 11px 0 32px;border:1px solid var(--stroke);border-radius:9px;outline:0;background:#0d1016;color:#dce1ea;font-size:10px}.file-search input:focus{border-color:rgba(117,104,255,.5)}.file-toolbar>.icon-btn{margin-left:6px}
.file-preview-dialog{width:min(900px,calc(100vw - 30px));height:min(720px,calc(100dvh - 30px));padding:0;border:1px solid var(--stroke-strong);border-radius:20px;background:#0f1219;color:var(--text);box-shadow:var(--shadow)}.file-preview-dialog::backdrop{background:rgba(2,3,6,.8);backdrop-filter:blur(8px)}.file-preview-shell{height:100%;display:flex;flex-direction:column}.file-preview-shell>header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--stroke)}.file-preview-shell>header>div:nth-child(2){min-width:0;flex:1}.file-preview-shell h2{margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-preview-shell header p{margin:0;color:#667084;font-size:9px}.preview-file-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#9b93ff;background:rgba(117,104,255,.1)}.preview-file-icon svg{width:18px;height:18px}.file-preview-content{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:radial-gradient(circle at center,rgba(117,104,255,.04),transparent 55%),#090b10}.file-preview-content img,.file-preview-content video{display:block;max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 15px 45px rgba(0,0,0,.4)}.file-preview-content audio{width:min(620px,90%)}.file-preview-content iframe{width:100%;height:100%;border:0;border-radius:9px;background:#fff}.file-preview-content pre{width:100%;height:100%;margin:0;padding:18px;overflow:auto;border:1px solid var(--stroke);border-radius:10px;background:#0c0f15;color:#c8cfdd;font:11px/1.65 "Cascadia Code",Consolas,monospace;white-space:pre-wrap;word-break:break-word}.generic-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#697285}.generic-preview svg{width:68px;height:68px;margin-bottom:16px;color:#665f91}.generic-preview strong{color:#b6bdcc;font-size:14px}.generic-preview p{max-width:420px;margin:7px 0 0;font-size:10px;line-height:1.6}.file-preview-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-top:1px solid var(--stroke)}.file-preview-shell>footer>div{color:#687185;font-size:9px}.file-preview-shell .secondary-button{display:flex;align-items:center;gap:7px;padding:0 13px;color:#dce0e9;text-decoration:none}.file-preview-shell .secondary-button svg{width:14px;height:14px}
.info-panel{z-index:3;width:308px;min-width:0;overflow:hidden;background:rgba(15,18,25,.9);border-left:1px solid var(--stroke);backdrop-filter:blur(26px);transform:translateX(100%);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}.info-open .info-panel{transform:none;opacity:1;padding:17px}.info-panel header{height:56px;display:flex;align-items:center;justify-content:space-between}.info-panel header>div{display:flex;flex-direction:column;gap:4px}.metric-card{position:relative;display:flex;align-items:center;gap:10px;margin-top:9px;padding:11px;border:1px solid var(--stroke);border-radius:13px;background:rgba(255,255,255,.023)}.metric-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.metric-card span{color:#667085;font-size:9px}.metric-card strong{font-size:11px}.metric-card>i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--amber)}.metric-card>i.online{background:var(--green);box-shadow:0 0 8px var(--green)}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.metric-icon svg{width:16px;height:16px}.metric-icon.cyan{color:#62d8ff;background:rgba(80,213,255,.08)}.metric-icon.violet{color:#9b91ff;background:rgba(117,104,255,.09)}.metric-icon.green{color:#65e5af;background:rgba(69,223,160,.08)}.detail-block{margin-top:16px;padding:13px;border:1px solid var(--stroke);border-radius:13px;background:#0e1117}.detail-block>span{font-size:9px;color:#677084;text-transform:uppercase;letter-spacing:.1em}.detail-block p{margin:10px 0 0;color:#566074;font-size:9px}.pipeline{display:flex;align-items:center;margin-top:12px}.pipeline b{padding:5px 7px;border-radius:6px;background:#1a1f2b;color:#aeb6c6;font-size:8px}.pipeline i{flex:1;height:1px;background:linear-gradient(90deg,#625bde,#45c8dc);position:relative}.pipeline i:after{content:"";position:absolute;right:0;top:-2px;border-left:4px solid #45c8dc;border-top:2px solid transparent;border-bottom:2px solid transparent}.security-note{display:flex;gap:9px;margin-top:13px;padding:10px;color:#71798c;background:rgba(255,207,102,.04);border:1px solid rgba(255,207,102,.09);border-radius:10px}.security-note svg{flex:0 0 auto;width:15px;height:15px;color:#c2a85c}.security-note p{margin:0;font-size:9px;line-height:1.55}
.scrim{position:fixed;z-index:9;inset:0;visibility:hidden;background:rgba(2,3,6,.65);opacity:0;backdrop-filter:blur(3px);transition:.25s}.mobile-only{display:none}.settings-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:1px solid var(--stroke-strong);border-radius:20px;background:#11151d;color:var(--text);box-shadow:var(--shadow)}.settings-dialog::backdrop{background:rgba(3,4,7,.73);backdrop-filter:blur(8px)}.settings-dialog form>header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--stroke)}.settings-dialog h2{margin:3px 0 0;font-size:17px}.settings-dialog form>header .icon-btn{margin-left:auto}.modal-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#a59dff;background:rgba(117,104,255,.11)}.modal-mark svg{width:19px;height:19px}.settings-body{display:flex;flex-direction:column;gap:16px;padding:20px}.field output{float:right;color:#9690ff}.select-wrap{position:relative}.select-wrap select{width:100%;height:42px;padding:0 38px 0 12px;appearance:none;border:1px solid var(--stroke);border-radius:11px;outline:0;background:#0d1016;color:#dce0e9}.select-wrap svg{position:absolute;right:12px;top:13px;width:16px;height:16px;transform:rotate(90deg);pointer-events:none;color:#657086}.field input[type=range]{width:100%;accent-color:#7568ff}.toggle-row{display:flex;align-items:center;gap:15px;cursor:pointer}.toggle-row>div{display:flex;flex:1;flex-direction:column;gap:3px}.toggle-row strong{font-size:12px}.toggle-row span{color:#717a8d;font-size:10px}.toggle-row input{position:absolute;opacity:0}.toggle-row>i{position:relative;width:39px;height:22px;border-radius:999px;background:#292e3a;transition:.2s}.toggle-row>i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#7d8596;transition:.2s}.toggle-row input:checked+i{background:#6258dc}.toggle-row input:checked+i:after{left:20px;background:#fff}.latency-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(69,223,160,.13);border-radius:12px;background:rgba(69,223,160,.045)}.latency-card>svg{width:19px;height:19px;color:var(--green)}.latency-card>div{display:flex;flex:1;flex-direction:column;gap:3px}.latency-card strong{font-size:11px}.latency-card span{font-size:9px;color:#6d7b7a}.latency-card b{font-size:8px;color:var(--green);letter-spacing:.1em}.settings-dialog footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--stroke)}.secondary-button{position:relative;min-width:80px;height:36px;border:1px solid var(--stroke);border-radius:10px;background:#1a1f29;cursor:pointer;overflow:hidden}.toasts{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-width:240px;max-width:360px;padding:11px 13px;border:1px solid var(--stroke-strong);border-radius:12px;background:rgba(22,26,35,.95);box-shadow:0 15px 40px rgba(0,0,0,.35);animation:toast-in .3s cubic-bezier(.2,.8,.2,1)}.toast i{width:7px;height:7px;border-radius:50%;background:var(--green)}.toast.error i{background:var(--red)}.toast span{font-size:11px}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);transform:scale(0);animation:ripple .55s ease-out;pointer-events:none}.tactile{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tactile:active:not(:disabled){transform:scale(.96)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:fixed;z-index:80;margin:44px 0 0 4px;padding:6px 8px;border:1px solid var(--stroke);border-radius:7px;background:#202530;box-shadow:0 8px 20px rgba(0,0,0,.28);color:#d9dee8;font-size:9px;white-space:nowrap;pointer-events:none}
.server-pill>img{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:inherit;object-fit:cover}.workspace-actions{display:flex;align-items:center;gap:2px}.icon-btn.refreshing svg{animation:spin .8s linear infinite}.voice-channel-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:2px}.voice-channel-row>.channel-item{min-width:0}.voice-chat-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:#586276;cursor:pointer;opacity:0;transition:.18s}.voice-channel-row:hover .voice-chat-button,.voice-chat-button.active,.voice-chat-button:focus-visible{opacity:1}.voice-chat-button:hover,.voice-chat-button.active{color:#fff;background:rgba(117,104,255,.13)}.voice-chat-button svg{width:15px;height:15px}.message-avatar{overflow:hidden}.message-avatar img{display:block;width:100%;height:100%;object-fit:cover}.message-row.deleted{opacity:.78}.message-row.deleted:hover{opacity:1}.deleted-tag{color:#ff95a1;background:rgba(255,101,120,.12)}.deleted-notice{display:flex;align-items:center;gap:7px;margin-top:8px;color:#a96d76;font-size:9px}.deleted-notice svg{width:13px;height:13px}.message-history{margin-top:10px;padding:10px;border:1px solid rgba(117,104,255,.16);border-radius:11px;background:rgba(117,104,255,.045)}.message-history[hidden]{display:none}.message-history>header{display:flex;align-items:center;gap:7px;padding-bottom:7px;color:#9f98ff}.message-history>header svg{width:14px;height:14px}.message-history>header strong{font-size:10px}.message-history>header span{margin-left:auto;color:#646e82;font-size:8px}.message-version{padding:8px;border-top:1px solid var(--stroke)}.message-version>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-version b{color:#aeb6c7;font-size:9px}.message-version time{color:#555e71;font-size:8px}.message-version p{margin:5px 0 0;color:#929bad;font-size:10px;line-height:1.5;white-space:pre-wrap}.discord-emoji{width:2.15em;height:2.15em;vertical-align:-.58em}.unicode-emoji{display:inline-block;font-size:1.65em;line-height:.8;vertical-align:-.18em}.message-content.emoji-only{font-size:46px;line-height:1.2}.message-content.emoji-only .discord-emoji{width:64px;height:64px;vertical-align:middle}.message-content.emoji-only .unicode-emoji{font-size:1em;vertical-align:middle}.inline-media{display:block;margin-top:8px}.inline-media img,.inline-media video,.embed-media img,.embed-media video{display:block;max-width:min(440px,100%);max-height:390px;border:0;border-radius:12px;object-fit:contain;background:transparent}.animated-embed{margin-top:8px}.media-grid img.discord-sticker{width:auto;max-width:180px;height:auto;max-height:180px;border:0;object-fit:contain;background:transparent}.media-grid img[src$=".gif"],.media-grid img[src*=".gif?"]{border:0}.embed-media video::-webkit-media-controls{display:none!important}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes signal{to{height:4px;opacity:.55}}@keyframes highlight{0%,100%{background:transparent}35%{background:rgba(117,104,255,.15)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes toast-in{from{opacity:0;transform:translateY(10px) scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.app-shell.info-open{grid-template-columns:76px 286px minmax(0,1fr)}.info-panel{position:fixed;right:0;top:0;bottom:0;box-shadow:-20px 0 50px rgba(0,0,0,.35)}.info-open .info-panel{padding:17px}.info-open:after{content:"";position:fixed;z-index:2;inset:0;background:rgba(0,0,0,.3)}}
@media(max-width:820px){.app-shell,.app-shell.info-open{grid-template-columns:62px minmax(0,1fr)}.server-rail{padding-left:7px;padding-right:7px}.brand-mark,.server-pill{width:44px;height:44px}.channel-sidebar{position:fixed;z-index:10;left:62px;top:0;bottom:0;width:min(300px,calc(100vw - 62px));transform:translateX(-110%);box-shadow:20px 0 50px rgba(0,0,0,.45);transition:.3s cubic-bezier(.2,.8,.2,1)}.sidebar-open .channel-sidebar{transform:none}.sidebar-open .scrim{visibility:visible;opacity:1}.mobile-only{display:grid}.conversation{grid-column:2}.conversation-head{padding:0 12px}.conversation-title{max-width:30vw}.content-tabs{margin-left:2px}.content-tab{padding:0 9px}.composer-wrap{padding-left:12px;padding-right:12px}.messages{padding-left:16px;padding-right:16px}.transport-badge{display:none}.composer-hint span:last-child{display:none}.message-row{grid-template-columns:34px minmax(0,1fr)}.message-avatar{width:34px;height:34px}.message-actions{opacity:1;top:4px;background:transparent;border:0;box-shadow:none}.message-meta{padding-right:34px}.file-view{padding:20px 14px 30px}.file-view-head{align-items:flex-start;flex-direction:column}.upload-options{grid-template-columns:1fr}.file-dropzone .secondary-button{display:none}.file-toolbar{flex-wrap:wrap;gap:8px}.file-toolbar>div{width:100%}.file-search{width:calc(100% - 46px)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:520px){.server-rail{display:none}.app-shell,.app-shell.info-open{display:block}.conversation{height:100dvh}.channel-sidebar{left:0;width:min(316px,88vw)}.conversation-title strong{max-width:42vw}.head-actions #scroll-bottom{display:none}.empty-state h1{font-size:31px}.empty-orbit{width:90px;height:90px}.composer-hint{display:none}.composer-wrap{padding-bottom:max(8px,env(safe-area-inset-bottom))}.info-panel{width:min(320px,90vw)}.settings-dialog{max-height:90dvh;overflow:auto}.toasts{left:12px;right:12px;bottom:12px}.toast{min-width:0;max-width:none}.voice-dock{margin-bottom:max(10px,env(safe-area-inset-bottom))}}

/* v4.0.1: keep every scroll surface inside the viewport. */
.app-shell,.server-rail,.channel-sidebar,.conversation{min-height:0;overflow:hidden}.server-rail,.channel-sidebar,.conversation{height:100dvh}.channel-scroll,.messages,.file-view{min-height:0;max-height:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.channel-scroll,.messages{scrollbar-gutter:stable}.message-stage{overflow:hidden}.channel-tree{min-height:0}

/* Server identity is a fixed square avatar plus a visible, ellipsized name. */
.app-shell,.app-shell.info-open{grid-template-columns:112px 286px minmax(0,1fr) 0}.app-shell.info-open{grid-template-columns:112px 286px minmax(0,1fr) 308px}.server-rail{padding-left:9px;padding-right:9px}.guild-nav{width:100%;min-height:0;align-items:center;overscroll-behavior:contain}.guild-button{width:92px;height:72px;flex:0 0 72px;padding:6px;display:flex;flex-direction:column;gap:4px;border-radius:14px;background:transparent}.guild-button:hover,.guild-button.active{border-radius:14px;transform:none;background:rgba(117,104,255,.12);border-color:rgba(117,104,255,.18)}.guild-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;overflow:hidden;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--stroke)}.guild-avatar img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.guild-name{display:block;width:80px;overflow:hidden;color:#8f98ab;font-size:9px;font-weight:650;line-height:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.guild-button:hover .guild-name,.guild-button.active .guild-name{color:#fff}.guild-button .pill-indicator{left:-10px}

.workspace-refresh{display:flex;align-items:center;gap:6px;height:34px;padding:0 9px;border:1px solid var(--stroke);border-radius:10px;background:rgba(255,255,255,.025);color:#9ba3b7;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.workspace-refresh:hover{color:#fff;border-color:rgba(117,104,255,.3);background:rgba(117,104,255,.08)}.workspace-refresh:disabled{opacity:.55;cursor:wait}.workspace-refresh svg{width:15px;height:15px}.workspace-refresh.refreshing svg{animation:spin .8s linear infinite}

/* Discord CDN stickers and rich media must not inherit card chrome. */
.media-grid img.discord-sticker{width:auto;max-width:180px;height:auto;max-height:180px;border:0!important;box-shadow:none!important;object-fit:contain;background:transparent!important}.discord-cdn-embed{margin-top:8px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.discord-cdn-embed img,.discord-cdn-embed video{border:0!important;background:transparent!important;box-shadow:none!important}

@media(max-width:1180px){.app-shell.info-open{grid-template-columns:112px 286px minmax(0,1fr)}}
@media(max-width:820px){.app-shell,.app-shell.info-open{grid-template-columns:62px minmax(0,1fr)}.guild-button{width:44px;height:44px;flex-basis:44px;padding:0;display:grid}.guild-avatar{width:44px;height:44px;border-radius:14px}.guild-name{display:none}}
@media(max-width:520px){.app-shell,.app-shell.info-open{display:block}.conversation{height:100dvh}}

/* Voice-channel occupants are shown directly under their channel. */
.voice-member-list{display:flex;flex-direction:column;gap:2px;margin:0 34px 5px 29px}.voice-member-item{display:flex;align-items:center;min-width:0;height:30px;gap:8px;padding:3px 6px;border-radius:8px;color:#7f899d;font-size:10px}.voice-member-item:hover{background:rgba(255,255,255,.035);color:#cbd1dd}.voice-member-avatar{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#545e83,#383e58)}.voice-member-avatar img{display:block;width:100%;height:100%;object-fit:cover}.voice-member-fallback{font-size:8px;font-weight:800;color:#fff}.voice-member-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-member-item b{padding:2px 4px;border-radius:4px;background:rgba(117,104,255,.13);color:#9d95ff;font-size:6px;letter-spacing:.05em}.voice-member-item>svg{width:12px;height:12px;flex:0 0 auto;color:#ff8290}

.message-row.system-message{margin-top:5px;border:1px solid rgba(80,213,255,.09);background:linear-gradient(90deg,rgba(80,213,255,.055),transparent 60%)}.message-row.system-message:hover{background:linear-gradient(90deg,rgba(80,213,255,.09),rgba(255,255,255,.018) 70%)}.system-tag{background:rgba(80,213,255,.12);color:#72dcff}

.lottie-sticker{width:180px;height:180px;max-width:100%;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden}.lottie-sticker svg{display:block;width:100%!important;height:100%!important;background:transparent!important}
@media(pointer:coarse){.channel-item{height:44px}.icon-btn{min-width:40px;min-height:40px}.voice-action,.join-button{height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}