:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;background:#0f1219;color:#e8edf6;--theme-text: #e8edf6;--theme-muted: #9aa7c5;--theme-accent: #f9c66b;--theme-accent-text: #1b1410;--theme-bg-start: #1d2736;--theme-bg-end: #0f1219;--theme-sidebar-start: #171c26;--theme-sidebar-end: #121620;--theme-panel-bg: #141a25;--theme-surface-bg: #0f141f;--theme-border: #232b3d;--theme-gradient-angle: 180deg}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(var(--theme-gradient-angle),var(--theme-bg-start),var(--theme-bg-end));color:var(--theme-text)}#root{min-height:100vh}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:24px;background:linear-gradient(var(--theme-gradient-angle),var(--theme-sidebar-start),var(--theme-sidebar-end));border-right:1px solid var(--theme-border);display:flex;flex-direction:column;gap:24px}.brand h1{margin:0;font-size:24px;letter-spacing:.5px}.status{display:inline-block;margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--theme-muted)}.status.connected{color:#7ddc9b}.section{display:flex;flex-direction:column;gap:12px}.section label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--theme-muted)}.server-list{display:grid;gap:10px}.server-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.server-btn{width:44px;height:44px;border-radius:14px;background:var(--theme-surface-bg);color:var(--theme-text);display:inline-flex;align-items:center;justify-content:center}.server-btn.active{background:var(--theme-accent);color:var(--theme-accent-text)}.server-icon{font-weight:700;font-size:16px}.server-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--theme-text);font-size:14px}.server-create{display:grid;grid-template-columns:1fr auto;gap:8px}input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-surface-bg);color:var(--theme-text)}a{color:var(--theme-accent);text-decoration:none}a:hover{text-decoration:underline}button{border:none;border-radius:10px;padding:10px 14px;background:var(--theme-accent);color:var(--theme-accent-text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f9c66b40}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost{background:transparent;color:var(--theme-muted);border:1px solid var(--theme-border)}.channel-list{display:flex;flex-direction:column;gap:8px}.server-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:4px;border-radius:12px}.server-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1b2230;border:1px solid #273044}.server-btn.active{background:#5865f2;border-color:#6975f4;color:#fff}.server-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.server-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px;border-radius:10px}.channel{flex:1;text-align:left;background:transparent;border:1px solid transparent;color:#c7d2eb}.channel.active{background:#2b3448;border-color:#3a4660;color:#fff}.channel-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.channel{background:var(--theme-surface-bg);color:var(--theme-text);text-align:left}.channel.active{background:var(--theme-accent);color:var(--theme-accent-text)}.channel-create{display:grid;grid-template-columns:1fr auto;gap:8px}.main{padding:0;display:flex;flex-direction:column;gap:0}.main-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--theme-border);padding-bottom:10px}.main-header h2{margin:0;font-size:16px;font-weight:600}.main-header p{margin:4px 0 0;color:var(--theme-muted);font-size:12px}.actions{display:flex;gap:10px}.panel{background:var(--theme-panel-bg);border-radius:18px;padding:20px;border:1px solid var(--theme-border)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.settings-panel{background:linear-gradient(var(--theme-gradient-angle),var(--theme-panel-bg),var(--theme-surface-bg))}.settings-actions{display:flex;align-items:center;gap:10px}.settings-toggle{background:var(--theme-surface-bg);color:var(--theme-text);padding:8px 12px}.settings-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a129e;display:grid;place-items:center;z-index:80;padding:24px}.settings-modal{width:min(1100px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.settings-modal-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-sidebar-tabs{display:grid;gap:8px;align-content:start}.settings-side-tab{text-align:left;background:#1c2433;color:#e8edf6}.settings-side-tab.active{background:#f9c66b;color:#1b1410}.settings-tab-content{display:grid;gap:14px}.settings-block{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--theme-border);background:var(--theme-surface-bg)}.settings-divider{height:1px;background:var(--theme-border);opacity:.8}.theme-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.theme-grid label{display:grid;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--theme-muted)}.permission-section{display:grid;gap:10px}.override-controls{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.permission-row{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.permission-label{font-size:13px;color:#c6d0e7}.permission-roles{display:flex;flex-wrap:wrap;gap:8px}.checkbox-option{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b7c2da}.checkbox-option input{accent-color:#f9c66b}.role-list{display:grid;gap:8px}.role-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.invite-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.invite-settings{display:grid;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.invite-list{display:grid;gap:6px}.invite-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.tier-toggle{display:inline-flex;gap:8px}.tier-btn{background:#1c2433;color:#e8edf6}.tier-btn.active{background:#f9c66b;color:#1b1410}.tier-summary{display:flex;flex-wrap:wrap;gap:8px}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-title{margin:0;font-size:16px;letter-spacing:.6px}.settings-label{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#9aa7c5}.voice-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.voice-sensitivity-control{display:grid;gap:6px}.voice-sensitivity-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-sensitivity-lock{font-size:11px;text-transform:none;letter-spacing:.2px;color:#9aa7c5}.voice-sensitivity-slider-locked{opacity:.55;cursor:not-allowed}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.voice-controls{display:grid;gap:10px;margin-top:12px}.voice-controls label{display:grid;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#9aa7c5}.voice-meter{width:100%;height:10px;border-radius:999px;background:#1c2433;overflow:hidden;border:1px solid #232b3d}.ptt-config{display:grid;gap:6px}.ptt-row{display:flex;align-items:center;gap:10px}.meter-fill{height:100%;width:0;background:#7aa0ff;transition:width .1s ease}.meter-fill.active{background:#f9c66b}.voice-meter{position:relative}.voice-meter-tick{position:absolute;top:-2px;width:2px;height:14px;background:#7ddc9b;border-radius:999px;transform:translate(-50%);opacity:.8;transition:background .12s ease,opacity .12s ease}.voice-meter-tick-active{background:#b9f4ce;opacity:1}.voice-meter-tick-vad{background:#f9c66b}.voice-meter-tick-vad-active{background:#ffd98f;opacity:1}.voice-meter-tick-muted{opacity:.38}.voice-meter-markers{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#9aa7c5}.voice-meter-marker{transition:color .12s ease}.voice-meter-marker-active{color:#7ddc9b}.voice-meter-marker-vad-active{color:#f9c66b}.voice-meter-marker-muted{color:#7f889c}.hint{color:#8f9bb6;font-size:13px;margin:6px 0 0}.error{color:#ff9a8b;margin:8px 0 0}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.card{background:#0f141f;border-radius:14px;padding:16px;border:1px solid #232b3d;display:flex;flex-direction:column;gap:12px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card button{background:#2d3750;color:#e8edf6}.card input[type=range]{width:100%}.empty{color:#8f9bb6}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#24324a;color:#c9d4ef;font-size:11px;letter-spacing:.5px}.screen-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.screen-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid #232b3d;background:#0f141f}.screen-video{border-radius:12px;overflow:hidden;border:1px solid #1f2738;background:#0b0f16}.screen-video video{width:100%;height:auto;display:block}.screen-video.controllable{outline:2px solid rgba(249,198,107,.6)}.screen-preview{position:relative;border-radius:14px;overflow:hidden;border:1px solid #1f2738;background:#0b0f16}.screen-preview video{width:100%;display:block}.cursor-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#f58f6a;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 12px #f58f6a99}.inline-actions{display:inline-flex;align-items:center;gap:8px}.upload-row{display:flex;flex-direction:column;gap:8px}.file-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.file-item .meta{display:block;color:#8f9bb6;font-size:12px;margin-top:4px}.chat-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:6px}.tab-btn{background:#1c2433;color:#d8e2f5}.tab-btn.active{background:#f9c66b;color:#1b1410}.dm-list{display:grid;gap:8px;margin-bottom:12px}.dm-toolbar{display:flex;align-items:center;gap:8px}.dm-toolbar input{flex:1}.group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.group-select{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid #232b3d}.group-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.dm-btn{background:#1c2433;color:#e8edf6}.dm-btn.active{background:#f58f6a;color:#1b1410}.chat-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent}.chat-item:hover{background:#ffffff08;border-color:#ffffff0f}.chat-avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#e8edf6;background:#3c3f45;border:1px solid #4b4f57}.chat-main{min-width:0}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;color:#9aa7c5;font-size:11px}.chat-meta-left,.chat-meta-right{display:flex;align-items:center;gap:8px}.chat-name{font-weight:600;font-size:14px;color:#e8edf6}.chat-time{font-size:11px;color:#9aa7c5}.chat-content{color:#dfe6f5;line-height:1.38;word-break:break-word}.chat-content p{margin:0}.chat-content p+p,.chat-content p+ul,.chat-content p+ol,.chat-content p+blockquote,.chat-content ul+p,.chat-content ol+p,.chat-content blockquote+p,.chat-content pre+p,.chat-content p+pre{margin-top:8px}.chat-content ul,.chat-content ol{margin:6px 0 0 18px;padding:0}.chat-content blockquote{margin:6px 0 0;padding:6px 10px;border-left:3px solid #3c4b69;background:#0c1220;border-radius:8px;color:#c8d2e8}.chat-content code{font-family:Consolas,Courier New,monospace;font-size:12px;padding:2px 5px;border-radius:6px;background:#0b1322;border:1px solid #263652}.chat-content pre{margin:8px 0 0;padding:10px;border-radius:10px;background:#0b1322;border:1px solid #263652;overflow-x:auto}.chat-content pre code{border:none;padding:0;background:transparent}.chat-content a{color:#9ec6ff;text-decoration:none}.chat-content a:hover{text-decoration:underline}.chat-link-list,.chat-image-list{display:grid;gap:8px;margin-top:8px}.chat-link-preview{color:#9ec6ff;text-decoration:none;word-break:break-all}.chat-link-preview:hover{text-decoration:underline}.chat-link-card{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;padding:8px;border-radius:10px;border:1px solid #223047;background:#0d111b;text-decoration:none;color:#e8edf6}.chat-link-card-image{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #223047}.chat-link-card-content{display:grid;gap:4px;min-width:0}.chat-link-card-content strong,.chat-link-card-content span,.chat-link-card-content small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-link-card-content span,.chat-link-card-content small{color:#9aa7c5}.chat-video-list{margin-top:8px;display:grid;gap:10px;margin-bottom:8px}.chat-video-embed{display:grid;gap:6px}.chat-video-embed iframe,.chat-video-embed video{width:100%;max-width:min(100%,560px);aspect-ratio:16 / 9;border-radius:10px;border:1px solid #223047;background:#0b0f17}.chat-video-embed video{object-fit:contain}.chat-image-preview{max-width:100%;max-height:300px;border-radius:10px;border:1px solid #223047;display:block;object-fit:contain}.chat-image-list{margin-bottom:8px}.chat-compose{margin-top:12px;display:grid;gap:10px}.chat-format-toolbar{display:flex;flex-wrap:wrap;gap:6px}.chat-format-toolbar .ghost{min-width:34px;padding:6px 9px;font-size:12px;line-height:1}.chat-compose textarea{width:100%;border-radius:12px;border:1px solid #2c3446;background:#0e1118;color:#e8edf6;padding:10px 12px;resize:vertical}.mention-picker{display:grid;gap:4px;border:1px solid #2c3446;background:#0e1118;border-radius:10px;padding:6px;max-height:220px;overflow-y:auto}.mention-picker-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e8edf6;padding:7px 8px;text-align:left}.mention-picker-item:hover,.mention-picker-item.active{background:#202839;border-color:#36425c}.mention-picker-label{font-size:12px}.mention-picker-meta{font-size:10px;color:#a8b0c2;text-transform:uppercase;letter-spacing:.6px}.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.soundboard-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.sound-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.speaker-overlay{position:fixed;right:18px;bottom:18px;width:min(320px,calc(100vw - 36px));z-index:40;border:1px solid #232b3d;border-radius:14px;background:#0f141feb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px;display:grid;gap:8px}.speaker-overlay-title{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9aa7c5}.speaker-overlay-empty{color:#8f9bb6;font-size:12px}.speaker-overlay-list{display:grid;gap:6px}.speaker-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #2a3650;background:#101827;color:#e8edf6;font-size:13px}.speaker-dot{width:8px;height:8px;border-radius:999px;background:#7ddc9b;box-shadow:0 0 8px #7ddc9bb3}.poll-create{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:12px}.role-targets{display:flex;flex-wrap:wrap;gap:8px}.poll-list,.signup-list{display:grid;gap:12px}.poll-card{background:#0f141f;border-radius:14px;padding:14px;border:1px solid #232b3d;display:flex;flex-direction:column;gap:10px}.poll-options{display:flex;flex-wrap:wrap;gap:8px}.poll-option-row{display:grid;gap:4px}.member-row-name{display:inline-flex;align-items:center;gap:8px}.member-row-name-offline{color:#8f97aa}.speaking-pulse{width:8px;height:8px;border-radius:999px;background:#7ddc9b;box-shadow:0 0 #7ddc9b73;animation:speakingPulse 1.2s ease-out infinite}.presence-dot{width:9px;height:9px;border-radius:999px;display:inline-block}.presence-dot.online{background:#3ba55d;box-shadow:0 0 8px #3ba55d8c}.presence-dot.idle{background:#faa61a;box-shadow:0 0 8px #faa61a8c}.presence-dot.dnd{background:#ed4245;box-shadow:0 0 8px #ed42458c}.presence-dot-speaking{background:#7ddc9b;box-shadow:0 0 8px #7ddc9ba6;animation:speakingPulse 1.2s ease-out infinite}.presence-dot.offline{background:#6b7280}.option-btn{background:#212a3b;color:#e8edf6}.option-btn.active{background:#f9c66b;color:#1b1410}.signup-entries{display:flex;flex-wrap:wrap;gap:8px}.signup-messages-content{margin-bottom:10px}.signup-entry-badge{display:inline-flex;align-items:center;gap:8px}.signup-spec-icon{width:18px;height:18px;border-radius:4px;object-fit:cover;border:1px solid #2f394c}.signup-entry-main{display:inline-flex;flex-direction:column;line-height:1.2}.signup-entry-top{font-weight:600}.signup-entry-time{font-size:11px;color:#9aa7c5}.signup-row{display:flex;flex-direction:column;gap:8px}.role-summary{display:flex;flex-wrap:wrap;gap:8px}.signup-roles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.signup-dps-class-list{display:grid;gap:8px}.signup-dps-class-group{display:grid;gap:6px}.signup-late-absent{border-top:1px solid #2a3448;padding-top:8px}.signup-create-modal{width:min(560px,92vw)}.role-title{display:block;margin-bottom:6px;color:#9aa7c5;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.role-subtitle{display:block;color:#c6d1eb;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.sidebar{padding:14px 12px;gap:14px}.brand{padding:8px 10px 12px;border-bottom:1px solid #222a39}.brand h1{font-size:20px;font-weight:700}.section{gap:8px}.section-header h2{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:1.35px;color:#8e9ab8}.server-list,.channel-list{gap:4px}.server-item,.channel-row{border-radius:8px;transition:background .15s ease}.server-item:hover,.channel-row:hover{background:#ffffff0a}.server-btn{width:40px;height:40px;border-radius:12px}.channel{min-height:28px;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:500}.channel.active{background:#5865f2;border-color:#6975f4;color:#fff}.channel-row .inline-actions{opacity:0;pointer-events:none;transition:opacity .15s ease}.channel-row:hover .inline-actions{opacity:1;pointer-events:auto}.main{padding:0}.main-header{position:sticky;top:0;z-index:10;margin:0;padding:10px 16px;background:#2b2d31;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1f2227;min-height:0}.main-header h2{font-size:16px;font-weight:600}.main-header .actions{flex-wrap:wrap}.chat-panel{padding:14px 16px 12px;display:grid;gap:10px}.chat-panel>.panel-header{margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid #252f41}.chat-panel .panel-header h3{font-size:15px;margin:0}.chat-panel .chat-search{margin-bottom:6px}.chat-panel .chat-list{max-height:min(56vh,520px);padding-right:8px;gap:6px}.chat-panel .chat-item{border-radius:8px;padding:7px 8px}.chat-panel .chat-item:hover{background:#ffffff0a}.chat-panel .chat-meta{margin-bottom:2px;font-size:11px}.chat-panel .chat-name{font-size:14px}.chat-panel .chat-content{font-size:14px;line-height:1.38}.chat-unread-divider{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--theme-accent);font-size:11px;font-weight:600;letter-spacing:.4px}.chat-unread-divider:before,.chat-unread-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--theme-accent) 55%,transparent)}.chat-jump-row{display:flex;justify-content:flex-end;margin:4px 0 2px}.chat-jump-btn{font-size:11px;height:28px;padding:0 10px}.voice-rejoin-banner{display:inline-flex;align-items:center;gap:8px}.voice-rejoin-spinner{width:12px;height:12px;border-radius:999px;border:2px solid color-mix(in srgb,var(--theme-accent) 35%,transparent);border-top-color:var(--theme-accent);animation:voice-rejoin-spin .8s linear infinite}@keyframes voice-rejoin-spin{to{transform:rotate(360deg)}}.voice-members-inline{margin:0 0 8px;padding:8px 10px;border:1px solid #2f3540;border-radius:8px;background:#1f232b}.member-groups{display:grid;gap:10px}.member-group{display:grid;gap:6px}.member-group-header{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#a8b0c2;padding:2px 2px 0}.member-role-row{border-radius:8px;padding:7px 8px}.member-state{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#a9b2c8}.member-state-online{color:#8ce0a6}.member-state-idle{color:#faa61a}.member-state-dnd{color:#ed4245}.member-state-offline{color:#8f97aa}.member-state-speaking{color:#7ddc9b}.member-role-row-speaking{background:#7ddc9b14;border:1px solid rgba(125,220,155,.26)}.listener-card-speaking{border-color:#7ddc9b61;box-shadow:0 0 0 1px #7ddc9b24}@keyframes speakingPulse{0%{box-shadow:0 0 #7ddc9b6b}70%{box-shadow:0 0 0 7px #7ddc9b00}to{box-shadow:0 0 #7ddc9b00}}.chat-panel .chat-compose{margin-top:8px;background:#111722;border:1px solid #2a3448;border-radius:10px;padding:10px;gap:8px}.chat-panel .chat-format-toolbar{gap:4px}.chat-panel .chat-format-toolbar .ghost{padding:5px 8px;border-radius:7px}.chat-panel .chat-compose textarea{border-radius:8px;border-color:#303a4f;background:#0d131d;min-height:92px}.chat-panel .chat-actions{border-top:1px solid #2a3448;padding-top:8px}.chat-panel .chat-actions button{min-width:90px}.main-header{align-items:center}.main-header>div:first-child{min-width:0}.main-header>div:first-child p:last-child{font-size:11px;opacity:.85}.main-header .actions{gap:8px}.main-header .actions button{height:34px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:600}.main-header .actions .ghost{background:#1b2230;color:#c7d2eb;border-color:#2c3549}.section-header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}.server-add-btn{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.server-add-item{margin-top:4px}.server-add-circle{width:48px;height:48px;border-radius:50%;background:#2b2d31;border:2px dashed #3f4248;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,border-radius .25s}.server-add-circle:hover{background:#23a559;border-color:#23a559;border-style:solid;border-radius:16px}.server-add-icon{font-size:24px;color:#23a559;line-height:1;font-weight:300;transition:color .15s}.server-add-circle:hover .server-add-icon{color:#fff}.server-create,.channel-create{background:#111723;border:1px solid #232d41;border-radius:10px;padding:8px}.channel-row .inline-actions{gap:4px}.channels-section .channel-list>.hint{margin:4px 4px 0;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.channel-group-header{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 0}.channel-group-header .hint{margin:0}.channel-group-header .server-add-btn{width:22px;height:22px;font-size:14px}.channel-row .inline-actions .ghost{height:28px;padding:0 8px;border-radius:7px;font-size:10px;color:#aeb9d5;border-color:#2e3a52;background:#151d2b}.channel-row .inline-actions .ghost:hover{color:#fff;border-color:#47557a}.server-meta .ghost{height:26px;padding:0 8px;border-radius:7px;font-size:10px}.chat-panel .chat-list{scrollbar-width:thin}.channel-row .inline-actions .ghost,.main-header .actions button,.server-meta .ghost{letter-spacing:.15px}.channel-rename-inline{cursor:default;gap:6px}.channel-rename-input{width:100%;min-width:0;background:#151d2b;border:1px solid #2e3a52;border-radius:6px;color:#e8edf6;font-size:12px;padding:3px 7px}.channel-rename-input:focus{outline:none;border-color:#6975f4}.app{grid-template-columns:300px minmax(0,1fr);background:#1e1f22;height:100vh;min-height:100vh;overflow:hidden}.sidebar{background:#2b2d31;border-right:1px solid #1f2227;padding:10px 10px 12px;gap:10px}.brand{padding:8px 10px;border-radius:8px;background:#1f2227}.brand h1{font-size:16px}.status{margin-top:3px;font-size:10px}.server-list,.channel-list{max-height:28vh;overflow:auto;padding-right:4px}.server-item,.channel-row{background:transparent}.server-btn{border-radius:999px;width:36px;height:36px}.channel{min-height:30px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;color:#cfd5e2;background:#3d4454;border:1px solid #515a6f}.channel.active .channel-count-badge{background:#ffffff38;border-color:#ffffff4d;color:#fff}.channel.active{background:#5865f2;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #3a3d43;padding-top:8px;display:grid;gap:6px}.discord-control-panel{border:1px solid #3a3f48;background:#1f2227;border-radius:10px;padding:8px;display:grid;gap:7px}.discord-control-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.discord-control-name{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.discord-control-badge{gap:6px;letter-spacing:.2px;padding:3px 8px}.discord-control-dot{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.85}.discord-control-latency{font-size:11px;opacity:.9;letter-spacing:0}.discord-control-voice-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.discord-control-voice-text{min-width:0;display:grid;gap:1px}.discord-control-voice-text .hint{margin:0;font-size:10px;line-height:1.1;letter-spacing:.2px}.discord-control-room{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce2ef;font-size:11px}.discord-control-voice-row .ghost{height:26px;padding:0 8px;font-size:10px}.discord-control-disconnect{color:#ff9a8b;border-color:#ff9a8b73;background:#ff9a8b14;font-size:10px;padding:3px 8px;height:26px}.discord-control-disconnect:hover{color:#ffe4de;border-color:#ff9a8bb8;background:#ff9a8b33;box-shadow:none}.sidebar-footer .ghost{width:100%;justify-content:center;background:#1f2227;color:#d9dee7;border-color:#3a3f48;font-size:11px;height:30px;padding:0 8px}.app>.main{margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;gap:0;background:#313338;min-height:100vh}.app>.main>.main-header{grid-column:1 / -1;margin:0;padding:10px 16px;background:#2b2d31;border-bottom:1px solid #1f2227;position:sticky;top:0}.app>.main>.main-header h2{font-size:16px}.app>.main>.main-header p{font-size:11px}.app>.main>.error{grid-column:1;margin:0 14px;align-self:start}.app>.main>.hint{grid-column:1;margin:0 14px;align-self:start}.primary-chat-panel{grid-column:1;grid-row:2 / -1;align-self:stretch;margin:0;border-radius:0;background:#2b2d31;border-color:#1f2227;min-height:0;max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;padding-top:0}.chat-panel-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:4px 12px;border-bottom:1px solid #1f2227;min-height:32px}.chat-pin-btn{font-size:16px;padding:2px 8px;border-radius:6px;cursor:pointer;opacity:.7;transition:opacity .15s}.chat-pin-btn:hover{opacity:1;background:#ffffff0f}.primary-chat-panel .chat-list{max-height:unset;min-height:140px}.members-panel,.listeners-panel,.polls-panel,.files-panel,.soundboard-panel,.screen-self-panel,.screen-remote-panel{grid-column:2;margin:0;border-radius:0;background:#2b2d31;border-color:#1f2227;max-height:320px;overflow:auto;border-left:1px solid #1f2227}.members-panel{max-height:420px}.listeners-panel{max-height:360px}.polls-panel{max-height:420px}.panel{padding:12px}.channel-presence{display:block;margin:1px 8px 0;font-size:11px;line-height:1.15;grid-column:1 / -1}.channel-collapse-btn{background:transparent;border:none;color:#9aa7c5;font-size:11px;padding:0;cursor:pointer;text-align:left;display:block;width:100%}.channel-collapse-btn:hover{color:#d6dff2;box-shadow:none;transform:none}.channel-voice-list{display:grid;gap:2px;margin-top:2px}.channel-voice-member.speaking{color:#7ddc9b}.channel-tools-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.channel-tools-tabs .tab-btn{background:#1f2227;border:1px solid #3a3f48;color:#cfd5e2}.channel-tools-tabs .tab-btn.active{background:#5865f2;border-color:#6975f4;color:#fff}.channel-tool-content{display:grid;gap:10px}.polls-panel,.files-panel{display:none}.sidebar{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"brand brand" "servers channels" "footer footer";gap:8px;overflow:hidden}.brand{grid-area:brand}.servers-section{grid-area:servers;min-width:0;border-right:1px solid #3a3d43;padding-right:8px;overflow-x:hidden;overflow-y:auto}.channels-section{grid-area:channels;min-width:0;padding-left:2px;overflow-x:hidden;overflow-y:auto}.sidebar-footer{grid-area:footer}.servers-section .section-header h2,.servers-section .server-meta span{font-size:10px}.servers-section .server-item{grid-template-columns:1fr;justify-items:center;gap:6px;padding:4px 0}.servers-section .server-btn{width:42px;height:42px;border-radius:13px}.servers-section .server-meta{width:100%;text-align:center;gap:4px}.servers-section .server-meta .ghost{width:100%;height:24px;font-size:10px}.servers-section .server-create{grid-template-columns:1fr;gap:6px}.servers-section .server-create input,.servers-section .server-create button{width:100%}.servers-section .server-create input{font-size:11px;padding:7px 8px}.servers-section .server-create button{height:28px;font-size:11px;padding:0 8px}.server-folder{display:flex;flex-direction:column;align-items:center;gap:4px}.server-folder-icon-wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#2b2d31;border:1px solid #3a3d43;transition:border-radius .2s,background .2s;position:relative}.server-folder-icon-wrapper:hover{background:#36383d;border-radius:10px}.server-folder-icon{display:flex;align-items:center;justify-content:center;color:#b5bac1;position:relative}.server-folder-icon.open{color:#5865f2}.server-folder-badge{position:absolute;bottom:-2px;right:-6px;background:#5865f2;color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.server-folder-children{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;border-left:2px solid #3a3d43;margin-left:0}.context-menu-separator{height:1px;background:#3a3d43;margin:4px 0}.context-menu-submenu-label{font-size:10px;color:#8e9297;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px 2px}.context-menu-btn-active{color:#5865f2!important}.command-palette{position:fixed;left:50%;top:16vh;transform:translate(-50%);width:min(720px,calc(100vw - 32px));max-height:min(72vh,560px);background:#1f2126;border:1px solid #3a3d43;border-radius:10px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;box-shadow:0 20px 40px #00000073}.command-palette-input{border-radius:0;border:none;border-bottom:1px solid #3a3d43;background:#2b2d31;color:#e8edf6;font-size:14px;padding:12px 14px}.command-palette-input:focus{outline:none}.command-palette-list{overflow:auto;display:grid;gap:2px;padding:8px}.command-palette-item{width:100%;border:none;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:#d0d6e2}.command-palette-item:hover,.command-palette-item.active{background:#3b3e45;color:#fff}.command-palette-empty{padding:12px;color:#9aa7c5;font-size:13px}.rename-folder-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2b2d31;border:1px solid #3a3d43;border-radius:10px;padding:16px;display:grid;gap:10px;min-width:240px;z-index:1000}.rename-folder-dialog label{font-size:11px;color:#b5bac1;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.rename-folder-dialog input{width:100%}.channels-section .channel-list{max-height:40vh;overflow-x:hidden;overflow-y:auto;gap:1px}.channels-section .channel-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px}.channels-section .inline-actions{display:inline-flex;align-items:center;gap:2px;justify-content:flex-end}.channel-action-icon{width:22px;height:22px;padding:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.channel-row .inline-actions .channel-action-icon{height:22px;width:22px;padding:0}.channels-section .channel-presence{margin:0 6px 2px}.channels-section .channel-create{grid-template-columns:1fr}.channels-section .channel-create input,.channels-section .channel-create select,.channels-section .channel-create button{width:100%}.panel-header h3{font-size:14px}.chat-panel .chat-list::-webkit-scrollbar{width:9px}.chat-panel .chat-list::-webkit-scrollbar-thumb{background:#2b354a;border:2px solid transparent;background-clip:content-box;border-radius:999px}.sidebar{grid-template-columns:72px minmax(0,1fr);padding:8px;gap:8px}.brand{padding:8px;border-radius:10px}.brand h1{font-size:14px;letter-spacing:.2px}.servers-section{border-right-color:#2f3136}.servers-section .server-list{gap:4px}.servers-section .server-item{position:relative;display:flex;align-items:center;justify-content:center}.server-pill-wrapper{position:absolute;left:-4px;top:0;bottom:0;display:flex;align-items:center}.server-pill{width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transition:height .15s ease}.server-item:hover .server-pill{height:20px}.server-pill-active{height:36px!important}.server-list-separator{width:32px;height:2px;background:#3a3d43;border-radius:1px;margin:2px auto}.servers-section .server-btn[data-tooltip]:after{bottom:auto;left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.servers-section .server-btn{width:48px;height:48px;border-radius:999px;background:#313338;border:1px solid #3a3d43;transition:border-radius .15s ease,background .15s ease;position:relative}.servers-section .server-btn:hover,.servers-section .server-btn.active{border-radius:16px}.servers-section .server-btn.active{background:#5865f2;border-color:#6975f4}.server-icon{font-size:15px;font-weight:700}.server-unread-badge{position:absolute;right:-4px;bottom:-4px;min-width:16px;height:16px;border-radius:8px;background:#949ba4;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;border:2px solid #1e1f22}.server-unread-badge-mention{background:#f23f42}.channels-section .section-header h2{font-size:11px;letter-spacing:1px}.channels-section .channel-list{gap:2px}.servers-section,.channels-section,.servers-section .server-list,.channels-section .channel-list{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.servers-section::-webkit-scrollbar,.channels-section::-webkit-scrollbar,.servers-section .server-list::-webkit-scrollbar,.channels-section .channel-list::-webkit-scrollbar{width:0;height:0;display:none}.channels-section .channel-row{border-radius:6px;padding:1px 0}.channel{min-height:32px;border-radius:6px;padding:6px 8px;font-size:14px;font-weight:500;color:#b5bac1}.channel:hover{background:#35373c;color:#dbdee1}.channel.active{background:#404249;border-color:#4b4d55;color:#fff}.channel.voice-active{background:#3a3d43;border-color:#4b4d55;color:#fff}.channel-label{gap:8px}.channel-type{width:14px;text-align:center;color:#8e9297;font-size:13px;font-weight:700;flex:0 0 14px}.channel.active .channel-type,.channel:hover .channel-type{color:inherit}.channel-name-text{overflow:hidden;word-break:break-word;overflow-wrap:break-word;white-space:normal}.channel.voice-active .channel-name-text{font-weight:700}.channel-type.voice-active-icon{color:#7ddc9b}.channel-count-badge{min-width:16px;height:16px;font-size:10px;padding:0 4px;background:#24262a;border-color:#3a3d43}.channel.active .channel-count-badge{background:#fff3;border-color:#ffffff42}.channel-row .inline-actions .ghost{height:24px;padding:0 7px;border-radius:6px}.app>.main{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;height:100vh;overflow:hidden}.app>.main>.main-header{grid-row:1;padding:8px 16px}.main-header h2{font-size:16px}.main-header{display:flex;align-items:center;justify-content:space-between}.main-header-left{min-width:0;flex:1}.main-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#b5bac1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s;padding:0}.header-icon-btn:hover{color:#dcddde;background:#ffffff0f}.header-icon-btn.active{color:#fff;background:#ffffff1a}.app>.main.members-hidden{grid-template-columns:minmax(0,1fr)}.app>.main.members-hidden .members-panel,.app>.main.members-hidden .listeners-panel,.app>.main.members-hidden .polls-panel,.app>.main.members-hidden .files-panel,.app>.main.members-hidden .soundboard-panel,.app>.main.members-hidden .screen-self-panel,.app>.main.members-hidden .screen-remote-panel{display:none}.chat-input-row{display:flex;align-items:flex-start;gap:0}.chat-attach-btn{width:40px;height:40px;border:none;background:transparent;color:#b5bac1;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s;padding:0;margin-top:4px}.chat-attach-btn:hover{color:#dcddde}.chat-input-row textarea{flex:1;min-width:0}.chat-compose.drag-active{position:relative}.chat-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#5865f226;border:2px dashed #5865f2;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5865f2;font-size:14px;font-weight:600}.invite-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.invite-list{display:flex;flex-direction:column;gap:6px}.invite-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.invite-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-code-text{font-family:Consolas,Courier New,monospace;font-size:13px;color:#dcddde;-webkit-user-select:all;user-select:all}.invite-list-actions{display:flex;gap:6px;flex-shrink:0}.danger-text{color:#ed4245!important}.soundboard-volume-row{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.soundboard-volume-row input[type=range]{flex:1;accent-color:#5865f2;height:4px}.header-voice-indicator{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:2px 8px;border-radius:999px;border:1px solid #3a3d43;background:#2f3136;width:fit-content}.header-voice-indicator .member-state{font-weight:600}.header-voice-indicator .hint{margin:0}.primary-chat-panel{grid-row:2;margin-left:8px;margin-bottom:8px;border-radius:8px;min-height:0;max-height:none;display:flex;flex-direction:column}.chat-panel .chat-list{gap:0;flex:1;min-height:0;overflow-y:auto}.chat-panel .chat-item{border-radius:4px;padding:2px 10px 4px;grid-template-columns:44px minmax(0,1fr);gap:8px}.chat-avatar{width:40px;height:40px;margin-top:2px}.chat-meta{margin-bottom:0}.chat-name{font-size:15px;font-weight:600}.chat-time{font-size:12px}.chat-edited{font-size:11px;color:var(--text-muted)}.chat-content{margin-top:1px;font-size:15px;line-height:1.35}.chat-file-list-inline{margin-top:8px;display:grid;gap:4px}.chat-file-item-inline{display:flex;align-items:center;gap:8px}.chat-file-item-inline a{color:var(--text);text-decoration:underline}.chat-file-item-meta{font-size:11px;color:var(--text-muted)}.chat-image-button{border:0;background:transparent;padding:0;cursor:pointer}.image-viewer-modal{width:min(96vw,1320px)}.image-viewer-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--text-muted);font-size:12px}.image-viewer-body{max-height:min(82vh,980px);overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:none}.image-viewer-body.pan-enabled{cursor:grab}.image-viewer-body.pan-enabled.panning{cursor:grabbing}.image-viewer-preview{max-width:100%;max-height:80vh;object-fit:contain;transform-origin:center center;transition:transform .12s ease;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none}.image-viewer-actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.image-viewer-actions a{color:var(--text);text-decoration:underline}.image-viewer-zoom-controls{display:flex;align-items:center;gap:6px}.image-viewer-zoom-label{min-width:44px;text-align:center}.audit-list{display:grid;gap:8px;margin-top:10px}.audit-item{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface-bg)}.audit-item-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:6px}.audit-item-body{display:grid;gap:4px;font-size:13px}.members-panel,.listeners-panel{grid-row:2;border-radius:8px;align-self:stretch;margin:0 8px 8px 0;max-height:none;min-height:0;overflow-y:auto}.member-group-header{font-size:10px;letter-spacing:1px}.member-role-row{padding:6px 8px}.member-row-name{font-size:13px}.member-state{font-size:10px}.members-panel .role-row,.listeners-panel .card{transition:background .15s ease,border-color .15s ease}.members-panel .role-row:hover{background:#ffffff0a}.listeners-panel .grid{grid-template-columns:1fr;gap:6px;margin-top:8px}.listeners-panel .card{border-radius:8px;padding:8px;gap:8px;background:#232428;border-color:#2f3136}.listeners-panel .card:hover{background:#2b2d31;border-color:#3a3d43}.listeners-panel .card-header{gap:8px}.listeners-panel .card-header button{height:24px;padding:0 8px;border-radius:6px;font-size:11px}.listeners-panel input[type=range]{accent-color:#5865f2}.listeners-panel .hint,.members-panel .hint,.channel-presence{color:#949ba4;font-size:11px}.chat-panel .chat-search{grid-template-columns:minmax(0,1fr) auto auto;margin-bottom:8px}.chat-panel .chat-search input{background:#1e1f22;border-color:#2f3136;border-radius:7px;min-height:34px;padding:8px 10px}.chat-panel .chat-search button{height:34px;border-radius:7px;padding:0 10px;font-size:11px}.chat-panel .chat-compose{background:#383a40;border-color:#383a40;border-radius:8px;padding:8px}.chat-panel .chat-compose textarea{background:transparent;border:none;min-height:86px;padding:4px 2px}.chat-panel .chat-compose textarea:focus{outline:none}.chat-panel .chat-actions{border-top-color:#4a4d54}.chat-panel .chat-actions button{min-width:84px;height:30px;font-size:11px}.server-list,.channel-list,.members-panel,.listeners-panel,.primary-chat-panel .chat-list{scrollbar-width:thin}.server-list,.channel-list,.members-panel,.listeners-panel,.primary-chat-panel .chat-list{scrollbar-width:none}.server-list::-webkit-scrollbar,.channel-list::-webkit-scrollbar,.members-panel::-webkit-scrollbar,.listeners-panel::-webkit-scrollbar,.primary-chat-panel .chat-list::-webkit-scrollbar{width:8px}.server-list::-webkit-scrollbar,.channel-list::-webkit-scrollbar,.members-panel::-webkit-scrollbar,.listeners-panel::-webkit-scrollbar,.primary-chat-panel .chat-list::-webkit-scrollbar{width:0;height:0;display:none}.servers-section,.channels-section,.members-panel,.listeners-panel,.primary-chat-panel .chat-list{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.server-list::-webkit-scrollbar-thumb,.channel-list::-webkit-scrollbar-thumb,.members-panel::-webkit-scrollbar-thumb,.listeners-panel::-webkit-scrollbar-thumb,.primary-chat-panel .chat-list::-webkit-scrollbar-thumb{background:#2f3136;border-radius:999px}.context-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.user-context-menu{position:fixed;z-index:100;display:flex;flex-direction:column;gap:6px;min-width:210px;padding:10px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-surface-bg);box-shadow:0 12px 28px #00000059}.user-context-menu-header{font-size:12px;font-weight:700;color:var(--theme-text);margin-bottom:2px}.user-context-menu .ghost{width:100%;text-align:left}.dm-call-invite-toast{position:fixed;right:16px;bottom:16px;z-index:95;display:flex;flex-direction:column;gap:8px;min-width:240px;max-width:320px;padding:12px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-panel-bg)}.dm-call-invite-title{font-size:13px;font-weight:700}.dm-call-invite-text{font-size:12px;color:var(--theme-muted)}.channel-voice-member{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08;color:#aeb9d5;transition:background .12s ease,color .12s ease}.channel-voice-member.speaking{background:#23a55a38;color:#eaf6ee}.channel-voice-member-avatar-wrap{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.channel-voice-member-avatar{width:100%;height:100%;object-fit:cover;display:block}.channel-voice-member-avatar-initial{font-size:12px;font-weight:700;color:#fff}.channel-voice-member-name-wrap{min-width:0;display:flex;flex-direction:column;gap:1px}.channel-voice-member-name{font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.channel-voice-member-subname{font-size:11px;line-height:1.2;color:#9aa4bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-voice-member-icons{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin-left:4px}.voice-state-icon{color:#b5bac1;vertical-align:middle}.voice-state-icon.muted-icon,.voice-state-icon.deafened-icon{color:#ed4245}.channel-voice-volume{width:60px;height:4px;accent-color:#5865f2;cursor:pointer;flex-shrink:0;margin-left:auto}.discord-control-icon-btn{width:34px;height:34px;padding:0;border-radius:8px;display:grid;place-items:center;font-size:16px;background:#2b2d31;color:#b5bac1;border:none;cursor:pointer;transition:background .15s,color .15s}.discord-control-icon-btn:hover{background:#35373c;color:#dbdee1;box-shadow:none;transform:none}.discord-control-icon-btn-sm{width:28px;height:28px;padding:0;border-radius:6px;display:grid;place-items:center;font-size:14px;background:#2b2d31;color:#b5bac1;border:none;cursor:pointer;transition:background .15s,color .15s}.discord-control-icon-btn-sm:hover{background:#35373c;color:#dbdee1;box-shadow:none;transform:none}.discord-control-icon-wide{width:34px;padding:0;font-size:12px;gap:4px}.context-menu-btn{display:inline-flex;align-items:center;gap:8px}.discord-control-active-danger{background:#f23f4226;color:#f23f42}.discord-control-active-danger:hover{background:#f23f424d;color:#ff5c5f}.discord-control-screenshare-row{display:flex;justify-content:center}.discord-control-user-row{display:flex;align-items:center;gap:6px;padding:2px 0}.discord-control-username{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#f2f3f5}.discord-control-user-buttons{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-pin-btn{width:34px;height:34px;padding:0;border-radius:8px;display:grid;place-items:center;font-size:16px;background:transparent;border:1px solid transparent;color:#b5bac1;cursor:pointer}.header-pin-btn:hover{background:#35373c;color:#dbdee1;box-shadow:none;transform:none}.pinned-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:60px}.pinned-panel{width:440px;max-height:70vh;display:flex;flex-direction:column;background:#2b2d31;border-radius:10px;border:1px solid var(--theme-border);box-shadow:0 12px 34px #00000080;overflow:hidden}.pinned-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--theme-border)}.pinned-panel .panel-header h3{margin:0;font-size:14px}.pinned-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.pinned-item{padding:10px 12px;background:#1e1f22;border-radius:8px;cursor:pointer;transition:background .15s}.pinned-item:hover{background:#232428}.pinned-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pinned-item-header strong{font-size:12px;color:#f2f3f5}.pinned-item-header span{font-size:10px;color:var(--theme-muted)}.pinned-item-content{font-size:13px;color:#dbdee1;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-item-highlight{animation:chat-highlight-flash 2s ease}@keyframes chat-highlight-flash{0%{background:#5865f259}to{background:transparent}}.server-context-menu{position:fixed;z-index:100;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:8px;border-radius:8px;border:1px solid var(--theme-border);background:#111214;box-shadow:0 12px 28px #00000059}.server-context-menu-header{font-size:11px;font-weight:700;color:var(--theme-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px}.context-menu-btn{width:100%;text-align:left;padding:7px 8px;border-radius:4px;font-size:13px;color:#dbdee1;border:none;background:transparent}.context-menu-btn:hover{background:#5865f2;color:#fff;box-shadow:none;transform:none}.context-menu-btn-danger{color:#f23f42}.context-menu-btn-danger:hover{background:#f23f42;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#0009;display:flex;justify-content:center;align-items:center}.modal-panel{background:#313338;border-radius:10px;border:1px solid var(--theme-border);box-shadow:0 12px 28px #00000080;min-width:320px;max-width:440px;max-height:50vh;display:flex;flex-direction:column;overflow:hidden}.modal-panel.image-viewer-modal{width:min(98vw,1320px);max-width:min(98vw,1320px);min-width:min(98vw,1320px);max-height:min(92vh,1180px)}.modal-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--theme-border);font-size:16px;font-weight:700}.modal-panel-header .ghost{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:6px;font-size:14px;border:none}.invite-friend-list{padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.invite-friend-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;transition:background .15s}.invite-friend-item:hover{background:#2b2d31}.invite-friend-name{font-size:14px;color:#f2f3f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.invite-friend-btn{flex-shrink:0;height:28px;padding:0 12px;font-size:12px;border-radius:4px}.btn-primary{background:#5865f2;color:#fff;border:none;font-weight:600;cursor:pointer}.btn-primary:hover{background:#4752c4;box-shadow:none;transform:none}.remote-audio-container{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.soundboard-popup{max-width:500px;min-width:380px;max-height:60vh}.soundboard-popup-body{padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.soundboard-popup-body .upload-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.soundboard-popup-body .upload-row input[type=text],.soundboard-popup-body .upload-row input:not([type]){flex:1;min-width:100px}.soundboard-popup-body .hint{font-size:11px;color:#72767d;width:100%}.soundboard-popup-body .empty{color:#72767d;text-align:center;padding:16px 0}.settings-row{display:flex;align-items:center;gap:12px;padding:8px 0}.settings-row select,.settings-row input{flex:1;min-width:0}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #242a38}.main-header{flex-direction:column;align-items:flex-start}}.chat-date-divider{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;font-size:11px;font-weight:700;color:#949ba4}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:1px;background:#3f4147}.chat-item-grouped{padding-top:0!important;padding-bottom:0!important;min-height:0}.chat-item-grouped .chat-main{padding-top:0}.chat-grouped-time{font-size:10px;color:transparent;display:flex;align-items:center;justify-content:flex-end;width:44px;height:100%;padding-right:0;-webkit-user-select:none;user-select:none}.chat-item-grouped:hover .chat-grouped-time{color:#949ba4}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:5px;background:#111214;color:#dbdee1;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:100;box-shadow:0 4px 12px #0006}:is() .chat-grouped-meta{width:44px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}:is() .chat-grouped-meta .chat-grouped-time{width:auto;height:auto}:is() .chat-grouped-pin{color:#949ba4;opacity:.9;display:inline-flex;align-items:center;justify-content:center}[data-tooltip]:hover:after{opacity:1}.channel-row{position:relative}.channel-row.drag-line-before:before,.channel-row.drag-line-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:999px;background:#5865f2;pointer-events:none;opacity:0;animation:channelDropLineIn .12s ease-out forwards}.channel-row.drag-line-before:before{top:-1px}.channel-row.drag-line-after:after{bottom:-1px}@keyframes channelDropLineIn{0%{opacity:0;transform:scaleX(.75)}to{opacity:1;transform:scaleX(1)}}.channel-row[draggable=true]{cursor:grab}.channel-row[draggable=true]:active{cursor:grabbing}.chat-item{position:relative}.chat-hover-actions{position:absolute;top:-16px;right:10px;display:none;align-items:center;gap:0;border-radius:4px;background:#2b2d31;border:1px solid #3f4147;box-shadow:0 2px 8px #00000040;z-index:5;overflow:hidden}.chat-item:hover .chat-hover-actions{display:flex}.chat-hover-btn{width:32px;height:32px;border:none;background:transparent;color:#b5bac1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .1s,color .1s}.chat-hover-btn:hover{background:#ffffff0f;color:#dcddde}.typing-indicator{display:flex;align-items:center;gap:8px;padding:0 10px;height:24px;font-size:12px;color:#949ba4;overflow:hidden}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:4px;height:4px;border-radius:50%;background:#949ba4;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.channel-unread-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0;margin-left:auto}.channel-unread-count{min-width:16px;height:16px;border-radius:8px;background:#949ba4;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.channel-unread .channel-name-text{color:#f2f3f5;font-weight:600}.channel-unread .channel-type{color:#dbdee1}.channel-mention-badge{min-width:16px;height:16px;border-radius:8px;background:#f23f42;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.channel-group-header{cursor:pointer;-webkit-user-select:none;user-select:none}.channel-group-collapse-arrow{display:inline-block;width:12px;height:12px;transition:transform .15s ease;color:#949ba4;flex-shrink:0}.channel-group-collapse-arrow.collapsed{transform:rotate(-90deg)}.channel-group-channels{overflow:hidden;transition:max-height .2s ease}.channel-group-channels.collapsed{max-height:0!important;overflow:hidden}.channels-section .channel-section{display:flex;flex-direction:column;min-width:0}.channels-section .channel-row{display:block;padding:0}.channels-section .channel{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.channels-section .channel-label{min-width:0;flex:1}.channel-row-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:8px;flex-shrink:0}.channel-row-right .channel-action-icon{width:22px;height:22px;padding:0;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .12s ease}.channels-section .channel:hover .channel-row-right .channel-action-icon,.channels-section .channel.active .channel-row-right .channel-action-icon,.channels-section .channel.voice-active .channel-row-right .channel-action-icon{opacity:1;pointer-events:auto}.channel-group-header{position:relative}.channel-group-header[draggable=true]{cursor:grab}.channel-group-header[draggable=true]:active{cursor:grabbing}.channel-group-header.drag-line-before:before,.channel-group-header.drag-line-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:999px;background:#5865f2;pointer-events:none;opacity:0;animation:channelDropLineIn .12s ease-out forwards}.channel-group-header.drag-line-before:before{top:-1px}.channel-group-header.drag-line-after:after{bottom:-1px}.chat-reply-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#2e3035;border-radius:8px 8px 0 0;border:1px solid #3f4147;border-bottom:none;font-size:12px;color:#b5bac1}.chat-reply-banner strong{color:#f2f3f5;font-size:12px}.chat-reply-banner-close{margin-left:auto;width:20px;height:20px;border:none;background:transparent;color:#949ba4;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0}.chat-reply-banner-close:hover{color:#dcddde;background:#ffffff0f}.chat-reply-ref{display:flex;align-items:center;gap:6px;font-size:12px;color:#949ba4;padding:2px 0 4px;cursor:pointer}.chat-reply-ref:hover{color:#dbdee1}.chat-reply-ref-avatar{width:16px;height:16px;border-radius:50%;background:#3c3f45;display:grid;place-items:center;font-size:8px;font-weight:700;color:#e8edf6;flex-shrink:0}.pinned-item-images{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.pinned-item-image{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #3f4147;background:#111214}.pinned-item-videos{margin-top:8px;display:grid;gap:8px}.pinned-item-video-embed{display:grid;gap:6px}.pinned-item-video-frame{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:8px;border:1px solid #3f4147;background:#111214}.pinned-item-links{margin-top:8px;display:grid;gap:6px}.pinned-item-link{color:#9ec6ff;text-decoration:none;font-size:12px;word-break:break-all}.pinned-item-link:hover{text-decoration:underline}.chat-reply-ref-name{font-weight:600;color:#b5bac1}.chat-reply-ref-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#2b2d31;border:1px solid #3a3d43;cursor:pointer;font-size:14px;transition:background .15s,border-color .15s}.chat-reaction-badge:hover{background:#35373c;border-color:#5865f2}.chat-reaction-self{background:#5865f226;border-color:#5865f2}.chat-reaction-emoji{font-size:16px;line-height:1}.chat-reaction-count{font-size:12px;font-weight:600;color:#dbdee1}.emoji-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.emoji-picker-popup{position:fixed;width:260px;max-height:250px;background:#2b2d31;border:1px solid #3a3d43;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:201;display:flex;flex-direction:column;overflow:hidden}.emoji-picker-header{padding:8px 12px;font-size:12px;font-weight:700;color:#949ba4;text-transform:uppercase;border-bottom:1px solid #3a3d43}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px;overflow-y:auto}.emoji-picker-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .1s}.emoji-picker-btn:hover{background:#35373c}.chat-avatar-img{border-radius:999px;object-fit:cover;border:1px solid #4b4f57}.member-avatar-wrap{position:relative;width:32px;height:32px;flex-shrink:0;margin-right:8px}.member-avatar-img{width:32px;height:32px;border-radius:999px;object-fit:cover}.member-avatar-initial{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#e8edf6;background:#3c3f45}.member-avatar-wrap .presence-dot{position:absolute;bottom:-1px;right:-1px;border:2px solid #2b2d31}.avatar-upload-area{display:flex;align-items:center;gap:12px;margin:6px 0 10px}.avatar-preview{width:64px;height:64px;border-radius:999px;object-fit:cover;border:2px solid #4b4f57}.avatar-placeholder{display:grid;place-items:center;background:#3c3f45;color:#e8edf6;font-size:24px;font-weight:700}.pending-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 4px;background:#1e202499;border-radius:8px}.pending-attachment{position:relative;display:inline-flex;align-items:center;background:#2b2d31;border:1px solid #3a3d43;border-radius:8px;padding:6px 28px 6px 8px;max-width:200px}.pending-attachment-image{padding:4px 28px 4px 4px}.pending-attachment-thumb{max-width:180px;max-height:120px;object-fit:contain;border-radius:4px}.pending-attachment-file{display:flex;align-items:center;gap:6px;min-width:0;color:#b5bac1}.pending-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;max-width:140px}.pending-attachment-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;background:#1e1f22;color:#f23f42;border-radius:999px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;opacity:.8;transition:opacity .15s}.pending-attachment-remove:hover{opacity:1;background:#f23f42;color:#fff}.chat-panel .chat-item{grid-template-columns:max-content minmax(0,1fr);align-items:flex-start}.chat-panel .chat-item{position:relative;z-index:0}.chat-panel .chat-meta{display:flex;flex-wrap:wrap;row-gap:2px}.chat-panel .chat-meta-left,.chat-panel .chat-meta-right{min-width:0}.chat-panel .chat-content{overflow-wrap:anywhere;word-break:break-word}.chat-panel .chat-main{display:grid;align-content:start;gap:8px;isolation:isolate}.chat-panel .chat-main>*{margin-top:0!important;margin-bottom:0!important}.chat-panel .chat-image-button,.chat-panel .chat-video-embed iframe,.chat-panel .chat-video-embed video{display:block}.chat-panel .chat-image-list,.chat-panel .chat-video-list,.chat-panel .chat-video-embed{position:relative;z-index:0}.chat-panel .chat-link-list,.chat-panel .chat-image-list,.chat-panel .chat-video-list,.chat-panel .chat-file-list-inline,.chat-panel .chat-reactions{margin:0!important}.chat-panel .chat-list{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;align-content:start;row-gap:10px;gap:0}.chat-item-grouped{padding-top:4px!important;padding-bottom:4px!important}.chat-panel .chat-item-grouped{min-height:auto}.chat-panel .chat-item+.chat-item:not(.chat-item-grouped){margin-top:0}.chat-panel .chat-item-grouped+.chat-item:not(.chat-item-grouped){margin-top:0}.chat-panel .chat-item-grouped+.chat-item-grouped{margin-top:0}.chat-panel .chat-item-grouped.chat-item-media{padding-bottom:12px!important}.chat-panel .chat-item-grouped.chat-item-media+.chat-item-grouped,.chat-panel .chat-item-grouped+.chat-item-grouped.chat-item-media{margin-top:0}.chat-item-grouped .chat-image-list,.chat-item-grouped .chat-video-list,.chat-item-grouped .chat-link-list{margin-top:10px;margin-bottom:12px}.chat-panel .chat-item-media{padding-bottom:10px}.chat-panel .chat-item-media .chat-main{padding-bottom:8px}.chat-panel .chat-item-media+.chat-item{margin-top:0}.chat-item-media .chat-image-list,.chat-item-media .chat-video-list{margin-bottom:14px}.chat-item-editing .chat-hover-actions{display:none!important}.chat-inline-edit{display:grid;gap:6px;margin-top:3px}.chat-inline-edit textarea{width:100%;min-height:86px;resize:vertical;border-radius:4px;border:1px solid var(--theme-border);background:var(--theme-surface-bg);color:var(--theme-text);padding:8px 10px;font:inherit;line-height:1.35}.chat-inline-edit textarea:focus{outline:none;border-color:var(--theme-accent)}.chat-inline-edit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-grouped-time{width:max-content;min-width:2.5rem;white-space:nowrap;line-height:1.2;align-items:flex-start;padding-top:2px}