@font-face{font-family:Montserrat;src:url(../fonts/Montserrat.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-0:#08090a;--bg-1:#0d0f12;--bg-2:#121419;--bg-3:#1b1e24;--bg-hover:#191c21;--bg-active:#24272d;--line:#202329;--line-strong:#32363e;--text:#d8d6d0;--text-muted:#908d86;--text-strong:#f4f1eb;--accent:#ff7f06;--accent-hover:#ff963d;--accent-ink:#1a0c00;--accent-soft:#ff7f0629;--accent-line:#ff7f0629;--green:#6cbf84;--red:#e5645c;--amber:#ff7f06;--r:3px;--font:"Montserrat", "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--mono:Tahoma, Verdana, "Segoe UI", sans-serif;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:#ff7f06;--accent-hover:#d96500;--accent-ink:#fff8ec;--accent-soft:#ff7f0621;--accent-line:#ff7f062e;--green:#3f9a5c;--red:#c9463e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}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}.ui-recovery{text-align:center;min-height:100vh;color:var(--text);background:var(--bg-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.ui-recovery h1{color:var(--text-strong);margin:0;font-size:20px}.ui-recovery p{color:var(--text-muted);margin:0}.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-baixar{color:var(--text);border:1px solid var(--line-strong);background:var(--bg-3);border-radius:var(--r);justify-content:center;align-items:center;gap:8px;padding:9px;font-weight:600;text-decoration:none;display:flex}.login-baixar:hover{border-color:var(--accent);background:var(--accent-soft)}.login-baixar .mono{color:var(--text-muted);font-weight:400}.login-updates{color:var(--text-muted);text-underline-offset:2px;margin-left:auto;padding:3px 4px;font-size:11px;font-weight:600;text-decoration:underline}.login-updates:hover{color:var(--accent)}.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}.login-field-error{color:var(--red);letter-spacing:0;text-transform:none;font-size:11px;font-weight:500}.login-card input[aria-invalid=true]{border-color:var(--red)}.login-screen-web{isolation:isolate;background:radial-gradient(ellipse 66% 48% at 50% -8%, #ff7f0629, transparent 74%), var(--bg-0);height:auto;min-height:100dvh;padding:24px 14px;position:relative;overflow:hidden}.login-screen-web:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ff7f060b 1px,#0000 1px),linear-gradient(90deg,#ff7f060b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 42%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 42%,#000,#0000)}.login-screen-web:after{content:"";z-index:0;aspect-ratio:1;pointer-events:none;filter:blur(85px);background:#ff7f0617;border-radius:50%;width:min(55vw,510px);animation:12s ease-in-out infinite alternate login-ambient;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.login-screen-web .login-card{z-index:1;background:linear-gradient(145deg, #ff7f0606, transparent 48%), var(--bg-2);border-color:#ff7f0638;border-radius:14px;gap:14px;width:min(420px,100%);padding:26px 26px 20px;animation:.45s cubic-bezier(.2,.8,.2,1) both login-card-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061,0 0 50px #ff7f060e}.login-screen-web .login-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,0%), #ff7f061f, transparent 72%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.login-screen-web .login-card:hover:before,.login-screen-web .login-card:focus-within:before{opacity:1}.login-screen-web .login-card>*{z-index:1;position:relative}.login-screen-web .login-logo{box-shadow:0 0 0 4px #ff7f0614,0 0 26px #ff7f0638}.login-screen-web .login-card h1{perspective:280px;line-height:1.2;display:flex;overflow:hidden}.login-screen-web .login-title-letter{transform-origin:bottom;animation:.55s cubic-bezier(.2,.8,.2,1) both login-title-letter-in;display:inline-block}.login-screen-web .login-card input{border-radius:8px;min-height:42px;transition:border-color .18s,box-shadow .18s}.login-screen-web .login-card input:focus{box-shadow:0 0 0 3px #ff7f0621}.login-screen-web .login-card button[type=submit]{border-radius:8px;min-height:44px;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.login-screen-web .login-card button[type=submit]:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 28%,#ffffff3d 50%,#0000 72%);transition:transform .55s;position:absolute;inset:0;transform:translate(-110%)}.login-screen-web .login-card button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #ff7f0633}.login-screen-web .login-card button[type=submit]:hover:before{transform:translate(110%)}.login-screen-web .login-card button[type=submit]:active:not(:disabled){transform:translateY(0)}.login-screen-web .login-card button:focus-visible,.login-screen-web .login-baixar:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes login-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-ambient{0%{transform:translate(-57%,-54%)scale(.9)}to{transform:translate(-43%,-46%)scale(1.12)}}@keyframes login-title-letter-in{0%{opacity:0;transform:translateY(110%)rotateX(-45deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@media (prefers-reduced-motion:reduce){.login-screen-web:after,.login-screen-web .login-card,.login-screen-web .login-title-letter{animation:none}.login-screen-web .login-card:before,.login-screen-web .login-card input,.login-screen-web .login-card button[type=submit],.login-screen-web .login-card button[type=submit]:before{transition:none}.login-screen-web .login-card button[type=submit]:hover:not(:disabled){transform:none}.login-screen-web .login-card button[type=submit]:before{display:none}}@media (width<=440px){.login-screen-web .login-card{padding:22px 20px 18px}}.app{grid-template:"rail sidebar main"1fr"panel panel main"/60px 232px 1fr;height:100%;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);box-shadow:inset -1px 0 0 var(--accent-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);box-shadow:inset 0 1px 0 var(--accent-line);flex-direction:column;grid-area:panel;padding:0;display:flex}.sidebar-header{height:40px;color:var(--accent);border-bottom:1px solid var(--line);box-shadow:inset 0 -1px 0 var(--accent-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}.channel.full{opacity:.65}.chan-tools{gap:2px;padding-right:2px;display:none}.channel-row:hover .chan-tools{display:inline-flex}.drop-target>.channel-row .channel{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.voice-member.dragging{opacity:.4}.voice-member[draggable=true]{cursor:grab}.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}.voice-limit-field{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;padding:2px 6px 5px;font-size:11px;display:flex}.voice-limit-field input{background:var(--bg-3);border:1px solid var(--line-strong);width:72px;color:var(--text);font:inherit;padding:3px 5px}.voice-limit-field span{width:100%;font-size:10px}.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.camera-on{color:var(--accent);opacity:1}.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}.bot-badge{background:var(--accent);color:#fff;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;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);box-shadow:inset 0 -1px 0 var(--accent-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:6px}.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.system{color:var(--text-muted);align-items:center;gap:8px;margin-top:10px;font-size:13px}.msg.system .arrow{color:var(--green);text-align:center;width:16px;font-weight:700}.msg.system.bot .arrow,.msg.system.announcement .arrow{color:var(--accent)}.msg.system.announcement{color:var(--text)}.msg.system b{color:var(--text-strong);font-weight:600}.msg.system .time{opacity:.7;font-size:11px}.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)}.profile-link{text-align:left;padding:0}.profile-link:hover{text-decoration:underline}.msg-delete{opacity:0;position:absolute;top:4px;right:14px}.msg:hover .msg-delete{opacity:1}.time{color:var(--text-muted);font-size:11px}.msg-content{white-space:pre-wrap;word-break:break-word;line-height:1.4}.msg-link{color:var(--accent);overflow-wrap:anywhere;text-decoration:none}.msg-link:hover{color:var(--accent-hover);text-decoration:underline}.composer{border-top:1px solid var(--line);padding:6px 14px 8px;position:relative;box-shadow:inset 0 1px #ff7f0614}.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}.math-challenge{width:min(340px,100vw - 28px)}.math-challenge p{margin:0;line-height:1.45}.math-equation{text-align:center;white-space:pre-line;color:var(--accent);background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);margin:4px 0 2px;padding:14px;font-size:21px}.math-challenge label{margin-top:2px}.math-challenge .modal-actions{justify-content:flex-end}.user-profile{width:min(360px,100vw - 28px)}.user-profile-main{align-items:center;gap:14px;display:flex}.user-profile-main .avatar.big{width:76px;height:76px;font-size:30px}.user-profile-main .strong{font-size:19px}.profile-avatar{cursor:zoom-in;padding:0;line-height:0}.user-status{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-3);white-space:pre-wrap;word-break:break-word;min-height:42px;padding:10px 12px}.friends-add{gap:5px;padding:0 4px 6px;display:flex}.friends-add input{background:var(--bg-3);border:1px solid var(--line-strong);flex:1;min-width:0;padding:6px 8px}.friend-row{width:100%;color:var(--text);text-align:left;align-items:center;gap:8px;padding:5px 6px;display:flex}.friend-row:hover{background:var(--bg-hover)}.friend-row .friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.friend-row .friend-status{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:11px;display:block;overflow:hidden}.friends-offline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:10px 10px 3px;font-size:11px;font-weight:700}.friend-row.offline{opacity:.62}.access-tab{flex-direction:column;gap:12px;display:flex}.access-current{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.access-duration{flex-direction:column;gap:6px;display:flex}.access-duration select{width:180px}.access-friends{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.access-friend{border-radius:var(--r);cursor:pointer;align-items:center;gap:10px;padding:5px 8px;display:flex}.access-friend:hover{background:var(--bg-hover)}.access-friend input{accent-color:var(--accent)}.access-actions{flex-wrap:wrap;gap:8px;display:flex}.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-profile-link{color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0;overflow:hidden}.screen-profile-link:hover{text-decoration:underline}.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}.share-capacity-warning{color:#d99555;width:14px;height:14px;font:bold 10px var(--mono);cursor:help;background:#ff7f061f;border:1px solid #ff7f068c;border-radius:50%;flex-shrink:0;place-items:center;line-height:1;display:inline-grid;position:relative}.share-capacity-warning:hover,.share-capacity-warning:focus-visible{color:#ffb56b;border-color:#ff7f06;outline:none}.share-capacity-warning:after{content:attr(data-tooltip);z-index:15;border:1px solid var(--line-strong);border-radius:var(--r);color:#fff;width:max-content;max-width:220px;font:11px/1.35 var(--mono);white-space:normal;text-align:left;pointer-events:none;background:#17191e;padding:6px 8px;display:none;position:absolute;bottom:calc(100% + 5px);left:0;box-shadow:0 3px 12px #00000073}.share-capacity-warning:hover:after,.share-capacity-warning:focus-visible:after{display:block}.screen-tile>.share-capacity-warning{z-index:2;position:absolute;top:7px;left:7px}.screen-tile>.share-capacity-warning:after{top:calc(100% + 5px);bottom:auto}.screen-tile.small>.share-capacity-warning:after{width:155px}.tile-tools{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.tile-tools.cta{opacity:1}.tile-btn.watch-cta{background:var(--red);gap:6px;width:auto;padding:0 10px;font-size:12px;font-weight:700}.tile-btn.watch-cta:hover{background:var(--red);filter:brightness(1.1)}.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)}:-webkit-any(.screen-tile:fullscreen,.screen-tile:-webkit-full-screen){cursor:default;background:#000;border:0;border-radius:0;width:100%;height:100%}:is(.screen-tile:fullscreen,.screen-tile:fullscreen){cursor:default;background:#000;border:0;border-radius:0;width:100%;height:100%}.screen-tile:fullscreen .screen-label{padding:4px 9px;font-size:14px;bottom:12px;left:12px}.screen-tile:fullscreen .tile-tools{gap:6px;top:12px;right:12px}.screen-tile:fullscreen .tile-btn{width:34px;height:34px}.screen-tile:fullscreen .tile-stats{display:inline}@media (hover:none){.screen-tile .tile-tools{opacity:1}}.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-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:relative}.cam-split,.screen-split{align-items:stretch;min-width:0;display:flex}.cam-split .wide-btn:first-child,.screen-split .wide-btn:first-child{flex:1;min-width:0}.cam-split .wide-btn:first-child:not(:last-child),.screen-split .wide-btn:first-child:not(:last-child){border-radius:var(--r) 0 0 var(--r);border-right:0}.cam-split .wide-btn.caret{border-radius:0 var(--r) var(--r) 0;width:20px;color:var(--text-muted);padding:0}.cam-split .wide-btn.caret.on{color:var(--accent)}.screen-split .wide-btn.stop{border-radius:0 var(--r) var(--r) 0;width:20px;color:var(--red);border-color:var(--red);padding:0}.screen-split .wide-btn.stop:hover{background:var(--red);color:#fff}.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:6px;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;flex:1;min-width:0;line-height:1.2;display:flex}.user-names .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-names .handle{align-items:baseline;gap:4px;min-width:0;display:flex}.user-names .handle .at{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.user-names .handle .ping{white-space:nowrap;flex:none}.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{flex:none;align-items:center;gap:0;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}.soundboard-icon{font-size:24px;line-height:1}.soundboard-modal{width:min(480px,94vw);max-height:min(85vh,680px);overflow-y:auto}.soundboard-list{flex-direction:column;gap:5px;min-height:60px;max-height:220px;display:flex;overflow-y:auto}.soundboard-row{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:8px;display:flex}.soundboard-play{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:9px;overflow:hidden}.soundboard-play:hover{color:var(--accent)}.soundboard-play:disabled{opacity:.5;cursor:default}.soundboard-row small{color:var(--text-muted);font-family:var(--mono)}.soundboard-remove{color:var(--text-muted);padding:7px 10px;font-size:20px}.soundboard-remove:hover{color:var(--red)}.modal label.soundboard-volume{flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex}.soundboard-volume input{min-width:40px;accent-color:var(--accent);flex:1}.soundboard-upload{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.soundboard-upload input[type=file]{max-width:100%;font-size:12px}.soundboard-upload .muted{font-size:11px}.soundboard-upload audio{display:none}.soundboard-trimmer{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg-3);gap:10px;padding:10px;display:grid}.soundboard-trimmer strong{color:var(--text-strong);font-size:12px}.soundboard-trimmer label{grid-template-columns:1fr auto;gap:4px 8px;display:grid}.soundboard-trimmer label span{color:var(--text-strong);font-family:var(--mono)}.soundboard-trimmer input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.soundboard-trim-bottom{color:var(--text-muted);font:11px var(--mono);justify-content:space-between;align-items:center;gap:8px;display:flex}.soundboard-upload-actions{justify-content:flex-end;gap:8px;display:flex}.soundboard-error{color:var(--red);font-size:12px}.settings-title-actions{align-items:center;gap:8px;display:flex}.settings-updates-link{color:var(--text-muted);font:600 11px var(--mono);padding:3px 4px}.settings-updates-link:hover,.settings-updates-link.on{color:var(--accent)}.settings-modal .updates-list{max-height:min(60vh,440px)}.updates-dialog{width:min(490px,92vw);max-height:min(80vh,600px)}.updates-dialog .modal-title .round-btn{font-size:24px;line-height:1}.updates-list{overflow-y:auto}.updates-release{padding:2px 0 12px}.updates-release+.updates-release{border-top:1px solid var(--line);padding-top:14px}.updates-release-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.updates-release-head strong{color:var(--accent)}.updates-release-head time{color:var(--text-muted);font:11px var(--mono)}.updates-release ul{margin:10px 0 0;padding-left:19px;line-height:1.55}.updates-release li+li{margin-top:5px}.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}.sound-options{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);flex-direction:column;gap:10px;padding:10px;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:disabled{opacity:.45;cursor:not-allowed}.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-audio-note{grid-column:2}.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:18px;color:var(--text-strong);margin-left:-4px}.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;min-width:0}.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}.sticker-anchor{flex:none}.sticker-toggle.on{color:var(--accent);border-color:var(--accent)}.sticker-picker{z-index:30;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:10px;width:min(340px,100% - 28px);position:absolute;bottom:50px;left:14px;overflow:hidden;box-shadow:0 16px 40px #00000080}.sticker-picker-tabs{border-bottom:1px solid var(--line);display:flex}.sticker-picker-tabs button{color:var(--text-muted);border-bottom:2px solid #0000;flex:1;padding:11px 8px;font-size:12px;font-weight:650}.sticker-picker-tabs button:hover{color:var(--text-strong)}.sticker-picker-tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:7px;min-height:175px;max-height:295px;padding:9px;display:grid;overflow-y:auto}.sticker-tile{aspect-ratio:1;background:var(--bg-3);border-radius:8px;position:relative}.sticker-send{border-radius:8px;place-items:center;width:100%;height:100%;padding:5px;display:grid}.sticker-send:hover,.sticker-create-tile:hover{background:var(--accent-soft)}.sticker-send img{object-fit:contain;width:100%;height:100%}.sticker-remove{width:20px;height:20px;color:var(--text-strong);background:var(--bg-1);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.sticker-tile:hover .sticker-remove,.sticker-remove:focus-visible{opacity:1}.sticker-create-tile{aspect-ratio:1;background:var(--bg-3);border:1px dashed var(--line-strong);color:var(--accent);border-radius:8px;font-size:28px}.sticker-empty{color:var(--text-muted);grid-column:2/-1;align-self:center;font-size:12px}.sticker-create-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:222px;padding:20px;display:flex}.sticker-create-panel>svg{color:var(--accent)}.sticker-create-panel>span{max-width:240px;color:var(--text-muted);font-size:12px;line-height:1.45}.sticker-create-panel small{color:var(--text-muted)}.msg-sticker{cursor:pointer;background:0 0;border-radius:8px;width:min(128px,100%);height:128px;margin-top:4px;padding:0;display:block}.msg-sticker:hover{background:var(--bg-hover)}.msg-sticker img{object-fit:contain;width:100%;height:100%}.sticker-preview-modal{flex-direction:column;align-items:center;gap:12px;width:min(320px,100vw - 28px);display:flex}.sticker-preview-modal .modal-title{align-self:stretch}.sticker-preview-modal>img{object-fit:contain;width:220px;max-width:100%;height:220px}.sticker-preview-modal>span{font-size:12px}@media (hover:none){.sticker-remove{opacity:1}}.mention{color:var(--red);border-radius:var(--r);cursor:default;background:#e5645c24;padding:0 3px;font-weight:600}.mention.me{color:var(--text-strong);background:#e5645c47}.mention-badge{background:var(--red);color:#fff;min-width:16px;height:16px;font-family:var(--mono);border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.mention-badge.rail{box-shadow:0 0 0 2px var(--bg-0);margin-left:0;position:absolute;top:-4px;right:-4px}.mention-list{border:1px solid var(--line-strong);background:var(--bg-3);border-radius:var(--r);flex-direction:column;max-height:200px;margin-bottom:6px;display:flex;overflow:hidden auto}.mention-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 8px;display:flex}.mention-item.sel{background:var(--accent-soft)}.mention-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mention-user{margin-left:auto;font-size:11px}.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;overflow-x:auto}.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}.hotkey-row{align-items:flex-start;gap:12px}.hotkey-row>span{padding-top:9px}.hotkey-controls{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.hotkey-key{min-width:148px;font-family:var(--mono);text-align:center;font-size:11px}.hotkey-key.on{border-color:var(--accent);color:var(--accent)}.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);box-shadow:inset -1px 0 0 var(--accent-line);flex-direction:column;grid-area:rail;align-items:center;gap:1px;min-height:0;padding:8px 0;display:flex;overflow-y:auto}.rail-logo{opacity:.9;border-radius:50%;flex-shrink:0;width:46px;height:46px;margin-bottom:2px}.rail-btn{background:var(--bg-3);width:44px;height:44px;color:var(--text-strong);letter-spacing:.02em;border:none;border-radius:10px;flex-shrink:0;place-items:center;padding:0;font-size:13px;font-weight:700;transition:background .12s;display:grid;position:relative}.rail-btn:hover{background:var(--bg-active)}.rail-btn.active{box-shadow:0 0 0 2px var(--accent), 0 0 14px #ff7f0624}.rail-btn .rail-icon{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.icon-row{gap:6px;display:flex}.icon-row .menu-btn{flex:1}.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;transform:rotate(180deg)}.server-title.open .caret{transform:none}.server-menu{border-bottom:1px solid var(--line);background:var(--bg-0);flex-direction:column;gap:6px;max-height:min(70vh,520px);padding:8px 10px 10px;font-size:12px;display:flex;overflow-y:auto}.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}.avatar-hint{margin-top:-6px}.welcome{flex:1;place-items:center;padding:24px;display:grid}.welcome-card{text-align:center;background:var(--bg-1);border:1px solid var(--line-strong);border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:min(460px,92vw);padding:28px 28px 24px;display:flex}.welcome-card .login-logo{width:64px;height:64px}.welcome-card h2{color:var(--accent);margin:6px 0 2px;font-size:20px}.welcome-card p{color:var(--text);margin:0;line-height:1.45}.welcome-big{color:var(--text-strong);font-size:16px;font-weight:700;margin-top:6px!important}.link-inline{color:var(--accent);font:inherit;padding:0;text-decoration:underline}.link-inline:hover{color:var(--accent-hover)}.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{border-radius:8px;width:36px;height:36px;font-size:11px}.rail-logo{width:38px;height:38px}}.member .kick{width:20px;height:20px;color:var(--text-muted);background:0 0;flex-shrink:0;display:none}.member:hover .kick{display:inline-flex}@media (hover:none){.member .kick{display:inline-flex}}.member .kick:hover{background:var(--bg-active);color:var(--text-strong)}.member.menu-on{background:var(--bg-hover);border-radius:var(--r)}.menu-btn.gold.confirm{color:#1b1b1b;background:#e6b422}.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:disabled{opacity:.55;cursor:default}.picker-row:disabled:hover{color:var(--text);background:0 0}.picker-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-row .invite-handle{text-overflow:ellipsis;white-space:nowrap;max-width:42%;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-action{border-radius:var(--r);background:var(--bg-3,#2a2d33);color:var(--ink,#f1efe9);border-top:1px solid var(--line);text-align:left;margin-top:2px;padding:7px;font-size:12px;font-weight:600}.vol-action:hover{filter:brightness(1.15)}.vol-move{flex-direction:column;gap:2px;margin-top:4px;display:flex}.vol-move .volume-title{padding:2px 0}.vstat.forced{color:var(--red)}.round-btn.forced{color:var(--red);opacity:.85}.menu-note{padding:6px 8px}.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;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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}.update-progress{background:#10261a40;border-radius:999px;flex:140px;max-width:320px;height:8px;overflow:hidden}.update-progress-fill{background:#10261a;border-radius:999px;height:100%;transition:width .3s;display:block}.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;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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}.update-pill{z-index:60;font-family:var(--mono);border:1px solid var(--border,#3a3d44);background:color-mix(in srgb, var(--bg-2) 75%, transparent);color:var(--muted,#9aa0aa);opacity:.55;cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .15s;position:fixed;top:6px;right:12px}.update-pill:hover,.update-pill:disabled{opacity:1}.update-pill{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;overflow:hidden}.update-pill.err{border-color:var(--red);color:var(--red);opacity:.9}.update-pill.available{border-color:var(--green);background:var(--green);color:#10261a;opacity:1}.update-pill.available:hover{filter:brightness(1.12)}.updates-pill{z-index:40;border:1px solid var(--accent-line);background:var(--bg-2);color:var(--accent);font:600 11px var(--mono);border-radius:999px;padding:3px 10px;position:fixed;top:6px;right:12px}.updates-pill:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-seg{gap:0;display:inline-flex}.theme-seg .seg-btn{width:40px;height:32px;color:var(--text-muted);box-sizing:border-box;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-seg .seg-btn svg{display:block}.theme-seg .seg-btn:hover{color:var(--text-strong)}.theme-seg .seg-btn:first-child{border-radius:var(--r) 0 0 var(--r)}.theme-seg .seg-btn:last-child{border-radius:0 var(--r) var(--r) 0}.theme-seg .seg-btn+.seg-btn{margin-left:-1px}.theme-seg .seg-btn.on{z-index:1;font-weight:600;position:relative}.screen-placeholder.preview{background:#000;position:relative}.screen-preview{object-fit:contain;opacity:.9;cursor:zoom-in;width:100%;height:100%;position:absolute;inset:0}.screen-preview:hover{opacity:1}.preview-zoom{cursor:default;flex-direction:column;align-items:center;gap:12px;display:flex}.preview-zoom img{object-fit:contain;border-radius:var(--r);max-width:96vw;max-height:86vh}.preview-zoom-bar{align-items:center;gap:16px;display:flex}.watch-btn{z-index:1;background:var(--red);color:#fff;font:inherit;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 2px 12px #00000080}.watch-btn:hover{filter:brightness(1.1)}.live-btn{cursor:pointer;border:0}.live-btn:hover{filter:brightness(1.15)}.live-hover-preview{z-index:110;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg-1);pointer-events:none;width:248px;padding:8px;position:fixed;box-shadow:0 10px 28px #0006}.live-hover-title{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;font-weight:700;overflow:hidden}.live-hover-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.live-hover-frames.single{grid-template-columns:1fr}.live-hover-frames img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:2px;width:100%;display:block}.senha-area{flex-direction:column;gap:6px;padding:6px 6px 10px 34px;display:flex}.conta-atualizar{align-self:flex-start;font-size:12px}.conta-tempo{color:var(--text);font-size:13px}.conta-tempo strong{color:var(--accent);font-family:var(--mono)}.senha-opcoes{gap:6px;display:flex}.senha-opcoes .btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.senha-row{align-items:center;gap:6px;display:flex}.senha-row input{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);min-width:0;font-family:var(--mono);flex:1;padding:6px 8px;font-size:13px}.senha-row .btn{padding:6px 10px;font-size:12px}.senha-pronta{border:1px solid var(--green);border-radius:var(--r);background:var(--bg-3);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-size:13px;display:flex}.senha-nova{letter-spacing:.06em;color:var(--text-strong);-webkit-user-select:all;user-select:all;font-size:18px}.member-menu{z-index:80;background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);flex-direction:column;gap:1px;width:232px;padding:4px;display:flex;position:fixed;box-shadow:0 6px 20px #00000059}.member-menu .menu-btn{align-items:center;gap:7px;display:flex}.member.banido{opacity:.65}.member.banido .name{font-style:italic}.conta-ban{align-items:center;gap:6px;padding:0 6px 10px 34px;font-size:12px;display:flex}.conta-ban select{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r);min-width:0;color:var(--text-strong);flex:1;padding:5px 6px;font-size:12px}.conta-ban .btn{padding:5px 10px;font-size:12px}.picker-row .banido-tag{color:var(--red);white-space:nowrap;font-size:11px}