:root{--bg-rail:#1e1f22;--bg-sidebar:#2b2d31;--bg-content:#313338;--bg-input:#383a40;--bg-hover:#35373c;--bg-active:#404249;--bg-tile:#232428;--text:#dbdee1;--text-strong:#f2f3f5;--muted:#949ba4;--brand:#5865f2;--brand-hover:#4752c4;--green:#23a55a;--red:#f23f43;--yellow:#f0b232;color:var(--text);background:var(--bg-content);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:gg sans,Noto Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-size:15px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:var(--text)}a{color:#00a8fc;text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:12px}.red{color:var(--red)}.green{color:var(--green)}.yellow{color:var(--yellow)}.dim{color:var(--muted)}.spacer{flex:1}.clickable{cursor:pointer}.clickable:hover{text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.btn{border:0;border-radius:4px;padding:10px 18px;font-weight:500;transition:background .15s}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-hover)}.btn.secondary{color:#fff;background:#4e5058}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:6px;display:inline-grid}.icon-btn:hover{background:var(--bg-active);color:var(--text-strong)}.icon-btn.on{color:var(--text-strong)}.icon-btn.red{color:var(--red)}.icon-btn.tiny{padding:2px}.pill{background:var(--bg-active);color:var(--text);border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.pill:hover{background:#4e5058}.pill.on{background:var(--green);color:#fff}.pill.small{flex:none;padding:4px 10px}.auth-bg{background:radial-gradient(circle at 20% 20%,#5865f2 0,#0000 45%),radial-gradient(circle at 80% 80%,#eb459e 0,#0000 40%),#1e1f22;place-items:center;height:100%;padding:16px;display:grid}.auth-card{background:var(--bg-content);text-align:center;border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:32px;display:flex;box-shadow:0 8px 32px #0006}.auth-card h1{color:var(--text-strong);margin:0;font-size:24px}.auth-card p{margin:0}.auth-logo{background:var(--brand);color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto;font-size:32px;font-weight:800;display:grid}label{text-align:left;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}label input:not([type=checkbox]):not([type=radio]),label select,.composer input{text-transform:none;background:#1e1f22;border:0;border-radius:4px;outline:none;padding:10px;font-size:15px;font-weight:400}label input:disabled{opacity:.6}.error{color:#fa777c;background:#f23f4326;border-radius:4px;padding:8px;font-size:14px}.app{height:100%;display:flex}.server-rail{background:var(--bg-rail);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.server-icon{background:var(--brand);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid;position:relative}.server-icon.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:40px;position:absolute;left:-12px}.sidebar{background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;width:240px;display:flex}.sidebar-header{height:48px;color:var(--text-strong);flex-shrink:0;align-items:center;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px #00000040}.channel-list{flex:1;padding:8px;overflow-y:auto}.channel-group{margin-bottom:16px}.group-title{text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;font-weight:700;display:flex}.channel{color:var(--muted);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:1px 0;padding:6px 8px;display:flex}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--bg-active);color:var(--text-strong)}.channel .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hover-only{visibility:hidden}.channel:hover .hover-only{visibility:visible}.voice-users{padding-left:28px}.voice-user{color:var(--muted);align-items:center;gap:8px;padding:4px 6px;font-size:14px;display:flex}.voice-user .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.live-badge{background:var(--red);color:#fff;letter-spacing:.3px;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:800}.live-badge.big{padding:4px 10px;font-size:14px}.avatar{color:#fff;box-shadow:0 0 0 0 var(--green);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;transition:box-shadow .1s;display:grid}.avatar.speaking{box-shadow:0 0 0 2px var(--bg-sidebar), 0 0 0 4px var(--green)}.voice-panel{background:#232428;border-top:1px solid #ffffff0f;padding:8px}.voice-status{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.voice-actions{gap:8px;margin-top:8px;display:flex}.user-panel{background:#232428;align-items:center;gap:4px;padding:8px;display:flex}.user-info{flex:1;min-width:0;margin-left:4px}.user-info .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.content{background:var(--bg-content);flex-direction:column;flex:1;min-width:0;display:flex}.content-header{height:48px;color:var(--muted);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex;box-shadow:0 1px #00000040}.content-header .title{color:var(--text-strong);font-weight:700}.content-body{flex:1;min-height:0;display:flex}.banner{background:var(--red);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:6px 16px;font-size:14px;display:flex}.banner .icon-btn{color:#fff}.member-list{background:var(--bg-sidebar);flex-shrink:0;width:240px;padding:16px 8px;overflow-y:auto}.member{border-radius:4px;align-items:center;gap:12px;padding:6px 8px;display:flex}.member:hover{background:var(--bg-hover)}.member .name{align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.avatar-wrap{position:relative}.status-dot{background:var(--green);border:3px solid var(--bg-sidebar);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.role-tag{background:var(--brand);color:#fff;text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex:1;padding:16px 0 8px;overflow-y:auto}.channel-intro{padding:16px}.channel-intro h2{color:var(--text-strong);margin:8px 0 4px}.intro-icon{color:#fff;background:#41434a;border-radius:50%;place-items:center;width:68px;height:68px;font-size:40px;display:grid}.day-divider{color:var(--muted);align-items:center;margin:16px 16px 8px;font-size:12px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#3f4147;flex:1;height:1px}.day-divider span{padding:0 8px;font-weight:600}.message{gap:16px;margin-top:12px;padding:4px 16px;display:flex;position:relative}.message.grouped{margin-top:0;padding-top:2px;padding-bottom:2px}.message:hover{background:#2e3035}.message-head{align-items:baseline;gap:8px;display:flex}.author{font-weight:600}.message-body{min-width:0}.message-text{white-space:pre-wrap;word-wrap:break-word;color:var(--text);line-height:1.375}.hover-time{width:40px;color:var(--muted);visibility:hidden;text-align:center;flex-shrink:0;padding-top:3px;font-size:10px}.message:hover .hover-time{visibility:visible}.composer{padding:0 16px}.composer input{background:var(--bg-input);border-radius:8px;width:100%;padding:12px 16px}.typing{height:24px;color:var(--text);padding:2px 16px;font-size:12px}.voice-lobby{text-align:center;background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.voice-lobby h2{color:var(--text-strong);margin:0}.lobby-avatars{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.voice-stage{background:#000;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stage-status{text-align:center;color:var(--yellow);padding:8px}.grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(160px,1fr);align-content:center;gap:8px;min-height:0;padding:16px;display:grid;overflow-y:auto}.grid.n1{grid-template-columns:minmax(0,1fr)}.grid.n2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0, min(50vh, 1fr))}.tile{background:var(--bg-tile);cursor:pointer;outline-offset:-2px;aspect-ratio:16/9;border-radius:8px;outline:2px solid #0000;min-height:160px;transition:outline-color .1s;position:relative;overflow:hidden}.grid .tile{aspect-ratio:auto}.tile.speaking{outline-color:var(--green)}.tile video{background:#000;width:100%;height:100%;display:block}.tile-avatar{background:color-mix(in srgb, var(--c,#5865f2) 35%, #1e1f22);place-items:center;width:100%;height:100%;display:grid}.stream-preview{background:#111214;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.tile-label{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.tile-volume,.tile-actions{opacity:0;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:8px}.tile-actions{top:8px;bottom:auto}.tile-actions .icon-btn{color:#fff;padding:2px}.tile:hover .tile-volume,.tile:hover .tile-actions{opacity:1}.tile-volume input{width:90px}.stats{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font:12px ui-monospace,monospace;position:absolute;top:8px;left:8px}.stats.warn{background:#a05a00d9}.tile:fullscreen{border-radius:0;outline:none}.spotlight{flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px;display:flex}.spotlight-main{flex:1;min-height:0;display:flex}.spotlight-main .tile{aspect-ratio:auto;flex:1}.spotlight-strip{flex-shrink:0;justify-content:center;gap:8px;height:120px;display:flex}.spotlight-strip .tile{flex-shrink:0;width:213px;height:100%;min-height:0}.spotlight-strip .tile .avatar{transform:scale(.6)}.call-controls{justify-content:center;gap:12px;padding:12px 0 20px;display:flex}.round{color:#fff;background:#2b2d31;border:0;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .15s;display:grid}.round:hover{background:#3a3c42}.round.on{background:var(--green)}.round.danger,.round.danger:hover{background:var(--red)}.round.danger-soft{color:var(--red);background:#fff}.modal-bg{background:var(--bg-content);z-index:50;display:flex;position:fixed;inset:0}.settings{width:100%;height:100%;display:flex}.settings-nav{background:var(--bg-sidebar);flex-direction:column;flex:1 0 218px;align-items:flex-end;padding:60px 8px 20px 20px;display:flex}.settings-nav>*{width:192px}.nav-item{cursor:pointer;color:var(--muted);border-radius:4px;margin-bottom:2px;padding:8px 10px}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-active);color:var(--text-strong)}.nav-item.red{color:var(--red)}.sep{background:#3f4147;height:1px;margin:8px 10px}.settings-body{flex-direction:column;flex:800px;gap:16px;max-width:820px;padding:60px 40px 80px;display:flex;position:relative;overflow-y:auto}.settings-body h2{color:var(--text-strong);margin:0 0 4px}.settings-body h3{text-transform:uppercase;color:var(--muted);border-top:1px solid #3f4147;margin:16px 0 0;padding-top:20px;font-size:12px}.close-btn{border:2px solid var(--muted);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid;position:fixed;top:60px;right:40px}.close-btn:hover{color:var(--text-strong);border-color:var(--text-strong)}.two-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check{text-transform:none;color:var(--text);cursor:pointer;flex-direction:row;align-items:center;font-size:15px;font-weight:400}.radio-list{flex-direction:column;gap:8px;display:flex}.radio{text-transform:none;color:var(--text);cursor:pointer;background:#2b2d31;border-radius:4px;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500}.radio.checked{background:var(--bg-active)}.mic-test{flex-direction:column;gap:12px;display:flex}.meter{background:#1e1f22;border-radius:5px;height:10px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--green), var(--yellow) 80%, var(--red));height:100%;transition:width 50ms linear}@media (width<=900px){.member-list{display:none}.two-cols{grid-template-columns:1fr}.settings-nav{flex:none;padding:16px 8px}.settings-nav>*{width:auto}.settings-body{padding:24px 16px 60px}.close-btn{top:16px;right:16px}}@media (width<=640px){.server-rail{display:none}.sidebar{width:200px}.settings{flex-direction:column}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.info{color:#6ddf9c;background:#23a55a26;border-radius:4px;padding:8px;font-size:14px}.left{text-align:left}.composer-error{cursor:pointer;margin:0 16px 8px}.pill:disabled,.round:disabled{opacity:.5;cursor:progress}