@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.access-error{color:#ff9299;font-size:11px;margin:0}.login-form{display:grid;gap:9px}.login-form label{margin-top:7px}.login-form input{background:#07121e;border:1px solid #294158;color:#fff;border-radius:11px;padding:14px;outline:none}.login-form input:focus{border-color:#41ca9f;box-shadow:0 0 0 3px #41ca9f1c}.login-form button{border:0;background:var(--accent);color:#06261c;padding:14px 18px;border-radius:11px;font-weight:800;margin-top:7px}.login-form button:disabled{opacity:.5;cursor:not-allowed}.person-actions{display:flex;gap:5px;align-items:center}.person-actions .moderation-action{width:31px;padding:8px 0;background:#1d2938;border-color:#39485a;color:#aebdca}.person-actions .moderation-action.ban{color:#ff9299;border-color:#61343b}.person i.live-user{background:#ff6871;box-shadow:0 0 0 4px #ff68711f}.start-broadcast{margin:0 18px 14px;width:calc(100% - 36px);border:1px solid #36a985;background:#1b5e4b;color:#c2f7e7;border-radius:10px;padding:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}.entry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 20px}.entry-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:10px;border:1px solid #294158;background:#0a1724;color:#8498ab;font-weight:700}.entry-tabs button.selected{background:#153c33;border-color:#3a8d74;color:#a5efd8}.resume-room{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid #2a4b43;background:#0c2722;border-radius:15px;color:#55dbb4}.resume-room strong,.resume-room span{display:block}.resume-room strong{color:#d9f7ee;font-size:14px}.resume-room span{font-size:10px;color:#79a89a;margin-top:4px}.resume-room button,.leave-room{border:1px solid #3a826e;background:#174b3d;color:#b9f2e1;border-radius:9px;padding:10px 12px;font-weight:700;font-size:11px}.resume-room .secondary{grid-column:3;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.leave-room{display:flex;align-items:center;gap:6px;background:#172536;border-color:#304358;color:#aebfce}.lobby-shell{max-width:1250px;margin:0 auto}.lobby-shell>header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17283a}.lobby-heading{padding:52px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.lobby-heading h1{font:800 clamp(30px,5vw,48px)/1.05 Manrope;margin:7px 0;color:#f0f7fb;letter-spacing:-.04em}.lobby-heading p:not(.eyebrow){color:#8498ab;margin:0;max-width:600px;font-size:13px;line-height:1.6}.create-room-button{display:flex;align-items:center;gap:7px;border:0;background:var(--accent);color:#06261c;padding:13px 17px;border-radius:11px;font-weight:800;white-space:nowrap}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.room-card{min-height:100px;text-align:left;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:17px;background:linear-gradient(145deg,#102131,#0b1826);border:1px solid #21364a;border-radius:16px;color:#8296a9}.room-card:hover{border-color:#3b7e6c;background:#102a2a;transform:translateY(-1px)}.room-icon{width:48px;height:48px;border-radius:13px;background:#15382f;color:#5addb7;display:grid;place-items:center}.room-card strong,.room-card span{display:block}.room-card strong{color:#e1edf6;font:700 14px Manrope}.room-card span{font-size:10px;margin-top:5px}.rooms-empty{grid-column:1/-1;min-height:300px;border:1px dashed #25384b;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#536a80;text-align:center}.rooms-empty strong{color:#9bafc0;margin:13px 0 6px}.rooms-empty span{font-size:11px;max-width:330px;line-height:1.5}.lobby-error{color:#ff9299;background:#2a171e;border:1px solid #59303a;padding:11px 13px;border-radius:10px;font-size:12px}.room-modal{position:relative;text-align:left}.room-modal .request-icon,.room-modal .eyebrow,.room-modal h3{text-align:center}.room-modal label{display:block;color:#91a4b5;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:17px 0 7px}.room-modal input{width:100%;background:#07121e;border:1px solid #294158;color:#fff;border-radius:10px;padding:13px;outline:none}.room-modal input:focus{border-color:#41ca9f}.room-modal>button[type=submit]{width:100%;margin-top:17px;padding:12px}.room-modal .modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px;margin:0;padding:0;background:#172638;border-color:#304257;color:#aab9c6}.room-modal .access-error{margin-top:10px}:root{font-family:DM Sans,sans-serif;color:#dce8f4;background:#06101c;font-synthesis:none;--bg:#06101c;--panel:#0c1928;--panel2:#101f30;--line:#203247;--muted:#8497aa;--text:#edf6ff;--accent:#49e0b4;--accent2:#24b98d;--danger:#ff6b74}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,#0b2a35 0,transparent 32%),radial-gradient(circle at 85% 15%,#10233c 0,transparent 30%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:0 3.5vw 40px}.shell>header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17283a}.brand,.brand>div,.live-banner>div,.trust-line,.connection,.count,.fps,.safety,.notice{display:flex;align-items:center}.brand{gap:11px}.brand strong{font:700 17px Manrope;display:block}.brand span{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#53e7bd,#1ab083);color:#04251c;box-shadow:0 12px 28px #28ca9b2e}.brand-mark.small{width:38px;height:38px;border-radius:12px}.connection{gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px;color:var(--muted)}.pulse{width:7px;height:7px;border-radius:50%;background:#66798c}.connection.online .pulse{background:var(--accent);box-shadow:0 0 0 4px #49e0b420}.connection.online{color:#bcebdc}.live-banner{margin:18px 0 0;padding:13px 16px;border:1px solid #2b775f;background:#0c2a25;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.live-banner>div{gap:9px}.live-banner span{color:#92cbb9;font-size:12px;margin-left:4px}.live-banner button,.danger{background:#b72f3a!important;color:#fff!important;border-color:#dd505b!important}.notice{gap:9px;color:#9cafc1;font-size:13px;padding:17px 4px 13px}.notice-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(420px,1.65fr) minmax(270px,.82fr);gap:14px;align-items:start}.panel{background:linear-gradient(155deg,#0e1c2b,#0a1624);border:1px solid var(--line);border-radius:18px;min-height:200px;box-shadow:0 20px 60px #00000020;overflow:hidden}.panel-heading{height:76px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#53d4ae;font-weight:700;font-size:9px;margin:0 0 5px}.panel h2{font:700 16px Manrope;margin:0;color:var(--text)}.count,.fps{gap:6px;color:#a8b7c5;background:#142436;padding:7px 10px;border-radius:9px;font-size:11px}.people-list{padding:10px}.person{padding:12px 9px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;border-radius:12px}.person.self{background:#ffffff0a;outline:1px solid #ffffff14}.person:hover{background:#122132}.avatar{width:40px;height:40px;border-radius:12px;background:#253a51;display:grid;place-items:center;font:700 15px Manrope;color:#a8f0da}.person strong,.person span{display:block}.person strong{font-size:13px}.person span{font-size:10px;color:var(--muted);margin-top:3px}.person i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.person button,.modal button,.live-banner button,.stop-view{border:1px solid #326a5b;background:#13382f;color:#91e6cc;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.person button:disabled{opacity:.35;cursor:not-allowed}.empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#536a80}.empty strong{font-size:13px;color:#8fa2b5;margin:12px 0 5px}.empty span{font-size:11px;max-width:190px;line-height:1.5}.video-frame{margin:15px;background:#050b12;border:1px solid #1a2a3c;border-radius:13px;aspect-ratio:16/9;overflow:hidden;position:relative}.video-frame video{width:100%;height:100%;object-fit:contain;display:block}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5a7188}.video-placeholder.overlay{background:#07111fee}.screen-outline{width:80px;height:55px;border:1px solid #25425b;border-radius:9px;display:grid;place-items:center;margin-bottom:16px}.video-placeholder strong{font-size:13px;color:#8ca0b3}.video-placeholder span{font-size:10px;margin-top:6px}.stop-view{margin:0 15px 15px;width:calc(100% - 30px);color:#ff9ba2;border-color:#5b343c;background:#27191f}.settings fieldset{border:0;padding:17px 18px;margin:0}.settings label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8499ad;font-weight:700;display:block;margin:0 0 8px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:20px}.segmented.three{grid-template-columns:repeat(3,1fr);margin-bottom:8px}.segmented button,.quality-list button{background:#101f30;color:#8094a8;border:1px solid #1c3045;border-radius:8px;padding:8px 4px;font-size:10px}.segmented button.selected,.quality-list button.selected{background:#163c34;border-color:#31745f;color:#8ce8cc}.hint{font-size:9px;color:#667b8f;line-height:1.5;margin:0 0 18px}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px}.quality-list button{text-align:left;padding:9px}.quality-list span,.quality-list small{display:block}.quality-list small{font-size:8px;color:#667c91;margin-top:2px}.quality-list .selected small{color:#74bba6}.custom{display:flex!important;align-items:center;gap:9px}.custom input{width:90px;margin-left:auto;background:#0a1724;border:1px solid #2a4056;color:#fff;padding:7px;border-radius:7px}.safety{gap:10px;margin:0 18px 18px;padding:12px;background:#0b2823;border:1px solid #204b40;border-radius:11px;color:#55dbb4}.safety p{margin:0}.safety strong,.safety span{display:block}.safety strong{font-size:10px}.safety span{font-size:8px;color:#78a99b;margin-top:3px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#02070dbd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{width:min(410px,100%);background:#0f1d2c;border:1px solid #294158;border-radius:20px;padding:30px;text-align:center;box-shadow:0 30px 90px #000}.modal .eyebrow{margin-top:14px}.modal h3{font:700 20px Manrope;margin:7px 0}.modal>p:not(.eyebrow){color:#8498ab;font-size:12px;line-height:1.55}.modal button{margin:20px auto 0;padding:10px 14px}.request-icon{width:58px;height:58px;border-radius:17px;background:#153d33;color:#62e2bc;display:grid;place-items:center;margin:0 auto}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:20px}.modal-actions button{margin:0}.secondary{background:#172638!important;border-color:#304257!important;color:#b4c1ce!important}.spinner{width:27px;height:27px;border:3px solid #244137;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{display:grid;place-items:center;padding:30px}.login-card{width:min(620px,100%);padding:58px;background:linear-gradient(145deg,#102231,#091520);border:1px solid #20364a;border-radius:28px;box-shadow:0 30px 100px #0005}.login-card h1{font:800 clamp(32px,5vw,53px)/1.06 Manrope;letter-spacing:-.045em;margin:12px 0 18px;color:#f0f7fb;max-width:520px}.intro{color:#93a7b8;font-size:16px;line-height:1.6;max-width:480px;margin-bottom:42px}.login-card label{font-size:11px;color:#a0b1c0;font-weight:700;display:block;margin-bottom:8px}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row input{background:#07121e;border:1px solid #294158;color:#fff;border-radius:11px;padding:14px;outline:none}.join-row input:focus{border-color:#41ca9f;box-shadow:0 0 0 3px #41ca9f1c}.join-row button{border:0;background:var(--accent);color:#06261c;padding:0 18px;border-radius:11px;font-weight:800}.trust-line{gap:8px;color:#6f958a;font-size:11px;margin-top:25px}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1.5fr}.settings{grid-column:1/-1}.settings fieldset{display:grid;grid-template-columns:110px 1fr;align-items:start;gap:8px 15px}.settings .hint,.quality-list{grid-column:2}.safety{max-width:400px}.live-banner span{display:none}}@media(max-width:720px){.shell{padding:0 14px 28px}.shell>header{height:70px}.workspace{grid-template-columns:1fr}.settings{grid-column:auto}.stage{grid-row:1}.live-banner{align-items:flex-start;gap:12px}.live-banner>div{align-items:flex-start}.live-banner button{white-space:nowrap}.settings fieldset{display:block}.login-card{padding:32px 24px}.join-row{grid-template-columns:1fr}.join-row button{padding:13px}.person{grid-template-columns:40px 1fr}.person button{grid-column:1/-1}.modal-actions{grid-template-columns:1fr}.brand span,.connection{display:none}.leave-room{padding:9px}.leave-room{font-size:0}.resume-room{grid-template-columns:auto 1fr}.resume-room button,.resume-room .secondary{grid-column:1/-1;width:100%}}.multi-stage{min-height:520px}.stage-tools{gap:18px}.size-control{display:flex!important;align-items:center;gap:8px;color:#8295a8;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;margin:0!important}.size-control select{background:#101f30;border:1px solid #294058;color:#d9e7f3;border-radius:8px;padding:7px 9px}.screens-grid{padding:15px;display:grid;gap:14px;align-items:start;min-height:430px}.screens-grid.grid-small{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.screens-grid.grid-medium{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.screens-grid.grid-large{grid-template-columns:1fr}.screen-card{background:#07111b;border:1px solid #21374c;border-radius:13px;overflow:hidden;min-width:0}.screen-card-head{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#0e1c2b;border-bottom:1px solid #203247}.screen-card-head>div{display:flex;align-items:center;gap:8px}.screen-card-head i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.screen-card-head strong{font-size:11px}.screen-card-head span{font-size:9px;color:#70869a}.screen-card-head button{width:29px;height:29px;display:grid;place-items:center;background:#142538;border:1px solid #294158;color:#9bafc1;border-radius:7px;padding:0}.remote-frame{position:relative;aspect-ratio:16/9;background:#02060a}.remote-frame video{width:100%;height:100%;display:block;object-fit:contain}.remote-frame:fullscreen{display:grid;place-items:center;background:#000}.remote-frame:fullscreen video{width:100vw;height:100vh}.multi-empty{grid-column:1/-1;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#536a80;text-align:center}.multi-empty strong{font-size:13px;color:#8ca0b3}.multi-empty span{font-size:10px;margin-top:7px;max-width:300px}@media(max-width:1180px){.screens-grid.grid-medium{grid-template-columns:1fr}}@media(max-width:760px){.stage-tools{height:auto;min-height:76px;padding-block:12px;align-items:flex-start}.size-control{flex-direction:column;align-items:flex-start}.screens-grid{min-height:300px;padding:10px}.screens-grid.grid-small,.screens-grid.grid-medium,.screens-grid.grid-large{grid-template-columns:1fr}.multi-empty{min-height:280px}.screen-card-head span{display:none}}@media(max-width:680px){.lobby-heading{padding-top:34px;align-items:stretch;flex-direction:column}.create-room-button{justify-content:center}.rooms-grid{grid-template-columns:1fr}.lobby-shell>header .brand span{display:block}.room-modal{padding:28px 22px}}.screen-audio{position:absolute;z-index:3;left:50%;bottom:12px;transform:translate(-50%,8px);width:min(520px,calc(100% - 24px));display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #ffffff24;border-radius:12px;background:#07111bd9;box-shadow:0 8px 28px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.screen-audio.visible{transform:translate(-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.screen-audio button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 auto;border:1px solid #ffffff1f;background:#ffffff0d;color:inherit;border-radius:9px;cursor:pointer}.screen-audio button:hover{background:#ffffff1a}.login-links{display:grid;gap:14px;margin-top:25px}.login-links .trust-line{margin-top:0}.friend-site-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #30465b;background:#112235;color:#a9bdcf;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:700}.friend-site-button:hover{border-color:#4c718f;color:#e3eef7;background:#162b40}.login-links>.friend-site-button{width:100%}.external-site-modal .modal-actions button{width:100%}.panel-toggles{display:flex;justify-content:flex-end;gap:9px;margin:0 0 14px}.people-toggle{width:max-content;margin:0;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #30465b;background:#112235;color:#a9bdcf;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer}.quality-toggle:hover,.people-toggle:hover{border-color:#49cda8;color:#dff9f1}.screens-grid{display:flex;flex-wrap:wrap;align-content:flex-start}.screen-card{position:relative;display:flex;flex-direction:column;flex:0 0 auto;resize:both;overflow:hidden;min-width:260px;min-height:210px;max-width:100%}.screen-card:after{content:"";position:absolute;right:3px;bottom:3px;width:11px;height:11px;border-right:2px solid #65dbb9;border-bottom:2px solid #65dbb9;pointer-events:none;opacity:.8}.screen-card.size-small{width:min(310px,100%);height:235px}.screen-card.size-medium{width:min(540px,100%);height:365px}.screen-card.size-large{width:100%;height:min(70vh,720px)}.screen-card-head,.screen-audio{flex:0 0 auto}.screen-card .remote-frame{flex:1 1 auto;aspect-ratio:auto;min-height:120px}.multi-empty{width:100%}@media(max-width:760px){.panel-toggles{display:grid;grid-template-columns:1fr 1fr}.people-toggle{width:100%;justify-content:center}.screen-card,.screen-card.size-small,.screen-card.size-medium,.screen-card.size-large{width:100%;height:auto;min-width:0;min-height:0;resize:none}.screen-card:after{display:none}.screen-card .remote-frame{flex:none;aspect-ratio:16/9}}.live-actions{display:flex;gap:8px;flex:0 0 auto}.live-banner .preview-button{background:#174b3d!important;border-color:#3a826e!important;color:#c8f6e8!important}.self-preview-modal{width:min(1100px,96vw);max-height:94vh;display:flex;flex-direction:column;background:#07111b;border:1px solid #294158;border-radius:16px;overflow:hidden;box-shadow:0 30px 90px #000}.self-preview-video{min-height:240px;aspect-ratio:16/9;background:#02060a;display:grid;place-items:center}.self-preview-video video{width:100%;height:100%;display:block;object-fit:contain}.self-preview-video:fullscreen{width:100vw;height:100vh;background:#000}.self-preview-modal>p{margin:0;padding:11px 14px;color:#8297aa;background:#0e1c2b;border-top:1px solid #203247;font-size:10px;text-align:center}.self-preview-modal .screen-card-head{flex:0 0 auto}.self-preview-modal .screen-card-head button{cursor:pointer}@media(max-width:720px){.live-banner{flex-direction:column}.live-actions{width:100%;display:grid;grid-template-columns:1fr}.live-actions button{width:100%}.self-preview-video{min-height:0}.self-preview-modal .screen-card-head span{display:none}}.app-download{position:fixed;z-index:12;right:18px;bottom:18px;display:grid;grid-template-columns:34px auto;column-gap:9px;align-items:center;padding:10px 14px;border:1px solid #3b7868;background:#102e28ed;color:#dff9f1;border-radius:13px;text-decoration:none;box-shadow:0 14px 45px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-download>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#49e0b4;color:#06261c;font-size:22px;font-weight:900}.app-download strong{font-size:11px}.app-download small{font-size:9px;color:#7fb6a7}.app-download:hover{transform:translateY(-2px);border-color:#59d8b5;background:#133b32}html[data-desktop=true] .app-download{display:none}@media(max-width:600px){.app-download{right:12px;bottom:12px;padding:9px 11px}}.screen-audio input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--accent,#41ca9f);cursor:pointer}.screen-audio span{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;opacity:.65;min-width:32px;text-align:right}.screen-audio .fullscreen-toggle{margin-left:auto}.screen-audio.controls-only{width:auto;left:auto;right:12px;transform:translateY(8px)}.screen-audio.controls-only.visible{transform:translate(0)}.remote-frame:fullscreen .screen-audio.controls-only{right:max(18px,env(safe-area-inset-right));left:auto;width:auto;transform:translate(0)}.audio-unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;border:0;background:var(--accent,#41ca9f);color:#06261c;font-weight:700;font-size:12px;padding:9px 15px;border-radius:11px;cursor:pointer;z-index:4;box-shadow:0 6px 18px #0006}.remote-frame{position:relative}.remote-frame:fullscreen .screen-audio{bottom:max(18px,env(safe-area-inset-bottom));width:min(640px,calc(100% - 32px));padding:10px 13px}.global-actions{position:fixed;z-index:12;right:18px;bottom:18px;display:flex;align-items:stretch;gap:8px}.global-actions button{box-shadow:0 14px 45px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-actions .friend-site-button{background:#112235ed}.app-download-button{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #3b7868;background:#102e28ed;color:#dff9f1;border-radius:11px}.app-download-button>svg{color:#49e0b4}.app-download-button>span,.app-download-button strong,.app-download-button small{display:block;text-align:left}.app-download-button strong{font-size:11px}.app-download-button small{font-size:9px;color:#7fb6a7;margin-top:2px}.app-download-button:hover{transform:translateY(-2px);border-color:#59d8b5;background:#133b32}.download-options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}.download-options button{width:100%;margin:0;padding:11px 10px}.download-modal>p strong{color:#dceaf5}html[data-desktop=true] .app-download-button{display:none}@media(max-width:680px){.global-actions{right:12px;bottom:12px;left:12px}.global-actions>button{flex:1}.global-actions .friend-site-button span{display:none}.shell{padding-bottom:100px}}.build-stamp{position:fixed;left:10px;bottom:8px;margin:0;z-index:13;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#7d94a8;background:#07111fb8;border:1px solid #23384b;border-radius:5px;padding:2px 7px;pointer-events:none}@media(max-width:680px){.build-stamp{bottom:76px}}.segmented.five{grid-template-columns:repeat(5,1fr);margin-bottom:8px}.start-broadcast.standalone{width:100%;margin:18px 0 0;padding:16px;font-size:14px;gap:9px;border-radius:14px}.voice-join,.voice-actions button{border:1px solid #326a5b;background:#13382f;color:#91e6cc;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.voice-join{width:100%;justify-content:center;padding:13px}.voice-join strong,.voice-join small,.voice-self strong,.voice-self small{display:block;text-align:left}.voice-join strong,.voice-self strong{font-size:12px}.voice-join small,.voice-self small{font-size:9px;color:#6fa494;margin-top:2px;font-weight:600}.voice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px;background:#0b1c29;border:1px solid #1d3346;border-radius:13px}.voice-self{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.voice-actions{display:flex;gap:7px;flex-wrap:wrap}.voice-actions button.off{background:#2a1a20;border-color:#5d3640;color:#ffa8ae}.voice-actions .leave-voice{background:#1a2534;border-color:#3a4a5e;color:#b3c2d0}.voice-meter{display:block;width:52px;height:6px;border-radius:4px;background:#12283a;overflow:hidden;flex:none}.voice-meter.small{width:34px;height:5px}.voice-meter i{display:block;margin:0;width:100%;height:100%;border-radius:4px;background:var(--accent);transform-origin:left center;transition:transform .1s linear}.voice-meter.silent i{background:#3c4b5c}.person-voice{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:2px 2px 0}.person-voice input[type=range]{flex:1;accent-color:var(--accent);height:4px}.person-voice b{font-size:9px;color:#7f93a6;font-weight:700;min-width:34px;text-align:right}.voice-meter{position:relative}.voice-meter.input i{background:#3c4b5c}.voice-meter.input.open i{background:var(--accent)}.voice-meter.input b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#ffd479;border-radius:2px;margin-left:-1px}.voice-sensitivity{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:9px;border-top:1px solid #16283a}.voice-sensitivity input[type=range]{flex:1;min-width:140px;accent-color:var(--accent);height:4px}.voice-sensitivity input[type=range]:disabled{accent-color:#3c4b5c}.voice-sensitivity>span{font-size:9px;color:#7f93a6;font-weight:700;min-width:96px;text-align:right}.voice-auto{display:flex;align-items:center;gap:6px;font-size:10px;color:#8fa2b5;font-weight:700}.voice-auto input{accent-color:var(--accent)}.voice-sensitivity .hint{flex-basis:100%;margin:0}.chat{display:flex;flex-direction:column;max-height:min(70vh,620px)}.chat .panel-heading{flex:none}.chat-close{background:#172638;border:1px solid #304257;color:#b4c1ce;border-radius:9px;padding:7px 9px;display:flex;align-items:center}.chat-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 15px 6px;display:flex;flex-direction:column;gap:11px}.chat-list .empty{min-height:150px}.chat-message header{display:flex;align-items:baseline;gap:7px;margin-bottom:3px}.chat-message strong{font-size:11px;color:#9fd8c6}.chat-message.self strong{color:#8ab6e8}.chat-message time{font-size:9px;color:#5d7286}.chat-message p{margin:0;font-size:12px;line-height:1.5;color:#c3d1dd;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message a{color:#6fd8f5;text-decoration:underline;text-underline-offset:2px}.chat-message a:hover{color:#a8ecff}.chat-compose{flex:none;display:flex;gap:7px;padding:12px 15px 15px}.chat-compose input{flex:1;min-width:0;background:#0a1724;border:1px solid #2a4056;color:#fff;padding:10px;border-radius:9px;outline:none;font-size:12px}.chat-compose input:focus{border-color:#41ca9f;box-shadow:0 0 0 3px #41ca9f1c}.chat-compose button{flex:none;border:1px solid #326a5b;background:#13382f;color:#91e6cc;border-radius:9px;padding:0 12px;display:flex;align-items:center}.chat-compose button:disabled{opacity:.4}.chat-badge{margin-left:6px;background:#ff6871;color:#2a0d10;border-radius:9px;padding:1px 6px;font-size:9px;font-weight:800}.workspace.panels{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.panel-column{display:flex;flex-direction:column;gap:14px;flex:0 0 auto;width:300px;min-width:200px;max-width:900px;overflow:hidden;resize:horizontal}.panel-column:has(>.panel.stage){flex:1 1 460px;width:auto;min-width:360px;max-width:none;resize:none}.panel.resizable{width:auto;overflow:hidden;resize:vertical;min-height:160px}.panel.people{height:460px}.panel.chat{height:520px;max-height:none}.panel.stage{height:620px}.panel.settings{height:auto;resize:vertical}.panel.people,.panel.chat{display:flex;flex-direction:column}.panel.people .people-list{flex:1;overflow-y:auto}.panel.stage .screens-grid{overflow-y:auto}.panel-heading[draggable=true]{cursor:grab}.panel-heading[draggable=true]:active{cursor:grabbing}.panel.dragging{opacity:.45}.panel.drop-target{outline:1px dashed #2f6f5d;outline-offset:-1px}.panel.drop-above,.panel.drop-below,.panel.drop-left,.panel.drop-right{position:relative}.panel.drop-above:before,.panel.drop-below:before,.panel.drop-left:before,.panel.drop-right:before{content:"";position:absolute;z-index:3;background:var(--accent);box-shadow:0 0 14px #49e0b4aa;border-radius:3px;pointer-events:none}.panel.drop-above:before{left:0;right:0;top:0;height:4px}.panel.drop-below:before{left:0;right:0;bottom:0;height:4px}.panel.drop-left:before{top:0;bottom:0;left:0;width:4px}.panel.drop-right:before{top:0;bottom:0;right:0;width:4px}.layout-reset{margin-left:auto}.global-actions.inline{position:static;inset:auto;gap:6px}.global-actions.inline button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:7px 10px}.global-actions.inline .app-download-button small{display:none}.global-actions.inline .app-download-button strong{font-size:11px}.chat-count{align-self:center;font-size:9px;font-weight:700;color:#5d7286;min-width:50px;text-align:right}.chat-count.full{color:#ff9299}@media(max-width:900px){.workspace.panels{display:block}.panel-column{width:auto!important;min-width:0;max-width:none;resize:none;display:block}.panel.resizable{width:auto!important;height:auto!important;min-width:0;min-height:0;max-width:none;resize:none;margin-bottom:14px}.global-actions.inline .app-download-button strong{font-size:0}}.shell>.size-control{margin-bottom:6px!important}.shell>.panel-toggles{margin-top:8px}.room-entry{display:flex;flex-direction:column;gap:6px}.room-entry .room-card{width:100%}.room-badge{display:inline-flex;align-items:center;gap:3px;margin-left:7px;padding:1px 6px;border-radius:8px;background:#163c34;color:#8ce8cc;font-size:9px;font-weight:800;vertical-align:middle}.room-tools{display:flex;gap:6px;justify-content:flex-end}.room-tools button{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:700;border:1px solid #3a4a5e;background:#172638;color:#b4c1ce}.room-tools .room-delete:hover{border-color:#61343b;color:#ff9299}.room-tools .room-keep:hover{border-color:#31745f;color:#8ce8cc}.room-kind{display:flex!important;align-items:flex-start;gap:9px;text-align:left;margin-bottom:14px!important;text-transform:none!important;letter-spacing:0!important}.room-kind input{margin-top:2px;accent-color:var(--accent)}.room-kind strong,.room-kind small{display:block}.room-kind strong{font-size:12px;color:#d9e7f3}.room-kind small{font-size:9px;color:#7f93a6;margin-top:3px;line-height:1.5;font-weight:500}.room-closing-banner{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:11px 14px;border:1px solid #6b4a22;background:#2a1e0e;border-radius:12px;color:#ffc978}.room-closing-banner strong,.room-closing-banner span{display:block}.room-closing-banner strong{font-size:12px}.room-closing-banner span{font-size:10px;color:#c3a173;margin-top:3px}.moderation-action.on{background:#163c34;border-color:#31745f;color:#8ce8cc}.chat-attach{flex:none;display:flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #2a4056;background:#0a1724;color:#8fa2b5;border-radius:9px;cursor:pointer}.chat-attach:hover{border-color:#41ca9f;color:#8ce8cc}.chat-image img{max-width:100%;max-height:320px;border-radius:9px;display:block;background:#0a1724}.chat-video{max-width:100%;max-height:320px;border-radius:9px;display:block;background:#000}.chat-message audio{width:100%;margin-top:2px}.chat-file{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #2a4056;background:#0c1a28;border-radius:9px;text-decoration:none!important;color:#c3d1dd}.chat-file:hover{border-color:#41ca9f}.chat-file strong,.chat-file small{display:block}.chat-file strong{font-size:11px;overflow-wrap:anywhere}.chat-file small{font-size:9px;color:#7f93a6;margin-top:2px}