:root{color-scheme:dark;--bg:#0b111b;--panel:#121a29;--panel2:#172136;--line:#293754;--line-soft:#222d42;--text:#f4f6ff;--muted:#9ca9c3;--blue:#7dbedc;--aqua:#73e5d4;--red:#ff89a6}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body{min-height:100vh}.page{width:min(100%,1180px);margin:0 auto;min-height:100vh}.header{height:151px;border-bottom:2px solid #1a2435;display:flex;align-items:flex-start;justify-content:space-between;padding:53px 41px 0}.header h1{font-family:'Archivo Black',Inter,sans-serif;font-size:37px;line-height:1;margin:0;letter-spacing:-1.7px;background:none;color:#f4f6ff}.management-btn{margin-top:-51px;margin-right:42px;width:220px;height:55px;border:1px solid #405988;border-radius:17px;background:#19243a;color:#f1f3ff;font-weight:800;letter-spacing:3px;font-size:16px;cursor:pointer;box-shadow:inset 0 0 18px rgba(85,113,177,.1)}.management-btn:hover{border-color:#6682b8;background:#1c2942}.workspace{padding:18px 20px 40px}.users{display:flex;flex-direction:column;gap:19px;min-height:227px}.user-row{height:64px;border:1px solid var(--line);border-left:4px solid #75cce7;border-radius:17px;background:#131d2d;display:grid;grid-template-columns:29% 16% 30% 25%;align-items:center;overflow:hidden}.user-row>*{height:38px;display:flex;align-items:center;padding:0 15px;border-right:1px solid #283247}.user-row>*:last-child{border-right:0}.user-identity{gap:13px}.avatar{width:10px;height:10px;min-width:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 9px rgba(115,229,212,.35);font-size:0}.user-name{font-weight:800;font-size:15px;letter-spacing:1.4px;color:#fff}.user-meta{display:none}.peer-mute{border:0;background:none;color:#b7c1d4;font-weight:800;font-size:14px;letter-spacing:1.2px;cursor:pointer;text-align:left}.peer-mute.active{color:var(--red)}.user-volume{gap:17px}.user-volume>span{font-size:13px;font-weight:800;letter-spacing:1.6px;color:#99a8c4}.user-volume input[type=range]{width:116px}.user-actions{justify-content:center}.ban-btn{width:86px;height:39px;border:1px solid #733449;border-radius:13px;background:#302031;color:var(--red);font-weight:800;font-size:13px;letter-spacing:1.4px;cursor:pointer}.ban-btn:hover{background:#482536}.no-admin{color:#566279;font-size:10px;letter-spacing:1px}.empty-row{height:64px;border:1px solid var(--line);border-left:4px solid #75cce7;border-radius:17px;background:var(--panel);display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:1.5px}.pagination{height:95px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 27px 14px;gap:13px;color:#a9b7d4;font-size:12px;font-weight:800;letter-spacing:1.8px}.pagination strong,.pagination button{width:34px;height:37px;border-radius:10px;display:grid;place-items:center}.pagination strong{border:1px solid #405377;background:#172034;color:#fff}.pagination button{border:0;background:none;color:#a9b7d4;font-weight:800;cursor:pointer}.bottom-area{display:grid;grid-template-columns:222px minmax(500px,606px) 1fr;align-items:end;gap:27px;padding:0 9px}.invite-card{height:150px;border:1px solid #33486f;border-radius:21px;background:#172136;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:27px 22px;text-align:left;cursor:pointer}.invite-copy small{display:block;color:#9eafd0;font-weight:800;font-size:11px;letter-spacing:1.7px;margin-bottom:13px}.invite-copy strong{font-size:18px;line-height:1.3;letter-spacing:-.3px}.invite-arrow{width:38px;height:42px;border-radius:12px;background:#233253;display:grid;place-items:center;font-size:18px;color:#bfd8ff}.settings-box{height:195px;border:1px solid #27344d;border-radius:22px;background:#0f1724;overflow:hidden}.settings-head{height:74px;background:#172136;border-bottom:1px solid #293753;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.settings-head h2{margin:0;font-size:16px;letter-spacing:.6px}.settings-head span{color:#8496ba;font-size:9px;font-weight:800;letter-spacing:1.3px}.setting-row{height:60px;display:grid;grid-template-columns:240px 1fr 86px;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid #202b3f}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:14px;letter-spacing:.4px}.mute-btn{height:38px;border:1px solid #27354c;border-radius:12px;background:#131c2a;color:#bfc9dc;font-weight:800;font-size:12px;cursor:pointer}.mute-btn.active{border-color:#703246;background:#302031;color:var(--red)}input[type=range]{appearance:none;height:34px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:32px;border-radius:18px;background:#1c363e;border:1px solid #33716f}input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#a6f1e4;margin-top:4px;box-shadow:0 0 0 4px rgba(15,29,43,.65)}input[type=range]::-moz-range-track{height:30px;border-radius:18px;background:#1c363e;border:1px solid #33716f}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#a6f1e4}.user-volume input[type=range]::-webkit-slider-runnable-track{background:#203254;border-color:#436096}.user-volume input[type=range]::-webkit-slider-thumb{background:#d4dcff}.user-volume input[type=range]::-moz-range-track{background:#203254;border-color:#436096}.user-volume input[type=range]::-moz-range-thumb{background:#d4dcff}.hidden{display:none!important}.join-overlay{position:fixed;inset:0;z-index:20;background:rgba(7,11,18,.88);backdrop-filter:blur(7px);display:grid;place-items:center}.join-box{width:min(420px,calc(100% - 30px));border:1px solid #33486f;border-radius:20px;background:#121b2a;padding:32px;box-shadow:0 30px 80px #000}.join-kicker{font-size:10px;color:var(--aqua);font-weight:800;letter-spacing:2px}.join-box h2{font-size:24px;margin:10px 0}.join-box>p{font-size:12px;color:var(--muted)}.join-box label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;margin:24px 0 8px}.join-box input{width:100%;height:46px;border:1px solid #344663;border-radius:10px;background:#0b1320;color:#fff;padding:0 13px;outline:none}.join-button,.dialog-action{width:100%;height:45px;margin-top:11px;border:1px solid #49638f;border-radius:11px;background:#1d2b48;color:#fff;font-weight:800;letter-spacing:1.5px;cursor:pointer}.error{color:var(--red)!important;min-height:15px}dialog{width:min(500px,calc(100% - 30px));border:1px solid #344867;border-radius:18px;background:#111a29;color:#fff;padding:27px;box-shadow:0 30px 80px #000}dialog::backdrop{background:rgba(5,8,13,.75)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:5px 0}.dialog-head small{color:var(--aqua);letter-spacing:1.5px}.close-btn{border:0;background:none;color:#fff;font-size:18px;cursor:pointer}dialog>p{color:var(--muted);font-size:12px}.invite-box{display:flex;gap:8px;margin-top:12px}.invite-box input{min-width:0;flex:1;background:#0b1320;border:1px solid #344663;color:#fff;border-radius:8px;padding:0 10px}.copy-btn{height:40px;border:1px solid #49638f;border-radius:8px;background:#1d2b48;color:#fff;font-weight:800}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,12px);opacity:0;background:#1c2940;border:1px solid #405579;border-radius:9px;padding:10px 16px;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.header{padding-left:20px;padding-right:20px}.header h1{font-size:27px}.management-btn{margin-right:0}.user-row{grid-template-columns:35% 18% 27% 20%}.bottom-area{grid-template-columns:190px 1fr}.settings-box{grid-column:2}.setting-row{grid-template-columns:150px 1fr 75px}.pagination{height:65px}}
@media(max-width:610px){.header{height:125px;padding-top:38px}.header h1{font-size:20px;max-width:220px;line-height:1.2}.management-btn{width:135px;height:45px;margin-top:-22px;font-size:11px;letter-spacing:1.5px}.workspace{padding:14px 10px}.user-row{height:auto;min-height:105px;grid-template-columns:1fr 100px}.user-row>*{border-right:0;padding:0 12px}.user-volume{grid-column:1/-1}.user-actions{position:absolute;right:8px}.user-row{position:relative}.bottom-area{grid-template-columns:1fr}.invite-card{width:210px;height:115px}.settings-box{grid-column:1;height:auto}.setting-row{grid-template-columns:100px 1fr 70px;padding:0 14px}.pagination{padding-right:8px}.settings-head{padding:0 18px}}
.settings-box.alias-enabled{height:255px}
.alias-setting input[type=text]{width:100%;height:38px;border:1px solid #344663;border-radius:10px;background:#0b1320;color:#fff;padding:0 12px;outline:none}
.alias-setting input[type=text]:focus{border-color:#72cfe0}
.profile-bar{width:min(606px,100%);margin:0 9px 28px auto;display:grid;grid-template-columns:150px 1fr 82px;align-items:center;gap:14px;padding:12px 14px;border:1px solid #27344d;border-radius:14px;background:#111a29}.profile-bar label{font-size:11px;font-weight:800;letter-spacing:1px;color:#a9b7d4}.profile-bar input{height:38px;border:1px solid #344663;border-radius:10px;background:#0b1320;color:#fff;padding:0 12px;outline:none}.profile-bar button,.registry-card{height:38px;border:1px solid #405579;border-radius:10px;background:#1b2941;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.admin-tools{grid-column:1;display:flex;flex-direction:column;gap:10px}.admin-tools .invite-card{width:222px;height:112px}.registry-card{width:222px}.registry-dialog{width:min(720px,calc(100% - 30px))}.registry-users{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;margin-top:18px}.registry-row{display:grid;grid-template-columns:1fr 100px auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #293754;border-radius:11px;background:#0d1522}.registry-identity strong{display:block;font-size:12px}.registry-identity small{display:block;color:#7484a3;font-size:9px;margin-top:4px}.registry-status{font-size:9px;font-weight:800;letter-spacing:1px;color:#73e5d4}.registry-status.banned{color:#ff89a6}.registry-actions{display:flex;gap:6px}.registry-actions button{height:31px;border:1px solid #405579;border-radius:8px;background:#18243a;color:#dbe5f5;font-size:9px;font-weight:800;cursor:pointer}.registry-actions button.delete{border-color:#733449;color:#ff89a6;background:#302031}.registry-empty{padding:30px;text-align:center;color:#8291ac;font-size:11px}
.settings-box{width:222px;height:195px;overflow:visible;justify-self:start}.settings-head{height:74px;padding:0 28px;border-radius:22px 22px 0 0}.setting-row{position:relative;width:220px;height:60px;display:grid;grid-template-columns:1fr;padding:0 28px;cursor:pointer;background:#0f1724}.setting-row:last-child{border-radius:0 0 22px 22px}.setting-row input,.setting-row .mute-btn{display:none}.setting-row.open{width:520px;grid-template-columns:160px 1fr 86px;gap:18px;z-index:8;border:1px solid #344663;border-radius:12px;background:#121c2b;box-shadow:0 12px 30px rgba(0,0,0,.35)}.setting-row.open input,.setting-row.open .mute-btn{display:block}.bottom-area{grid-template-columns:222px 222px 1fr;align-items:end}.settings-box{grid-column:2}.settings-box.alias-enabled{height:195px}
@media(max-width:610px){.profile-bar{grid-template-columns:1fr 75px}.profile-bar label{grid-column:1/-1}.bottom-area{grid-template-columns:1fr}.settings-box{grid-column:1}.setting-row.open{width:min(520px,calc(100vw - 20px));grid-template-columns:100px 1fr 70px}.admin-tools{grid-column:1}}
/* Audio controls are permanently expanded. */
.settings-box{width:520px;height:195px;overflow:hidden}
.setting-row,.setting-row.open{width:518px;height:60px;display:grid;grid-template-columns:160px 1fr 86px;gap:18px;padding:0 28px;cursor:default;position:relative;z-index:auto;border-left:0;border-right:0;border-top:0;border-radius:0;background:#0f1724;box-shadow:none}
.setting-row:last-child,.setting-row.open:last-child{border-radius:0 0 22px 22px}
.setting-row input,.setting-row .mute-btn,.setting-row.open input,.setting-row.open .mute-btn{display:block}
.bottom-area{grid-template-columns:222px 520px 1fr}
@media(max-width:820px){.bottom-area{grid-template-columns:190px minmax(0,1fr)}.settings-box{width:100%}.setting-row,.setting-row.open{width:100%;grid-template-columns:130px 1fr 75px;padding:0 18px}}
@media(max-width:610px){.bottom-area{grid-template-columns:1fr}.settings-box{grid-column:1;width:100%}.setting-row,.setting-row.open{width:100%;grid-template-columns:95px 1fr 68px;gap:10px;padding:0 12px}}
.user-identity{min-width:0}.user-name{flex:0 1 auto;max-width:145px}.user-vu{flex:1;min-width:52px;max-width:115px;height:9px;margin-left:auto;border:1px solid #334969;border-radius:5px;background:#0a111c;overflow:hidden}.user-vu i,.general-vu-track i{display:block;width:0;height:100%;border-radius:inherit;background:#69d8cf;box-shadow:0 0 10px rgba(105,225,209,.35);transition:width 70ms linear}.general-vu-panel{grid-column:3;align-self:stretch;min-width:210px;height:195px;border:1px solid #27344d;border-radius:22px;background:#0f1724;padding:24px 22px}.general-vu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.general-vu-head strong{font-size:14px;letter-spacing:1px}.general-vu-head span{font-size:9px;color:#8496ba;font-weight:800;letter-spacing:1.2px}.general-vu-track{height:18px;padding:3px;border:1px solid #344b6d;border-radius:9px;background:#080f19;overflow:hidden}.general-vu-track i{height:10px}.vu-scale{display:flex;justify-content:space-between;color:#64728e;font-size:8px;margin-top:9px}.own-admin-empty{color:transparent}
@media(max-width:980px){.bottom-area{grid-template-columns:190px minmax(420px,1fr)}.general-vu-panel{grid-column:2;width:100%;height:112px;margin-top:14px}.general-vu-head{margin-bottom:15px}.settings-box{grid-column:2}.admin-tools{grid-column:1;grid-row:1/3}}
@media(max-width:610px){.user-vu{max-width:80px}.bottom-area{grid-template-columns:1fr}.admin-tools{grid-column:1;grid-row:auto}.settings-box,.general-vu-panel{grid-column:1}.general-vu-panel{min-width:0}}
.recording-entry-warning{margin:16px 0 0;padding:11px 12px;border:1px solid #755b2f;border-radius:9px;background:#241d13;color:#ffd891!important;line-height:1.45}.update-publisher{margin-top:24px;padding-top:20px;border-top:1px solid #344867}.update-publisher>small{color:var(--aqua);font-weight:800;letter-spacing:1.4px}.update-publisher>p{color:var(--muted);font-size:11px;line-height:1.45}.update-fields{display:grid;grid-template-columns:90px 1fr;gap:8px}.update-fields input{min-width:0;height:40px;border:1px solid #344663;border-radius:8px;background:#0b1320;color:#fff;padding:0 10px}.update-fields input[type=file]{padding:8px}#desktopUpdateStatus{min-height:16px;color:#9fb0c9;font-size:11px}
.profile-bar{width:100%;margin:0 0 28px;grid-template-columns:130px minmax(160px,1fr) 70px 185px 105px 125px}
.computer-audio-btn,.session-btn{height:38px;border:1px solid #405579;border-radius:10px;background:#1b2941;color:#fff;font-size:9px;font-weight:800;letter-spacing:.7px;cursor:pointer}.computer-audio-btn.active{border-color:#69d8cf;color:#69d8cf}.session-btn.danger{border-color:#733449;background:#302031;color:#ff89a6}.record-btn{width:64px;height:39px;border:1px solid #a83851;border-radius:13px;background:#371c28;color:#ff6f91;font-weight:900;font-size:12px;letter-spacing:1.3px;cursor:pointer}.record-btn:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ff355f}.record-btn.recording{background:#bd2145;border-color:#ff6384;color:#fff}.record-btn.recording:before{background:#fff;animation:recordPulse 1s steps(1) infinite}@keyframes recordPulse{50%{opacity:.25}}.user-actions{gap:8px}.ban-btn{width:72px}
@media(max-width:980px){.profile-bar{grid-template-columns:120px 1fr 70px 170px}.profile-bar .session-btn{grid-row:2}.profile-bar #leaveChat{grid-column:3}.profile-bar #deleteAccount{grid-column:4}}
@media(max-width:610px){.profile-bar{grid-template-columns:1fr 72px}.profile-bar label{grid-column:1/-1}.profile-bar .computer-audio-btn,.profile-bar .session-btn{grid-column:1/-1}.profile-bar #leaveChat,.profile-bar #deleteAccount{grid-column:auto}.record-btn{width:58px}.ban-btn{width:58px}}
.general-vu-panel{padding-top:20px}.general-vu-head{margin-bottom:28px}.general-record-actions{display:flex;gap:8px;margin-top:17px}.all-record{width:104px;height:35px}.recordings-btn{flex:1;height:35px;border:1px solid #405579;border-radius:11px;background:#1b2941;color:#dce6f6;font-size:9px;font-weight:800;letter-spacing:.8px;cursor:pointer}.recordings-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;margin-top:17px}.recording-file{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #293754;border-radius:11px;background:#0d1522}.recording-file strong{display:block;font-size:11px}.recording-file small{display:block;color:#7484a3;font-size:9px;margin-top:4px}.recording-file time{font-size:9px;color:#ffcf7a}.recording-file a{padding:9px 12px;border:1px solid #405579;border-radius:8px;color:#fff;text-decoration:none;font-size:9px;font-weight:800}.uploading{opacity:.65}
.system-audio-dialog{width:min(560px,calc(100% - 30px))}.system-audio-dialog>label{display:block;margin:20px 0 8px;color:#a9b7d4;font-size:9px;font-weight:800;letter-spacing:1px}.system-audio-dialog select{width:100%;height:44px;border:1px solid #405579;border-radius:10px;background:#0b1320;color:#fff;padding:0 12px}.system-audio-hint{min-height:34px;color:#ffcf7a!important;line-height:1.5}
/* Supplied artwork is the sole background for both the welcome screen and the connected application. */
body{position:relative;background:#080d15;isolation:isolate}
body::before{content:"";position:fixed;inset:-4px;z-index:0;background-image:url('/ocs-background.png?v=1');background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(1.5px);transform:scale(1.008);pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:0;background:rgba(5,8,14,.62);pointer-events:none}
.page{position:relative;z-index:1}
body.auth-mode::after{background:rgba(5,8,14,.38)}
body.auth-mode .page{visibility:hidden}
body.auth-mode .join-overlay{background:rgba(5,8,14,.12);backdrop-filter:none}
.join-overlay{z-index:20}
.recording-file{grid-template-columns:minmax(0,1fr) auto auto auto}.delete-recording{height:34px;padding:0 11px;border:1px solid #733449;border-radius:8px;background:#302031;color:#ff89a6;font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:610px){.recording-file{grid-template-columns:1fr auto}.recording-file time{grid-row:2}.recording-file a,.delete-recording{grid-row:2}}
.audio-setting-label{display:flex;align-items:center;gap:12px}.audio-icon{display:inline-block;position:relative;flex:0 0 auto;width:22px;height:22px;color:#a9b7d4}.headphone-icon:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:13px;border:2px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0}.headphone-icon:after{content:"";position:absolute;left:1px;top:12px;width:4px;height:8px;border:2px solid currentColor;border-radius:3px;box-shadow:13px 0 0 -2px #0f1724,13px 0 0 0 currentColor}.microphone-icon:before{content:"";position:absolute;left:7px;top:1px;width:8px;height:13px;border:2px solid currentColor;border-radius:6px}.microphone-icon:after{content:"";position:absolute;left:4px;top:9px;width:12px;height:9px;border:2px solid currentColor;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 4px 0 -1px #0f1724,0 6px 0 -1px currentColor}.user-volume>.audio-icon{width:22px;height:22px}.user-volume>.headphone-icon:after{box-shadow:13px 0 0 -2px #131d2d,13px 0 0 0 currentColor}
.microphone-svg{width:24px;height:24px;color:#b8c8e6;overflow:visible}
.peer-mute{justify-content:center;width:86px;height:38px!important;margin:0 auto;padding:0!important;border:1px solid #27354c!important;border-radius:12px;background:#131c2a;color:#bfc9dc;text-align:center}.peer-mute:hover{border-color:#405579!important;background:#19253a}.peer-mute.active{border-color:#703246!important;background:#302031;color:#ff89a6}.peer-mute:disabled{opacity:.45;cursor:default}
.recording-notice{margin:0 0 16px;padding:11px 15px;border:1px solid #a83851;border-radius:11px;background:#301923;color:#ff9ab0;font-size:11px;font-weight:900;letter-spacing:1px;text-align:center}
.main-tabs{margin-left:auto}.main-tabs button{min-width:112px;height:42px;border:1px solid #405988;border-radius:11px;background:#17243a;color:#edf4ff;font-size:11px;font-weight:900;letter-spacing:1.4px;cursor:pointer}.main-tabs button:hover{border-color:#6d91c7;background:#203351}.update-dialog{width:min(620px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto}.update-current{margin-top:18px;padding:18px;border:1px solid #30435f;border-radius:12px;background:#0c1522}.update-current>strong{font-size:19px;letter-spacing:1px}.update-current>p{min-height:18px;color:#9dacbf;font-size:11px;line-height:1.45}.update-publisher{margin-top:20px}.update-fields input::file-selector-button{border:0;border-radius:5px;background:#304766;color:#fff;padding:5px 8px}.dialog-action:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.page{width:100%}.bottom-area{grid-template-columns:190px minmax(0,1fr) minmax(180px,260px)}.settings-box{width:100%;grid-column:auto}.general-vu-panel{min-width:0}.profile-bar{grid-template-columns:120px minmax(140px,1fr) 70px minmax(150px,190px) 95px 110px}}
@media(max-width:900px){.header{height:112px;padding:34px 20px 0}.header h1{font-size:27px}.workspace{padding:15px}.profile-bar{grid-template-columns:110px minmax(0,1fr) 70px}.profile-bar .computer-audio-btn{grid-column:1/-1}.profile-bar .session-btn{grid-row:auto!important;grid-column:auto!important}.user-row{grid-template-columns:minmax(180px,1.4fr) 100px minmax(150px,1fr) 110px}.bottom-area{grid-template-columns:minmax(0,1fr) minmax(190px,260px)}.admin-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.admin-tools .invite-card,.registry-card{width:100%}.admin-tools .invite-card{height:76px}.settings-box{grid-column:1}.general-vu-panel{grid-column:2!important;width:100%;height:195px;margin:0}.setting-row,.setting-row.open{width:100%;grid-template-columns:125px minmax(0,1fr) 74px}}
@media(max-width:680px){.header{height:94px;padding:26px 12px 0;align-items:flex-start}.header h1{font-size:20px;line-height:1.15;max-width:210px}.main-tabs button{min-width:88px;height:36px}.workspace{padding:10px}.profile-bar{grid-template-columns:minmax(0,1fr) 70px;margin-bottom:14px;padding:10px}.profile-bar label{grid-column:1/-1}.profile-bar .computer-audio-btn,.profile-bar .session-btn{grid-column:1/-1!important}.users{gap:10px;min-height:0}.user-row{min-height:118px;height:auto;grid-template-columns:minmax(0,1fr) 88px;padding:6px 0}.user-row>*{height:48px;border-right:0;padding:0 10px}.user-identity{grid-column:1}.user-volume{grid-column:1/-1}.user-actions{position:static;grid-column:2;grid-row:1/3}.pagination{height:48px}.bottom-area{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:12px}.admin-tools{display:flex;flex-direction:column}.settings-box,.general-vu-panel{width:100%;height:auto;min-height:175px}.general-vu-panel{margin:0}.setting-row,.setting-row.open{grid-template-columns:92px minmax(0,1fr) 66px;padding:0 10px;gap:7px}.update-fields{grid-template-columns:1fr}.update-dialog{padding:20px}.join-box{max-height:calc(100vh - 20px);overflow:auto;padding:24px}}
@media(max-width:420px){.header h1{font-size:17px;max-width:175px}.main-tabs button{min-width:75px;padding:0 8px;font-size:9px}.user-row{grid-template-columns:minmax(0,1fr) 72px}.user-name{font-size:12px}.peer-mute,.ban-btn,.record-btn{width:58px!important}.setting-row,.setting-row.open{grid-template-columns:74px minmax(0,1fr) 60px}.audio-setting-label{gap:6px}.dialog-head h2{font-size:19px}.invite-box{flex-direction:column}.copy-btn{width:100%}}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,transparent 0 var(--level,0%),#172337 var(--level,0%) 100%),linear-gradient(90deg,#45d486 0%,#e5d34f 58%,#ff8c3f 78%,#ed3454 100%);border-color:#40516b}input[type=range]::-moz-range-track{background:linear-gradient(90deg,transparent 0 var(--level,0%),#172337 var(--level,0%) 100%),linear-gradient(90deg,#45d486 0%,#e5d34f 58%,#ff8c3f 78%,#ed3454 100%);border-color:#40516b}.user-vu i,.general-vu-track i{background:#45d486;box-shadow:0 0 10px currentColor;transition:width 70ms linear,background 90ms linear}