:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7eaf0;background:#10151e;font-synthesis:none;font-size:14px;--gold: #d6b279;--muted: #8490a4;--line: #ffffff0d;--green: #7fd5aa}[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;transition:background .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.13)}button svg{flex:none}button:active:not(:disabled){transform:translateY(1px)}button,input,select{border-radius:9px}button{display:inline-flex;align-items:center;justify-content:center;gap:9px}input,select{background:#101620;color:#e7eaf0;border:1px solid #ffffff20;padding:12px;width:100%}.shell{height:100vh;min-height:650px;display:grid;grid-template-columns:252px 1fr}.sidebar{background:#111720;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 18px 0}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 31px}.brand-symbol{--logo-size: 56px;display:inline-block;position:relative;width:var(--logo-size);height:var(--logo-size);overflow:hidden;flex:none;border-radius:13px;background:#fff;box-shadow:0 0 0 1px #d6b27945,0 4px 16px #0002}.brand-symbol img{position:absolute;width:calc(var(--logo-size) * 4.65);height:calc(var(--logo-size) * 1.55);max-width:none;left:calc(var(--logo-size) * -.49);top:calc(var(--logo-size) * -.23)}.brand h1{font-size:23px;font-weight:650;letter-spacing:-.8px;margin:0}.brand h1 span{font-weight:350;color:var(--gold)}.brand p{font-size:9px;color:#7c899d;letter-spacing:1.4px;margin:5px 0 0}.server-card{border:1px solid #ffffff10;background:linear-gradient(120deg,#202936,#161d27);border-radius:12px;padding:14px;display:flex;align-items:center;gap:11px}.server-avatar{background:#d6b27917;color:var(--gold);border:1px solid #d6b27930;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:700}.server-card strong{display:block;font-size:13px}.server-card small{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:5px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}.section-label{margin:29px 11px 12px;display:flex;align-items:center;justify-content:space-between;color:#758298;letter-spacing:1.5px;font-size:10px;font-weight:700}.channel{width:100%;background:none;justify-content:flex-start;padding:13px 12px;margin:3px 0;color:#92a0b4;border:1px solid transparent}.channel-row{display:flex;align-items:center;gap:2px}.channel-row .channel{flex:1;min-width:0}.channel-row .channel>span:not(.count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-edit{flex-shrink:0;width:28px;height:30px;color:#92a0b4}.channel-edit:hover,.channel-edit:focus-visible{color:var(--gold);background:#d6b27915}.app-version{color:#758298;font-size:11px}.sidebar-version{display:block;margin:10px 4px;color:#a2a9b5;font-size:11px;line-height:1.4;text-align:right;font-variant-numeric:tabular-nums}.call-health-button{width:100%;text-align:left;border:1px solid #ffffff18;border-radius:8px;padding:9px 10px;background:#ffffff05;color:#9eacbd;cursor:pointer;font-size:11px;line-height:1.5}.call-health[data-level=good]{color:#7ec9a6}.call-health[data-level=warn]{color:#e2c395}.call-health[data-level=bad]{color:#f19da2}.channel-member.speaking .avatar{box-shadow:0 0 0 2px #77c49e}.network-usage{display:block;margin:10px 0;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#9cabbf;white-space:nowrap}.member-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.member-actions p{width:100%}.member-actions .danger{color:#ff9292}.channel .count{margin-left:auto;font-size:11px;color:#6f7c90;background:#ffffff05;padding:3px 5px;border-radius:4px}.channel.active{background:#d6b27910;border-color:#d6b27921;color:#e3c699}.channel.active .count{color:#d6b279;background:#d6b2790e}.channel.active:before{content:"";width:3px;background:var(--gold);height:18px;border-radius:4px;margin-left:-13px;margin-right:10px}.channel-sub{font-size:10px;color:#68788e;margin:5px 12px 15px 43px;display:flex;gap:6px;align-items:center}.sidebar-bottom{margin-top:auto}.private-note{border:1px solid #ffffff09;border-radius:10px;padding:14px;color:#7f8da1;font-size:11px;line-height:1.7;margin:20px 3px}.private-note strong{display:flex;align-items:center;gap:7px;color:#b4bfce;font-weight:500;font-size:12px;margin-bottom:5px}.invite-btn{width:100%;padding:12px;background:#d6b27912;color:var(--gold);border:1px solid #d6b27925}.profile{margin:23px -18px 0;padding:17px;background:#0d121a;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;position:relative;width:37px;height:37px;border-radius:50%;color:var(--av-color, #e2c395);background:var(--av-bg, #51422f);font-weight:600;font-size:12px}.avatar i{position:absolute;bottom:0;right:0;width:9px;height:9px;border:2px solid #141b26;border-radius:50%;background:var(--green)}.profile strong{font-size:12px;font-weight:600}.profile small{display:block;color:#7b899b;font-size:10px;margin-top:4px}.icon-btn{width:35px;height:35px;background:none;color:#8290a5;border-radius:8px}.profile .icon-btn{margin-left:auto}.main{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 55% 20%,#1c273531,transparent 70%)}.topbar{padding:0 31px;min-height:77px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:13px}.topbar>svg{color:#a9b4c5}.topbar strong{font-size:15px;font-weight:550}.topbar .divider{height:17px;width:1px;background:#ffffff13;margin:0 5px}.topbar p{color:#7f8c9e;font-size:12px}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:14px}.pill{font-size:10px;letter-spacing:.4px;padding:6px 9px;border:1px solid #d6b2792e;background:#d6b2790a;border-radius:6px;color:var(--gold)}.content{padding:31px 34px 24px;overflow:auto;flex:1}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600;margin:0 0 11px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.heading-row h2{font-weight:550;letter-spacing:-.8px;font-size:29px;margin:0 0 9px}.heading-row p{font-size:12px;color:#8895a8;margin:0}.secondary{border:1px solid #ffffff14;background:#ffffff04;padding:10px 13px;font-size:11px;color:#a6b1c2}.screen-stage{height:clamp(220px,32vh,390px);border:1px solid #ffffff0d;border-radius:15px;background:radial-gradient(ellipse at center,#1c283844,#121925 68%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,black,transparent 70%)}.stage-corner{position:absolute;left:19px;top:17px;display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7d91}.stage-corner .dot{background:#6a7485}.stage-empty{text-align:center;z-index:1}.screen-emblem{color:var(--gold);height:65px;width:65px;border-radius:17px;border:1px solid #d6b27928;background:linear-gradient(145deg,#d6b27912,#d6b27903);display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 45px #d6b27905}.stage-empty h3{font-size:17px;font-weight:500;margin:0 0 9px;letter-spacing:-.3px}.stage-empty p{font-size:12px;color:#728297;margin:0 0 21px}.gold-btn{padding:11px 18px;background:var(--gold);color:#1f2023;font-weight:600;font-size:12px}.stage-foot{position:absolute;bottom:16px;right:18px;font-size:9px;color:#596b82;letter-spacing:1px}.participants-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 16px}.participants-heading h3{font-size:12px;font-weight:550;margin:0;display:flex;align-items:center;gap:8px}.participants-heading h3 span{font-size:10px;background:#ffffff08;padding:3px 7px;border-radius:5px;color:#7f8da1}.participants-heading p{font-size:10px;color:#738399;margin:0;display:flex;align-items:center;gap:6px}.participants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.person-card{height:138px;border:1px solid #ffffff0b;border-radius:12px;background:#171f2b;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.person-card .avatar{width:48px;height:48px;font-size:16px;background:var(--av-bg, #51422f);color:var(--av-color, #e2c395)}.person-card.speaking{border-color:#7fd5aa66;background:linear-gradient(140deg,#7fd5aa09,#171f2b)}.person-card.speaking .avatar{outline:2px solid #7fd5aa;outline-offset:4px}.person-name{font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px}.you{font-size:9px;color:#738197}.person-status{position:absolute;top:12px;right:12px;color:#76869b}.person-status.muted{color:#ce7f80}.role-label{font-size:9px;color:#a78c63}.empty-seat{border-style:dashed;background:transparent;color:#59697e}.empty-seat .seat-icon{border:1px dashed #ffffff13;border-radius:50%;padding:12px;display:flex}.empty-seat span{font-size:10px}.bottom-note{font-size:10px;color:#67768b;display:flex;align-items:center;gap:7px;margin-top:19px}.controls{border-top:1px solid #ffffff0c;min-height:90px;background:#121a25;display:flex;align-items:center;padding:15px 30px;gap:20px}.connection{min-width:180px;display:flex;align-items:center;gap:10px}.connection-icon{color:var(--green);display:flex}.connection strong{display:block;font-size:11px;color:var(--green);font-weight:500}.connection small{font-size:10px;color:#77859b;display:block;margin-top:5px}.control-buttons{display:flex;align-items:center;gap:9px;margin:auto}.control{width:45px;height:43px;background:#202a38;color:#b9c3d1;border:1px solid #ffffff08}.control.on{color:var(--gold);background:#d6b27919;border-color:#d6b27932}.control.off{background:#da68681c;color:#f09191;border-color:#da68682a}.control-label{display:none}.leave{color:#e69494;background:#e86a6a12;border:1px solid #e86a6a1a;padding:11px 13px;font-size:11px}.connect-btn{background:var(--gold);color:#1e2127;padding:12px 18px;font-weight:600}.toast{position:fixed;bottom:106px;left:50%;transform:translate(-50%);background:#273347;border:1px solid #ffffff19;color:#e0e6ef;padding:12px 18px;border-radius:10px;box-shadow:0 10px 45px #0005;font-size:12px;z-index:30;max-width:80vw}.modal-shade{position:fixed;inset:0;background:#080b11ba;backdrop-filter:blur(7px);z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#17202d;border:1px solid #ffffff15;border-radius:17px;padding:27px;width:440px;max-width:100%;box-shadow:0 25px 90px #0005}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal h2{font-size:21px;letter-spacing:-.5px;font-weight:550;margin:0}.modal p{font-size:12px;line-height:1.8;color:#96a3b6}.modal label{display:block;font-size:11px;color:#a9b4c4;margin:17px 0 8px}.modal .gold-btn{margin-top:18px;width:100%}.switch-row{display:flex!important;align-items:center;justify-content:space-between;padding:13px;border:1px solid #ffffff0c;border-radius:9px;gap:12px}.switch-row input{width:18px;height:18px;accent-color:var(--gold)}.modal .help{font-size:10px}.modal hr{border:0;border-top:1px solid #ffffff10;margin:21px 0}.video-holder{position:absolute;inset:35px 12px;display:grid;place-items:center}.video-holder video{width:100%;height:100%;object-fit:contain}.live-tag{color:var(--green)}body.mini-mode{margin:0;overflow:hidden;min-width:0;background:#141c28}.mini-toolbar{display:flex;align-items:center;gap:4px;padding:7px 6px;width:278px;height:48px;border:1px solid #d6b27935;border-radius:10px;background:#141c28;-webkit-app-region:drag}.mini-grip{width:10px;height:24px;flex:none;background:radial-gradient(circle,#718096 1px,transparent 1.5px) 0 0/4px 6px;opacity:.6}.mini-control{width:32px;height:32px;flex:none;padding:0;border-radius:7px;background:#222d3c;color:#aab7c9;-webkit-app-region:no-drag}.mini-control.active{background:#d6b27922;color:#e1bd86}.mini-control.danger{background:#cf676721;color:#f09696}.mini-control:disabled{opacity:.3}.mini-control:focus-visible{outline-offset:1px}.google-btn{background:#f0f1f3;color:#202734;padding:12px;width:100%;margin-top:10px}.google-letter{font-size:18px;font-weight:700;color:#4285f4}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:320px;overflow:auto}.source{display:flex;flex-direction:column;background:#101620;padding:9px;border:1px solid #ffffff17;font-size:10px;overflow:hidden}.source img{width:100%;height:90px;object-fit:contain}.source.selected{border-color:var(--gold)}.source span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{background:#d6b2790d;border:1px solid #d6b27925;border-radius:8px;padding:11px;color:#c5ad89!important}.muted-text{color:var(--muted)}@media(min-width:1500px){.content{padding:38px 55px}.screen-stage{height:38vh}.person-card{height:158px}}@media(max-width:1050px){.sidebar{padding:22px 12px 0}.shell{grid-template-columns:215px 1fr}.profile{margin-left:-12px;margin-right:-12px}.content{padding:25px 22px}.topbar{padding:0 22px}.topbar p{display:none}.connection{min-width:125px}.controls{padding:15px 20px;gap:8px}.participants{gap:8px}.person-card{height:126px}}@media(max-width:760px){.network-usage{display:none}.channel-row{flex-wrap:wrap;justify-content:center}.channel-row .channel{flex-basis:100%}.shell{grid-template-columns:75px 1fr}.sidebar{padding:20px 10px 0}.brand{margin:0 4px 26px}.brand>div,.server-card,.section-label,.channel span,.channel .count,.channel-sub,.private-note,.invite-btn span,.profile>div:not(.avatar),.profile button{display:none}.channel{justify-content:center;padding:14px 8px}.channel.active:before{display:none}.profile{padding:15px 18px}.brand-symbol{--logo-size: 46px;border-radius:11px}.participants{grid-template-columns:repeat(2,1fr)}.heading-row h2{font-size:24px}.heading-row .secondary{font-size:0;padding:10px}.controls{flex-wrap:wrap}.connection{min-width:100px}.control-buttons{gap:5px}.control{width:37px}.leave{font-size:0}.topbar .right{gap:4px}.topbar .secondary{font-size:0}.screen-stage{height:260px}.shell{height:auto;min-height:100vh}.main{min-height:100vh}}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-settings{display:flex;align-items:center;gap:16px;margin:22px 0}.avatar-settings>.avatar{width:68px;height:68px;font-size:22px;flex:none}.avatar-settings strong{font-size:13px;font-weight:500}.avatar-settings p{margin:5px 0 10px;font-size:11px}.avatar-settings small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.avatar-actions{display:flex;gap:8px;align-items:center}.modal .avatar-upload{display:inline-flex;margin:0;cursor:pointer;color:var(--gold);border-color:#d6b27940}.avatar-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.avatar-actions:focus-within .avatar-upload{outline:1px solid var(--gold)}.modal{max-height:90vh;overflow-y:auto}.mini-panel{width:278px;height:84px;border:1px solid #d6b27935;border-radius:10px;overflow:hidden;background:#141c28}.mini-panel .mini-toolbar{border:0;border-radius:0;width:276px;height:46px;padding:6px}.mini-avatars{height:36px;display:flex;align-items:center;justify-content:center;gap:2px;padding:6px;border-bottom:1px solid #ffffff0b;-webkit-app-region:drag}.mini-member{position:relative;width:24px;height:24px;flex:none;border-radius:50%;-webkit-app-region:no-drag}.mini-member .avatar{width:24px;height:24px}.channel-chat{flex-shrink:0;height:235px;display:flex;flex-direction:column;border:1px solid #30343b;border-radius:12px;background:#131923;overflow:hidden}.chat-heading{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #30343b}.chat-heading small,.chat-message time,.chat-empty{color:#9ca4b1;font-size:12px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:8px 14px}.chat-message{margin:6px 0 10px;font-size:13px}.chat-message time{margin-left:10px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0}#chat-form{display:flex;gap:8px;padding:8px 12px;border-top:1px solid #30343b}#chat-form input{flex:1;min-width:0;background:#0c121b;color:#eee;border:1px solid #454a54;border-radius:8px;padding:8px 12px}.modal select{width:100%;padding:10px;background:#141b25;color:#ddd;border:1px solid #454a54;border-radius:8px;margin:6px 0}.modal meter{display:block;width:100%;height:20px;margin:8px 0}.modal{max-height:calc(100vh - 48px);overflow-y:auto}.modal.settings-modal{width:600px;display:flex;flex-direction:column;overflow:hidden}.settings-tabs{display:flex;flex-shrink:0;gap:5px;overflow-x:auto;padding:4px 0 12px;border-bottom:1px solid #ffffff15}.settings-tabs button{padding:9px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a9b4c4;white-space:nowrap;cursor:pointer}.settings-tabs button[aria-selected=true]{color:var(--gold);background:#eab75b12;border-color:#eab75b35}.settings-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.settings-panels{min-height:0;overflow-y:auto;padding:4px 2px 2px}.settings-panels [role=tabpanel][hidden]{display:none}.shell .content{gap:14px}@media(max-height:780px){.channel-chat{height:180px}}.mini-member .avatar i{display:none}.mini-member.speaking{box-shadow:0 0 0 2px var(--green)}.mini-member:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.mini-mute{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;display:grid;place-items:center;background:#202a38;color:#f09696}.hover-panel{width:var(--compact-width);height:48px;transition:width .13s ease}.hover-panel.expanded{width:calc(var(--compact-width) + 186px)}.hover-panel .mini-toolbar{width:max-content;height:46px;gap:6px;padding:6px}.hover-panel .mini-grip{width:8px}.hover-panel .mini-avatars{height:32px;padding:0 2px;min-width:26px;border:0;justify-content:flex-start}.mini-extra{display:flex;gap:4px;margin-left:6px;visibility:hidden;opacity:0;transition:opacity .12s}.expanded .mini-extra{visibility:visible;opacity:1}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 50% 20%,#302a22,#141619 65%)}.login-card{width:min(440px,100%);padding:36px;border:1px solid #39352f;border-radius:24px;background:#1b1d20;box-shadow:0 24px 80px #0005}.login-card .brand{padding:0;margin-bottom:40px}.login-card h2{font-size:24px;line-height:1.35;margin-bottom:12px}.login-card p,.login-card small{color:#aaa7a2;line-height:1.65}.login-card label{display:block;margin:28px 0 10px;font-size:13px}.login-card input{width:100%;background:#121416;border:1px solid #484139;border-radius:10px;padding:13px;color:#f4eee5;box-sizing:border-box}.login-card small{display:block;margin-top:10px;font-size:12px}.login-card .google-btn{width:100%;margin-top:28px;justify-content:center}.login-card button:disabled{opacity:.55;cursor:default}.login-card .login-status{font-size:13px;min-height:42px}.login-card>.secondary{display:block;margin:20px auto 0;font-size:12px}.channel-members{margin:0 12px 14px 28px;display:grid;gap:8px}.channel-members>small{color:#8e939c;font-size:11px;padding-left:6px}.channel-member{display:flex;gap:8px;align-items:center;font-size:12px;color:#bec3cc}.person-volume-button{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #cda76d38;border-radius:5px;background:#cda76d0d;color:#e2c395;font-size:10px;cursor:pointer}.person-volume-button:hover,.person-volume-button:focus-visible{background:#cda76d30}#person-volume-slider,#noise-gate-threshold{width:100%;accent-color:#cda76d}#noise-gate-value{float:right;color:#e2c395}#noise-gate-status{display:block;color:#a9b9c9;line-height:1.6}#person-volume-value{float:right;color:#e2c395}.channel-member .avatar{width:23px;height:23px;flex:0 0 23px;font-size:10px;border-radius:8px;margin:0}.channel-member>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{overflow-y:auto;min-height:0}.join-hint{color:#bdb4a6;font-size:13px;padding:12px 16px;background:#cda76d0d;border-radius:10px;margin:0 0 18px}.invite-ready{color:#d9bc8e!important;padding:12px;background:#cda76d0d;border-radius:10px}.shell .main{min-height:0}.shell .content{display:flex;flex-direction:column;min-height:0;padding:20px 24px}.shell .heading-row{flex-shrink:0;margin-bottom:16px}.shell .heading-row .eyebrow{display:none}.shell .heading-row h2{font-size:24px}.shell .screen-stage{flex:1;height:auto;min-height:220px}.shell .video-holder{inset:32px 8px 24px;min-height:0}.shell .video-holder video{min-height:0;max-height:100%}.shell .controls{flex-shrink:0}.shell .topbar{min-height:64px;flex-shrink:0}.shell .join-hint{flex-shrink:0}.shell.wide-mode{grid-template-columns:1fr}.wide-mode .sidebar,.wide-mode .heading-row,.wide-mode .join-hint{display:none}.shell.wide-mode .content{padding:8px}.wide-mode .topbar p,.wide-mode .topbar .divider{display:none}@media(max-width:760px){.shell .content{padding:12px}.topbar .pill{display:none}}.shell{grid-template-rows:minmax(0,1fr)}.shell .sidebar{min-height:0;overflow:hidden}.shell .sidebar nav{flex:1;overflow-y:auto}.shell .sidebar-bottom{flex-shrink:0}@media(max-height:780px){.sidebar .private-note{display:none}}.mini-member .avatar{font-size:9px;font-weight:650;line-height:1}.avatar{position:relative}.avatar-muted{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #10151e;border-radius:50%;color:#fff;background:#bd3e4d;z-index:2}.chat-link{color:#e6c382;overflow-wrap:anywhere;text-decoration:underline}.chat-upload{cursor:pointer;white-space:nowrap;display:flex;align-items:center}#chat-form{flex-wrap:wrap}#chat-form #chat-text{min-width:100px}#emoji-picker:not([hidden]){display:flex;flex-wrap:wrap;gap:5px;padding:8px}#emoji-picker button{border:0;background:#222a38;border-radius:6px;padding:5px;font-size:22px;cursor:pointer}#chat-attachment:not([hidden]){display:flex;align-items:center;gap:10px;padding:8px}#chat-attachment img{max-width:120px;max-height:70px;border-radius:6px}.chat-photo-view{background:none;border:0;padding:0;cursor:zoom-in}.chat-photo{display:block;max-width:min(300px,100%);max-height:180px;border-radius:8px}.chat-photo-full{max-width:100%;max-height:65vh;object-fit:contain}.chat-older{margin:5px 0}.admin-user{border-bottom:1px solid #343b47;padding:12px 0}.admin-user summary{cursor:pointer}.admin-user small{color:#c5a66a;margin-left:8px}.admin-user dl{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:13px}.admin-user dt{color:#aab2bf}.admin-user dd{margin:0;overflow-wrap:anywhere}.channel-member .avatar-muted{width:15px;height:15px;right:-3px;bottom:-3px}.channel-member .avatar-muted svg{width:9px;height:9px}.shell.chat-first .content,.shell.sharing-layout .content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;overflow:hidden}.shell.chat-first .content{grid-template-columns:minmax(0,1fr)}.shell.sharing-layout .content{grid-template-columns:minmax(0,1fr) clamp(300px,30%,390px)}.shell.chat-first .heading-row,.shell.sharing-layout .heading-row{grid-column:1 / -1;margin:0}.shell.chat-first .channel-chat,.shell.sharing-layout .channel-chat{grid-row:2;min-width:0;min-height:0;height:auto;margin:0}.shell.sharing-layout .screen-stage{grid-column:1;grid-row:2;min-width:0}.shell.sharing-layout .channel-chat{grid-column:2}@media(min-width:1101px){.sharing-layout #chat-form{display:grid;grid-template-columns:auto 1fr auto}.sharing-layout #chat-text{grid-column:1 / -1;grid-row:1;width:100%}.sharing-layout #emoji-toggle,.sharing-layout .chat-upload,.sharing-layout #chat-form button[type=submit]{grid-row:2}.sharing-layout .chat-upload{justify-self:start}}.chat-heading{flex-wrap:wrap}.chat-heading strong{flex-shrink:0}.chat-photo-view{max-width:100%}.chat-first.wide-mode .content,.sharing-layout.wide-mode .content{grid-template-rows:minmax(0,1fr)}.chat-first.wide-mode .channel-chat,.sharing-layout.wide-mode .channel-chat,.sharing-layout.wide-mode .screen-stage{grid-row:1}@media(max-width:1100px){.shell.sharing-layout .content{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(180px,1fr) minmax(220px,1fr);overflow:auto}.shell.sharing-layout .screen-stage{grid-row:2;min-height:180px}.shell.sharing-layout .channel-chat{grid-row:3;grid-column:1}.shell.sharing-layout.wide-mode .content{grid-template-rows:minmax(180px,1fr) minmax(220px,1fr)}.shell.sharing-layout.wide-mode .screen-stage{grid-row:1}.shell.sharing-layout.wide-mode .channel-chat{grid-row:2}}.fullscreen-toggle{margin-right:12px;pointer-events:auto}.screen-stage:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0;background:#080c12}.screen-stage:fullscreen .video-holder{width:100%;height:100%}.screen-stage:fullscreen video{width:100%;height:100%;object-fit:contain}.update-notice{position:fixed;z-index:50;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:10px 16px;background:#263b48;color:#fff;border:1px solid #b99465;border-radius:10px;box-shadow:0 4px 20px #0008}@media(min-width:761px){.shell:not(.wide-mode){grid-template-columns:minmax(290px,min(32vw,360px)) minmax(0,1fr)}}.channel-member{min-width:0;padding:4px 6px 4px 0}.channel-member>span{min-width:0}.channel-member>svg,.channel-member .person-volume-button{flex-shrink:0}.channel-members{margin-right:2px}.shell .sidebar nav{scrollbar-gutter:stable}.shell.wide-mode .channel-chat{display:none}@media(max-width:760px){.channel-members{margin:0 0 14px}.channel-member{flex-wrap:wrap;justify-content:center;padding:4px 0}.channel-member>span{flex-basis:100%;text-align:center}}.shell.wide-mode .content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.shell.wide-mode .screen-stage{grid-column:1;grid-row:1}.mobile-menu,.mobile-nav-close,.mobile-nav-backdrop{display:none}@media(max-width:760px),(max-width:950px)and (max-height:480px){.shell,.shell:not(.wide-mode),.shell.wide-mode{height:100vh;height:var(--app-height, 100dvh);min-height:0;grid-template-columns:minmax(0,1fr);overflow:hidden}.shell .main{min-height:0;height:100%;overflow:hidden}.shell .sidebar{display:none}.shell.mobile-nav-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(340px,88vw);height:100vh;height:var(--app-height, 100dvh);padding:max(16px,env(safe-area-inset-top)) 16px 0;z-index:41;box-shadow:8px 0 32px #0007}.mobile-menu,.mobile-nav-close{display:inline-flex;flex-shrink:0;width:44px;height:44px}.mobile-nav-close{position:absolute;top:12px;right:8px}.mobile-nav-open .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:40;width:100vw;height:var(--app-height, 100dvh);border-radius:0;background:#0009}.sidebar .brand{margin:0 38px 20px 0}.sidebar .brand>div,.sidebar .section-label,.sidebar .channel-sub,.sidebar .channel span,.sidebar .channel .count,.sidebar .invite-btn span,.sidebar .profile>div:not(.avatar){display:block}.sidebar .profile button{display:inline-flex}.sidebar .channel-row{flex-wrap:nowrap}.sidebar .channel{justify-content:flex-start;padding:12px}.sidebar .channel .count{margin-left:auto;flex-shrink:0}.sidebar .channel-members{margin:0 0 12px 12px}.sidebar .channel-member{flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding-right:4px}.sidebar .channel-member>span{flex-basis:auto;text-align:left}.sidebar .profile{margin:0 -16px;padding:12px 16px}.sidebar .sidebar-version{margin:8px 0 max(8px,env(safe-area-inset-bottom))}.shell .topbar{min-height:56px;padding:4px 8px;gap:6px}.topbar>svg{display:none}.topbar>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .right{gap:2px;flex-shrink:0}.topbar .pill{display:none}.topbar .secondary{font-size:0}.topbar .right .icon-btn,.topbar .secondary{width:40px;height:44px;padding:8px}.topbar [data-action=mini],.controls [data-action=mini]{display:none}.shell .content{padding:8px;min-width:0}.shell.chat-first .content{grid-template-rows:auto minmax(0,1fr);gap:8px}.shell.sharing-layout .content{grid-template-rows:auto minmax(120px,40%) minmax(120px,1fr);gap:8px;overflow:auto}.shell.wide-mode .content{grid-template-rows:minmax(0,1fr)}.shell .heading-row{min-width:0;gap:8px}.shell .heading-row>div{min-width:0}.shell .heading-row h2{font-size:19px;overflow-wrap:anywhere;margin:0}.heading-row .gold-btn{flex-shrink:0;padding:10px;font-size:12px;min-height:42px}.shell .screen-stage{min-height:0}.chat-heading{padding:8px;gap:6px;align-items:center}.chat-heading small{display:none}.chat-heading strong{font-size:13px}.chat-heading button{margin-left:auto;min-height:36px;padding:6px 10px}.chat-messages{padding:8px}#chat-form{display:grid;grid-template-columns:40px 1fr auto;padding:8px;gap:6px}#chat-form #chat-text{grid-column:1 / -1;grid-row:1;width:100%;min-width:0;min-height:40px}#chat-form #emoji-toggle,#chat-form .chat-upload,#chat-form button[type=submit]{grid-row:2;min-height:40px}#chat-form .chat-upload{justify-self:start}.shell .controls{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:8px}.controls .connection{min-width:0;gap:6px}.controls .connection strong{font-size:11px}.controls .connection small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls .connection-icon{display:none}.controls .control-buttons{grid-row:2;grid-column:1/-1;margin:0;justify-content:center;gap:12px}.controls .control{width:46px;height:44px}.controls .leave{grid-row:1;grid-column:2;font-size:12px;padding:6px 10px;min-height:36px}.modal-shade{padding:8px}.modal,.modal.settings-modal{width:min(600px,100%);min-width:0;padding:16px;max-height:calc(var(--app-height, 100dvh) - 16px)}.modal-head{gap:8px}.modal h2{font-size:19px;min-width:0;overflow-wrap:anywhere}.modal input,.modal select,#chat-text{font-size:16px}.admin-user dl{grid-template-columns:minmax(0,1fr);gap:4px}.admin-user dd{margin-bottom:8px}.login-page{min-height:var(--app-height, 100dvh);padding:16px}.login-card{padding:24px 20px;min-width:0}.update-notice{flex-wrap:wrap;gap:8px;width:calc(100vw - 16px);padding:12px}.toast{bottom:max(112px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}@media(max-width:950px)and (max-height:480px){.shell .topbar{min-height:48px;padding-block:0}.shell .controls{display:flex;flex-wrap:nowrap;padding:6px 12px}.controls .connection{display:none}.controls .control-buttons{flex:1;gap:10px}.controls .control{height:40px}.shell .heading-row{display:none}.shell.chat-first .content{grid-template-rows:minmax(0,1fr)}.shell.sharing-layout .content{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shell.sharing-layout .screen-stage{grid-row:1}.shell.sharing-layout .channel-chat{grid-row:1;grid-column:2}.shell.wide-mode .content{grid-template-columns:minmax(0,1fr)}}