:root{--bg:#000;--bg-1:#0a0a0a;--bg-2:#0d0d0d;--bg-3:#141414;--bg-4:#1b1b1b;--bg-5:#242424;--line:#1c1c1c;--line-2:#2a2a2a;--text:#ededed;--text-2:#a1a1a1;--text-3:#636363;--green:#22c55e;--red:#ef4444;--radius:8px;--radius-sm:6px;--titlebar:34px;--shadow:0 24px 64px #000000b3, 0 0 0 1px var(--line-2);--mono:"JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.4}a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:600}::selection{color:#000;background:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#262626 padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#3a3a3a}.mono{font-family:var(--mono);font-size:.92em}.dim{color:var(--text-3)}.spacer{flex:1}.center{flex:1;place-items:center;min-height:120px;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ok-text{color:var(--green);font-size:13px}.danger-icon{color:var(--red);flex-shrink:0}.titlebar{height:var(--titlebar);color:var(--text-3);background:var(--bg);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;font-size:12px;display:flex}:root:not(.is-desktop) .titlebar{display:none}.is-desktop .titlebar{padding-right:150px}.drag{-webkit-app-region:drag}.drag button{-webkit-app-region:no-drag}.titlebar-name{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.conn-pill{color:var(--red);align-items:center;gap:5px;display:inline-flex}.btn{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg-3);height:36px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:500;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-4);border-color:#3a3a3a}.btn.primary{color:#000;background:#fff;border-color:#fff}.btn.primary:hover:not(:disabled){background:#d9d9d9;border-color:#d9d9d9}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--bg-4)}.btn.danger-outline{color:var(--red);background:0 0;border-color:#ef444466}.btn.danger-outline:hover:not(:disabled){border-color:var(--red);background:#ef44441a}.btn.sm{height:30px;padding:0 11px;font-size:13px}.btn.block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg-5);color:var(--text)}.icon-btn.sm{width:26px;height:26px}.icon-btn.xs{border-radius:4px;width:20px;height:20px}.icon-btn.on{background:var(--bg-5);color:var(--text)}.icon-btn.off{color:var(--red)}.icon-btn.danger:hover:not(:disabled){color:var(--red);background:#ef44441f}.icon-btn.bordered{border:1px solid var(--line-2);width:30px;height:30px}.link{color:var(--text-3);align-items:center;gap:5px;font-size:13px;display:inline-flex}.link:hover{color:var(--text)}.round-btn{background:var(--bg-3);border:1px solid var(--line-2);width:34px;height:34px;color:var(--text-2);border-radius:50%;place-items:center;transition:color .12s,border-color .12s;display:grid}.round-btn:hover{color:var(--text);border-color:#444}.round-btn.danger:hover{color:var(--red);border-color:#ef444480}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.field>small{color:var(--text-3);font-size:12px}input:not([type=checkbox]):not([type=range]),select,textarea{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg);outline:none;width:100%;padding:9px 12px;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:#555}textarea{resize:vertical}select option{background:var(--bg-3)}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=range]{accent-color:#fff;height:4px}.input-prefix{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg);align-items:center;display:flex}.input-prefix:focus-within{border-color:#555}.input-prefix i{color:var(--text-3);font-style:normal;font-family:var(--mono);padding-left:12px}.input-prefix input{font-family:var(--mono);border:none!important;padding-left:4px!important}.toggle{cursor:pointer;color:var(--text-2);align-items:center;gap:10px;display:inline-flex}.toggle input{display:none}.toggle-track{background:var(--bg-5);border-radius:99px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.toggle-track:after{content:"";background:var(--text-2);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:#fff}.toggle input:checked+.toggle-track:after{background:#000;transform:translate(16px)}.toggle-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.toggle-row strong{font-weight:500;display:block}.toggle-row small{color:var(--text-3);font-size:12.5px}.segmented{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line-2);gap:2px;margin-bottom:14px;padding:3px;display:flex}.segmented button{height:30px;color:var(--text-3);border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.segmented button.active{background:var(--bg-5);color:var(--text)}.gate,.splash{background:var(--bg);flex-direction:column;height:100%;display:flex}.gate .titlebar,.splash .titlebar{display:flex}:root:not(.is-desktop) .gate .titlebar,:root:not(.is-desktop) .splash .titlebar{display:none}.gate-body{flex:1;place-items:center;padding:24px 16px;display:grid;overflow-y:auto}.gate-form{width:min(380px,100%);animation:.35s ease-out rise}.gate-form h1{letter-spacing:-.04em;font-size:40px;line-height:1.05}.gate-sub{color:var(--text-3);letter-spacing:-.01em;margin:8px 0 36px;font-size:18px}.key-input{height:52px;font-family:var(--mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;font-size:17px;border-color:#333!important;padding:0 14px!important}.key-input:focus{border-color:#fff!important}.key-input.invalid{animation:.3s shake;border-color:var(--red)!important}.key-meta{color:var(--text-3);justify-content:space-between;gap:12px;margin:8px 0 24px;font-size:12.5px;display:flex}.gate-error{color:var(--red);font-size:13px}.gate-error.block{margin:-4px 0 14px}.gate-switch{justify-content:center;width:100%;margin-top:16px;display:flex}.gate-foot{letter-spacing:.16em;color:var(--text-3);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:11px;display:flex}.gate-foot .link{letter-spacing:.04em;margin-left:12px;font-size:11px}.landing{flex-direction:column;align-items:flex-start;display:flex}.landing-label{margin-top:24px}.landing h1{margin-top:6px}.landing .gate-sub{margin-bottom:28px}.landing a.btn{text-decoration:none}.landing-alt{margin-top:8px}.gate-foot a.link{letter-spacing:.04em;margin-left:12px;font-size:11px;text-decoration:none}.splash-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.app{flex-direction:column;height:100%;display:flex}.layout{flex:1;min-height:0;display:flex}.main{background:var(--bg-2);border-left:1px solid var(--line);border-top:1px solid var(--line);border-top-left-radius:10px;flex-direction:column;flex:1;min-width:0;display:flex}.view{flex-direction:column;flex:1;min-height:0;display:flex}.view-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.view-head h2{font-size:15px}.view-scroll{flex:1;padding:12px 20px 20px;overflow-y:auto}.view-split{flex:1;min-height:0;display:flex}.tabs{border-left:1px solid var(--line-2);gap:2px;margin-left:8px;padding-left:12px;display:flex}.tabs button{border-radius:var(--radius-sm);height:28px;color:var(--text-3);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--bg-5);color:var(--text)}.list-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:16px 4px 8px;font-size:11px;font-weight:600}.empty{text-align:center;padding:48px 16px}.empty h3{font-size:18px}.empty p{color:var(--text-3);margin:6px 0 0}.count-badge{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.unread-dot{background:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px}.live-badge{background:var(--red);color:#fff;letter-spacing:.06em;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:800}.tag{border:1px solid var(--line-2);color:var(--text-2);border-radius:99px;margin:8px 6px 0 0;padding:2px 8px;font-size:11.5px;display:inline-block}.avatar{background:var(--bg-5);color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;transition:box-shadow .15s;display:grid;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar.speaking{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--green)}.avatar .status{border:2.5px solid var(--bg-1);background:#444;border-radius:50%;min-width:9px;min-height:9px;position:absolute;bottom:-1px;right:-1px}.avatar .status.online{background:var(--green)}.server-icon{background:var(--bg-4);color:var(--text);letter-spacing:-.02em;border-radius:12px;flex-shrink:0;place-items:center;font-weight:600;display:grid;overflow:hidden}.server-icon img{object-fit:cover;width:100%;height:100%}.rail{background:var(--bg);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:68px;padding:10px 0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail-item{justify-content:center;width:100%;display:flex;position:relative}.rail-pill{background:#fff;border-radius:0 3px 3px 0;width:3px;height:0;transition:height .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-item.unread .rail-pill{height:8px}.rail-item:hover .rail-pill{height:18px}.rail-item.active .rail-pill{height:32px}.rail-btn{opacity:.75;border-radius:12px;place-items:center;transition:border-radius .15s,opacity .15s;display:grid}.rail-item:hover .rail-btn,.rail-item.active .rail-btn{opacity:1}.rail-item.active .server-icon{box-shadow:0 0 0 1.5px #fff}.rail-home,.rail-add{background:var(--bg-4);width:44px;height:44px;color:var(--text);border-radius:12px;place-items:center;display:grid}.rail-item.active .rail-home{color:#000;background:#fff}.rail-add{border:1px dashed var(--line-2);color:var(--text-3);background:0 0}.rail-item:hover .rail-add{color:var(--text);border-color:#555}.rail-sep{background:var(--line-2);flex-shrink:0;width:28px;height:1px}.rail-badge{border:3px solid var(--bg);background:var(--red);color:#fff;box-sizing:content-box;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;bottom:-2px;right:10px}.rail-live{border:2.5px solid var(--bg);background:var(--green);border-radius:50%;width:9px;height:9px;position:absolute;top:-1px;right:12px}.sidebar{background:var(--bg-1);border-top:1px solid var(--line);border-top-left-radius:10px;flex-direction:column;flex-shrink:0;width:240px;display:flex}.side-head-wrap{position:relative}.side-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;width:100%;height:48px;padding:0 14px;display:flex}.side-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.server-head{color:var(--text);transition:background .12s}.server-head:hover,.server-head.open{background:var(--bg-3)}.side-head-wrap .menu{top:52px;left:8px;right:8px}.side-scroll{flex:1;padding:8px;overflow-y:auto}.side-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;padding:14px 6px 6px 8px;font-size:11px;font-weight:600;display:flex}.side-hint{color:var(--text-3);margin:4px 8px;font-size:13px}.side-row{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--text-2);cursor:pointer;outline:none;align-items:center;gap:10px;margin:1px 0;padding:4px 8px;transition:background .1s,color .1s;display:flex;position:relative}.side-row:hover,.side-row:focus-visible{background:var(--bg-3);color:var(--text)}.side-row.active{background:var(--bg-5);color:var(--text)}.side-row.unread{color:var(--text);font-weight:600}.side-row.nav{min-height:40px;font-weight:500}.side-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row-action{opacity:0}.side-row:hover .row-action{opacity:1}.voice-members{padding:0 0 4px 26px}.voice-member{border-radius:var(--radius-sm);width:100%;height:28px;color:var(--text-2);align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.voice-member:hover{background:var(--bg-3);color:var(--text)}.voice-panel{border-top:1px solid var(--line);align-items:center;gap:2px;padding:8px 8px 8px 12px;display:flex}.voice-panel-info{flex-direction:column;flex:1;min-width:0;display:flex}.signal{font-size:12.5px;font-weight:600}.signal.connected{color:var(--green)}.signal.connecting,.signal.reconnecting{color:var(--text-2)}.voice-panel-where{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.userbar{background:var(--bg);border-top:1px solid var(--line);align-items:center;gap:2px;padding:8px;display:flex}.userbar-me{border-radius:var(--radius-sm);flex:1;align-items:center;gap:9px;min-width:0;padding:3px 4px;display:flex}.userbar-me:hover{background:var(--bg-3)}.userbar-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.userbar-name strong,.userbar-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.userbar-name strong{font-size:13px;font-weight:600}.userbar-name small{color:var(--text-3);font-size:11.5px;font-family:var(--mono)}.menu{z-index:30;border-radius:var(--radius);background:var(--bg-3);box-shadow:var(--shadow);padding:5px;animation:.12s ease-out pop;position:absolute}.menu-item{width:100%;height:32px;color:var(--text-2);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13.5px;display:flex}.menu-item:hover{background:var(--bg-5);color:var(--text)}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:#ef44441f}.menu-sep{background:var(--line-2);height:1px;margin:4px 6px}.person-row{border-top:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 8px;display:flex}.person-row:hover{background:var(--bg-3);border-top-color:#0000}.person-row:hover+.person-row{border-top-color:#0000}.person-row.compact{cursor:default;border-top:none;padding:6px 4px}.person-row.compact:hover{background:0 0}.person-name{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.person-name strong{font-weight:600}.person-name small{color:var(--text-3);font-size:12.5px}.row-actions{gap:8px;display:flex}.add-friend{max-width:560px;padding-top:16px}.add-friend h3{font-size:18px}.add-friend p{margin:6px 0 16px}.add-friend-box{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg);align-items:center;gap:8px;padding:6px 6px 6px 4px;display:flex}.add-friend-box:focus-within{border-color:#555}.add-friend-box.ok{border-color:var(--green)}.add-friend-box.bad{border-color:var(--red)}.add-friend-box input{font-family:var(--mono);border:none!important}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.messages{flex-direction:column;flex:1;padding:16px 0 8px;display:flex;overflow-y:auto}.load-older{align-self:center;margin:8px 0 16px}.chat-intro{margin-top:auto;padding:0 20px 16px}.chat-intro h3{letter-spacing:-.03em;margin-top:12px;font-size:26px}.chat-intro p{color:var(--text-3);margin:4px 0 0}.intro-icon{border:1px solid var(--line-2);width:64px;height:64px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.day-divider{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 20px 6px;font-size:11px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.message{gap:14px;margin-top:8px;padding:6px 20px 2px;display:flex}.message.grouped{margin-top:0;padding-top:1px}.message:hover{background:#ffffff05}.message-avatar{align-self:flex-start;margin-top:2px}.message-time-hover{width:36px;color:var(--text-3);text-align:center;visibility:hidden;flex-shrink:0;padding-top:3px;font-size:10px}.message:hover .message-time-hover{visibility:visible}.message-body{flex:1;min-width:0}.message-meta{align-items:baseline;gap:8px;display:flex}.message-author{font-weight:600}.message-author:hover{text-decoration:underline}.message-time{color:var(--text-3);font-size:11px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d4d4}.message-image{margin:6px 6px 0 0;display:inline-block}.message-image img{border-radius:var(--radius-sm);border:1px solid var(--line);max-width:min(420px,100%);max-height:320px;display:block}.invite-card{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-1);max-width:420px;margin-top:8px;padding:12px 14px}.invite-card.loading{height:92px}.invite-card.dead{color:var(--text-3);font-size:13px}.invite-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600}.invite-row{align-items:center;gap:12px;margin-top:10px;display:flex}.invite-info{flex-direction:column;flex:1;min-width:0;display:flex}.invite-info small{color:var(--text-3)}.composer-wrap{padding:0 16px 16px}.composer{border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--line-2);align-items:flex-end;gap:8px;padding:5px 5px 5px 14px;display:flex}.composer:focus-within{border-color:#444}.composer textarea{resize:none;flex:1;max-height:220px;background:0 0!important;border:none!important;padding:6px 0!important}.icon-btn.send:not(:disabled){color:#000;background:#fff}.dm-head{border-radius:var(--radius-sm);align-items:center;gap:10px;min-width:0;padding:4px 8px 4px 4px;display:flex}.dm-head:hover{background:var(--bg-3)}.call-banner{border-bottom:1px solid var(--line);background:var(--bg-1);align-items:center;gap:10px;padding:10px 16px;display:flex}.call-banner span:nth-child(2){flex:1}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.member-list{background:var(--bg-1);border-left:1px solid var(--line);flex-shrink:0;width:232px;padding:0 8px 12px;overflow-y:auto}.member{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-2);align-items:center;gap:10px;padding:0 8px;display:flex}.member:hover{background:var(--bg-3);color:var(--text)}.member.offline{opacity:.45}.voice-view{background:var(--bg)}.join-card{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;display:flex}.join-card h3{letter-spacing:-.03em;font-size:24px}.join-card p{margin:0 0 12px}.join-avatars{gap:8px;display:flex}.stage-wrap{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage-wrap.compact{border-bottom:1px solid var(--line);flex:none;height:min(46vh,420px)}.stage-layout{z-index:2;position:absolute;top:10px;right:12px}.stage{flex:1;min-height:0;padding:14px 14px 84px}.stage.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:minmax(140px,1fr);align-content:center;gap:10px;display:grid;overflow-y:auto}.stage.grid[data-count="1"]{grid-template-columns:minmax(240px,640px);justify-content:center}.compact .stage.grid{grid-template-columns:repeat(auto-fit,minmax(180px,280px));justify-content:center}.stage.focus{flex-direction:column;gap:10px;display:flex}.stage-main{flex:1;min-height:0;display:flex}.stage-strip{flex-shrink:0;gap:8px;height:104px;display:flex;overflow-x:auto}.stage-strip .tile{flex-shrink:0;width:180px}.tile{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;transition:border-color .15s;position:relative;overflow:hidden}.tile.person{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.tile.person.small{gap:6px}.tile.speaking{border-color:var(--green)}.tile.ringing .avatar{animation:1.4s ease-in-out infinite pulse}.tile-label{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.tile.small .tile-label{font-size:12px}.tile-volume{color:var(--text-2);opacity:0;align-items:center;gap:8px;transition:opacity .15s;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.tile:hover .tile-volume{opacity:1}.tile-volume input{flex:1}.tile.stream{cursor:pointer;background:#000;display:flex}.tile.stream.big{cursor:default;flex:1}.tile.stream video{object-fit:contain;background:#000;width:100%;height:100%}.tile.stream:fullscreen{border:none;border-radius:0}.stream-overlay{opacity:0;align-items:center;gap:8px;padding:10px 12px;transition:opacity .2s;display:flex;position:absolute;left:0;right:0}.tile.stream:hover .stream-overlay{opacity:1}.stream-overlay.top{background:linear-gradient(#000000b3,#0000);top:0}.stream-overlay.bottom{background:linear-gradient(#0000,#000000b3);bottom:0}.stream-name{font-size:13px;font-weight:600}.stream-stats{font-family:var(--mono);color:#ffffffa6;margin-left:auto;font-size:11px}.stream-volume{align-items:center;gap:6px;display:flex}.stream-volume input{width:110px}.control-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#141414d9;border-radius:14px;gap:8px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ctrl{background:var(--bg-5);width:44px;height:44px;color:var(--text);border-radius:10px;place-items:center;transition:background .12s,transform 80ms;display:grid}.ctrl:hover:not(:disabled){background:#333}.ctrl:active:not(:disabled){transform:scale(.95)}.ctrl.off{color:var(--red)}.ctrl.on{color:#000;background:#fff}.ctrl.leave{background:var(--red);color:#fff;width:58px}.ctrl.leave:hover{background:#f05a5a}.audio-blocked{border-radius:var(--radius);background:var(--bg-3);box-shadow:var(--shadow);align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.call-overlay{z-index:70;animation:.25s ease-out drop;position:fixed;top:52px;left:50%;transform:translate(-50%)}.call-card{background:var(--bg-3);width:240px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:22px 18px 18px;display:flex}.call-card strong{margin-top:10px;font-size:16px}.call-avatar .avatar{box-shadow:0 0 0 3px var(--bg-3), 0 0 0 5px #fff;animation:1.4s ease-in-out infinite pulse}.call-actions{gap:20px;margin-top:16px;display:flex}.call-btn{color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .1s;display:grid}.call-btn:hover{transform:scale(1.06)}.call-btn.decline{background:var(--red)}.call-btn.accept{background:var(--green)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-12px)}}.modal-backdrop{z-index:50;background:#000000bf;place-items:center;padding:16px;animation:.12s fade;display:grid;position:fixed;inset:0}.modal{background:var(--bg-1);width:min(460px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:12px;padding:24px;animation:.15s ease-out pop;position:relative;overflow-y:auto}.modal.wide{width:min(760px,100%)}.modal-close{z-index:3;position:absolute;top:12px;right:12px}.modal-head{margin-bottom:20px;padding-right:32px}.modal-head h2{letter-spacing:-.03em;font-size:22px}.modal-head p{color:var(--text-3);margin:4px 0 0}.modal-actions{align-items:center;gap:8px;margin-top:20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.98)translateY(4px)}}.choice-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.choice{border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text-2);align-items:center;gap:14px;padding:14px;transition:border-color .12s,background .12s;display:flex}.choice:hover{color:var(--text);border-color:#444}.choice.selected{color:var(--text);background:var(--bg-3);border-color:#fff}.choice div{flex-direction:column;display:flex}.choice strong{color:var(--text);font-weight:600}.choice span{color:var(--text-3);font-size:13px}.server-edit{align-items:flex-start;gap:18px;display:flex}.server-edit-fields{flex:1}.server-icon-edit{border-radius:14px;position:relative;overflow:hidden}.server-icon-edit span,.profile-avatar.editable span,.profile-banner.editable span{opacity:0;background:#0009;place-items:center;font-size:12px;font-weight:600;transition:opacity .15s;display:grid;position:absolute;inset:0}.server-icon-edit:hover span,.profile-avatar.editable:hover span,.profile-banner.editable:hover span{opacity:1}.invite-friends{border-bottom:1px solid var(--line);max-height:220px;margin-bottom:16px;padding-bottom:12px;overflow-y:auto}.copy-box{gap:8px;display:flex}.profile-modal{width:min(400px,100%);padding:0;overflow:hidden}.profile-modal .modal-close{color:#fff;background:#00000080}.profile-banner{background:linear-gradient(135deg,#1c1c1c,#0f0f0f) 50%/cover;width:100%;height:120px;display:block}.profile-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-44px;padding:0 18px;display:flex}.profile-avatar{box-shadow:0 0 0 6px var(--bg-1);border-radius:50%;position:relative}.profile-avatar .avatar .status{border-width:4px;border-color:var(--bg-1)}.profile-actions{gap:6px;padding-bottom:6px;display:flex}.profile-body{padding:14px 18px 20px}.profile-body h2{letter-spacing:-.03em;font-size:22px}.profile-body>p{margin:2px 0 0}.profile-body section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.profile-body h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:11px}.profile-body section p{color:var(--text-2);margin:0}.profile-bio{white-space:pre-wrap}.settings-modal{width:min(860px,100%);height:min(620px,100vh - 32px);padding:0;display:flex;overflow:hidden}.settings-nav{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:24px 12px 16px;display:flex}.settings-nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:0 10px 10px;font-size:11px;font-weight:600}.settings-nav button{border-radius:var(--radius-sm);height:34px;color:var(--text-2);align-items:center;gap:8px;padding:0 10px;display:flex}.settings-nav button:hover{background:var(--bg-3);color:var(--text)}.settings-nav button.active{background:var(--bg-5);color:var(--text)}.settings-nav button.danger{color:var(--red)}.settings-body{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.settings-title{letter-spacing:-.03em;font-size:22px}.settings-sub{color:var(--text-3);margin:4px 0 22px}.settings-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-block{border-top:1px solid var(--line);margin-top:8px;padding:18px 0}.settings-block h4{margin-bottom:14px;font-size:14px}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-editor{border-radius:var(--radius);margin-bottom:52px;position:relative}.profile-editor .profile-banner{border-radius:var(--radius);border:1px solid var(--line-2);position:relative}.profile-editor .profile-avatar{box-shadow:0 0 0 6px var(--bg-1);border-radius:50%;position:absolute;bottom:-44px;left:18px;overflow:hidden}.profile-avatar.editable span{border-radius:50%}.image-actions{justify-content:flex-end;gap:16px;min-height:18px;margin:-40px 0 24px;display:flex}.mic-meter{background:var(--bg-4);border-radius:99px;height:4px;margin:-8px 0 18px;overflow:hidden}.mic-meter-bar{background:var(--green);transform-origin:0;height:100%;transition:transform 60ms linear;transform:scaleX(0)}.key-issue{gap:8px;display:flex}.key-list{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.key-list:empty{display:none}.key-row{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:40px;padding:4px 8px 4px 12px;display:flex}.key-row:first-child{border-top:none}.key-row code{font-family:var(--mono);letter-spacing:.06em;font-size:12.5px}.key-row.used code{color:var(--text-3);text-decoration:line-through}.key-note{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);text-align:right;flex:1;font-size:12.5px;overflow:hidden}.source-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:300px;padding:2px;display:grid;overflow-y:auto}.source{border:1px solid var(--line-2);border-radius:var(--radius);flex-direction:column;gap:6px;padding:6px;transition:border-color .12s;display:flex}.source:hover{border-color:#444}.source.selected{border-color:#fff}.source>img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;width:100%}.source>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:0 2px 2px;font-size:12.5px;display:flex;overflow:hidden}.source-icon{flex-shrink:0;width:16px;height:16px}.picker-note{margin:0 0 8px}.picker-section{margin-top:18px}.picker-section h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:11px}.picker-section .segmented{margin-bottom:6px}.picker-section small{margin-top:6px;font-size:12px;display:block}.picker-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.preset-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preset{border:1px solid var(--line-2);border-radius:var(--radius);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.preset strong{font-size:16px}.preset span{color:var(--text-3);font-size:11.5px}.preset.selected{background:var(--bg-3);border-color:#fff}.modal .toggle{margin-top:18px}.toast{z-index:80;border-radius:var(--radius);color:#000;max-width:calc(100% - 32px);box-shadow:var(--shadow);background:#fff;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-weight:500;animation:.2s pop;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast .icon-btn{color:#000}.toast .icon-btn:hover{color:#000;background:#00000014}@media (width<=900px){.member-list{display:none}}@media (width<=720px){.sidebar{width:200px}.preset-row{grid-template-columns:repeat(2,1fr)}.picker-cols{grid-template-columns:1fr}.settings-nav{width:150px}.settings-body{padding:20px}}