:where([part=captions]){--overlay-padding: 1%;--cue-color: white;--cue-bg-color: rgba(0, 0, 0, .8);--cue-font-size: calc(var(--overlay-height) / 100 * 5);--cue-line-height: calc(var(--cue-font-size) * 1.2);--cue-padding-x: calc(var(--cue-font-size) * .6);--cue-padding-y: calc(var(--cue-font-size) * .4);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;contain:content;margin:var(--overlay-padding);font-size:var(--cue-font-size);font-family:sans-serif;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;word-spacing:normal;word-break:break-word}:where([part=captions]>[part=cue-display]){position:absolute;direction:ltr;overflow:visible;contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width, auto);height:var(--cue-height, auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode, unset);white-space:pre-line;unicode-bidi:plaintext;min-width:min-content;min-height:min-content}:where([data-dir=rtl] [part=cue-display]){direction:rtl}:where([part=captions] [part=cue]){display:inline-block;padding:var(--cue-padding-y) var(--cue-padding-x);line-height:var(--cue-line-height);background-color:var(--cue-bg-color);box-sizing:border-box;color:var(--cue-color);box-shadow:var(--cue-box-shadow);white-space:var(--cue-white-space, pre-wrap);outline:var(--cue-outline);text-shadow:var(--cue-text-shadow)}:where([part=captions] [part=cue-display][data-vertical] [part=cue]){padding:var(--cue-padding-x) var(--cue-padding-y)}:where([part=captions] [part=region]){position:absolute;display:inline-flex;flex-flow:column;justify-content:flex-start;width:var(--region-width);height:var(--region-height);min-height:0px;max-height:var(--region-height);writing-mode:horizontal-tb;top:calc(var( --region-top, var(--overlay-height) * var(--region-viewport-anchor-y) / 100 - var(--region-height) * var(--region-anchor-y) / 100 ));left:var( --region-left, calc( calc(var(--region-viewport-anchor-x) * 1%) - calc(var(--region-width) * var(--region-anchor-x) / 100) ) );right:var(--region-right);bottom:var(--region-bottom);overflow:hidden;overflow-wrap:break-word;box-sizing:border-box}:where([part=captions] [part=region][data-scroll=up]){justify-content:end}:where([part=captions] [part=region][data-active][data-scroll=up]){transition:top .433s}:where([part=captions] [part=region]>[part=cue-display]){position:relative;width:auto;left:var(--cue-offset);height:var(--cue-height, auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:1px}:where([part=captions] [part=region] [part=cue]){position:relative;padding:calc(var(--cue-padding-y) / 2) var(--cue-padding-x);border-radius:0}:root{color-scheme:dark;--bg: #101114;--panel: #191b20;--panel-2: #22252b;--line: #333741;--text: #f4f5f7;--muted: #a6adbb;--accent: #2f9e8f;--accent-2: #e8c468;--danger: #e35d5d;--speaking: #35d07f;--focus-ring: rgba(47, 158, 143, .72);--shadow: 0 18px 60px rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{height:100%}body{background:var(--bg);color:var(--text);min-width:0;overflow-x:hidden}button,input,select,textarea{font:inherit;min-width:0}button{cursor:pointer;touch-action:manipulation;transition:transform .12s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,filter .14s ease}button:not(:disabled):active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}code{background:#2a2d34;border:1px solid var(--line);border-radius:6px;padding:2px 6px}.prejoin-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;overflow-y:auto;padding:clamp(14px,3vw,24px)}.prejoin-panel{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px;align-items:stretch}.prejoin-panel.compact{width:min(520px,100%);display:grid;gap:18px;align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px}.root-join{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:18px;max-height:90vh;max-height:90dvh;overflow-y:auto}.root-home{align-content:start}.root-join-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}.preview{min-width:0;width:100%;min-height:clamp(280px,52vh,480px);border:1px solid var(--line);border-radius:8px;background:#0b0c0f;overflow:hidden;display:grid;place-items:center}.preview-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.preview-placeholder svg{display:block;width:42px;height:42px}.preview video{width:100%;height:100%;object-fit:cover;display:block;background:#0b0c0f}.video-card video{width:100%;height:100%;object-fit:contain;display:block;background:#0b0c0f}.media-fullscreen-landscape:fullscreen{background:#0b0c0f}.media-fullscreen-landscape:-webkit-full-screen{background:#0b0c0f}@media(orientation:portrait){.media-fullscreen-landscape:fullscreen{width:100dvh;height:100dvw;max-width:none;max-height:none;min-width:0;min-height:0;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.media-fullscreen-landscape:-webkit-full-screen{width:100dvh;height:100dvw;max-width:none;max-height:none;min-width:0;min-height:0;transform:rotate(90deg) translateY(-100%);transform-origin:top left}}.join-form{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:18px}.room-label{color:var(--accent-2);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:0}h2{font-size:18px;letter-spacing:0}.field,.device-settings label,.copy-field{display:grid;gap:8px}.field span,.device-settings span,.copy-field span{color:var(--muted);font-size:13px}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:6px;background:#111318;color:var(--text);padding:0 12px}input[type=range]{accent-color:var(--accent)}.prejoin-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.control,.join-button{border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}.control{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:8px}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}.control.active,.tool.active,.icon-button.active{border-color:#2f9e8fcc;background:#2f9e8f2e}.join-button{min-height:48px;background:var(--accent);border-color:var(--accent);color:#061311;font-weight:800}.join-button:disabled{opacity:.65}.secondary-button{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.secondary-button span{min-width:0}.secondary-button.refreshing{border-color:#2f9e8fb3;background:#2f9e8f1f}.secondary-button.danger,.icon-button.danger{border-color:#e35d5dbf;color:#ffb4b4}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover{transform:translateY(-1px)}.control:not(:disabled):hover,.secondary-button:not(:disabled):hover,.icon-button:not(:disabled):hover,.tool:not(:disabled):hover,.chat-form>button:not(:disabled):hover,.copy-field button:not(:disabled):hover,.copy-field-button:not(:disabled):hover{border-color:#59606d;background:#2a2e36}.join-button:not(:disabled):hover{border-color:#3bb3a3;background:#3bb3a3}.secondary-button.danger:not(:disabled):hover,.icon-button.danger:not(:disabled):hover,.tool.danger:not(:disabled):hover,.tool.leave:not(:disabled):hover{border-color:#e35d5df2;background:#e35d5d24}.video-actions button:not(:disabled):hover,.watch-controls>button:not(:disabled):hover,.watch-control-actions>button:not(:disabled):hover,.watch-more-menu>button:not(:disabled):hover,.watch-more-panel button:not(:disabled):hover,.watch-subtitle-delay button:not(:disabled):hover{border-color:#ffffff57;background:#ffffff24}.video-actions button.active:not(:disabled):hover,.control.active:not(:disabled):hover,.secondary-button.active:not(:disabled):hover,.icon-button.active:not(:disabled):hover,.tool.active:not(:disabled):hover,.watch-controls>button.active:not(:disabled):hover,.watch-control-actions>button.active:not(:disabled):hover,.watch-more-menu>button.active:not(:disabled):hover,.watch-more-panel button.active:not(:disabled):hover{border-color:#2f9e8f;background:#2f9e8f5c}}.create-room-form,.owner-tools,.settings-section{display:grid;gap:12px}.inline-form{background:transparent;border:0;padding:0}.toggle-row{position:relative;width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px;cursor:pointer}.toggle-label{min-width:0;line-height:1.35}.toggle-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.toggle-control{position:relative;flex:0 0 auto;width:42px;height:24px;border:1px solid #59606d;border-radius:999px;background:#3a3e47;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#d6dae1;box-shadow:0 1px 3px #0000006b;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .14s ease}.toggle-input:checked+.toggle-control{border-color:var(--accent);background:var(--accent)}.toggle-input:checked+.toggle-control .toggle-thumb{background:#fff;transform:translate(18px)}.toggle-input:focus-visible{outline:none}.toggle-input:focus-visible+.toggle-control{box-shadow:0 0 0 3px var(--focus-ring)}.toggle-row:hover .toggle-input:not(:disabled)+.toggle-control{border-color:#818896}.toggle-row:hover .toggle-input:checked:not(:disabled)+.toggle-control{border-color:#55b7aa;background:#3dac9d}.toggle-row.disabled{cursor:not-allowed;opacity:.55}.sound-volume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}.sound-volume-row span{color:var(--muted);font-size:13px}.sound-volume-row strong{color:var(--text);font-size:13px;font-weight:800}.sound-volume-row input{grid-column:1 / -1;min-height:28px;padding:0;accent-color:var(--accent)}.room-list{display:grid;gap:10px}.room-list article{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px}.room-list article>div{min-width:0;display:grid;gap:2px}.room-list strong,.room-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list span{color:var(--muted);font-size:13px}.device-settings{display:grid;gap:8px}.device-settings.compact{gap:8px}.device-settings label{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px}.device-access-button{min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.device-settings .device-access-button span{color:inherit;font-size:13px}.device-settings.compact label{grid-template-columns:1fr}.device-settings label.toggle-row{display:flex}.microphone-monitor{display:grid;gap:6px}.microphone-monitor audio{display:none}.microphone-monitor .secondary-button{width:100%}.microphone-monitor .secondary-button.active{border-color:var(--accent);background:#2f9e8f2e}.alert-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-section-title{min-height:30px;display:flex;align-items:center;gap:8px;color:var(--text)}.settings-note{font-size:12px}.error{color:#ffb4b4;font-size:14px}.meeting{height:100vh;height:100dvh;min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.meeting-top{min-height:72px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.meeting-top>div:first-child{flex:1 1 auto;min-width:0}.meeting-top h1{font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-row{flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;gap:12px;color:var(--muted)}.status-row>span{white-space:nowrap}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);display:inline-grid;place-items:center}.meeting-grid{min-height:0;overflow:hidden;padding:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.meeting.has-docked-panels .meeting-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.media-grid{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);grid-template-rows:auto minmax(0,1fr);gap:14px}.media-grid.camera-hidden{grid-template-columns:minmax(0,1fr)}.stage,.participant-strip{min-height:0}.stage{grid-column:1;grid-row:1 / -1;border-radius:8px;background:#0b0c0f;overflow:hidden}.participant-strip{grid-column:2;grid-row:1 / -1;display:grid;align-content:start;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.media-grid.has-watch-strip .participant-strip{grid-row:1 / -1;grid-template-rows:var(--watch-strip-spacer-height, auto)}.watch-player-tile{min-width:0;min-height:0}.watch-stage-tile{grid-column:1;grid-row:1 / -1;z-index:1;border-radius:8px;overflow:hidden;background:#0b0c0f}.watch-stage-tile .watch-player,.watch-hidden-tile .watch-player{min-height:0}.watch-strip-tile{grid-column:2;grid-row:1;width:100%;flex:0 0 auto;z-index:2;transform:translate(var(--watch-strip-translate-x, 0px),var(--watch-strip-translate-y, 0px));will-change:transform}.watch-strip-spacer{width:100%;height:var(--watch-strip-spacer-height, 0px);min-height:0;pointer-events:none;visibility:hidden}.watch-hidden-tile{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.video-card,.watch-strip-tile{position:relative;min-height:146px;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0b0c0f}.watch-strip-tile .watch-player{height:100%;min-height:0}.video-card.interactive{cursor:pointer}.video-card.interactive:hover,.video-card.selected{border-color:#2f9e8fe6}.video-card.speaking,.participant-card.speaking,.people-list article.speaking{border-color:#35d07ff2;box-shadow:inset 0 0 0 2px #35d07fb8}.stage-card{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0}.stage-card video{object-fit:contain}.stage-card.speaking{box-shadow:inset 0 0 0 3px #35d07feb}.video-meta{position:absolute;left:10px;top:10px;z-index:2;min-height:34px;display:inline-flex;align-items:center;gap:8px;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}.video-meta.collapsed{opacity:1}.video-meta.collapsed .video-label{max-width:0;opacity:0;margin-left:0;padding-left:0;padding-right:0;border-width:0}.video-meta.collapsed .media-status>span{background:#00000042;color:#ffffffd1}.video-meta.collapsed .media-status>.status-speaking{background:#35d07f2e;color:#35d07fe6}.video-meta.collapsed .media-status>.status-muted{background:#00000042;color:#ffffffd1}.video-actions,.video-volume{min-height:32px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#0000009e;color:#fff}.video-actions{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;z-index:2;transition:opacity .16s ease,transform .16s ease}.video-actions.collapsed{opacity:0;transform:translateY(6px);pointer-events:none}.video-actions button{width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#ffffff14;color:#fff;padding:0;display:inline-grid;place-items:center}.video-actions button.active{border-color:#2f9e8fe6;background:#2f9e8f47}.video-volume{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:0 8px}.video-volume input{width:clamp(64px,18vw,96px);min-height:0;height:18px;padding:0;accent-color:var(--accent)}.video-label{display:inline-flex;max-width:min(100%,220px);align-items:center;gap:8px;color:#fff;background:#0000009e;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 8px;font-size:13px;overflow:hidden;transition:max-width .16s ease,opacity .16s ease,padding .16s ease,margin .16s ease,border-width .16s ease}.video-label span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex:0 0 auto;border-radius:4px;background:var(--accent-2);color:#181203;font-size:11px;font-weight:800;padding:2px 5px}.media-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px}.media-status>span{width:20px;height:20px;border-radius:4px;display:inline-grid;place-items:center;background:#0000006b;color:#fff}.media-status .status-speaking{background:#35d07f24;color:var(--speaking)}.media-status .status-muted{color:#fff}.media-status .status-idle{color:#d7dce6}.video-empty,.empty-stage,.participant-placeholder{width:100%;height:100%;min-height:160px;display:grid;place-items:center;color:var(--muted);background:#0b0c0f}.audio-sinks{position:fixed;width:1px;height:1px;overflow:hidden;pointer-events:none}.empty-stage{gap:10px;align-content:center}.empty-stage strong{color:var(--text);font-size:24px}.participant-placeholder{border:1px solid var(--line);border-radius:8px;gap:8px;align-content:center}.participant-card{min-height:66px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px}.participant-card.on-stage{background:#2f9e8f1f}.participant-card>div:nth-child(2){min-width:0;display:grid;gap:2px}.participant-card strong,.participant-card span:not(.media-status){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-card>div:nth-child(2) span{color:var(--muted);font-size:13px}.whiteboard-stage{width:100%;height:100%;min-height:240px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#0b0c0f}.whiteboard-viewport{position:relative;min-height:0;overflow:hidden;background:#f8fafc}.whiteboard-canvas{width:100%;height:100%;display:block;touch-action:none}.whiteboard-tool-pan{cursor:grab}.whiteboard-tool-eraser{cursor:cell}.whiteboard-tool-text{cursor:text}.whiteboard-tool-select{cursor:default}.whiteboard-tool-laser{cursor:crosshair}.whiteboard-tools{min-width:0;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow:visible;padding:10px 12px;pointer-events:auto;background:#101114f5;border-bottom:1px solid var(--line)}.whiteboard-tool-group,.whiteboard-size{flex:0 1 auto;max-width:100%;min-height:40px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#111318e0;padding:4px;box-shadow:0 10px 30px #0000003d;pointer-events:auto}.whiteboard-tool-group{flex-wrap:wrap}.whiteboard-tools .icon-button{flex:0 0 auto;width:32px;height:32px;background:#ffffff0f}.whiteboard-tools .icon-button svg{width:17px;height:17px}.whiteboard-tool-group.swatches{gap:5px}.whiteboard-swatch{flex:0 0 auto;width:24px;height:24px;border:2px solid rgba(255,255,255,.28);border-radius:50%;padding:0}.whiteboard-swatch.active{border-color:var(--accent-2);box-shadow:0 0 0 2px #00000085}.whiteboard-color-control{position:relative;flex:0 0 auto}.whiteboard-color-picker{display:block;flex:0 0 auto;width:28px;height:28px;min-height:0;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#fff;padding:2px}.whiteboard-color-picker>.transparency-grid{width:100%;height:100%;border-radius:3px}.transparency-grid{position:relative;display:block;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.transparency-grid>span{position:absolute;top:0;right:0;bottom:0;left:0}.whiteboard-color-popover{position:fixed;z-index:30;width:min(320px,calc(100vw - 24px));display:grid;gap:12px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #464c58;border-radius:10px;background:#1b1e24;color:var(--text);padding:12px;box-shadow:0 20px 50px #0000008f}.whiteboard-color-popover header,.whiteboard-color-popover footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.whiteboard-color-popover header{min-height:24px}.whiteboard-color-popover header strong{font-size:14px}.color-picker-close,.color-picker-eyedropper{width:30px;height:30px;min-height:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);padding:0}.color-picker-saturation{position:relative;height:168px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:8px;background-image:linear-gradient(to top,#000000,transparent),linear-gradient(to right,#ffffff,transparent);cursor:crosshair;touch-action:none}.color-picker-saturation:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.color-picker-saturation-thumb{position:absolute;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #111318,0 2px 5px #00000080;transform:translate(-50%,-50%);pointer-events:none}.color-picker-slider-row{display:grid;grid-template-columns:54px minmax(0,1fr) 58px;align-items:center;gap:8px;color:var(--muted);font-size:12px}.color-picker-slider-row>output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.color-picker-slider-row>input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;min-height:0;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:0}.color-picker-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-picker-alpha{background-color:#fff;background-image:linear-gradient(to right,transparent,var(--picker-color)),linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:auto,8px 8px,8px 8px,8px 8px,8px 8px}.color-picker-slider-row>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:#353a44;box-shadow:0 1px 4px #0000008c}.color-picker-slider-row>input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #ffffff;border-radius:50%;background:#353a44;box-shadow:0 1px 4px #0000008c}.color-picker-number-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.color-picker-number-suffix input,.color-picker-fields input{min-height:34px;padding:0 7px;font-size:12px;font-variant-numeric:tabular-nums}.color-picker-number-suffix input{padding-right:18px}.color-picker-number-suffix span{margin-left:-18px;color:var(--muted);pointer-events:none}.color-picker-preview-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.color-picker-preview{width:42px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:6px}.color-picker-preview-row code{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis}.color-picker-fields{display:grid;grid-template-columns:minmax(92px,1.8fr) repeat(3,minmax(48px,1fr));gap:7px}.color-picker-fields label{min-width:0;display:grid;gap:5px;color:var(--muted);font-size:11px;text-align:center}.color-picker-fields input{text-align:center}.color-picker-fields input[aria-invalid=true]{border-color:var(--danger)}.color-picker-error{margin-top:-6px;color:#ffb4b4;font-size:11px}.color-picker-list{display:grid;gap:7px}.color-picker-list>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.color-picker-list>div{display:flex;flex-wrap:wrap;gap:7px}.color-picker-swatch{position:relative;width:26px;height:26px;min-height:0;border:2px solid rgba(255,255,255,.26);border-radius:50%;padding:0}.color-picker-swatch.active{border-color:var(--accent-2);box-shadow:0 0 0 2px #e8c46833}.whiteboard-color-popover footer{justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}.color-picker-cancel,.color-picker-apply{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:12px;font-weight:700}.color-picker-cancel{background:var(--panel-2);color:var(--text)}.color-picker-apply{border-color:var(--accent);background:var(--accent);color:#061311}.whiteboard-size{padding:4px 8px}.whiteboard-size span{width:24px;color:#d7dce6;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.whiteboard-size input{width:112px;min-height:0;height:20px;padding:0;accent-color:var(--accent)}.whiteboard-text-editor{position:absolute;z-index:5;width:min(340px,calc(100% - 16px));min-width:180px;max-width:calc(100% - 16px)}.whiteboard-text-editor textarea{min-height:80px;border-color:#2f9e8fe6;background:#f8fafcf5;color:#111827;font-weight:600;line-height:1.25;padding:8px 10px;resize:none;box-shadow:0 12px 28px #00000040}.whiteboard-error{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;border:1px solid rgba(227,93,93,.5);border-radius:6px;background:#2a1212e6;color:#ffb4b4;padding:8px 10px}.whiteboard-coordinates{position:absolute;right:12px;bottom:12px;z-index:4;pointer-events:none;border:1px solid rgba(15,23,42,.18);border-radius:6px;background:#0f172ad1;color:#fff;padding:6px 9px;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.whiteboard-error+.whiteboard-coordinates,.whiteboard-coordinates:has(+.whiteboard-error){bottom:56px}.participant-placeholder span,.avatar{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:var(--panel-2);color:var(--accent-2);font-weight:800}.toolbar{min-height:78px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#101114f0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.tool{position:relative;flex:0 0 auto;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);display:inline-grid;place-items:center}.tool.unread:after{content:"";position:absolute;top:7px;right:7px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:#ef4444}.tool svg{width:20px;height:20px}.tool.danger,.tool.leave{border-color:#e35d5dbf;color:#ffb4b4}.side-panel{position:fixed;top:var(--overlay-viewport-top, 0px);right:0;width:min(430px,100dvw,100%);max-width:min(100dvw,100%);min-width:0;height:100vh;height:var(--overlay-viewport-height, 100dvh);overflow:hidden;background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translate(100%);transition:transform .16s ease;z-index:10;display:grid;grid-template-rows:auto minmax(0,1fr)}.side-panel.open{transform:translate(0)}.side-panel>header,.docked-panel>header,.modal>header{min-width:0;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line)}.side-panel>header h2,.docked-panel>header h2,.modal>header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel-body{min-height:0;min-width:0;max-width:100%;display:grid;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.side-panel-body.panel-body-fill{align-content:stretch;overflow:hidden}.side-panel-body.panel-body-fill>.chat-panel,.side-panel-body.panel-body-fill>.people-list,.side-panel-body.panel-body-fill>.watch-panel{height:100%;min-height:0}.panel-actions{display:inline-flex;align-items:center;gap:8px}.panel-placeholder{padding:14px}.panel-dock{min-height:0;display:grid;grid-auto-rows:minmax(0,1fr);gap:14px}.docked-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:8px}.chat-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.chat-panel.dropping{outline:2px solid rgba(47,158,143,.8);outline-offset:-3px}.messages{overflow-y:auto;padding:14px;display:grid;align-content:start;gap:10px}.message{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:4px}.message.self{background:#2f9e8f29;border-color:#2f9e8f73}.message.system{background:#e8c4681f;border-color:#e8c4685c;color:#f4df9f}.message-meta{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.message-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-2);font-size:12px;font-weight:800}.message-meta time{flex:0 0 auto;color:var(--muted);font-size:11px}.message p{overflow-wrap:anywhere;white-space:pre-wrap}.chat-form{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-file-input{display:none}.chat-file-button{min-height:68px}.chat-upload-progress,.chat-upload-error{grid-column:1 / -1;width:100%;margin:0}.chat-attachment{min-width:0;display:grid;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px;overflow:hidden}.chat-attachment-meta,.chat-attachment.unavailable{min-width:0;display:flex;align-items:center;gap:8px}.chat-attachment-meta>div,.chat-attachment.unavailable>div{min-width:0;flex:1;display:grid;gap:2px}.chat-attachment strong,.chat-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment span{color:var(--muted);font-size:12px}.chat-attachment a{flex:0 0 auto;color:var(--text)}.chat-attachment img,.chat-attachment video{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:5px;background:#0b0c0f}.chat-attachment audio{width:100%}.chat-attachment.unavailable{color:var(--muted);background:#e35d5d14}.chat-form>textarea{min-height:68px;max-height:112px;line-height:1.35;overflow-y:auto;padding:10px 12px;resize:none}.chat-command-menu{grid-column:1 / -1;z-index:20;max-height:min(240px,42vh);overflow-y:auto;display:grid;gap:4px;padding:6px;background:#15171c;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.chat-command-option{width:100%;min-width:0;display:grid;gap:2px;padding:8px 10px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--text)}.chat-command-option:hover,.chat-command-option:focus-visible,.chat-command-option[aria-selected=true]{background:#2f9e8f29;outline:none}.chat-command-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:var(--accent-2)}.chat-command-option small,.chat-command-empty{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px}.chat-command-empty{padding:8px 10px}.chat-form>button,.copy-field button,.copy-field-button{border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}.copy-field-button{width:42px;min-height:42px;display:inline-grid;place-items:center}.copy-button{position:relative}.copy-button.copied{border-color:#35d07fd9;color:#b9ffd6}.copy-button.failed{border-color:#e35d5dd9;color:#ffb4b4}.copy-toast{position:absolute;top:calc(100% + 6px);right:0;z-index:30;border:1px solid rgba(53,208,127,.45);border-radius:6px;background:#10241a;color:#b9ffd6;box-shadow:var(--shadow);font-size:12px;font-weight:700;padding:5px 8px;pointer-events:none;white-space:nowrap}.copy-toast.failed{border-color:#e35d5d80;background:#2a1212;color:#ffb4b4}.people-list{overflow-y:auto;padding:14px;display:grid;align-content:start;gap:10px}.people-list article{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.people-list article>div:nth-child(2){min-width:0;flex:1 1 160px;display:grid;gap:2px}.people-list strong,.people-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-list article span,.muted{color:var(--muted)}.join-requests{display:grid;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--line)}.join-requests article{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.join-requests article>div{min-width:0}.person-volume{flex:1 1 150px;max-width:190px;display:inline-grid;grid-template-columns:34px minmax(72px,1fr);align-items:center;gap:6px}.person-volume input{min-height:28px;padding:0}.moderation-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.watch-player{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;background:#0b0c0f}.watch-player video,.watch-native-player,.youtube-player,.youtube-player iframe{width:100%;height:100%;display:block;border:0;background:#0b0c0f}.watch-player video{object-fit:contain}.watch-native-player{position:relative;overflow:hidden;isolation:isolate}.watch-native-player>.JASSUB,.watch-subtitle-overlay{z-index:1;pointer-events:none}.watch-native-player>.JASSUB{display:block;max-width:none;max-height:none}.watch-subtitle-overlay{--cue-color: #fff;--cue-bg-color: rgba(0, 0, 0, .82);--cue-font-size: clamp(18px, 4.4dvh, 34px);--cue-line-height: 1.25;--cue-padding-x: .55em;--cue-padding-y: .28em}.watch-subtitle-overlay[aria-hidden=true]{display:none}.watch-subtitle-overlay [part~=cue]{font-family:inherit}.watch-subtitle-overlay [part~=cue][data-empty],.watch-subtitle-overlay [part~=cue-display][data-empty],.watch-subtitle-overlay [part~=cue]:empty,.watch-subtitle-overlay [part~=cue-display]:empty{display:none!important;padding:0!important;background:transparent!important;box-shadow:none!important}.watch-meta{position:absolute;left:12px;top:12px;z-index:2;max-width:min(520px,calc(100% - 24px));display:grid;gap:2px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0000009e;padding:8px 10px;transition:opacity .16s ease,transform .16s ease}.watch-meta strong,.watch-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-meta span{color:var(--muted);font-size:12px}.watch-meta.collapsed{opacity:0;transform:translateY(-6px);pointer-events:none}.watch-controls{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:grid;grid-template-columns:36px minmax(120px,1fr) minmax(120px,180px) auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#000000ad;padding:8px;color:#fff;transition:opacity .16s ease,transform .16s ease}.watch-controls.collapsed{opacity:0;transform:translateY(6px);pointer-events:none}.watch-controls>*{min-width:0}.watch-controls>button,.watch-control-actions>button,.watch-more-menu>button{width:36px;height:34px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff14;color:#fff}.watch-controls>button.active,.watch-control-actions>button.active,.watch-more-menu>button.active,.watch-more-panel button.active{border-color:#2f9e8fd9;background:#2f9e8f47}.watch-more-menu{position:relative;display:inline-grid}.watch-more-panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;width:min(260px,calc(100vw - 32px));display:grid;gap:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0a0b0ef5;box-shadow:0 18px 42px #0000006b;padding:10px;color:#fff}.watch-more-section{min-width:0;display:grid;gap:6px}.watch-more-section>span{color:#d7dce6;font-size:12px;font-weight:650}.watch-speed-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.watch-more-panel button{min-width:0;min-height:28px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#ffffff14;color:#fff;padding:0 6px;font-size:12px}.watch-subtitle-delay{display:grid;grid-template-columns:28px minmax(48px,auto) 28px;gap:2px}.watch-subtitle-delay button{min-width:28px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#ffffff14;color:#fff;padding:0 5px;font-size:12px}.watch-progress{min-width:0;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:8px;align-items:center}.watch-control-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.watch-progress>span{font-size:12px;color:#d7dce6;font-variant-numeric:tabular-nums}.watch-seek{position:relative;min-width:0;height:20px}.watch-buffer-track{position:absolute;left:2px;right:2px;top:8px;height:4px;overflow:hidden;border-radius:999px;background:#ffffff29;pointer-events:none}.watch-buffer-track span{position:absolute;top:0;bottom:0;border-radius:inherit;background:#ffffff7a}.watch-buffer-track .watch-played{z-index:1;background:var(--accent)}.watch-seek>input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:20px;margin:0;background:transparent}.watch-seek>input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.watch-seek>input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:var(--accent)}.watch-seek>input[type=range]::-moz-range-track{height:4px;background:transparent}.watch-seek>input[type=range]::-moz-range-progress{background:transparent}.watch-seek>input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.watch-controls input[type=range]{min-height:0;height:20px;padding:0;accent-color:var(--accent)}.watch-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;width:70px;height:70px;margin:auto;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#000000b8;color:#fff}.watch-error{position:absolute;left:12px;right:12px;bottom:72px;z-index:3;border:1px solid rgba(227,93,93,.5);border-radius:6px;background:#2a1212e6;color:#ffb4b4;padding:8px 10px}.watch-panel{inline-size:100%;max-inline-size:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px;overflow-x:hidden;contain:inline-size}.watch-panel>*,.watch-add-form,.watch-add-form>*,.watch-file-drop,.watch-initial-subtitle,.watch-subtitle-editor,.watch-queue,.watch-queue article{min-width:0;max-width:100%;overflow-x:hidden}.watch-strip-tile .watch-meta{left:8px;top:8px;max-width:calc(100% - 16px);padding:6px 8px}.watch-strip-tile .watch-controls{left:8px;right:8px;bottom:8px;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;padding:6px}.watch-strip-tile .watch-progress>span,.watch-strip-tile .watch-controls .video-volume{display:none}.watch-strip-tile .watch-progress{grid-template-columns:minmax(0,1fr)}.watch-strip-tile .watch-controls>button,.watch-strip-tile .watch-control-actions>button,.watch-strip-tile .watch-more-menu>button{width:34px;height:32px}.watch-strip-tile .watch-more-panel{bottom:0;width:min(220px,calc(100vw - 24px));gap:6px;padding:8px}.watch-strip-tile .watch-more-section{gap:5px}.watch-strip-tile .watch-more-section>span{font-size:11px}.watch-strip-tile .watch-more-panel button{min-height:26px}.watch-strip-tile .watch-subtitle-delay{grid-template-columns:26px minmax(46px,auto) 26px}.watch-strip-tile .watch-subtitle-delay button{min-width:26px;height:26px}.watch-strip-tile .watch-start-overlay{width:56px;height:56px}.watch-strip-tile .watch-error{left:8px;right:8px;bottom:56px}.watch-panel.dropping{outline:2px solid rgba(47,158,143,.8);outline-offset:-4px}.watch-add-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow-x:hidden}.watch-add-form>input,.watch-add-form>select,.watch-initial-subtitle>input:not([type=file]),.watch-subtitle-editor>input:not([type=file]){inline-size:100%;min-width:0;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}.watch-placement{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.watch-placement span{color:var(--muted)}.watch-add-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.watch-actions-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.watch-actions-row .secondary-button{min-width:0}.watch-actions-row .secondary-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-file-drop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;border:1px dashed var(--line);border-radius:8px;padding:8px}.watch-file-drop input[type=file]{display:none}.watch-initial-subtitle{display:grid;grid-template-columns:auto auto auto minmax(120px,1fr) auto;gap:8px;align-items:center}.watch-initial-subtitle input[type=file],.watch-subtitle-editor input[type=file]{display:none}.watch-initial-subtitle .secondary-button{min-width:0;max-width:220px}.watch-initial-subtitle .secondary-button span,.watch-subtitle-editor .secondary-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-file-drop .secondary-button{min-width:0}.watch-upload-progress{min-width:0;display:grid;gap:4px}.watch-upload-progress span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.watch-upload-progress progress{width:100%;height:8px}.watch-queue{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:10px}.watch-queue article{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.watch-queue article.current{border-color:#2f9e8fcc;background:#2f9e8f1f}.watch-queue img,.watch-thumb{width:72px;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover;background:#0b0c0f}.watch-thumb{display:grid;place-items:center;color:var(--muted);border:1px solid var(--line)}.watch-queue article>div:nth-child(2){min-width:0;display:grid;gap:2px}.watch-queue strong,.watch-queue span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-queue article>div:nth-child(2) span{color:var(--muted);font-size:12px}.watch-item-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.watch-subtitle-editor{grid-column:1 / -1;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.watch-subtitle-editor>strong,.watch-subtitle-editor>.error{grid-column:1 / -1}.watch-subtitle-editor .secondary-button{min-width:0}.owner-tools{border-top:1px solid var(--line);padding:14px}.owner-password-row{display:grid;gap:10px}.obs-diagnostics{gap:10px}.diagnostics-panel{display:grid;gap:12px}.diagnostics-panel h2{margin:4px 0 0;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0}.diagnostic-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.diagnostic-control span{color:var(--muted);font-size:13px}.diagnostic-control strong{font-size:13px}.diagnostic-control input{grid-column:1 / -1;width:100%}.diagnostic-list{display:grid;gap:8px}.diagnostic-card{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.diagnostic-card header{min-height:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0;border:0}.diagnostic-card header strong,.diagnostic-card header span,.diagnostic-card p{min-width:0;overflow-wrap:anywhere}.diagnostic-card header span{flex:0 1 auto;color:var(--muted);font-size:12px;text-align:right}.diagnostic-tags{display:flex;flex-wrap:wrap;gap:6px}.diagnostic-tags span{border:1px solid var(--line);background:#2a2d34;border-radius:999px;color:var(--muted);padding:2px 7px;font-size:12px}.diagnostic-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.diagnostic-metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.diagnostic-metrics div{min-width:0}.diagnostic-metrics dt{color:var(--muted);font-size:12px}.diagnostic-metrics dd{margin:2px 0 0;overflow-wrap:anywhere}.admin-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.admin-grid{min-height:0;height:100%;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(260px,360px);gap:14px;padding:14px}.admin-error{margin:12px 14px 0}.admin-error-empty{height:0;margin:0;overflow:hidden}.admin-list,.admin-detail{min-height:0;overflow:auto;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px;display:flex;flex-direction:column}.admin-detail,.admin-credentials{gap:12px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-credentials-form{display:grid;gap:12px}.admin-detail pre{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0b0c0f;padding:10px;color:var(--muted)}.admin-owner-nickname{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.admin-owner-nickname span{color:var(--muted)}.side-panel .device-settings{padding:16px 16px 12px;gap:14px}.side-panel .device-settings label{grid-template-columns:1fr;gap:6px}.side-panel .device-settings label.toggle-row{display:flex}.side-panel .owner-tools,.side-panel .settings-section{padding:16px;gap:12px}.side-panel .create-room-form{gap:10px}.side-panel .owner-password-row{gap:8px}.side-panel .copy-field{gap:6px}.side-panel .diagnostics-panel{gap:14px}.side-panel .diagnostic-card{gap:10px}.side-panel .diagnostic-metrics{grid-template-columns:1fr}.side-panel .diagnostic-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#00000094;padding:18px}.modal{width:min(560px,100%);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.obs-panel{padding:16px;display:grid;gap:14px}.copy-field div{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]{--range-progress: 0%;--range-track-color: rgba(255, 255, 255, .18);--range-progress-color: var(--accent);--range-thumb-border: #0b0c0f;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:0;height:20px;border:0;border-radius:0;background:transparent;color:var(--accent);padding:0;cursor:pointer}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]:disabled{cursor:not-allowed;opacity:.55}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--range-progress-color) 0%,var(--range-progress-color) var(--range-progress),var(--range-track-color) var(--range-progress),var(--range-track-color) 100%)}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--range-thumb-border);border-radius:50%;background:var(--range-progress-color);box-shadow:0 1px 3px #00000059;transition:transform .12s ease,background .14s ease,box-shadow .14s ease}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--range-track-color)}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--range-progress-color)}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]::-moz-range-thumb{width:14px;height:14px;box-sizing:border-box;border:2px solid var(--range-thumb-border);border-radius:50%;background:var(--range-progress-color);box-shadow:0 1px 3px #00000059;transition:transform .12s ease,background .14s ease,box-shadow .14s ease}@media(hover:hover)and (pointer:fine){:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.08);background:#3bb3a3}:is(.sound-volume-row,.video-volume,.person-volume,.whiteboard-size,.diagnostic-control) input[type=range]:not(:disabled):hover::-moz-range-thumb{transform:scale(1.08);background:#3bb3a3}}@media(max-width:1180px)and (min-width:821px){.meeting.has-docked-panels .meeting-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.meeting.has-docked-panels .media-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 150px}.meeting.has-docked-panels .media-grid.has-watch-strip{grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 150px}.meeting.has-docked-panels .media-grid.camera-hidden{grid-template-rows:minmax(0,1fr)}.meeting.has-docked-panels .stage,.meeting.has-docked-panels .watch-stage-tile{grid-column:1;grid-row:1}.meeting.has-docked-panels .participant-strip{grid-column:1;grid-row:2;grid-auto-flow:column;grid-auto-columns:minmax(160px,220px);overflow-x:auto;overflow-y:hidden}.meeting.has-docked-panels .media-grid.has-watch-strip .watch-strip-tile{grid-column:1;grid-row:2;width:auto;height:100%;aspect-ratio:auto}.meeting.has-docked-panels .media-grid.has-watch-strip .stage{grid-column:1 / -1}.meeting.has-docked-panels .media-grid.has-watch-strip .participant-strip{grid-column:1 / -1;grid-row:2;grid-template-columns:var(--watch-strip-spacer-width, minmax(160px, 220px));grid-template-rows:minmax(0,1fr)}.meeting.has-docked-panels .watch-strip-spacer{width:var(--watch-strip-spacer-width, 0px);height:100%}.meeting.has-docked-panels .participant-strip .video-card,.meeting.has-docked-panels .participant-strip .participant-card,.meeting.has-docked-panels .watch-strip-tile{min-height:0}}@media(max-width:820px){.root-join-row,.prejoin-panel{grid-template-columns:1fr}.preview{min-height:300px}.meeting{min-height:0}.meeting-top{min-height:60px;padding:10px 12px;gap:10px}.meeting-top h1{font-size:20px}.status-row{gap:8px}.meeting-grid,.meeting.has-docked-panels .meeting-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) clamp(148px,22dvh,176px);gap:10px}.media-grid.has-watch-strip{grid-template-columns:minmax(240px,78vw) minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(148px,22dvh,176px)}.media-grid.camera-hidden{grid-template-rows:minmax(0,1fr)}.stage,.watch-stage-tile{grid-column:1;grid-row:1}.participant-strip{grid-column:1;grid-row:2;grid-auto-flow:column;grid-auto-columns:minmax(240px,78vw);align-items:stretch;overflow-x:auto;overflow-y:hidden}.media-grid.has-watch-strip .watch-strip-tile{grid-column:1;grid-row:2;width:auto;height:100%;aspect-ratio:auto}.media-grid.has-watch-strip .stage{grid-column:1 / -1}.media-grid.has-watch-strip .participant-strip{grid-column:1 / -1;grid-row:2;grid-template-columns:var(--watch-strip-spacer-width, minmax(240px, 78vw));grid-template-rows:minmax(0,1fr)}.watch-strip-spacer{width:var(--watch-strip-spacer-width, 0px);height:100%}.participant-strip .video-actions{left:8px;right:8px;max-width:none;flex-wrap:nowrap}.participant-strip .video-volume{flex:1 1 auto;max-width:116px}.participant-strip .video-volume input{width:min(60px,100%)}.participant-strip .video-card,.participant-strip .participant-card,.watch-strip-tile{min-height:0}.toolbar{display:grid;grid-template-columns:repeat(6,minmax(40px,44px));justify-content:center;gap:8px;min-height:auto;overflow:visible;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.tool{width:100%;height:44px}.video-meta{left:8px;top:8px}.video-actions{right:8px;bottom:8px}.video-volume input{width:72px}.watch-controls{grid-template-columns:36px minmax(90px,1fr) minmax(100px,150px) auto;left:8px;right:8px;bottom:8px}.whiteboard-tools{gap:6px;flex-wrap:wrap;align-items:center;overflow:visible;padding:8px}.whiteboard-tools .icon-button{width:30px;height:30px}.whiteboard-tool-group,.whiteboard-size{min-height:38px}.whiteboard-tool-group.swatches{gap:4px}.whiteboard-swatch{width:22px;height:22px}.whiteboard-color-picker{width:26px;height:26px}.whiteboard-size span{width:20px}.whiteboard-size input{width:72px}.whiteboard-text-editor{min-width:150px;max-width:calc(100% - 16px)}.watch-add-form,.watch-file-drop,.watch-actions-row{grid-template-columns:1fr}.watch-add-form .icon-button{width:100%}.admin-grid{grid-template-columns:1fr;height:auto;overflow:auto}.panel-dock{position:fixed;top:var(--overlay-viewport-top, 0px);right:0;z-index:12;width:min(430px,100dvw);max-width:100dvw;min-width:0;height:100vh;height:var(--overlay-viewport-height, 100dvh);padding:0;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.docked-panel{border-radius:0;border-top:0;border-right:0;border-bottom:0}}@media(max-width:520px){.prejoin-panel.compact,.root-join,.join-form{padding:20px}.preview{min-height:220px}.side-panel{width:100dvw;max-width:100dvw}.messages,.people-list,.watch-panel{padding:10px}.chat-form{grid-template-columns:42px minmax(0,1fr) 42px;padding:10px}.chat-command-menu{max-height:min(200px,34dvh)}.watch-meta{left:8px;top:8px;max-width:calc(100% - 16px);padding:6px 8px}.watch-controls{grid-template-columns:36px minmax(0,1fr) auto}.watch-progress{grid-template-columns:auto minmax(0,1fr)}.watch-progress>span:last-child,.watch-controls .video-volume{display:none}.watch-initial-subtitle,.watch-subtitle-editor{grid-template-columns:minmax(0,1fr) auto}.watch-initial-subtitle>span,.watch-subtitle-editor>span{display:none}.watch-error{bottom:64px}.watch-queue article{grid-template-columns:64px minmax(0,1fr)}.watch-queue article>.badge{grid-column:2;justify-self:start}.watch-queue img,.watch-thumb{width:64px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}}@media(max-width:360px){.toolbar{grid-template-columns:repeat(6,minmax(38px,42px));gap:6px;padding-left:8px;padding-right:8px}.tool{height:42px}}@media(max-height:560px)and (min-width:821px){.meeting{min-height:0}.meeting-top{min-height:56px;padding:8px 12px}.meeting-grid{gap:10px;padding:10px}.media-grid{grid-template-columns:minmax(0,1fr) minmax(190px,230px);gap:10px}.video-card,.watch-strip-tile{min-height:120px}.toolbar{min-height:auto;justify-content:flex-start;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.tool{width:42px;height:42px}}@media(hover:none),(pointer:coarse){.video-actions.collapsed{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}