:root{--bg-app: #16161e;--bg-rail: #101014;--bg-sidebar: #1a1b26;--bg-chat: #1f2030;--bg-input: #2a2b3d;--bg-hover: #24283b;--bg-active: #2f334d;--bg-elevated: #24263a;--border: #2a2c3d;--text: #c0caf5;--text-muted: #7a82a8;--text-dim: #565f89;--accent: #7aa2f7;--accent-2: #bb9af7;--accent-hover: #89b4ff;--danger: #f7768e;--success: #9ece6a;--warning: #e0af68;--online: #9ece6a;--idle: #e0af68;--dnd: #f7768e;--offline: #565f89;--radius: 8px;--rail-w: 72px;--sidebar-w: 240px;--members-w: 240px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg-app);color:var(--text);font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media(hover:none){.channel:hover .chan-actions,.channel .chan-actions{display:none}}button{font-family:inherit;cursor:pointer}input,textarea,button{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0d0d12;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.auth-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#24283b,var(--bg-app));padding:16px}.auth-card{width:100%;max-width:400px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:0 24px 60px #00000080}.brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:6px}.brand-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;font-size:22px;color:#11121a}.brand-name{font-size:26px;font-weight:800;letter-spacing:.5px}.auth-sub{text-align:center;color:var(--text-muted);margin:4px 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px;font-weight:700}.input{width:100%;padding:11px 12px;background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius);outline:none;color:var(--text)}.input:focus{border-color:var(--accent)}.btn{width:100%;padding:12px;border:none;border-radius:var(--radius);background:var(--accent);color:#11121a;font-weight:700;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent);width:auto;padding:4px}.btn-secondary{background:var(--bg-input);color:var(--text)}.btn-danger{background:var(--danger);color:#1a0d10}.btn-sm{width:auto;padding:7px 14px;font-size:13px}.auth-error{background:#f7768e1f;color:var(--danger);padding:10px 12px;border-radius:var(--radius);margin-bottom:14px;font-size:14px}.auth-switch{text-align:center;margin-top:18px;color:var(--text-muted);font-size:14px}.hint{color:var(--text-dim);font-size:12px;margin-top:6px}.app{display:flex;height:100%;position:relative}.rail{width:var(--rail-w);background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;overflow-y:auto;flex-shrink:0}.rail::-webkit-scrollbar{display:none}.rail-btn{width:48px;height:48px;border-radius:16px;background:var(--bg-sidebar);border:none;color:var(--text);display:grid;place-items:center;font-weight:700;font-size:18px;transition:border-radius .15s,background .15s;position:relative;overflow:hidden}.rail-btn:hover,.rail-btn.active{border-radius:14px;background:var(--accent);color:#11121a}.rail-btn img{width:100%;height:100%;object-fit:cover}.rail-pill{position:absolute;left:-10px;width:4px;border-radius:0 4px 4px 0;background:var(--text);transition:height .15s}.rail-divider{width:32px;height:2px;background:var(--border);border-radius:2px;margin:2px 0}.rail-btn.add{color:var(--success);font-size:24px}.rail-btn.add:hover{background:var(--success);color:#11121a}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.sidebar-header{height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-weight:700;box-shadow:0 1px #0003}.sidebar-header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:6px;font-size:16px;line-height:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg,.rail-btn svg,.channel svg,.vp-ico svg,.member svg,.reaction svg{display:block}.conn-dot{width:9px;height:9px;border-radius:50%;background:var(--success);flex-shrink:0;box-shadow:0 0 6px #9ece6a80}.vp-ico{display:inline-flex;align-items:center;color:var(--text-muted)}.icon-btn:hover{color:var(--text);background:var(--bg-hover)}.channel-list{flex:1;overflow-y:auto;padding:8px}.channel-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:12px 8px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.channel{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:var(--text-muted);cursor:pointer;margin-bottom:1px;font-weight:500;position:relative}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--bg-active);color:#fff}.channel .hash{color:var(--text-dim);font-weight:700}.channel .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.channel .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--text);flex-shrink:0}.channel .chan-actions{display:none;gap:2px}.channel:hover .chan-actions{display:flex}.user-bar{height:56px;padding:0 10px;display:flex;align-items:center;gap:8px;background:var(--bg-rail);border-top:1px solid var(--border)}.user-bar .meta{flex:1;overflow:hidden}.user-bar .name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar .sub{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-radius:50%;background:var(--accent-2);color:#11121a;display:grid;place-items:center;font-weight:700;flex-shrink:0;overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.has-effect{overflow:visible}.av-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.av-ears{width:100%;height:100%}.eff-glow-purple{box-shadow:0 0 0 2px #b388ff,0 0 12px 2px #b388ffbf}.eff-glow-cyan{box-shadow:0 0 0 2px #4dd0e1,0 0 12px 2px #4dd0e1bf}.eff-glow-pink{box-shadow:0 0 0 2px #ff7eb3,0 0 12px 2px #ff7eb3bf}.eff-flame{box-shadow:0 0 0 2px #ff7a18,0 0 14px 3px #ff5822cc}.eff-ice{box-shadow:0 0 0 2px #8fd8ff,0 0 14px 3px #78beffcc}.eff-neon{box-shadow:0 0 0 2px #39ff88,0 0 14px 3px #39ff88cc}.eff-gold{box-shadow:0 0 0 2px #ffd24a,0 0 8px 1px #ffd24a99}.av-crown{width:100%;height:100%}.av-hearts{color:#ff5e7e;text-shadow:0 0 4px rgba(255,94,126,.9)}[data-reduce-motion="1"] .eff-glow-purple,[data-reduce-motion="1"] .eff-glow-cyan,[data-reduce-motion="1"] .eff-glow-pink,[data-reduce-motion="1"] .eff-flame,[data-reduce-motion="1"] .eff-ice,[data-reduce-motion="1"] .eff-neon{animation:none}.eff-glow-purple,.eff-glow-cyan,.eff-glow-pink,.eff-flame,.eff-ice,.eff-neon{animation:fx-pulse 2.2s ease-in-out infinite}@keyframes fx-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.eff-rainbow:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;z-index:-1;background:conic-gradient(#ff5e62,#ffd200,#5cff8f,#4dd0e1,#b388ff,#ff5e62);animation:fx-spin 4s linear infinite}[data-reduce-motion="1"] .eff-rainbow:after{animation:none}@keyframes fx-spin{to{transform:rotate(360deg)}}.av-sparkle{color:#ffe37a;text-shadow:0 0 4px rgba(255,227,122,.9);font-size:.5em}.av-sparkle span{position:absolute;animation:fx-twinkle 1.6s ease-in-out infinite}.av-sparkle span:nth-child(1){top:-6%;left:-4%;animation-delay:0s}.av-sparkle span:nth-child(2){top:60%;right:-8%;animation-delay:.5s}.av-sparkle span:nth-child(3){bottom:-8%;left:30%;animation-delay:1s}@keyframes fx-twinkle{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}[data-reduce-motion="1"] .av-sparkle span{animation:none;opacity:.9}.fx-grid,.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:6px}.fx-opt,.banner-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);cursor:pointer;color:var(--text-muted);font-size:11px}.fx-opt:hover,.banner-opt:hover{border-color:var(--accent)}.fx-opt.active,.banner-opt.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.banner-swatch{width:100%;height:30px;border-radius:7px}.avatar.sm{width:32px;height:32px;font-size:13px}.avatar.md{width:40px;height:40px;font-size:15px}.avatar.lg{width:80px;height:80px;font-size:30px}.presence-ring{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-sidebar)}.presence-online{background:var(--online)}.presence-idle{background:var(--idle)}.presence-dnd{background:var(--dnd)}.presence-offline{background:var(--offline)}.main{flex:1;display:flex;flex-direction:column;background:var(--bg-chat);min-width:0}.chat-header{height:50px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);box-shadow:0 1px #0003;flex-shrink:0}.chat-header .hash{color:var(--text-dim);font-weight:700;font-size:20px}.chat-header .ch-name{font-weight:700}.chat-header .topic{color:var(--text-muted);font-size:13px;border-left:1px solid var(--border);padding-left:10px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .spacer{flex:1}.messages{flex:1;overflow-y:auto;padding:16px 0 8px;display:flex;flex-direction:column}.messages-top{padding:24px 18px 12px}.messages-top h2{margin:0 0 6px}.messages-top p{color:var(--text-muted);margin:0}.msg{display:flex;gap:14px;padding:3px 18px;position:relative}.msg:hover{background:#ffffff05}.msg.grouped{padding-top:1px;padding-bottom:1px}.msg .gutter{width:40px;flex-shrink:0;display:flex;justify-content:flex-end;align-items:flex-start}.msg .gutter .ts-hover{display:none;font-size:10px;color:var(--text-dim);margin-top:4px}.msg.grouped:hover .gutter .ts-hover{display:block}.msg-body{flex:1;min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px}.msg-author{font-weight:700;color:#fff}.msg-author.clickable{cursor:pointer}.msg-author.clickable:hover{text-decoration:underline}.msg-time{font-size:11px;color:var(--text-dim)}.msg-content{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:calc(15px * var(--font-scale, 1))}:root[data-compact="1"] .msg{padding-top:1px;padding-bottom:1px}:root[data-compact="1"] .msg-content{line-height:1.3}:root[data-reduce-motion="1"] *{animation:none!important}.msg-content code{background:#15161e;padding:1px 5px;border-radius:4px;font-family:ui-monospace,monospace;font-size:13px}.msg-content pre{background:#15161e;padding:10px 12px;border-radius:6px;overflow-x:auto;border:1px solid var(--border)}.msg-content pre code{background:none;padding:0}.msg-content a{word-break:break-all}.msg-content .mention{background:#7aa2f72e;color:var(--accent-hover);border-radius:4px;padding:0 3px;font-weight:600}.msg-edited{font-size:10px;color:var(--text-dim);margin-left:4px}.msg-deleted{font-style:italic;color:var(--text-dim)}.msg-actions{position:absolute;top:-12px;right:16px;display:none;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:2px}.msg:hover .msg-actions{display:flex}.msg-actions button{background:transparent;border:none;color:var(--text-muted);padding:5px 7px;border-radius:6px;font-size:14px}.msg-actions button:hover{background:var(--bg-hover);color:var(--text)}.attachments{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}.attachment-img{max-width:360px;max-height:280px;border-radius:8px;border:1px solid var(--border);cursor:pointer;display:block}.attachment-file{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);text-decoration:none;max-width:320px}.attachment-file .fi{font-size:22px}.attachment-file .fmeta{overflow:hidden}.attachment-file .fname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file .fsize{font-size:12px;color:var(--text-muted)}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.reaction{display:flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid transparent;border-radius:8px;padding:2px 8px;font-size:13px;cursor:pointer}.reaction:hover{border-color:var(--text-dim)}.reaction.me{background:#7aa2f72e;border-color:var(--accent)}.reaction .count{color:var(--text-muted);font-weight:600}.add-reaction{color:var(--text-dim)}.typing-row{height:24px;padding:0 18px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.typing-dots span{animation:blink 1.2s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.composer{padding:0 18px 20px;flex-shrink:0}.composer-inner{background:var(--bg-input);border-radius:10px;display:flex;align-items:flex-end;gap:8px;padding:6px 8px}.composer textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text);padding:8px 4px;max-height:200px;line-height:1.4}.composer .icon-btn{font-size:20px;padding:8px}.composer-attachments{display:flex;gap:8px;flex-wrap:wrap;padding:8px 4px 0}.pending-att{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;display:flex;gap:8px;align-items:center}.pending-att button{background:none;border:none;color:var(--danger)}.members{width:var(--members-w);background:var(--bg-sidebar);border-left:1px solid var(--border);overflow-y:auto;padding:14px 8px;flex-shrink:0}.app.members-hidden .members{display:none}.members .group-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:10px 8px 6px;font-weight:700}.member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.45}.member .m-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .role-badge{font-size:10px;padding:1px 6px;border-radius:6px;background:var(--bg-active);color:var(--accent);margin-left:auto;text-transform:capitalize}.member .role-owner{color:var(--warning)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:14px;width:100%;max-width:460px;box-shadow:0 24px 60px #00000080;max-height:90vh;overflow-y:auto}.modal-head{padding:22px 24px 8px}.modal-head h3{margin:0 0 4px;font-size:20px}.modal-head p{margin:0;color:var(--text-muted);font-size:14px}.modal-body{padding:12px 24px}.modal-foot{padding:16px 24px 22px;display:flex;gap:10px;justify-content:flex-end}.modal-close{position:sticky}.copy-row{display:flex;gap:8px}.copy-row .input{font-family:ui-monospace,monospace}.list-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px}.list-row:hover{background:var(--bg-hover)}.list-row .grow{flex:1;min-width:0}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--bg-active);color:var(--text-muted)}.profile-banner{height:70px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:14px 14px 0 0}.profile-av{margin:-40px 0 0 20px;border:5px solid var(--bg-sidebar)}.segmented{display:flex;gap:6px;background:var(--bg-rail);padding:4px;border-radius:10px}.segmented button{flex:1;background:transparent;border:none;color:var(--text-muted);padding:8px;border-radius:7px;font-weight:600}.segmented button.active{background:var(--bg-active);color:#fff}.presence-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.presence-option:hover{background:var(--bg-hover)}.dot{width:10px;height:10px;border-radius:50%}.empty-state{flex:1;display:grid;place-items:center;text-align:center;color:var(--text-muted);padding:40px}.empty-state .big{font-size:56px;margin-bottom:12px}.mobile-only{display:none}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border);padding:10px 18px;border-radius:10px;z-index:200;box-shadow:0 10px 30px #0006}.rail-badge,.mention-badge{background:var(--danger);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-grid;place-items:center;padding:0 5px}.rail-badge{position:absolute;right:-2px;bottom:-2px;border:2px solid var(--bg-rail)}.mention-badge{margin-left:auto}.channel.has-unread .name{color:#fff;font-weight:600}.avatar.xs{width:22px;height:22px;font-size:10px}.voice-participants{margin:1px 0 4px 18px}.voice-participant{display:flex;align-items:center;gap:8px;padding:3px 10px;border-radius:6px;color:var(--text-muted)}.voice-participant:hover{background:var(--bg-hover)}.voice-participant .vp-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.voice-participant .vp-ico{font-size:11px;opacity:.8}.voice-participant.speaking .avatar{box-shadow:0 0 0 2px var(--online)}.voice-participant.speaking .vp-name{color:var(--text)}.speaking-ico{animation:speak-pulse 1s ease-in-out infinite}@keyframes speak-pulse{0%,to{opacity:.5}50%{opacity:1}}.voice-bar{background:var(--bg-rail);border-top:1px solid var(--border);padding:8px 10px;display:flex;align-items:center;gap:8px}.voice-bar-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.voice-ico{font-size:12px}.voice-connected{color:var(--success);font-weight:700;font-size:13px}.voice-chan{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-controls{display:flex;gap:2px}.voice-controls .icon-btn{font-size:16px}.voice-bar{flex-direction:column;align-items:stretch;gap:6px}.voice-controls{display:flex;gap:2px;justify-content:space-between}.voice-controls .icon-btn{flex:1}.voice-controls .voice-on{color:var(--danger)}.voice-controls .voice-active{color:var(--success);background:#9ece6a1f}.voice-leave{color:var(--danger)}.video-stage{background:#0c0c11;display:grid;gap:8px;padding:10px;flex-shrink:0;max-height:46vh;overflow:auto;border-bottom:1px solid var(--border);grid-template-columns:1fr}.video-stage[data-count="2"],.video-stage[data-count="3"],.video-stage[data-count="4"]{grid-template-columns:1fr 1fr}.video-tile{position:relative;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;border:2px solid transparent;min-height:120px}.video-tile.speaking{border-color:var(--online)}.video-tile video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.video-tile.screen video{object-fit:contain}.video-tile video.mirror{transform:scaleX(-1)}.tile-label{position:absolute;left:8px;bottom:8px;background:#000000a6;color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:6px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 #f7768e99;animation:live-pulse 1.4s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #f7768e99}70%{box-shadow:0 0 0 6px #f7768e00}to{box-shadow:0 0 #f7768e00}}.watch-offer{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:10px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text);cursor:pointer;padding:16px}.watch-offer:hover{border-color:var(--accent);background:var(--bg-active)}.watch-offer .wo-text{font-size:13px;color:var(--text-muted);text-align:center}.watch-offer .wo-text strong{color:var(--text)}.watch-offer .wo-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#11121a;font-weight:700;font-size:13px;padding:6px 12px;border-radius:8px}.tile-controls{position:absolute;top:8px;right:8px;display:none;gap:6px;align-items:center}.video-tile:hover .tile-controls{display:flex}@media(hover:none){.tile-controls{display:flex}}.tile-btn{width:30px;height:30px;border-radius:7px;border:none;background:#0009;color:#fff;display:grid;place-items:center;cursor:pointer}.tile-btn:hover{background:#000000d9}.tile-vol{display:flex;align-items:center;gap:6px;background:#0009;border-radius:7px;padding:0 8px;height:30px;color:#fff}.tile-vol input[type=range]{width:70px}.video-tile:fullscreen{aspect-ratio:auto;border:none}.video-tile:fullscreen video{object-fit:contain}.reply-quote{display:flex;align-items:center;gap:6px;margin-left:6px;margin-bottom:2px;color:var(--text-muted);font-size:13px;max-width:100%;overflow:hidden}.reply-spine{width:22px;height:10px;border-left:2px solid var(--border);border-top:2px solid var(--border);border-top-left-radius:8px;flex-shrink:0;margin-left:18px}.reply-author{font-weight:600;color:var(--accent);flex-shrink:0}.reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-text.dim{font-style:italic;color:var(--text-dim)}.reply-banner{background:var(--bg-elevated);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:6px 12px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.reply-banner strong{color:var(--text)}.reply-banner .icon-btn{margin-left:auto;padding:2px 6px}.reply-banner+.composer-attachments,.reply-banner+.composer-inner{border-radius:0 0 10px 10px}.msg.mentioned{background:#e0af6814;box-shadow:inset 3px 0 0 var(--warning)}.pin-tag{font-size:11px}.day-divider{display:flex;align-items:center;text-align:center;margin:12px 18px 4px;color:var(--text-dim);font-size:11px;font-weight:700}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--border)}.day-divider span{padding:0 12px;text-transform:uppercase;letter-spacing:.5px}.picker-pop{position:absolute;right:16px;top:18px;z-index:30}.emoji-picker{width:300px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px #00000080;overflow:hidden}.emoji-search{margin:8px;width:calc(100% - 16px);padding:8px 10px}.emoji-scroll{max-height:240px;overflow-y:auto;padding:0 8px 8px}.emoji-group-label{font-size:11px;text-transform:uppercase;color:var(--text-dim);font-weight:700;padding:6px 4px 4px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr)}.emoji-btn{background:none;border:none;font-size:20px;padding:4px;border-radius:6px}.emoji-btn:hover{background:var(--bg-hover)}.gif-picker{width:340px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px #00000080;overflow:hidden}.gif-search{margin:8px;width:calc(100% - 16px)}.gif-grid{max-height:280px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px}.gif-cell{border:none;background:#000;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;aspect-ratio:1}.gif-cell img{width:100%;height:100%;object-fit:cover;display:block}.gif-cell:hover{outline:2px solid var(--accent)}.gif-attrib{font-size:10px;color:var(--text-dim);text-align:right;padding:4px 10px 8px}.gif-btn{font-weight:800}.gif-embed{max-width:360px;max-height:280px;border-radius:8px;display:block}.overlay-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.pins-panel{position:absolute;right:12px;top:50px;width:340px;max-height:70vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.pins-head{padding:12px 16px;font-weight:700;border-bottom:1px solid var(--border)}.pins-body{overflow-y:auto;padding:6px}.pin-item{display:flex;gap:10px;padding:10px;border-radius:8px}.pin-item:hover{background:var(--bg-hover)}.pin-item .grow{flex:1;min-width:0}.pin-item .msg-content{font-size:14px}.clickable{cursor:pointer}.clickable:hover{text-decoration:underline}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0009;display:grid;place-items:center;padding:20px}.admin-shell{width:100%;max-width:980px;height:88vh;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000080}.admin-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.admin-head h2{margin:0;font-size:18px}.admin-head .accent{color:var(--accent)}.admin-head .spacer{flex:1}.admin-body{flex:1;display:flex;min-height:0}.admin-tabs{width:190px;flex-shrink:0;border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:4px}.admin-tab{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-muted);padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;text-align:left}.admin-tab:hover{background:var(--bg-hover);color:var(--text)}.admin-tab.active{background:var(--bg-active);color:#fff}.admin-content{flex:1;overflow-y:auto;padding:18px 20px;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-value{font-size:26px;font-weight:800;color:#fff}.stat-label{color:var(--text-muted);font-size:13px;margin-top:2px}.admin-search{display:flex;align-items:center;gap:8px;background:var(--bg-input);border-radius:8px;padding:0 10px;margin-bottom:12px;color:var(--text-muted)}.admin-search .input{background:transparent;padding:9px 0}.admin-table{display:flex;flex-direction:column}.atr{display:grid;grid-template-columns:2.4fr 1fr .7fr .9fr 40px;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--border);font-size:14px}.atr.srv{grid-template-columns:2fr 1.4fr .7fr .8fr .9fr 40px}.atr.ath{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.atc-user{display:flex;align-items:center;gap:10px;min-width:0}.au-name{font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.au-status{display:flex;gap:6px;flex-wrap:wrap}.dot-label{font-size:12px;color:var(--text-muted)}.dot-label.on{color:var(--online)}.dot-label.danger{color:var(--danger)}.dot-label.warn{color:var(--warning)}.tag.owner{background:var(--warning);color:#1a1206}.audit-list{display:flex;flex-direction:column}.audit-row{display:flex;align-items:baseline;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border);font-size:13px;flex-wrap:wrap}.audit-time{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:12px;min-width:130px}.audit-action{font-weight:600;color:var(--accent)}@media(max-width:760px){.admin-shell{height:92vh;max-width:100%}.admin-body{flex-direction:column}.admin-tabs{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.admin-tab{white-space:nowrap}.atr,.atr.srv{grid-template-columns:2fr 1fr 40px}.atr>div:nth-child(3),.atr>div:nth-child(4),.atr.ath>div:nth-child(3),.atr.ath>div:nth-child(4){display:none}.atr.srv>div:nth-child(4),.atr.srv>div:nth-child(5){display:none}}.ctx-menu{position:fixed;z-index:300;min-width:190px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 16px 40px #00000080}.ctx-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text);padding:8px 10px;border-radius:7px;font-size:14px;text-align:left}.ctx-item:hover{background:var(--accent);color:#11121a}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:var(--danger);color:#1a0d10}.ctx-item:disabled{opacity:.4;cursor:not-allowed}.ctx-item:disabled:hover{background:none;color:var(--text)}.ctx-ico{display:inline-flex}.ctx-sep{height:1px;background:var(--border);margin:4px 2px}.setting-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-of-type{border-bottom:none}.setting-meta{flex:1;min-width:0}.setting-label{font-weight:600}.setting-control{flex-shrink:0;display:flex;align-items:center;gap:8px}.switch{width:42px;height:24px;border-radius:12px;background:var(--bg-input);border:none;position:relative;cursor:pointer;transition:background .15s;padding:0;flex-shrink:0}.switch.on{background:var(--success)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.switch.on .knob{left:21px}.input.compact{width:auto;padding:7px 10px}input[type=range]{accent-color:var(--accent);width:140px;cursor:pointer}.cropper-stage{position:relative;width:100%;height:300px;background:#000;border-radius:10px;overflow:hidden}.theme-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-sidebar),0 0 0 4px currentColor}.swatch.custom{background:var(--bg-input);display:grid;place-items:center;color:var(--text-muted);font-size:20px;font-weight:700;overflow:hidden}.swatch.custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.mobile-scrim{display:none}@media(max-width:760px){.members{display:flex!important;flex-direction:column;position:fixed;top:0;right:0;height:100%;width:min(78vw,300px);z-index:60;transform:translate(100%);transition:transform .22s ease;box-shadow:-8px 0 24px #00000059}.app.members-drawer-open .members{transform:translate(0)}.rail{width:56px}.rail-btn{width:44px;height:44px}.sidebar{position:absolute;top:0;bottom:0;width:min(78vw,300px);z-index:45;left:var(--drawer-left, -110%)!important;transition:left .22s ease;box-shadow:12px 0 40px #0000008c}.mobile-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.main{width:100%}.mobile-only{display:inline-flex}.attachment-img{max-width:80vw}.channel{padding:10px}.channel .name{font-size:15px}.icon-btn{padding:9px}.chat-header{height:52px}.composer{padding:0 10px 12px}.msg{padding-left:12px;padding-right:12px}.msg-actions{top:-10px;right:8px}.video-stage{display:flex;flex-flow:row nowrap;align-items:center;justify-content:safe center;gap:8px;max-height:none;height:auto;padding:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.video-stage>*{scroll-snap-align:center}.video-stage .video-tile{flex:0 0 auto;height:34vh;width:auto;min-height:0;aspect-ratio:var(--ar, 16 / 9)}.video-stage .video-tile.portrait{height:46vh}.video-stage .video-tile video{object-fit:cover}.video-stage .watch-offer{flex:0 0 auto;height:34vh;width:72vw;min-height:0}.picker-pop,.gif-picker,.emoji-picker{max-width:86vw}.pins-panel{width:min(92vw,340px);right:6px}}