:root{color-scheme:dark;--bg-0: #0b0c0f;--bg-1: #121317;--bg-2: #17191e;--bg-3: #1d1f25;--bg-4: #202229;--bg-5: #2a2d35;--bg-pop: #0f1014;--bg-hover: #ffffff0a;--bg-active: #ffffff14;--text: #eceef1;--text-2: #c4c9d2;--muted: #8d95a3;--dim: #6a7180;--accent: #5865f2;--accent-2: #4752c4;--accent-soft: #5865f229;--lime: #c8ff5a;--danger: #f23f43;--online: #23a559;--idle: #f0b232;--busy: #ed4245;--offline: #6a7180;--stroke: #ffffff0f;--stroke-2: #ffffff1c;--shadow-sm: 0 1px 2px #00000059;--shadow-md: 0 10px 28px #00000073;--shadow-lg: 0 26px 70px #000000a6;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease: cubic-bezier(.2, .7, .3, 1);font-family:Segoe UI Variable Text,Segoe UI,Inter,system-ui,Noto Sans,sans-serif;font-synthesis-weight:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-1);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:#8f9bff;text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid #8f9bff;outline-offset:2px}h1,h2,h3{letter-spacing:-.01em}.auth-shell{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 560px at 12% -10%,#5865f22e,transparent 70%),radial-gradient(760px 380px at 100% 108%,#c8ff5a14,transparent 70%),radial-gradient(900px 900px at 50% 50%,#16181d,var(--bg-0) 75%)}.auth-card{width:min(420px,calc(100% - 32px));background:linear-gradient(180deg,#1f2229,var(--bg-3));border:1px solid var(--stroke-2);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg)}.auth-card h1{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.brand-mark{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px #0009)}.brand-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-header h1{margin:0}.sidebar-head .brand-mark{flex:0 0 auto}.sidebar-head .brand-title{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-head .brand-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-menu-trigger{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 7px;margin-left:-7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:15px;font-weight:700}.server-menu-trigger:hover,.server-menu-trigger:focus-visible{background:var(--bg-hover);color:var(--text)}.server-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-menu-trigger svg:last-child{flex:0 0 auto;color:var(--muted)}.server-menu{position:absolute;top:44px;left:8px;z-index:20;width:220px;padding:6px;background:var(--bg-pop);border:1px solid var(--stroke-2);border-radius:var(--radius);box-shadow:var(--shadow-md)}.server-menu-item{width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);text-align:left;font-size:13px;font-weight:600}.server-menu-item:hover,.server-menu-item:focus-visible{background:var(--accent);color:#fff}.auth-card p{color:var(--muted);margin:0 0 24px}.hint{font-size:12px;color:var(--muted);margin-top:16px}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.auth-actions .hint{margin:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field textarea,.field select{background:var(--bg-0);border:1px solid var(--stroke-2);border-radius:var(--radius);padding:10px 12px;outline:none;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.field input::placeholder,.field textarea::placeholder{color:var(--dim)}.field input:hover,.field textarea:hover,.field select:hover{border-color:#ffffff2e}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none}.btn{border:1px solid transparent;border-radius:var(--radius);padding:9px 14px;font-size:14px;font-weight:600;background:var(--bg-5);color:var(--text);transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease),transform .06s var(--ease)}.btn:hover{background:#333740}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fff;font-weight:700;width:100%;padding:12px;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--accent-2)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#d3383c}.btn.ghost{background:transparent;color:var(--muted);font-size:13px;padding:5px 9px}.btn.ghost:hover{background:var(--bg-active);color:var(--text)}.btn.lime{background:var(--lime);color:#111;font-weight:800}.btn.lime:hover{background:#d6ff7d}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.error{color:#ff8f8f;font-size:13px;margin:0 0 12px}.app{height:100%;height:100dvh;max-height:100dvh;display:grid;grid-template-columns:72px 260px minmax(0,1fr) 248px;background:var(--bg-1);overflow:hidden}.app>*{min-width:0;min-height:0}.rail,.channel-list,.messages,.voice-stage,.members-list,.device-pop,.modal,.search-pop,.role-rail,.emoji-picker-body,.composer-suggest,.thin-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.rail::-webkit-scrollbar,.channel-list::-webkit-scrollbar,.messages::-webkit-scrollbar,.voice-stage::-webkit-scrollbar,.members-list::-webkit-scrollbar,.device-pop::-webkit-scrollbar,.modal::-webkit-scrollbar,.search-pop::-webkit-scrollbar,.role-rail::-webkit-scrollbar,.emoji-picker-body::-webkit-scrollbar,.composer-suggest::-webkit-scrollbar,.thin-scroll::-webkit-scrollbar{width:8px;height:8px}.rail::-webkit-scrollbar-track,.channel-list::-webkit-scrollbar-track,.messages::-webkit-scrollbar-track,.voice-stage::-webkit-scrollbar-track,.members-list::-webkit-scrollbar-track,.device-pop::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.search-pop::-webkit-scrollbar-track,.role-rail::-webkit-scrollbar-track,.emoji-picker-body::-webkit-scrollbar-track,.composer-suggest::-webkit-scrollbar-track,.thin-scroll::-webkit-scrollbar-track{background:transparent}.rail::-webkit-scrollbar-thumb,.channel-list::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.voice-stage::-webkit-scrollbar-thumb,.members-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.rail::-webkit-scrollbar-thumb:hover,.channel-list::-webkit-scrollbar-thumb:hover,.messages::-webkit-scrollbar-thumb:hover,.voice-stage::-webkit-scrollbar-thumb:hover,.members-list::-webkit-scrollbar-thumb:hover{background:#fff3}.rail{background:var(--bg-0);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;height:100%;scrollbar-width:none}.rail::-webkit-scrollbar{width:0}.server-btn{position:relative;width:48px;height:48px;flex-shrink:0;border:0;border-radius:24px;font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;display:grid;place-items:center;transition:border-radius .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.server-btn:before{content:"";position:absolute;left:-12px;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transform:translateY(-50%);transition:height .18s var(--ease)}.server-btn:hover:before{height:20px}.server-btn:hover{border-radius:var(--radius-xl)}.server-btn.active{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.server-btn.active:before{height:36px}.server-btn.add{background:var(--bg-3);color:var(--lime);font-size:22px}.server-btn.add:hover{background:#3ba55d;color:#fff}.server-btn.add.join{font-size:16px;color:var(--muted)}.server-btn.add.join:hover{background:var(--accent);color:#fff}.rail-sep{width:32px;height:2px;flex-shrink:0;border-radius:1px;background:#ffffff14;margin:2px 0}.sidebar{background:var(--bg-2);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.sidebar-head{flex:0 0 auto;height:48px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--stroke);box-shadow:0 1px #00000040;font-size:15px;font-weight:700;letter-spacing:-.01em;position:relative;z-index:2}.channel-list{flex:1 1 auto;min-height:0;padding:8px 8px 16px}.channel-label{color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.06em;padding:16px 8px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:uppercase}.channel-label .btn.ghost{padding:2px 6px;font-size:14px;line-height:1;color:var(--dim)}.channel-label:hover .btn.ghost{color:var(--text)}.channel{width:100%;text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);padding:7px 8px;font-size:15px;font-weight:500;color:var(--muted);display:flex;gap:7px;align-items:center;min-width:0;transition:background .1s var(--ease),color .1s var(--ease)}.channel .ico{flex:0 0 auto;color:var(--dim);transition:color .1s var(--ease)}.channel .channel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel .channel-lock{margin-left:auto;flex:0 0 auto;color:var(--dim)}.channel:hover{background:var(--bg-hover);color:var(--text-2)}.channel:hover .ico{color:var(--muted)}.channel.active{background:var(--bg-active);color:#fff;font-weight:600}.channel.active .ico{color:var(--text-2)}.channel.locked{opacity:.5}.voice-block{margin-bottom:2px}.voice-person{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 30px;color:var(--muted);font-size:14px;cursor:context-menu;border-radius:var(--radius-sm);transition:background .1s var(--ease),color .1s var(--ease)}.voice-person:hover{background:var(--bg-hover);color:var(--text-2)}.voice-person.self{color:var(--text);font-weight:700}.voice-person.clickable{cursor:pointer}.voice-person.clickable:hover{background:var(--bg-3)}.voice-person.clickable:hover .mini-live{background:#ff5c5f}.voice-person.clickable:focus-visible{background:var(--bg-3);outline:2px solid var(--accent);outline-offset:-2px}.voice-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-flags{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--text);flex-shrink:0}.voice-flags svg{opacity:.9}.ctx-menu{position:fixed;z-index:50;width:240px;background:var(--bg-pop);border:1px solid var(--stroke-2);border-radius:8px;padding:10px;box-shadow:var(--shadow-md)}.ctx-title{font-weight:800;font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ctx-vol{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.ctx-vol input{accent-color:var(--lime);width:100%}.mini-live{margin-left:auto;background:var(--danger);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:4px;box-shadow:var(--shadow-sm)}.userbar{flex:0 0 auto;padding:8px;background:var(--bg-3);display:flex;justify-content:space-between;align-items:center;gap:6px;position:relative;z-index:3;box-shadow:0 -6px 18px #00000059}.userbar .who{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.userbar .who-text{min-width:0}.userbar .name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbar .sub{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-trigger{display:block;max-width:100%;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-trigger:hover{color:var(--text)}.status-menu{position:absolute;left:8px;bottom:62px;z-index:10;width:160px;padding:6px;background:var(--bg-pop);border:1px solid var(--stroke-2);border-radius:var(--radius);box-shadow:var(--shadow-md)}.status-menu-item{width:100%;display:flex;align-items:center;padding:7px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);text-align:left;font-size:12px}.status-menu-item:hover,.status-menu-item.active{background:var(--bg-hover);color:var(--text)}.avatar.mini{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;position:relative;flex-shrink:0}.status-pip{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-3);background:var(--online);z-index:1}.status-pip.online{background:var(--online)}.status-pip.idle,.status-pip.dnd.idle{background:var(--idle)}.status-pip.busy,.status-pip.dnd{background:var(--busy)}.status-pip.offline{background:var(--offline)}.status-pip.inline{position:static;border:0;margin-right:8px;vertical-align:middle;width:8px;height:8px;transform:none}.user-controls{display:flex;align-items:center;flex-shrink:0}.ctrl-wrap{display:flex;position:relative}.icon-btn{width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);display:grid;place-items:center;padding:0;transition:background .12s var(--ease),color .12s var(--ease)}.icon-btn:hover{background:var(--bg-active)}.icon-btn.off{color:var(--danger)}.icon-btn.on{color:var(--lime)}.icon-btn.danger{color:var(--danger)}.icon-btn.chev{width:18px;color:var(--muted)}.device-pop{position:absolute;bottom:36px;right:0;min-width:180px;max-width:240px;max-height:220px;overflow:auto;background:var(--bg-pop);border:1px solid var(--stroke-2);border-radius:8px;padding:6px;z-index:40;box-shadow:var(--shadow-md)}.gear-pop{right:0;max-height:min(420px,calc(100dvh - 80px))}.quality-pop{min-width:190px;max-height:340px}.pop-item{width:100%;text-align:left;background:transparent;border:0;border-radius:4px;padding:5px 8px;font-size:13px;color:var(--text)}.pop-item:hover{background:var(--bg-active)}.pop-item.active{background:#ffffff18}.net-btn.good{color:var(--text-2)}.net-btn.ok{color:#f0b232}.net-btn.bad{color:var(--danger)}.net-pop{position:fixed;left:12px;bottom:60px;width:min(300px,calc(100vw - 24px));max-width:none;max-height:min(460px,calc(100vh - 120px));padding:0;overflow:auto}.net-tabs{display:flex;gap:6px;padding:2px 12px 0;border-bottom:1px solid var(--stroke);position:sticky;top:0;background:var(--bg-pop)}.net-tab{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 4px 8px;color:var(--muted);font-size:13px;font-weight:600;transition:color .12s var(--ease),border-color .12s var(--ease)}.net-tab:hover{color:var(--text)}.net-tab.active{color:#fff;border-bottom-color:var(--accent)}.net-status{display:flex;align-items:center;gap:8px;padding:12px 14px 6px;font-size:13px;font-weight:700;color:var(--online)}.net-status.ok{color:#f0b232}.net-status.bad{color:var(--danger)}.net-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.net-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 14px;font-size:13px;color:var(--muted)}.net-row strong{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.net-row strong.bad{color:var(--danger)}.net-note{margin:10px 14px 0;font-size:12px;line-height:1.5;color:var(--dim)}.net-copy{display:block;width:calc(100% - 28px);margin:14px 14px 0;padding:9px 12px;font-size:13px}.net-foot{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;border-top:1px solid var(--stroke);color:var(--online);font-size:11px;font-weight:600}.ctx-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;margin:8px 0 4px}.voice-dock{flex:0 0 auto;position:relative;z-index:2;padding:8px 10px;background:var(--bg-3);border-top:1px solid var(--stroke);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px}.voice-dock-left{display:flex;align-items:center;gap:8px;min-width:0}.ping-btn{position:relative;width:32px;height:32px;border:0;border-radius:var(--radius);background:var(--bg-hover);display:grid;place-items:center;padding:0;flex-shrink:0}.ping-btn.good{color:var(--online)}.ping-btn.ok{color:#f0b232}.ping-btn.bad{color:var(--danger)}.ping-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-pop);border:1px solid var(--stroke-2);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;box-shadow:var(--shadow-md)}.ping-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-pop)}.voice-dock-meta{min-width:0}.voice-live{display:block;color:var(--online);font-size:11px;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-dock strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-actions{display:flex;flex-shrink:0;align-items:center;gap:2px}.dock-actions .icon-btn{width:28px;height:28px;font-size:10px;font-weight:700}.dock-quality{grid-column:1 / -1;height:28px;background:var(--bg-pop);color:var(--text-2);border:1px solid var(--stroke-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.02em;padding:0 10px;white-space:nowrap;transition:border-color .12s var(--ease),color .12s var(--ease)}.dock-quality:hover{border-color:var(--accent);color:#fff}.member{cursor:context-menu}.main{background:var(--bg-4);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;position:relative}.main-head{flex:0 0 auto;height:48px;border-bottom:1px solid var(--stroke);box-shadow:0 1px #00000040;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;z-index:2}.head-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.head-title .ico{flex:0 0 auto;color:var(--dim)}.head-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-0);border:1px solid transparent;border-radius:var(--radius);padding:0 8px;flex:1 1 auto;min-width:0;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-wrap svg{flex:0 0 auto;color:var(--dim)}.search{background:transparent;border:0;outline:none;padding:6px 0;font-size:13px;min-width:0;width:100%}.search::placeholder{color:var(--dim)}.messages{flex:1 1 auto;min-height:0;padding:8px 0 20px;display:flex;flex-direction:column}.msg{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:2px 20px 2px 16px}.msg.start{margin-top:16px}.msg:hover{background:#00000026}.msg-avatar{width:40px;height:40px;font-size:15px;margin-top:2px}.msg-time-inline{align-self:start;padding-top:4px;font-size:10px;font-weight:500;color:var(--dim);text-align:right;opacity:0;font-variant-numeric:tabular-nums}.msg:hover .msg-time-inline{opacity:1}.msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.msg .author{font-size:15px;font-weight:600;color:var(--text)}.msg .meta{color:var(--dim);font-size:12px;font-weight:500}.msg-text{color:var(--text-2);font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.day-sep{display:flex;align-items:center;gap:12px;margin:24px 20px 4px;color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--stroke)}.channel-intro{padding:28px 20px 8px}.channel-intro .intro-icon{width:68px;height:68px;border-radius:50%;background:var(--bg-5);color:var(--text-2);display:grid;place-items:center;margin-bottom:12px}.channel-intro h2{margin:0 0 6px;font-size:30px;letter-spacing:-.02em}.channel-intro p{margin:0;color:var(--muted);font-size:14px}.composer{flex:0 0 auto;padding:0 16px 20px}.composer form{background:var(--bg-5);border:1px solid transparent;border-radius:var(--radius-lg);display:flex;align-items:center;gap:6px;padding:0 8px 0 16px;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.composer form:focus-within{border-color:var(--stroke-2);box-shadow:var(--shadow-sm)}.composer input{flex:1;background:transparent;border:0;outline:none;padding:12px 0;font-size:15px}.composer input::placeholder{color:var(--dim)}.composer input:disabled{cursor:not-allowed}.composer-send{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;transition:background .12s var(--ease),color .12s var(--ease)}.composer-send:hover:not(:disabled){background:var(--bg-active);color:var(--text)}.composer-send:disabled{opacity:.35;cursor:default}.members{background:var(--bg-2);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.members-head{flex:0 0 auto;padding:0 12px;height:48px;display:flex;align-items:center;border-bottom:1px solid var(--stroke);box-shadow:0 1px #00000040}.members-list{flex:1 1 auto;min-height:0;padding:8px 8px 16px}.members-group{color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:16px 8px 4px}.members-group:first-child{padding-top:8px}.member{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .1s var(--ease)}.member:hover{background:var(--bg-hover)}.member-main{display:flex;align-items:center;gap:10px;min-width:0}.member-text{min-width:0}.member .name{font-size:14px;font-weight:500;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member:hover .name{color:var(--text)}.member .sub{color:var(--dim);font-size:12px;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .sub svg{flex:0 0 auto}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;flex:none;position:relative;transition:box-shadow .12s ease;overflow:visible}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar.photo{background:#1e1f22}.avatar.tiny{width:20px;height:20px;font-size:9px}.avatar.preview{width:96px;height:96px;font-size:36px;margin:0 auto 16px}.avatar.tile-avatar{width:72px;height:72px;font-size:24px}.avatar.msg-avatar{width:40px;height:40px;font-size:16px}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;flex:none;opacity:.55;transition:background .12s ease,opacity .12s ease}.dot.speaking{background:var(--online);opacity:1}.member-pip{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-2);background:var(--offline);transition:background .12s ease;z-index:1}.member-pip.online{background:var(--online);opacity:1}.member-pip.idle{background:var(--idle);opacity:1}.member-pip.busy{background:var(--busy);opacity:1}.member-pip.offline{background:var(--offline);opacity:1}.member.offline{opacity:.5}.member.offline .avatar{filter:grayscale(1)}.member.offline .name{font-weight:400}.member.offline:hover{opacity:.8}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.stage-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--stroke)}.stage-title{display:flex;flex-direction:column;min-width:0}.stage-title strong{font-size:14px}.stage-count{color:var(--muted);font-size:12px}.stage-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seg{display:flex;background:var(--bg-0);border:1px solid var(--stroke-2);border-radius:8px;padding:2px}.seg-btn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;padding:5px 10px;border-radius:6px}.seg-btn:hover{color:var(--text);background:var(--bg-hover)}.seg-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.stage-select{background:var(--bg-0);color:var(--text-2);border:1px solid var(--stroke-2);border-radius:8px;font-size:12px;font-weight:700;padding:6px 8px;max-width:230px}.voice-stage{--tile-live-h: min(880px, calc(100vh - 150px) );flex:1 1 auto;min-height:0;padding:16px 20px 20px;display:grid;gap:12px;align-content:start;align-items:start}.voice-stage.view-list{display:flex;flex-direction:column;align-items:center}.voice-stage.view-list>*{flex:0 0 auto;width:100%}.voice-stage.view-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:stretch;align-items:stretch}.voice-stage.view-compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.tile{--tile-ratio: 1.7778;background:#08090b;border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:160px;position:relative;overflow:hidden;display:grid;place-items:center}.tile.view-list.live:not(.expanded){min-height:0;aspect-ratio:var(--tile-ratio);width:100%;max-width:none}.voice-stage.view-list.tile-count-1{align-items:stretch}.voice-stage.view-list.tile-count-1>.tile{width:100%}.tile.view-grid:not(.expanded),.tile.view-compact:not(.expanded){min-height:0;aspect-ratio:var(--tile-ratio);max-height:calc(var(--tile-live-h) * .5)}.voice-stage.view-grid.tile-count-1{grid-template-columns:minmax(0,1fr)}.voice-stage.view-grid.tile-count-1 .tile.view-grid:not(.expanded){width:100%;max-height:none}.voice-stage.view-grid.tile-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-stage.view-grid.tile-count-2,.voice-stage.view-grid.tile-count-3,.voice-stage.view-grid.tile-count-4{grid-auto-rows:minmax(0,calc((100vh - 190px)/2))}.voice-stage.view-grid.tile-count-2 .tile.view-grid:not(.expanded),.voice-stage.view-grid.tile-count-3 .tile.view-grid:not(.expanded),.voice-stage.view-grid.tile-count-4 .tile.view-grid:not(.expanded){height:100%;max-height:none;aspect-ratio:auto}.tile.focus{animation:tile-focus 2.4s ease}@keyframes tile-focus{0%{box-shadow:0 0 #5865f200}12%{box-shadow:0 0 0 4px #5865f2}70%{box-shadow:0 0 0 4px #5865f2bf}to{box-shadow:0 0 #5865f200}}@media (prefers-reduced-motion: reduce){.tile.focus{animation:none;box-shadow:0 0 0 4px #5865f2}}.tile.view-compact{border-radius:8px}.tile.view-compact .caption{font-size:11px;padding:2px 6px}.tile.view-compact .live-tag{font-size:9px;padding:2px 4px;top:6px;right:6px}.tile.view-compact .tile-controls{padding:6px;gap:4px}.tile.view-compact .tile-btn{width:26px;height:26px;border-radius:6px}.tile.view-compact .tile-vol:hover .tile-vol-range,.tile.view-compact .tile-vol:focus-within .tile-vol-range{width:56px}.tile.live .tile-controls>:not(.caption){opacity:0;pointer-events:none;transition:opacity .12s ease}.tile.live:hover .tile-controls>:not(.caption),.tile.live:focus-within .tile-controls>:not(.caption){opacity:1;pointer-events:auto}@media (hover: none){.tile.live .tile-controls>:not(.caption){opacity:1;pointer-events:auto}}.viewer-badge{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:5px;background:#000000a6;color:#fff;font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px}.tile.view-compact .viewer-badge{top:6px;left:6px;font-size:10px;padding:2px 6px}.viewer-chips{display:flex;margin-left:2px}.viewer-chip{width:18px;height:18px;border-radius:50%;background:var(--accent);border:1px solid #000;display:grid;place-items:center;font-size:9px;font-weight:800;margin-left:-5px}.viewer-chip:first-child{margin-left:0}.viewer-chip.more{background:var(--bg-5)}.watch-poster{width:100%;height:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;color:var(--text);background:radial-gradient(420px 240px at 50% 40%,#5865f229,transparent),var(--bg-1);transition:background-color .12s ease}.watch-poster:hover{background-color:var(--bg-3)}.watch-poster strong{font-size:15px}.watch-poster-sub{font-size:12px;color:var(--muted)}.watch-poster-eye{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;margin-bottom:2px}.watch-poster-eye svg{width:20px;height:20px}.watch-poster.waiting{cursor:progress}.watch-poster.waiting .watch-poster-eye{background:var(--bg-5)}.tile.view-compact .watch-poster{padding:8px;gap:2px}.tile.view-compact .watch-poster strong{font-size:12px}.tile.view-compact .watch-poster-sub{display:none}.tile.view-compact .watch-poster-eye{width:30px;height:30px}.tile.view-compact .watch-poster-eye svg{width:14px;height:14px}.tile-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.tile-btn{width:30px;height:30px;flex:0 0 auto;border:0;border-radius:8px;display:grid;place-items:center;background:#00000080;color:#fff;transition:background-color .12s ease}.tile-btn:hover{background:#000000bf}.tile-btn.on{background:var(--accent)}.tile-btn.on:hover{background:var(--accent-2)}.tile-btn.off{color:var(--danger)}.tile-btn.danger{background:var(--danger)}.tile-btn.danger:hover{background:#d3383c}.tile-vol{display:flex;align-items:center}.tile-vol-range{width:0;min-width:0;opacity:0;margin-left:0;accent-color:var(--lime);transition:width .14s ease,opacity .14s ease,margin-left .14s ease}.tile-vol:hover .tile-vol-range,.tile-vol:focus-within .tile-vol-range{width:84px;opacity:1;margin-left:6px}.tile-quality{background:#00000080;border:0;border-radius:8px;color:#fff;font-size:11px;font-weight:700;padding:7px 10px;white-space:nowrap}.tile-quality:hover{background:#000000bf}.watch-poster.self{background:radial-gradient(420px 240px at 50% 40%,#23a55929,transparent),var(--bg-1)}.watch-poster.self .watch-poster-eye{background:var(--online)}.stream-idle{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:5px;background:#000000a6;color:var(--muted);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.tile.view-compact .stream-idle{display:none}.tile video{width:100%;height:100%;object-fit:contain;background:#000}.tile-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:10px;background:linear-gradient(transparent,#000c);z-index:2}.vol input[type=range]{width:90px;accent-color:var(--lime)}.stream-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tile .caption{background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vol{display:flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:700}.live-tag{position:absolute;top:10px;right:10px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:999px;box-shadow:var(--shadow-sm)}.tile.expanded,.tile:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;width:auto;height:auto;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;margin:0;border-radius:0;background:#000}.tile.expanded .tile-controls,.tile:fullscreen .tile-controls{padding:16px 20px 20px;gap:10px;background:linear-gradient(transparent,#000d)}.tile.expanded .tile-controls>:not(.caption),.tile:fullscreen .tile-controls>:not(.caption){opacity:1;pointer-events:auto}.tile.expanded .tile-controls .vol,.tile:fullscreen .tile-controls .vol{display:flex}.tile.expanded .tile-controls .btn,.tile:fullscreen .tile-controls .btn{display:inline-block}.tile.expanded .tile-btn,.tile:fullscreen .tile-btn{width:38px;height:38px;border-radius:10px}.tile.expanded .tile-btn svg,.tile:fullscreen .tile-btn svg{width:18px;height:18px}.tile.expanded .tile-actions,.tile:fullscreen .tile-actions{gap:8px}.tile.expanded .tile-vol-range,.tile:fullscreen .tile-vol-range{width:140px;opacity:1;margin-left:8px}.tile.expanded .caption,.tile:fullscreen .caption{font-size:14px;padding:6px 10px}.tile.expanded .live-tag,.tile:fullscreen .live-tag{font-size:12px;padding:4px 8px;top:16px;right:20px}.tile.expanded .viewer-badge,.tile:fullscreen .viewer-badge{font-size:12px;padding:4px 9px;top:16px;left:20px}.tile.expanded .stream-idle,.tile:fullscreen .stream-idle{display:flex;font-size:12px;padding:4px 9px;top:16px;left:20px}.tile.expanded .watch-poster,.tile:fullscreen .watch-poster{padding:24px;gap:8px}.tile.expanded .watch-poster strong,.tile:fullscreen .watch-poster strong{font-size:18px}.tile.expanded .watch-poster-sub,.tile:fullscreen .watch-poster-sub{display:block;font-size:13px}.tile.expanded .watch-poster-eye,.tile:fullscreen .watch-poster-eye{width:56px;height:56px}.tile.expanded .watch-poster-eye svg,.tile:fullscreen .watch-poster-eye svg{width:26px;height:26px}.voice-bar{display:flex;gap:10px;padding:12px 16px 16px;justify-content:center;flex-wrap:wrap;align-items:end;background:var(--bg-3)}.device{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.device select,.device input[type=range]{background:var(--bg-0);border:1px solid var(--stroke-2);border-radius:6px;padding:6px 8px;min-width:140px;color:var(--text)}.device input[type=range]{accent-color:var(--lime);min-width:120px}.empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center;padding:24px;font-size:14px;line-height:1.7}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20}.modal{width:min(520px,calc(100% - 24px));max-height:calc(100% - 24px);background:var(--bg-3);border:1px solid var(--stroke-2);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg)}.modal h2{margin:0 0 16px}.settings-overlay{place-items:center}.settings-modal{width:min(820px,calc(100% - 24px));height:min(620px,calc(100% - 24px));display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;background:var(--bg-3);border:1px solid var(--stroke-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:22px 12px;background:var(--bg-2);border-right:1px solid var(--stroke)}.settings-nav strong{padding:0 10px 14px;color:var(--text);font-size:15px}.settings-nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);text-align:left;font-size:13px;font-weight:600}.settings-nav-item:hover,.settings-nav-item.active{background:var(--bg-active);color:var(--text)}.settings-nav-item.danger{color:#ff777a}.settings-nav-spacer{flex:1}.settings-content{min-width:0;overflow-y:auto;padding:28px 36px}.settings-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--stroke)}.settings-eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-titlebar h2{margin:4px 0 0;font-size:24px}.settings-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.settings-close:hover{background:var(--bg-hover);color:var(--text)}.settings-section{padding:24px 0;border-bottom:1px solid var(--stroke)}.settings-section h3{margin:0 0 14px;color:var(--text);font-size:14px}.settings-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-2)}.settings-toggle span{display:grid;gap:3px}.settings-toggle small,.settings-note p{color:var(--muted);font-size:12px}.settings-toggle input{width:38px;height:20px;accent-color:var(--accent)}.settings-note p{margin:0}.roles-modal{width:min(680px,calc(100% - 24px))}.roles-layout{display:grid;grid-template-columns:176px minmax(0,1fr);gap:16px;align-items:start}.role-rail{display:flex;flex-direction:column;gap:2px;max-height:min(420px,60vh);overflow-y:auto;overflow-x:hidden;padding-right:4px}.role-chip{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);border-radius:6px;padding:6px 8px;font-size:13px;font-weight:600}.role-chip:hover{background:#ffffff10}.role-chip.active{background:#ffffff16}.role-chip.add{color:var(--muted);font-weight:700}.role-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-swatch{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #0007}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:36px;height:32px;padding:0;border:1px solid #ffffff22;border-radius:6px;background:var(--bg-0);cursor:pointer}.color-hex{flex:1;background:var(--bg-0);border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;text-transform:uppercase}.color-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.color-dot{width:20px;height:20px;border:2px solid transparent;border-radius:4px;padding:0}.color-dot.active{border-color:#fff}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.role-members{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff12}.role-member{margin:4px 0}.profile-modal{width:min(360px,calc(100% - 24px));padding:18px 18px 14px}.profile-modal p{color:var(--muted);font-size:13px;line-height:1.4;margin:0 0 16px}.profile-modal .avatar.preview{margin-bottom:4px}.profile-actions{display:flex;align-items:center;gap:4px;margin-top:14px}.profile-actions .spacer{flex:1}.text-btn{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:6px 8px;border-radius:6px}.text-btn:hover{color:var(--text);background:#ffffff10}.text-btn.danger{color:#ff8787}.text-btn.danger:hover{background:#f23f4318;color:#ff9a9d}.text-btn:disabled{opacity:.4;cursor:not-allowed}.btn.compact{padding:6px 12px;font-size:13px;font-weight:600;background:var(--accent)}.btn.compact:hover{background:var(--accent-2)}.crop-stage{width:240px;height:240px;margin:0 auto 14px;position:relative;overflow:hidden;border-radius:8px;background:#0e0f12;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;inset:auto;max-width:none;border-radius:0;pointer-events:none}.crop-hole{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 80px #0007;outline:1px solid #ffffff22;pointer-events:none}.crop-zoom{display:flex;align-items:center;gap:10px;margin:0 4px 4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.crop-zoom input{flex:1;accent-color:var(--accent)}.row{display:flex;gap:8px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:14px}.share-modal{width:min(460px,calc(100% - 24px));padding:0 20px 20px}.share-hero{position:relative;margin:0 -20px 4px;height:92px;border-radius:12px 12px 0 0;display:grid;place-items:center;background:radial-gradient(320px 120px at 50% 120%,#5865f24d,transparent),linear-gradient(180deg,#1f2126,var(--bg-3))}.share-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:20px;line-height:1}.share-close:hover{background:#ffffff14;color:var(--text)}.share-modal h2{margin:0 0 18px;font-size:20px;text-align:center}.share-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.share-field{display:flex;align-items:center;gap:8px;background:var(--bg-0);border:1px solid var(--stroke-2);border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:14px;font-weight:600}.share-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-field svg{flex:0 0 auto;color:var(--muted)}.share-check{margin:0 0 16px;font-size:13px;color:var(--muted)}.share-select{width:100%;background:var(--bg-0);border:1px solid var(--stroke-2);border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:14px;font-weight:600}.share-grid{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:4px}.share-grid .seg{flex-wrap:wrap}.share-modal .hint{margin:12px 0 0}.share-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--stroke)}.share-actions .btn{padding:10px 22px;width:auto}.share-actions .btn[disabled]{opacity:.6;cursor:default}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--stroke);gap:8px;font-size:14px}.list-item:last-child{border-bottom:0}.list-item .sub{color:var(--muted);font-size:12px}.search-pop{position:absolute;right:12px;left:12px;top:52px;max-height:min(320px,calc(100% - 68px));overflow-y:auto;background:var(--bg-pop);border:1px solid var(--stroke-2);border-radius:var(--radius);padding:8px;z-index:10;box-shadow:var(--shadow-md)}.invite-box{background:var(--bg-0);padding:10px;border-radius:8px;word-break:break-all;font-family:ui-monospace,monospace}@media (max-width: 1180px){.app{grid-template-columns:72px 232px minmax(0,1fr) 200px}}@media (max-width: 980px){.app{grid-template-columns:64px 240px minmax(0,1fr)}.members{display:none}}@media (max-width: 720px){.app{grid-template-columns:56px 200px minmax(0,1fr)}.sidebar-head{padding:0 10px}.main-head{padding:0 12px;gap:8px}.search{width:100%;min-width:0}.messages{padding:12px 12px 8px}.stage-bar{padding:10px 12px}.voice-stage{padding:12px;--tile-live-h: clamp(160px, 52vh, 520px)}.voice-stage.view-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.voice-stage.view-compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.roles-layout,.perm-grid{grid-template-columns:1fr}}@media (max-width: 560px){.app{grid-template-columns:48px 148px minmax(0,1fr)}.rail{padding:8px 0}.server-btn{width:40px;height:40px;font-size:12px}.channel-list{padding:8px 6px}.voice-person{padding-left:18px}}.emoji-picker{position:fixed;z-index:40;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 24px #000a;display:flex;flex-direction:column;overflow:hidden}.emoji-picker-search{display:flex;align-items:center;gap:8px;margin:12px 12px 8px;padding:0 10px;height:34px;background:#1e1f22;border-radius:8px;color:var(--muted)}.emoji-picker-search input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-size:13px}.emoji-picker-body{flex:1;min-height:0;padding:0 8px 12px}.emoji-picker-body h4{margin:10px 4px 6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.emoji-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.emoji-grid button{height:32px;border:0;border-radius:6px;background:transparent;font-size:20px;line-height:1}.emoji-grid button:hover{background:#ffffff14}.emoji-empty{padding:24px 8px;text-align:center;color:var(--muted);font-size:13px}