@import url('data:text/css,');
.desktop-titlebar-visible{--desktop-titlebar-height:env(titlebar-area-height,32px)}
body.desktop-titlebar-visible{padding-top:var(--desktop-titlebar-height)}
body.desktop-titlebar-visible>main,body.desktop-titlebar-visible>aside{height:calc(100dvh - var(--desktop-titlebar-height))}
body.desktop-titlebar-visible>aside{top:var(--desktop-titlebar-height)}
.desktop-titlebar{position:fixed;z-index:1000;top:0;left:0;width:100%;height:var(--desktop-titlebar-height,32px);padding-left:10px;padding-right:calc(100% - env(titlebar-area-width,calc(100% - 138px)));display:flex;align-items:center;justify-content:space-between;background:#202026;color:#e4e9f3;font:12px 'Segoe UI',sans-serif;-webkit-app-region:drag;user-select:none}
.desktop-titlebar-update{height:100%;width:40px;padding:0;border:0;border-radius:0;background:transparent;color:#aab2c0;font-size:17px;-webkit-app-region:no-drag}
.desktop-titlebar-update:disabled{opacity:.65}
.desktop-titlebar-update.update-available{background:#285441;color:#b2ffdc}
.desktop-titlebar-update.update-available:hover{background:#356d55}
.desktop-titlebar-update:focus-visible{outline-offset:-3px}
html:has(:fullscreen) .desktop-titlebar{display:none}
:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#12151c;color:#e9edf5}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:235px 1fr 300px;min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #353b49;background:#252b37;color:#e4e9f3;border-radius:9px;padding:11px 14px;transition:background .2s}button:hover{background:#394352}button:disabled,input:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a6f5d7;outline-offset:3px}aside{background:#191d26;padding:30px 20px;border-right:1px solid #2b303c;display:flex;flex-direction:column}.brand{color:#a6f5d7;text-decoration:none;font-size:35px;font-weight:900;display:flex;align-items:center;gap:12px}.brand span{font-size:23px;color:#f2f6ff;letter-spacing:-1px}.server{margin:38px 0;color:#8c95a7;font-size:10px;letter-spacing:1px}.server b{display:block;font-size:16px;color:#e9edf5;margin-top:14px;letter-spacing:0}.server small{display:block;font-weight:400;color:#929caf;font-size:12px;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8e9aaa;font-weight:700}#channels{display:grid;gap:8px}#channels button{text-align:left;border:0;background:transparent;color:#a5afc0}#channels .selected{background:#294137;color:#b1ffdd}.aside-bottom{margin-top:auto;padding-top:40px;font-size:11px;color:#929aab}.dot{display:inline-block;width:6px;height:6px;background:#a6f5d7;border-radius:100%;margin-right:5px}main{display:flex;flex-direction:column;min-width:0}header{padding:28px 34px;border-bottom:1px solid #2b303c;display:flex;justify-content:space-between;align-items:center}h1{font-size:26px;margin:6px 0 0}h1 span{color:#a6f5d7;font-size:18px}h2{letter-spacing:-.7px}.badge{display:inline-block;border:1px solid #36413f;color:#a6d7c6;border-radius:20px;padding:8px 12px;font-size:11px}#notice:empty{display:none}#notice{padding:13px 34px;background:#1d2826;color:#b5c9c3;font-size:12px}.stage{flex:1;padding:28px;min-height:450px}#empty{text-align:center;padding:65px 0;color:#9da8ba}#empty h2{color:#f1f5fa;font-size:27px;font-weight:600}#empty p{font-size:14px;line-height:1.9;margin-bottom:25px}.screen-icon{font-size:60px;color:#a6f5d7}#screens{display:grid;gap:15px}#screens:empty{display:none}.tile{position:relative;background:#090c11;border:1px solid #343d4b;border-radius:14px;overflow:hidden}.tile video{width:100%;max-height:65vh;display:block;object-fit:contain}.tile .label{padding:10px;color:#b9c4d5;font-size:12px;display:flex;justify-content:space-between;align-items:center}.tile button{padding:4px 8px;font-size:11px}#people{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.person{border:1px solid #333c48;background:#202632;border-radius:12px;padding:16px;min-width:130px;font-size:12px}.person.active{border-color:#a6f5d7}.person b{display:block;font-size:22px;color:#a6f5d7;margin-bottom:12px}.person small{display:block;color:#9ca8b9;margin-top:5px}footer{padding:20px;border-top:1px solid #2b303c;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between}footer b{font-size:12px;color:#a6f5d7}footer small{display:block;font-size:10px;color:#8793a6;margin-top:5px}.controls{display:flex;gap:7px;flex-wrap:wrap}.controls button,.controls select{font-size:11px}.primary{background:#a6f5d7;color:#14271e;border:0;font-weight:700}.primary:hover{background:#c3ffe9}.danger{color:#ff9b9b;background:#41282e}.chat{border-left:1px solid #2b303c;background:#171b23;display:flex;flex-direction:column;padding:25px 18px;height:100vh;position:sticky;top:0}.chat h2{font-size:15px;margin:9px 0 20px}.chat h2 span{float:right;color:#7f8ca3}.hint{font-size:11px;line-height:1.6;color:#7e8a9f}.chat #messages{flex:1;overflow:auto}.message{padding:15px 0;border-bottom:1px solid #272e3a;overflow-wrap:anywhere}.message b{color:#a6f5d7;font-size:12px}.message time{font-size:9px;color:#8190a4;float:right}.message p{font-size:13px;line-height:1.6;margin:6px 0}#chat-form{display:flex;gap:7px;margin-top:16px}input,select{background:#11161f;border:1px solid #363f4f;border-radius:8px;padding:12px;color:#e8effa;min-width:0}#message{width:100%;font-size:12px}dialog{background:#202631;color:#edf5ff;border:1px solid #455344;border-radius:20px;padding:34px;width:min(430px,94vw);box-shadow:0 0 0 100vmax #070b12c9;position:fixed;top:50%;transform:translateY(-50%);margin:0 auto;z-index:10}dialog h2{font-size:29px;margin:16px 0 8px}dialog p{font-size:13px;color:#a8b4c6}dialog label{display:grid;gap:8px;font-size:12px;margin:18px 0}dialog button{width:100%;padding:14px}dialog small{display:block;font-size:10px;color:#8e9daf;text-align:center;margin-top:17px}.logo{font-size:42px;color:#a6f5d7;font-weight:900;margin-bottom:15px}#join-error{color:#ffb3b3}body.joining main,body.joining aside,body.joining .chat{pointer-events:none}audio{display:none}@media(max-width:1100px){body{grid-template-columns:180px 1fr}.chat{grid-column:1/-1;height:380px;position:static}aside{padding:25px 14px}header{padding:25px}.stage{padding:20px}}@media(max-width:600px){body{grid-template-columns:1fr}aside{padding:14px}.brand{font-size:24px}.brand span{font-size:20px}.server,.aside-bottom,aside .eyebrow{display:none}#channels{display:flex;margin-top:12px}header{padding:20px}.stage{min-height:300px}#empty{padding:25px 0}#empty h2{font-size:23px}footer{padding:14px}}
.video-metrics{padding:0 10px 12px;font-size:11px;color:#a6d7c6;font-variant-numeric:tabular-nums}
@media(min-width:1101px){body{height:100vh;overflow:hidden}main{height:100vh}header,#notice,footer{flex-shrink:0}.stage{min-height:0;overflow:auto}}
[hidden]{display:none!important}.broadcasts{margin-bottom:20px}.broadcasts h2{font-size:16px;margin:0 0 12px}.broadcast-list{display:flex;gap:10px;flex-wrap:wrap}.broadcast-card{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#202733;border:1px solid #3b4657;border-radius:10px;padding:12px;min-width:230px;flex:1;max-width:390px}.broadcast-card.watching{border-color:#85dab8}.broadcast-card b{font-size:13px}.broadcast-card small{display:block;font-size:11px;color:#97a7bd;margin-top:5px}.broadcast-card button{font-size:11px;padding:8px}.viewer{position:relative;background:#0a0e15;border:1px solid #303c4d;border-radius:12px;overflow:hidden}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:10px;background:#1c2430;flex-shrink:0}.viewer-toolbar span{font-size:12px;color:#a6f5d7;margin-right:auto}.viewer-toolbar button{font-size:11px;padding:8px}#screens{height:clamp(260px,54vh,780px);display:grid;gap:10px;padding:10px;min-height:0;min-width:0}.tile{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:8px}.video-surface{min-height:0;min-width:0;flex:1;background:#03060b;overflow:hidden;display:flex;align-items:center;justify-content:center}.tile .video-surface video{width:100%;height:100%;min-width:0;min-height:0;max-height:none;object-fit:contain}.tile .label{padding:8px;gap:8px;flex-shrink:0;font-size:11px}.tile-actions{display:flex;gap:6px;flex-wrap:wrap}.stream-volume{display:flex;gap:8px;align-items:center;padding:0 8px 8px;font-size:10px;flex-shrink:0;color:#aabbd2}.stream-volume input{flex:1;min-width:35px;padding:0;accent-color:#a6f5d7}.stream-volume output{width:35px;text-align:right}.video-metrics{padding:0 8px 8px;font-size:10px;flex-shrink:0}.viewer-drawer{position:absolute;inset:48px 0 0;background:#141c28f5;z-index:4;overflow:auto;padding:20px}.viewer-drawer h2{font-size:18px}.viewer-drawer>button{margin-top:18px}.viewer:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;background:#05090f}.viewer:fullscreen #screens{flex:1;width:100%;height:0;min-height:0;overflow:hidden}.tile:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;background:#03060b}.tile:fullscreen .video-surface{flex:1;min-height:0}.tile:fullscreen video{width:100%;height:100%;max-height:none}.tile:fullscreen .label,.tile:fullscreen .stream-volume{padding:12px 18px}.tile:fullscreen .video-metrics{padding:0 18px 12px}@media(max-width:700px){.viewer-toolbar{flex-wrap:wrap}.viewer-toolbar span{width:100%}.tile .label{flex-wrap:wrap}.stream-volume span{display:none}.broadcast-card{max-width:none}}
.mic-filter-dialog{max-height:90vh;overflow:auto;width:min(520px,94vw)}.mic-filter-dialog h2{font-size:25px}.mic-filter-dialog .mic-option{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.mic-option input{margin:4px 0 0;accent-color:#a6f5d7;width:18px;height:18px;flex-shrink:0}.mic-option b{font-size:13px}.mic-option small{display:block;text-align:left;margin:4px 0 0;font-size:11px;line-height:1.5}.mic-gain{display:flex;gap:12px;align-items:center;font-size:12px}.mic-gain input{padding:0;flex:1;accent-color:#a6f5d7}.mic-filter-actions{display:flex;gap:10px}.mic-filter-actions button{width:auto;flex:1}.mic-filter-status{font-size:11px;color:#a6d7c6}

.option-tabs{display:flex;gap:8px;margin:16px 0 24px}.option-tabs button{width:auto;flex:1}.option-tabs [aria-selected=true]{background:#a6f5d7;color:#10201c}.mic-filter-dialog h3{font-size:15px;margin:22px 0 14px}.mic-filter-dialog .mic-gain{margin:18px 0}.option-select{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:13px}.option-select select{width:100%}.mic-filter-dialog section>p{font-size:12px;line-height:1.6;color:#aabbd2}

.tile .label{display:flex;align-items:center;flex-wrap:wrap}.tile .label>span{margin-right:auto}.tile .label .stream-volume{padding:0;flex:1;min-width:150px;max-width:260px}.tile .label .stream-volume span{display:inline}.clip-library{margin-top:24px}.clip-library h2{font-size:18px}.clip-library>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.clip-card{background:#202733;border-radius:10px;padding:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.clip-card b{width:100%;font-size:12px}.clip-card video{width:100%;max-height:300px;background:#080c12}.clip-card a{color:#a6f5d7;font-size:12px}.clip-card button{margin-left:auto;font-size:11px}

.shortcut-list{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:center;font-size:12px}.shortcut-list dt{color:#b9c4d5}.shortcut-list dd{margin:0;padding:6px 9px;border:1px solid #455367;background:#141b26;border-radius:6px;font-family:Consolas,monospace;color:#a6f5d7;white-space:nowrap}.tile:focus-visible{outline:2px solid #a6f5d7;outline-offset:-3px}.option-tabs button{min-width:0;padding:12px 8px}

.tile[data-clip-target=true]{border-color:#a6f5d7}

.brand .app-version{font-size:11px;font-weight:500;letter-spacing:0;color:#a6d7c6;white-space:nowrap}.stream-audio-status{padding:0 10px 8px;color:#9dacc0;font-size:10px;flex-shrink:0}

.account-form{margin:0}.account-form h2{font-size:25px}.account-form .account-error{color:#ffb1b1;font-size:12px;line-height:1.5}.account-state{padding:12px 0}.account-state h3{font-size:19px}.account-state button{margin-top:12px}.account-bar{margin-top:24px;display:grid;gap:9px;font-size:11px;color:#a6f5d7}.account-bar button{font-size:11px;padding:9px}.account-admin-dialog{width:min(640px,94vw);max-height:90vh;overflow:auto}.account-admin-dialog>button{width:auto;margin:12px 8px 0 0}.account-request{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #384252}.account-request>div{margin-right:auto}.account-request b{font-size:13px}.account-request small{display:block;text-align:left;color:#a3b5c6;margin-top:6px}.account-request button{width:auto;font-size:12px;padding:10px}#join-form>button[type=button]{margin-top:10px}.account-form .option-tabs [aria-pressed=true]{background:#a6f5d7;color:#10201c}

#join-dialog{max-height:92vh;overflow:auto}

.owner-password-dialog form{margin:18px 0}.owner-password-dialog form>button{width:100%;margin-top:10px}.owner-password-dialog input{width:100%}.owner-password-dialog [role=status]{font-size:12px;line-height:1.6}.owner-password-dialog>button{margin-top:14px}

.game-download{margin:18px 10px;padding:12px;border:1px solid #364450;border-radius:10px;background:#202630;overflow-wrap:anywhere}.game-download h3{font-size:14px;margin:0 0 8px}.game-download p{font-size:12px;color:#aeb8c8}.game-download a{display:block;color:#a6f5d7;margin:10px 0;font-size:13px}.game-download button{font-size:12px;margin:4px 0}.game-download form label{display:grid;gap:5px;font-size:12px;margin:8px 0}.game-download input{width:100%;min-width:0;box-sizing:border-box}.game-download [hidden]{display:none!important}

.game-download .download-button{display:block;padding:10px 8px;background:#a6f5d7;color:#15231e;text-align:center;text-decoration:none;border-radius:7px;font-weight:600}.game-download .download-button[aria-disabled="true"]{opacity:.45;cursor:not-allowed;background:#414954;color:#d4d9e1}.game-download>label{display:grid;gap:5px;font-size:12px}

:root{--rooms-width:235px;--chat-width:300px}body>aside{position:relative;min-width:0}.panel-divider{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;z-index:8}.panel-divider-left{right:-5px}.panel-divider-chat{left:-5px}.panel-divider:after{content:'';position:absolute;top:0;bottom:0;left:4px;width:2px;background:transparent}.panel-divider:hover:after,.panel-divider:focus-visible:after,.resizing-panels .panel-divider:after{background:#a6f5d7}.panel-divider:focus-visible{outline:none}.resizing-panels,.resizing-panels *{cursor:col-resize!important;user-select:none!important}@media(min-width:1101px){body{grid-template-columns:var(--rooms-width) minmax(0,1fr) var(--chat-width)}}@media(min-width:601px) and (max-width:1100px){body{grid-template-columns:var(--rooms-width) minmax(0,1fr)}.panel-divider-chat{display:none}}@media(max-width:600px){.panel-divider{display:none}}

body>aside{padding:0;min-height:0;height:100vh;height:100dvh;position:sticky;top:0}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#637b75 #191d26;scrollbar-gutter:stable;display:flex;flex-direction:column;padding:30px 20px}.sidebar-scroll>*{flex-shrink:0}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:#191d26}.sidebar-scroll::-webkit-scrollbar-thumb{background:#637b75;border-radius:8px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#a6f5d7}.sidebar-scroll:focus-visible{outline:2px solid #a6f5d7;outline-offset:-2px}@media(min-width:601px) and (max-width:1100px){.sidebar-scroll{padding:25px 14px}}@media(max-width:600px){body>aside{height:auto;max-height:70vh;max-height:70dvh;position:relative}.sidebar-scroll{padding:14px;max-height:70vh;max-height:70dvh}}

.participant-menu{position:fixed;z-index:100;width:270px;max-height:calc(100dvh - 16px);overflow-y:auto;background:#25272e;border:1px solid #454b58;box-shadow:0 12px 40px #0008;border-radius:10px;padding:10px;display:grid;gap:5px}.participant-menu>b{padding:8px}.participant-menu button{display:block;text-align:left;border:0;background:transparent;width:100%;font-size:13px;padding:9px}.participant-menu button:hover{background:#394352}.participant-menu label{display:grid;gap:8px;padding:12px 8px;border-block:1px solid #424650;font-size:13px}.participant-menu input{padding:0;width:100%}.participant-menu small{padding:8px;color:#aeb8c8}.person:focus-visible{outline:2px solid #a6f5d7}.participant-menu .danger{color:#ff9b9b}
.chat-message-menu[hidden]{display:none}.message:focus-visible{outline:2px solid #a6f5d7;outline-offset:2px}.chat-message-menu button:focus-visible{outline:2px solid #a6f5d7}
.participant-status{display:flex;align-items:center;gap:7px;margin-top:8px;min-height:24px}.participant-status-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px;color:#a6f5d7;background:#163a302e}.participant-status-icon.mic-off,.participant-status-icon.sound-off{color:#ff9b9b;background:#ff777711}.participant-status-icon.screen{color:#a6f5d7;background:#a6f5d71a}.participant-status-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* The stage scrolls independently; people and controls stay at the bottom. */
body{height:100vh;height:100dvh;overflow:hidden}body>main{height:100vh;height:100dvh;min-height:0;overflow:hidden}body>main>header{flex-shrink:0;padding:16px 24px}#notice{flex-shrink:0;padding:9px 24px}.stage{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column}.stage>#empty{flex:1;padding:25px 0;align-content:center}.broadcasts{flex-shrink:0;margin-bottom:12px}.broadcasts h2{margin-bottom:8px}.broadcast-card{padding:9px;min-width:200px}.participant-dock{flex-shrink:0;max-height:150px;overflow:auto;border-top:1px solid #2b303c;background:#141922}.participant-dock #people{margin:0;padding:10px 14px;gap:8px}.participant-dock .person{padding:10px 13px;min-width:115px}.participant-dock .person b{font-size:19px;margin-bottom:6px}.participant-dock:has(#people:empty){display:none}main>footer{flex-shrink:0;padding:12px 16px}.controls{align-items:center}.controls button,.clip-library-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.control-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.clip-library-button{margin:10px 14px 14px;flex-shrink:0}.clip-library-dialog{width:min(1100px,94vw);max-height:88dvh;overflow:auto}.clip-library-dialog .clip-library{margin:0}.clip-library-dialog .clip-card video{width:100%;max-height:50vh}.clip-library-dialog>button{margin-top:15px}
.viewer:not(:fullscreen){flex-shrink:0;width:100%;border:0;background:transparent;overflow:visible}.viewer:not(:fullscreen) #screens{display:flex;flex-direction:column;height:auto;padding:0;gap:14px}.viewer:not(:fullscreen) #screens>.tile:not(:fullscreen){flex:none;width:100%;min-height:0}.viewer:not(:fullscreen) .tile:not(:fullscreen) .video-surface{flex:none;aspect-ratio:var(--video-aspect,1.777778);width:100%;height:auto}.viewer-toolbar{border-radius:8px 8px 0 0}.video-surface{position:relative;touch-action:pan-y}.video-surface.zoomed{cursor:grab;touch-action:none}.video-surface.zoomed:active{cursor:grabbing}.tile .video-surface video{transform:translate(var(--stream-x,0),var(--stream-y,0)) scale(var(--stream-scale,1));transform-origin:center;pointer-events:none;user-select:none}.video-surface:focus-visible{outline:2px solid #a6f5d7;outline-offset:-2px}.viewer:fullscreen #screens{display:grid}.viewer:fullscreen .video-surface,.tile:fullscreen .video-surface{aspect-ratio:auto;flex:1;min-height:0}.viewer:fullscreen .tile{min-height:0}.viewer:fullscreen .video-surface video,.tile:fullscreen .video-surface video{object-fit:contain}
@media(max-width:1100px){body{overflow:auto;height:auto}body>main{height:100dvh}.chat{height:380px}.participant-dock{max-height:135px}}@media(max-width:600px){body>main>header{padding:12px}.controls{gap:5px}.controls button{padding:8px}.participant-dock .person{min-width:100px}.stage{padding:8px}.clip-library-button{margin:8px 14px}main>footer{gap:8px}}
main>footer .controls{flex:1 1 280px;min-width:260px;justify-content:flex-end;container-type:inline-size}@container(max-width:590px){.controls button span{display:none}.controls button{padding:10px}.controls{gap:7px}}
.clip-library-button{pointer-events:auto}
.viewer:not(:fullscreen) #screens{display:grid;grid-auto-rows:clamp(280px,52vh,780px);height:auto;gap:12px}.viewer:not(:fullscreen) #screens>.tile:not(:fullscreen){width:auto;min-height:0}.viewer:not(:fullscreen) .tile:not(:fullscreen) .video-surface{flex:1;aspect-ratio:auto;height:0;min-height:0}
/* Fullscreen chrome overlays the picture and fades without reserving space. */
.viewer:fullscreen .viewer-toolbar{position:absolute;top:0;left:0;right:0;z-index:5;background:linear-gradient(#101923e8,#10192344)}.viewer:fullscreen #screens{width:100%;height:100%;flex:none;padding:0}.viewer:fullscreen .tile .video-surface,.tile:fullscreen .video-surface{position:absolute;inset:0;width:100%;height:100%;flex:none}.viewer:fullscreen .tile>.label,.tile:fullscreen>.label{position:absolute;left:0;right:0;bottom:46px;z-index:3;background:linear-gradient(transparent,#060b13e6);padding:20px 16px 10px}.viewer:fullscreen .tile>.stream-audio-status,.tile:fullscreen>.stream-audio-status{position:absolute;left:0;right:0;bottom:23px;z-index:3;background:#060b13d9;padding:3px 16px}.viewer:fullscreen .tile>.video-metrics,.tile:fullscreen>.video-metrics{position:absolute;left:0;right:0;bottom:0;z-index:3;background:#060b13d9;padding:3px 16px}.viewer:fullscreen .viewer-toolbar,.viewer:fullscreen .tile>.label,.viewer:fullscreen .tile>.stream-audio-status,.viewer:fullscreen .tile>.video-metrics,.tile:fullscreen>.label,.tile:fullscreen>.stream-audio-status,.tile:fullscreen>.video-metrics{transition:opacity .2s}.fullscreen-idle{cursor:none}.fullscreen-idle>.viewer-toolbar,.fullscreen-idle .tile>.label,.fullscreen-idle .tile>.stream-audio-status,.fullscreen-idle .tile>.video-metrics,.tile.fullscreen-idle>.label,.tile.fullscreen-idle>.stream-audio-status,.tile.fullscreen-idle>.video-metrics{opacity:0;pointer-events:none}.version-details{font-size:11px;color:#9daebf;margin-top:18px}

.fullscreen-idle .video-surface,.tile.fullscreen-idle .video-surface{cursor:none}
.brand>img{width:36px;height:36px;flex-shrink:0;vertical-align:middle}.logo>img{display:block;width:64px;height:64px}
/* One selected stream fills the remaining stage; multiple streams keep two columns. */
.viewer:not(:fullscreen):has(#screens[data-count="1"]){display:flex;flex-direction:column;flex:1 0 280px;min-height:280px}
.viewer:not(:fullscreen) #screens[data-count="1"]{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;height:auto}
.entry-share-button{font-size:12px;padding:7px 10px}
.entry-share-dialog{width:min(530px,94vw);max-height:90dvh;overflow:auto}
.entry-share-dialog canvas{display:block;width:100%;height:auto;border-radius:10px}
.entry-share-dialog>a{display:block;margin:12px 0;color:#a6f5d7}

.connections-dialog{width:min(1100px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:26px;overflow-y:auto;box-sizing:border-box}.connections-header,.connections-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.connections-header h2{margin:0}.connections-header p{margin:8px 0 18px}.connections-toolbar{flex-wrap:wrap;padding:12px 0}.connections-toolbar label{display:flex;align-items:center;gap:8px}.connections-toolbar input{width:auto}.connections-status{color:#a5ecd8;font-size:13px}.connections-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.connection-card,.connection-room{background:#181e28;border:1px solid #354152;border-radius:14px;padding:20px;min-width:0}.connection-card h3{margin:8px 0}.connection-role{color:#a5f3da;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.connection-state{font-weight:600}.connection-state.ready{color:#a5f3da}.connection-state.quota{color:#ffc884}.connection-state.unavailable{color:#ff9999}.connection-card code{display:block;font-size:12px;overflow-wrap:anywhere;margin-bottom:16px;color:#a1b6cb}.connection-fact{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:12px 0;font-size:13px}.connection-fact span{color:#9fafc4}.connection-fact strong{text-align:right;overflow-wrap:anywhere}.connection-card progress{width:100%;height:10px;accent-color:#a5f3da}.connection-note{font-size:12px;line-height:1.6;color:#9fafc4}.connections-metrics{border-top:1px solid #354152;margin-top:18px;padding-top:6px}.connections-rooms{margin-top:24px}.connection-room{margin:12px 0}.connection-room h4{margin:0 0 10px}.connection-room p{margin:6px 0}.connection-room ul{margin-bottom:0}.connections-content>p{margin-bottom:0}@media(max-width:700px){.connections-cards{grid-template-columns:1fr}.connections-dialog{padding:16px}.connections-header{align-items:flex-start}.connection-fact{flex-wrap:wrap;gap:4px}.connections-toolbar{align-items:flex-start;flex-direction:column}.connection-fact strong{text-align:left}}

#owner-panel:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}#owner-panel>button{margin:0;min-height:64px;text-align:left;padding:16px;font-weight:600}.owner-tool-dialog{width:min(700px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);overflow-y:auto;box-sizing:border-box}.owner-tool-dialog>button{margin:12px 8px 0 0}.owner-tool-dialog h2{margin-top:0}.owner-tool-dialog .account-request{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}@media(max-width:600px){#owner-panel:not([hidden]){grid-template-columns:1fr}}

.stream-permissions-dialog{width:min(760px,calc(100vw - 28px));max-height:min(72dvh,660px);padding:18px;overflow:hidden}
.stream-permissions-dialog[open]{display:flex;flex-direction:column;gap:12px}
.stream-permissions-dialog h2{margin:0 0 4px;font-size:1.25rem}
.stream-permissions-dialog header{display:block;padding:0;border:0}
.stream-permissions-dialog header p,.stream-permissions-dialog footer p{margin:0;font-size:13px}
.stream-permission-filters{display:flex;align-items:center;gap:8px}
.stream-permission-filters input,.stream-permission-filters select{min-width:0;margin:0;padding:7px 9px}
.stream-permission-filters input{flex:1}
.stream-permission-filters select{width:auto}
.stream-permissions-list{min-height:0;overflow:auto;border-block:1px solid #354152;scrollbar-gutter:stable}
.stream-permission-row{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,1fr));gap:8px;padding:10px 4px}
.stream-permission-row+.stream-permission-row{border-top:1px solid #354152}
.stream-permission-name{align-self:center;overflow-wrap:anywhere}
.stream-permission-cell{display:grid;align-content:start;justify-items:start;gap:3px;font-size:13px;padding:6px;border:1px solid #354152;border-radius:8px}
.stream-permission-cell small{color:#b5c2d0}
.stream-permission-cell[data-state=approved]{border-color:#62bba0}
.stream-permission-cell[data-state=none]{border-color:#c66c76}
.stream-permission-cell[data-state=pending]{border-color:#f3ca58}
.approval-pending{outline:1px solid #f3ca58;outline-offset:-1px;border-radius:8px}
.friend-request-count{display:inline-block;margin-inline-start:8px;color:#f3ca58;font-weight:700}
.friend-accepted-count{color:#a6f5d7}
.private-room-sidebar .room-link{display:flex;align-items:center;justify-content:space-between;gap:8px}
.room-link small{white-space:nowrap;color:#b5c2d0;font-variant-numeric:tabular-nums}
.private-room-sidebar .room-link.room-full{border-color:#f07878}
.room-context-menu{position:fixed;inset:auto;margin:0;padding:6px;background:#202631;color:#edf5ff;border:1px solid #455344;border-radius:10px}
.room-context-menu button{display:block;width:100%;text-align:left}
.private-rooms-dialog textarea{width:100%;resize:vertical;background:#11161f;color:#e8effa;border:1px solid #363f4f;border-radius:8px;padding:9px;font:inherit}
.chat #messages{min-height:0}
#chat-form{flex-shrink:0}
#chat-form #message{flex:1;min-width:0;width:auto}
@media(min-width:1101px){
 body.desktop-titlebar-visible>.chat{height:calc(100dvh - var(--desktop-titlebar-height));top:var(--desktop-titlebar-height)}
}
.conversations-dialog.owner-tool-dialog{width:min(860px,94vw);height:min(660px,85dvh);padding:18px}
.conversations-dialog[open]{display:flex;flex-direction:column}
.conversations-dialog header{padding:0 0 12px}
.conversations-dialog header h2{margin:0}
.conversations-dialog button{width:auto;padding:7px 10px}
.conversations-layout{display:grid;grid-template-columns:minmax(115px,1fr) minmax(0,3fr);flex:1;min-height:0}
.conversations-layout nav{overflow:auto;border-inline-end:1px solid #354152;padding:8px}
.conversations-layout nav button{width:100%;text-align:left;overflow-wrap:anywhere;margin-bottom:4px}
.conversations-layout nav button[aria-pressed=true]{background:#294137;color:#b1ffdd}
.conversations-layout section{display:flex;min-height:0;flex-direction:column;padding:8px 0 0 12px}
.conversations-layout h3{margin:0 0 8px;overflow-wrap:anywhere}
.friend-presence{color:#a9b5c7;font-size:.75rem}
.friend-presence.is-online{color:#a6f5d7}
.friend-presence.is-busy{color:#ffc078}
.brand-presence-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.brand-presence-row select{font-size:.75rem;padding:4px;max-width:100%}
.presence-save-error{flex-basis:100%;color:#ffb6b6}
.presence-save-error:empty{display:none}
.conversations-layout nav .friend-presence{display:block}
.conversation-contact{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.conversation-history{overflow:auto;min-height:0;flex:1}
.conversation-history .message{padding:8px 0}
.conversation-history .message p{white-space:pre-wrap}
.conversations-layout form{display:flex;gap:6px}
.conversations-layout form input{flex:1;width:auto}
.conversations-layout p:empty{display:none}
.conversations-layout form[hidden],.friend-request-count[hidden],.private-rooms-dialog form[hidden]{display:none}
.stream-permission-cell[data-state=approved] small{color:#a2f3dc}
.stream-permission-cell[data-state=none] small{color:#ffadb4}
.stream-permission-cell[data-state=pending] small{color:#ffd595}
.stream-permission-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.stream-permission-actions button,.stream-permissions-dialog footer button{margin:0;min-height:32px;padding:5px 8px;font-size:12px}
.stream-permissions-dialog footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0;border:0}
.stream-permissions-dialog footer p{flex:1;min-width:95px}
@media(max-width:600px){
 .stream-permission-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stream-permission-name{grid-column:1/-1}
}

.connection-user-usage{margin:8px 0 16px;padding:10px 14px;border-left:2px solid #a5f3da;background:#141a23;border-radius:0 8px 8px 0}.connection-user-usage p{margin:4px 0}.connection-user-usage small{color:#9fafc4;font-size:11px}.connection-room li{margin:12px 0}

.presence-notices{position:fixed;right:24px;bottom:104px;z-index:80;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;max-width:min(390px,calc(100vw - 40px));pointer-events:none}.presence-notices li{padding:12px 18px;border:1px solid #415264;border-left:4px solid #a5f3da;border-radius:10px;background:#202834;color:#edf6ff;box-shadow:0 8px 24px #0005;font-size:14px;overflow-wrap:anywhere}.presence-notices .presence-leave{border-left-color:#eab78c}@media(max-width:650px){.presence-notices{right:16px;bottom:132px}}

.private-room-sidebar{margin-top:14px}.private-room-sidebar p{font-size:11px;color:#aeb9c9;margin:0 0 6px}.private-room-sidebar button{display:block;width:100%;text-align:left;margin:4px 0;overflow-wrap:anywhere}.private-rooms-dialog form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}.private-rooms-dialog form input{flex:1;min-width:120px;margin:0}.private-room-row{border-top:1px solid #354152;padding:10px 0}.private-room-row small{display:block;margin:4px 0;color:#b5c2d0}.private-room-row>button{margin:4px 6px 0 0}
.private-invite-field{flex:1 1 180px;min-width:0}
.friends-dialog.owner-tool-dialog{width:min(480px,94vw);padding:20px;max-height:85dvh}
.friends-dialog header{padding:0 0 8px;border:0}
.friends-dialog h2{margin:0;font-size:23px}
.friends-dialog h3{margin:12px 0 4px;font-size:13px;color:#b5c2d0}
.friends-dialog form,.friends-dialog .private-room-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.friends-dialog form{margin:0}
.friends-dialog form input{flex:1;min-width:130px;margin:0}
.friends-dialog button,.friends-dialog input,.friends-dialog select{width:auto;padding:6px 9px;font-size:12px;margin:0}
.friends-dialog .private-room-row{padding:6px 0}
.friends-dialog .private-room-row strong{flex:1;min-width:84px;overflow-wrap:anywhere;font-size:13px}
.friends-dialog .private-room-row small{text-align:left}
.friends-dialog p:empty{display:none}
.private-invite-field input{width:100%}
.friends-dialog .private-invite-field input{width:100%}
.private-invite-suggestions:not(:empty){display:grid;gap:4px;margin-top:6px;padding:4px;border:1px solid #354152;border-radius:8px}
.private-invite-suggestions button{width:100%;min-height:0;margin:0;padding:6px 10px;text-align:left;overflow-wrap:anywhere}
.private-rooms-dialog.owner-tool-dialog{width:min(540px,94vw);padding:18px;max-height:85dvh}
.private-rooms-dialog header{padding:0 0 10px;gap:8px;border:0}
.private-rooms-dialog header h2{margin:0;font-size:1.25rem}
.private-rooms-dialog header>div,.private-rooms-dialog .room-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.private-rooms-dialog button{width:auto;padding:6px 9px;font-size:12px;margin:0}
.private-rooms-dialog form input,.private-rooms-dialog textarea{padding:7px 9px;font-size:13px}
.private-rooms-dialog>p{margin:6px 0}
.private-rooms-dialog>p:empty{display:none}
.private-rooms-dialog .private-room-row{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;padding:8px 0}
.private-rooms-dialog .room-row-details{min-width:90px;flex:1;overflow-wrap:anywhere;font-size:13px}
.private-rooms-dialog .room-row-details small{text-align:left;margin:2px 0 0}