:root{--bg-0:#131417;--bg-1:#1a1c20;--bg-2:#202226;--bg-3:#26292e;--bg-hover:#24272c;--bg-active:#2d3036;--line:#2c2f35;--line-strong:#3a3e45;--text:#cfcdc6;--text-muted:#85827b;--text-strong:#f1efe9;--accent:#ee8a3c;--accent-hover:#f79a50;--accent-ink:#1a1006;--accent-soft:#ee8a3c24;--green:#6cbf84;--red:#e5645c;--amber:#ee8a3c;--r:3px;--font:"Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--mono:"Cascadia Mono", "Cascadia Code", Consolas, "JetBrains Mono", "Fira Mono", monospace;font-family:var(--font);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:14px}:root[data-theme=light]{--bg-0:#e3ddd2;--bg-1:#ece7de;--bg-2:#f7f4ee;--bg-3:#fff;--bg-hover:#e6e0d5;--bg-active:#d8d1c4;--line:#d6cfc2;--line-strong:#c2b9a9;--text:#3a3631;--text-muted:#7c7568;--text-strong:#1f1c18;--accent:#d9731f;--accent-hover:#c2651a;--accent-ink:#fff8ec;--accent-soft:#d9731f21;--green:#3f9a5c;--red:#c9463e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;border-radius:var(--r);background:0 0;border:0}input,textarea,select{font:inherit;color:var(--text-strong);border-radius:var(--r)}::selection{background:var(--accent-soft)}.muted{color:var(--text-muted)}.strong{color:var(--text-strong);font-weight:600}.mono{font-family:var(--mono);letter-spacing:0;font-size:.92em}.small{font-size:11px}.center{text-align:center;padding:24px}.error{color:var(--red);font-size:12px}.hash{color:var(--text-muted);font-family:var(--mono);margin-right:4px}.link{color:var(--text-muted);padding:4px;font-size:12px;text-decoration:underline}.link:hover{color:var(--accent)}.login-screen{background:var(--bg-0);place-items:center;height:100%;display:grid}.server-down{z-index:1000;background:var(--bg-0);place-items:center;display:grid;position:fixed;inset:0}.login-card{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:4px;flex-direction:column;gap:12px;width:min(400px,92vw);padding:22px 24px 16px;display:flex}.login-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.login-logo{border-radius:50%;width:44px;height:44px}.login-card h1{color:var(--accent);letter-spacing:.02em;margin:0;font-size:20px;line-height:1.1}.login-card label,.modal label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.login-card input,.modal input:not([type=range]):not([type=file]){background:var(--bg-3);border:1px solid var(--line-strong);padding:8px 10px;font-size:14px}.login-card input:focus,.modal input:focus,.composer textarea:focus,.chan-edit input:focus{border-color:var(--accent);outline:none}.login-card button[type=submit],.btn.primary{background:var(--accent);color:var(--accent-ink);border:1px solid #0000;padding:9px;font-weight:700}.login-card button[type=submit]:hover,.btn.primary:hover{background:var(--accent-hover)}.login-card button[type=submit]:disabled,.btn.primary:disabled{opacity:.6;cursor:default}.login-status{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:10px;font-size:11px;display:flex}.server-row{align-items:center;gap:8px;display:flex}.server-row input{font-family:var(--mono);flex:1;font-size:12px}.app{grid-template:"rail sidebar main"1fr"rail panel main"/60px 232px 1fr;height:100%;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;grid-area:sidebar;min-height:0;display:flex}.main{background:var(--bg-2);flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.user-panel{background:var(--bg-0);border-right:1px solid var(--line);border-top:1px solid var(--line);flex-direction:column;grid-area:panel;padding:0;display:flex}.sidebar-header{height:40px;color:var(--accent);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 12px;font-weight:700;display:flex}.sidebar-logo{border-radius:50%;width:22px;height:22px}.sidebar-header .version{color:var(--text-muted);margin-left:auto;font-size:10px;font-weight:400}.sidebar-scroll{flex:1;padding:6px;overflow-y:auto}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 6px 4px;font-size:10px;font-weight:700;display:flex}.section-title .round-btn{border-radius:var(--r);width:24px;height:24px;color:var(--text)}.section-title .round-btn:hover{color:var(--accent)}.section-title .round-btn.caret{color:var(--text-muted);transition:transform .12s}.section-title .round-btn.caret:not(.on){transform:rotate(-90deg)}.section-title .round-btn.caret.on{color:var(--accent)}.channel-row{align-items:center;display:flex}.channel-row .channel{flex:1;min-width:0}.channel{text-align:left;width:100%;height:28px;color:var(--text-muted);align-items:center;gap:2px;padding:4px 6px;font-size:13.5px;display:flex}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--accent-soft);color:var(--text-strong);box-shadow:inset 2px 0 0 var(--accent)}.channel.active .hash{color:var(--accent)}.channel.unread{color:var(--text-strong);font-weight:600}.unread-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:auto}.channel .count{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);border-radius:var(--r);margin-left:auto;padding:0 5px;font-size:11px;font-weight:700}.chan-tools{gap:2px;padding-right:2px;display:none}.channel-row:hover .chan-tools{display:inline-flex}.chan-tools .tile-btn{width:20px;height:20px;color:var(--text-muted);background:0 0}.chan-tools .tile-btn:hover{background:var(--bg-active);color:var(--text-strong)}.chan-tools .tile-btn.confirm{background:var(--red);color:#fff}.chan-edit{align-items:center;gap:4px;padding:3px 6px;display:flex}.chan-edit input{background:var(--bg-3);border:1px solid var(--line-strong);min-width:0;font-size:13px;font-family:var(--mono);flex:1;padding:3px 6px}.chan-error{color:var(--red);padding:0 6px 4px;font-size:11px}.voice-member,.member{color:var(--text-muted);align-items:center;gap:8px;height:36px;padding:2px 6px 2px 24px;font-size:13px;display:flex}.voice-member .avatar.small,.member .avatar.small{flex-shrink:0;width:32px;height:32px;font-size:13px}.voice-member .vstat{color:var(--text-muted);opacity:.85;flex-shrink:0;align-items:center;display:inline-flex}.voice-member .vstat+.live,.voice-member .vstat+.vstat{margin-left:0}.voice-member .name,.member .name{color:var(--text);flex:1;min-width:0}.voice-member .live,.voice-member .vol-mark{flex-shrink:0}.member{opacity:.5;padding-left:6px}.member.online{opacity:1}.member .dot{background:var(--text-muted);border:2px solid var(--bg-1);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.member.online .dot{background:var(--green)}.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.small{width:22px;height:22px;font-size:11px}.avatar.big{width:56px;height:56px;font-size:22px}.live{background:var(--red);color:#fff;font-family:var(--mono);letter-spacing:.04em;border-radius:2px;margin-left:auto;padding:1px 4px;font-size:9px;font-weight:700}.tag{font-size:12px}.channel-header{height:40px;color:var(--text-strong);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.channel-header .hash{color:var(--accent)}.channel-header .conn{font-size:11px;font-weight:400;font-family:var(--mono);margin-left:auto}.text-channel{flex-direction:column;height:100%;min-height:0;display:flex}.messages{flex:1;padding:12px 0;overflow-y:auto}.msg{gap:12px;margin-top:12px;padding:2px 14px;display:flex;position:relative}.msg.cont{margin-top:0;padding-left:62px}.msg:hover{background:var(--bg-hover)}.gutter-time{width:40px;color:var(--text-muted);opacity:0;text-align:right;font-size:10px;position:absolute;top:3px;left:14px}.msg.cont:hover .gutter-time{opacity:1}.msg-body{flex:1;min-width:0}.msg-meta{align-items:baseline;gap:8px;display:flex}.author{color:var(--text-strong);font-weight:600}.author.me{color:var(--accent)}.time{color:var(--text-muted);font-size:11px}.msg-content{white-space:pre-wrap;word-break:break-word;line-height:1.4}.composer{border-top:1px solid var(--line);padding:6px 14px 8px}.composer textarea{resize:none;background:var(--bg-3);border:1px solid var(--line-strong);outline:none;width:100%;max-height:200px;padding:9px 12px;display:block}.composer-hint{padding:4px 2px 0;font-size:10px}.voice-channel{flex-direction:column;height:100%;min-height:0;display:flex}.voice-body{flex:1;min-height:0;display:flex}.voice-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.voice-main>.screen-empty,.voice-main>.screen-grid,.voice-main>.screen-stage{margin:10px}.voice-chat{border-left:1px solid var(--line);background:var(--bg-1);width:340px;min-height:0;display:flex}.voice-chat .text-channel{flex:1}.voice-chat .channel-header{font-size:13px}.voice-chat .msg{gap:10px;padding-left:10px}.voice-chat .msg.cont{padding-left:58px}.voice-chat .gutter-time{left:10px}.voice-chat .composer{padding:6px 10px 8px}.screen-empty{background:var(--bg-0);border:1px dashed var(--line-strong);border-radius:var(--r);font-family:var(--mono);flex:1;place-items:center;font-size:12px;display:grid}.screen-grid{flex:1;gap:8px;min-height:0;display:grid}.screen-grid.multi{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-auto-rows:minmax(0,1fr)}.screen-stage{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.screen-stage .screen-tile.focused{flex:1;min-height:0}.screen-strip{flex-shrink:0;gap:8px;height:110px;display:flex;overflow-x:auto}.screen-strip .screen-tile.small{flex-shrink:0;width:190px}.screen-tile{border:1px solid var(--line-strong);border-radius:var(--r);cursor:pointer;background:#000;min-height:0;position:relative;overflow:hidden}.screen-tile.wide{grid-column:1/-1}.screen-tile.mirror .screen-video{transform:scaleX(-1)}.screen-tile.paused{background:var(--bg-3)}.screen-placeholder{width:100%;height:100%;font-family:var(--mono);place-items:center;font-size:12px;display:grid}.screen-video{object-fit:contain;width:100%;height:100%;display:block}.screen-label{color:#fff;background:#000000b3;border-radius:2px;align-items:center;gap:6px;padding:3px 7px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}.screen-label .live{flex-shrink:0;margin:0}.screen-label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);overflow:hidden}.screen-label>*{flex-shrink:0}.screen-tile.small .screen-label{padding:2px 5px;font-size:10px;bottom:5px;left:5px}.screen-paused{color:#fff;font-family:var(--mono);text-align:center;pointer-events:none;background:#0000008c;place-items:center;padding:12px;font-size:12px;display:grid;position:absolute;inset:0}.screen-paused b{color:var(--yellow,#f5c542)}.tile-stats{font-family:var(--mono);color:#ffffffbf}.tile-stats.warn{color:var(--yellow,#f5c542)}.screen-tile.small .tile-stats{display:none}.tile-tools{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.screen-tile:hover .tile-tools,.participant:hover .participant-mute,.participant .participant-mute.on{opacity:1}.tile-btn{border-radius:var(--r);color:#fff;background:#000000a6;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.tile-btn:hover{background:#000000e6}.tile-btn.on,.tile-btn.stop{background:var(--red)}.participants{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px;display:flex}.participant{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;align-items:center;gap:5px;width:108px;padding:10px 6px;font-size:12px;display:flex;position:relative}.participant.speaking{border-color:var(--green)}.participant.speaking .avatar{box-shadow:0 0 0 2px var(--green)}.participant .badge{color:var(--text-muted);position:absolute;top:6px;right:6px}.participant .badge.cam{top:26px;left:6px;right:auto}.participant .live{margin:0;position:absolute;top:6px;left:6px}.participant-mute{opacity:0;background:var(--bg-3);color:var(--text);width:22px;height:22px;transition:opacity .12s;position:absolute;bottom:6px;right:6px}.participant.local-muted .avatar{opacity:.45}.participant.local-muted .name{color:var(--text-muted);text-decoration:line-through}.user-panel-inner{flex-direction:column;display:flex}.voice-box{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 8px 6px;display:flex}.voice-head{align-items:center;gap:8px;display:flex}.voice-head .round-btn.danger{width:36px;height:36px}.voice-head .noise-btn{width:36px;height:36px;color:var(--text-muted)}.voice-head .noise-btn.on{color:var(--green)}.voice-head .noise-btn:hover{color:var(--text-strong)}.voice-head .noise-btn.on:hover{color:var(--green);background:var(--bg-hover)}.voice-signal{color:var(--text-muted);display:inline-flex}.voice-signal.ok{color:var(--green)}.voice-head-text{flex:1;min-width:0;line-height:1.2}.voice-state{color:var(--amber);font-size:13px;font-weight:700}.voice-state.ok{color:var(--green)}.voice-where{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.voice-actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.wide-btn{background:var(--bg-3);border:1px solid var(--line-strong);height:30px;color:var(--text);justify-content:center;align-items:center;display:inline-flex;position:relative}.wide-btn:hover{background:var(--bg-active);color:var(--text-strong)}.wide-btn:disabled{opacity:.45;cursor:default}.wide-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-count{font-family:var(--mono);background:var(--accent-ink);color:var(--accent);border-radius:2px;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:1px;right:3px}.wide-btn:not(.on) .btn-count{background:var(--accent);color:var(--accent-ink)}.voice-advanced{flex-direction:column;gap:5px;padding-top:2px;display:flex}.round-btn{border-radius:var(--r);width:28px;height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.round-btn:hover{background:var(--bg-hover);color:var(--text-strong)}.round-btn:disabled{opacity:.4;cursor:default}.round-btn.off,.round-btn.danger{color:var(--red)}.round-btn.danger:hover{background:var(--red);color:#fff}.control-row{grid-template-columns:64px 1fr;align-items:center;gap:4px 8px;font-size:11px;display:grid}.control-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:var(--mono);overflow:hidden}.control-label.active{color:var(--green);font-weight:700}.meter-row{align-items:center;gap:6px;display:flex}.meter-row .meter{flex:1}.meter{background:var(--bg-3);border-radius:2px;height:5px;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--green), var(--amber) 70%, var(--red));height:100%;transition:width 50ms linear}.meter-mark{background:var(--text-strong);width:2px;position:absolute;top:-2px;bottom:-2px}.mini-toggle{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--text-muted);padding:1px 6px;font-size:10px;font-weight:700}.mini-toggle.on{background:var(--green);border-color:var(--green);color:#fff}.control-row input[type=range]{width:100%;accent-color:var(--accent);grid-column:2;margin:0}.control-row select{background:var(--bg-3);border:1px solid var(--line-strong);font-size:11px;font-family:var(--mono);padding:3px 5px}.user-row{align-items:center;gap:4px;padding:6px 8px;display:flex}.user-self{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:3px 5px;display:flex}.user-self:hover{background:var(--bg-hover)}.user-self .avatar.small{flex-shrink:0;width:34px;height:34px;font-size:14px}.user-self .avatar.speaking{box-shadow:0 0 0 2px var(--green)}.user-panel .avatar .dot.online{background:var(--green);border:2px solid var(--bg-0);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.user-panel .avatar .dot.online.talking{box-shadow:0 0 6px var(--green);background:#9cf0b3;animation:.9s ease-in-out infinite talk}@keyframes talk{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.user-names{flex-direction:column;min-width:0;line-height:1.15;display:flex}.user-names .handle{font-size:12px}.user-status{align-items:center;gap:4px;font-size:11px;display:inline-flex}.user-status.ok{color:var(--green)}.user-tools{gap:1px;display:flex}.status-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.ok{background:var(--green)}.status-dot.bad{background:var(--red)}.banner{background:var(--amber);color:var(--accent-ink);font-size:12px;font-weight:600;font-family:var(--mono);padding:5px 14px}.banner.error{background:var(--red);color:#fff;cursor:pointer}.modal-backdrop{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:4px;flex-direction:column;gap:14px;width:min(440px,92vw);padding:18px 20px;display:flex}.modal-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.modal h2{color:var(--text-strong);margin:0;font-size:16px}.modal label .hint{text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.settings-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.btn{border:1px solid var(--line-strong);padding:8px 14px;font-weight:600}.btn.ghost:hover{border-color:var(--text-muted);color:var(--text-strong)}.btn.icon-text{align-items:center;gap:6px;display:inline-flex}.btn.danger-text{color:var(--red)}.profile-preview{align-items:center;gap:14px;display:flex}.avatar-pick{border-radius:50%;padding:0;position:relative}.avatar-pick .avatar{width:72px;height:72px;font-size:26px}.avatar-pick-hint{color:#fff;text-transform:uppercase;opacity:0;background:#0000008c;border-radius:50%;place-items:center;font-size:11px;font-weight:700;transition:opacity .12s;display:grid;position:absolute;inset:0}.avatar-pick:hover .avatar-pick-hint{opacity:1}.share-dialog{width:min(520px,94vw)}.share-row{grid-template-columns:84px 1fr;align-items:center;gap:8px;display:grid}.share-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:600}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg-btn{font-family:var(--mono);border:1px solid var(--line-strong);background:var(--bg-3);color:var(--text);padding:5px 9px;font-size:12px}.seg-btn:hover{border-color:var(--text-muted);color:var(--text-strong)}.seg-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.share-bitrate{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.stepper{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.stepper input{background:var(--bg-3);border:1px solid var(--line-strong);text-align:right;width:84px;padding:4px 6px;font-size:12px}.share-hint{padding-top:4px}.share-preview{border:1px solid var(--line-strong);border-radius:var(--r);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.share-preview video{object-fit:contain;width:100%;height:100%;display:block}.share-preview-meta{color:#cfcdc6;background:#000000b3;border-radius:2px;padding:2px 6px;font-size:10px;position:absolute;bottom:6px;left:8px}.user-row{position:relative}.split{align-items:stretch;display:inline-flex}.split .round-btn.caret{width:22px;color:var(--text-strong);margin-left:-3px}.split .round-btn.caret:hover,.split .round-btn.caret.on{color:var(--accent);background:var(--bg-hover)}.device-menu{z-index:30;background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:6px;right:6px;box-shadow:0 6px 20px #00000059}.device-menu-title{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);margin-bottom:3px;padding:4px 6px 5px;font-size:10px}.device-empty{padding:6px}.device-item{border-radius:var(--r);text-align:left;color:var(--text);grid-template-columns:16px 1fr;align-items:center;gap:6px;padding:6px;font-size:12px;display:grid}.device-item:hover{background:var(--bg-hover);color:var(--text-strong)}.device-item.on{color:var(--accent)}.device-check{justify-content:center;display:inline-flex}.device-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-channel{position:relative}.composer-row{align-items:flex-end;gap:6px;display:flex}.composer-row textarea{flex:1}.composer-attach{border:1px solid var(--line-strong);background:var(--bg-3);width:34px;height:36px}.composer-attach:hover{color:var(--accent)}.composer-preview{border:1px solid var(--line-strong);background:var(--bg-3);border-radius:var(--r);align-items:center;gap:10px;margin-bottom:6px;padding:6px;display:flex}.composer-preview img{border-radius:var(--r);max-width:160px;max-height:90px;display:block}.composer-preview span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msg-image{vertical-align:top;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-3);cursor:zoom-in;max-width:100%;margin-top:4px;padding:0;line-height:0;display:inline-block;overflow:hidden}.msg-image img{border-radius:var(--r);width:auto;max-width:480px;height:auto;max-height:340px;display:block}.drop-hint{z-index:20;color:var(--accent);border:2px dashed var(--accent);pointer-events:none;background:#0000008c;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.lightbox{z-index:100;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:96vw;max-height:94vh}.lightbox-close{color:#fff;width:36px;height:36px;position:absolute;top:10px;right:10px}.lightbox-close:hover{color:#fff;background:#ffffff26}.settings-modal{width:min(480px,92vw)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-top:-6px;display:flex}.tab{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 12px;font-size:12px;font-weight:600}.tab:hover{color:var(--text-strong)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.audio-tab{flex-direction:column;gap:14px;display:flex}.audio-tab .settings-row>span:first-child{color:var(--text)}.audio-tab .block{font-weight:400;display:block}.audio-tab .select{background:var(--bg-3);border:1px solid var(--line-strong);max-width:240px;color:var(--text);border-radius:var(--r);padding:6px 8px;font-size:12px}.audio-section{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);flex-direction:column;gap:8px;padding:10px;display:flex}.audio-section .meter{height:8px}.audio-section .control-row{grid-template-columns:96px 1fr;font-size:12px}.toggle{color:var(--text-muted);align-items:center;gap:8px;padding:0;display:inline-flex}.toggle-text{font-family:var(--mono);font-size:11px;font-weight:700}.toggle-track{background:var(--line-strong);border-radius:11px;width:40px;height:22px;transition:background .15s;position:relative}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{color:var(--text-strong)}.toggle.on .toggle-track{background:var(--green)}.toggle.on .toggle-knob{left:21px}.device-toggle{border-top:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin-top:3px;padding:7px 6px 4px;font-size:12px;display:flex}.device-toggle .toggle-track{width:34px;height:19px}.device-toggle .toggle-knob{width:13px;height:13px}.device-toggle .toggle.on .toggle-knob{left:18px}.voice-box .error{padding:2px 0}.screen-hidden-bar{flex-direction:column;flex-shrink:0;gap:6px;margin:0 10px 10px;display:flex}.screen-hidden-item{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.screen-hidden-item .live{margin:0}.screen-hidden-item>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.screen-hidden-item .tile-btn{background:var(--bg-active);width:24px;height:24px;color:var(--text-strong)}.screen-hidden-item .tile-btn.stop{background:var(--red);color:#fff}@supports (height:100dvh){html,body,#root{height:100dvh}}.start-audio{z-index:50;background:var(--accent);color:#fff;border-radius:var(--r);padding:12px 18px;font-weight:700;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}@media (width<=760px){.app{grid-template-columns:168px 1fr}.voice-chat{display:none}.screen-grid.multi{grid-template-columns:1fr}.screen-tile .tile-tools{opacity:1}.user-panel{padding-bottom:env(safe-area-inset-bottom)}}.server-rail{background:var(--bg-0);border-right:1px solid var(--line);flex-direction:column;grid-area:rail;align-items:center;gap:8px;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.rail-logo{opacity:.9;border-radius:50%;width:34px;height:34px;margin-bottom:2px}.rail-btn{background:var(--bg-3);width:44px;height:44px;color:var(--text-strong);letter-spacing:.02em;border:2px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;transition:border-radius .12s,background .12s;display:grid;position:relative}.rail-btn:hover{background:var(--bg-active);border-radius:14px}.rail-btn.active{border-color:var(--accent);border-radius:14px}.rail-btn.add{color:var(--green);border:1px dashed var(--line-strong);background:0 0}.rail-btn.add:hover{background:var(--bg-hover)}.rail-btn .voice-dot{background:var(--green);border:2px solid var(--bg-0);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.sidebar-header.server-title{cursor:pointer;width:100%;color:var(--text-strong);background:0 0;justify-content:space-between}.sidebar-header.server-title:hover,.sidebar-header.server-title.open{background:var(--bg-hover)}.sidebar-header .server-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-header .caret{color:var(--text-muted);transition:transform .12s;display:inline-flex}.sidebar-header.open .caret{transform:rotate(180deg)}.server-menu{border-bottom:1px solid var(--line);background:var(--bg-0);flex-direction:column;gap:6px;padding:8px 10px 10px;font-size:12px;display:flex}.invite-row{align-items:center;gap:6px;display:flex}.invite-code{font-family:var(--mono);letter-spacing:.14em;background:var(--bg-3);border-radius:var(--r);-webkit-user-select:all;user-select:all;color:var(--text-strong);flex:1;padding:5px 8px;font-size:15px}.server-menu .tile-btn{background:var(--bg-active);width:24px;height:24px;color:var(--text-strong)}.menu-btn{text-align:left;border-radius:var(--r);color:var(--text);background:0 0;padding:6px 8px;font-size:12px}.menu-btn:hover{background:var(--bg-hover)}.menu-btn.danger{color:var(--red)}.menu-btn.danger.confirm{background:var(--red);color:#fff}.no-server{flex:1;place-items:center;padding:20px;display:grid;overflow:auto}.server-modal{flex-direction:column;gap:12px;width:min(440px,100%);display:flex}.server-modal.inline{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--r);padding:20px}.server-modal .seg{display:flex}.server-modal .seg .seg-btn{flex:1}.server-form{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.server-form input{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--text-strong);padding:9px 10px;font-size:14px}.server-form input.mono{text-transform:uppercase;letter-spacing:.14em}@media (width<=760px){.app{grid-template-columns:48px 150px 1fr}.rail-btn{width:36px;height:36px;font-size:11px}.rail-logo{width:28px;height:28px}}.member .kick{width:20px;height:20px;color:var(--text-muted);opacity:0;background:0 0;flex-shrink:0;margin-left:auto}.member:hover .kick,.member .kick.confirm{opacity:1}.member .kick:hover{background:var(--bg-active);color:var(--text-strong)}.member .kick.confirm{background:var(--red);color:#fff}.menu-btn.on{background:var(--bg-active);color:var(--text-strong)}.member-picker{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.picker-filter{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--text-strong);margin-bottom:4px;padding:6px 8px;font-size:12px}.picker-row{border-radius:var(--r);color:var(--text);text-align:left;background:0 0;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.picker-row:hover{background:var(--bg-hover);color:var(--text-strong)}.picker-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.volume-pop{z-index:80;cursor:default;text-align:left;background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);flex-direction:column;gap:8px;width:250px;padding:8px;display:flex;position:fixed;box-shadow:0 6px 20px #00000059}.volume-block{flex-direction:column;gap:6px;display:flex}.volume-block+.volume-block{border-top:1px solid var(--line);padding-top:8px}.volume-title{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.volume-pop .meter{height:7px}.volume-pop .meter.off .meter-fill{opacity:.25}.vol-kick{border-radius:var(--r);background:var(--red);color:#fff;border-top:1px solid var(--line);margin-top:2px;padding:7px;font-size:12px;font-weight:600}.vol-kick:hover{filter:brightness(1.1)}.volume-row{align-items:center;gap:6px;display:flex}.volume-row input[type=range]{accent-color:var(--accent);flex:1;min-width:0;margin:0}.volume-row .round-btn{width:26px;height:26px}.volume-pct{text-align:right;width:40px;color:var(--text-muted);font-size:11px}.volume-pct.boost{color:var(--amber);font-weight:700}.volume-hint{font-size:10px}.vol-mark{color:var(--text-muted);align-items:center;margin-left:4px;font-size:10px;display:inline-flex}.vol-mark.off{color:var(--red)}.vol-mark.boost{color:var(--amber);font-weight:700}.voice-member.other{cursor:context-menu}.voice-member.other:hover{background:var(--bg-hover)}.screen-label .vol-mark{color:#ddd}.screen-label .vol-mark.off{color:var(--red)}.banner.update{background:var(--green);color:#10261a;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner.update button{color:#fff;background:#10261a;padding:3px 10px;font-size:12px;font-weight:700}.banner.update button:hover{background:#000}.banner.update .muted-ink{opacity:.75;font-weight:400}.voice-main{overflow:hidden}.voice-main>.screen-fit{flex:1;justify-content:center;align-items:center;min-height:0;margin:10px;display:flex}.screen-fit .screen-grid{flex:none;place-content:center;display:grid}.screen-fit .screen-tile{width:100%;height:100%}.screen-fit .screen-grid.staged{place-content:stretch;width:100%;height:100%}.screen-grid.staged .screen-tile.focused{grid-area:1/1/auto/-1;min-height:0}.screen-grid.staged .screen-tile.small{grid-row:2;min-width:0}.screen-tile{cursor:pointer}.voice-member .avatar{transition:box-shadow 80ms}.voice-member.speaking .avatar{box-shadow:0 0 0 2px var(--green)}.voice-member.speaking .name{color:var(--text-strong)}.volume-title{font-family:var(--font);text-transform:none;letter-spacing:0;color:var(--text);font-size:12px}.volume-pct,.share-hint{font-family:var(--font)}.audio-tab .settings-row>span:first-child{font-size:13px}