.ui-field__label[data-v-c8becfa2]{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ui-field__label-text[data-v-c8becfa2]{flex:auto;min-width:0}.ui-field__hint-help[data-v-c8becfa2]{flex:none;align-self:center;align-items:center;display:inline-flex;position:relative}.ui-field__hint-help-trigger[data-v-c8becfa2]{border:1px solid var(--color-border-strong,#cbd5e1);background:var(--color-bg-elevated,#f1f5f9);width:1.1rem;height:1.1rem;color:var(--color-text-muted,#64748b);cursor:help;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.ui-field__hint-help-trigger[data-v-c8becfa2]:hover,.ui-field__hint-help-trigger[data-v-c8becfa2]:focus-visible{border-color:var(--color-accent,#3b82f6);color:var(--color-accent,#2563eb);outline:none}.ui-field__hint-help-popover[data-v-c8becfa2]{z-index:20;border-radius:var(--radius-md,.375rem);border:1px solid var(--color-border-strong,#e2e8f0);background:var(--color-bg-base,#fff);max-width:min(22rem,92vw);color:var(--color-text,inherit);font-size:var(--text-xs,.75rem);opacity:0;visibility:hidden;pointer-events:none;margin-bottom:.35rem;padding:.5rem .65rem;font-weight:400;line-height:1.45;transition:opacity .12s,visibility .12s;position:absolute;bottom:100%;left:0;box-shadow:0 4px 14px #0f172a1f}.ui-field__hint-help:hover .ui-field__hint-help-popover[data-v-c8becfa2],.ui-field__hint-help:focus-within .ui-field__hint-help-popover[data-v-c8becfa2]{opacity:1;visibility:visible}.code-row[data-v-a014a744]{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.code-row .ui-field[data-v-a014a744]{flex:10rem}.auth-row-link[data-v-a014a744]{text-align:right;margin:-.25rem 0 0}.auth-info[data-v-a014a744]{color:var(--color-text,inherit);background:#3b82f614;border:1px solid #3b82f640;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.875rem}.lobby-card-header[data-v-56818885]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.room-chat-members[data-v-c492efe6]{border-bottom:1px solid var(--color-border);flex-shrink:0}.room-chat-members__toggle[data-v-c492efe6]{width:100%;color:var(--color-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.room-chat-members__toggle[data-v-c492efe6]:hover{background:#38bdf814}.room-chat-members__toggle[data-v-c492efe6]:focus-visible{outline:2px solid var(--color-accent,#38bdf8);outline-offset:-2px}.room-chat-members__title[data-v-c492efe6]{font-size:.8125rem;font-weight:600}.room-chat-members__chevron[data-v-c492efe6]{color:var(--color-text-muted);flex-shrink:0}.room-chat-members__list[data-v-c492efe6]{height:var(--room-chat-members-list-height,7.5rem);padding:0 .75rem .5rem;overflow-y:auto}.room-chat-members__info[data-v-c492efe6]{flex:1;min-width:0;font-size:.875rem}.room-chat-members__info small[data-v-c492efe6]{margin-left:.25rem;display:inline}.room-chat-members__empty[data-v-c492efe6]{margin:0;padding:.25rem 0 .35rem;font-size:.8125rem}.room-chat-members.is-collapsed .room-chat-members__toggle[data-v-c492efe6]{border-bottom:none}.room-chat-panel-inner[data-v-34b0a428]{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.room-chat-panel-inner--embedded[data-v-34b0a428]{min-height:0}.room-chat-banner[data-v-34b0a428],.room-chat-loading[data-v-34b0a428]{flex-shrink:0;margin:0;font-size:.875rem}.room-chat-messages-wrap[data-v-34b0a428]{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.room-chat-messages[data-v-34b0a428]{flex:1;min-height:0;padding-right:.25rem;font-size:.875rem;overflow-y:auto}.room-chat-empty[data-v-34b0a428]{margin:0}.room-chat-line[data-v-34b0a428]{word-break:break-word;margin-bottom:.35rem}.room-chat-new-msgs[data-v-34b0a428]{z-index:2;box-shadow:var(--shadow-md);position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.room-chat-composer[data-v-34b0a428]{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:.35rem;padding-top:.5rem;display:flex}.room-chat-input[data-v-34b0a428]{resize:vertical;min-height:2.5rem}.room-chat-meta[data-v-34b0a428]{font-size:.75rem}.room-chat-resizer[data-v-067d2ca6]{cursor:col-resize;touch-action:none;z-index:2;background:0 0;flex-shrink:0;align-self:stretch;width:6px;margin-left:-3px;margin-right:-3px;transition:background .15s}.room-chat-resizer[data-v-067d2ca6]:hover,.room-chat-resizer[data-v-067d2ca6]:focus-visible{background:#38bdf859;outline:none}.room-chat-sheet-root[data-v-53507b0b]{z-index:var(--z-drawer);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.room-chat-sheet-backdrop[data-v-53507b0b]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0206178c;position:absolute;inset:0}.room-chat-sheet[data-v-53507b0b]{height:var(--room-chat-sheet-vh,65vh);background:var(--color-bg-card);border-top:1px solid var(--color-border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:auto;flex-direction:column;min-height:0;max-height:92vh;display:flex;position:relative;box-shadow:0 -12px 40px #00000073}.room-chat-sheet__handle[data-v-53507b0b]{cursor:ns-resize;touch-action:none;flex-shrink:0;justify-content:center;padding:.5rem 0 .25rem;display:flex}.room-chat-sheet__grip[data-v-53507b0b]{background:var(--color-border-strong);border-radius:999px;width:2.5rem;height:.25rem}.room-chat-sheet__header[data-v-53507b0b]{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem .5rem;display:flex}.room-chat-sheet__title[data-v-53507b0b]{margin:0;font-size:1rem;font-weight:600}.room-chat-sheet__body[data-v-53507b0b]{flex-direction:column;flex:1;min-height:0;padding:0 0 1rem;display:flex;overflow:hidden}.room-chat-sheet__body[data-v-53507b0b] .room-chat-members{flex-shrink:0}.room-chat-sheet__body[data-v-53507b0b] .room-chat-panel-inner{padding:.5rem 1rem 0}.room-tools-root[data-v-8f7dfc5b]{z-index:var(--z-drawer);pointer-events:none;position:fixed;inset:0}.room-tools-backdrop[data-v-8f7dfc5b]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0206178c;position:absolute;inset:0}.room-tools-drawer[data-v-8f7dfc5b]{width:min(420px,90vw);padding:var(--space-xl);padding-top:calc(var(--topbar-h) + var(--space-md));background:var(--color-bg-card);border-left:1px solid var(--color-border-strong);pointer-events:auto;flex-direction:column;transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #00000073}.room-tools-drawer.is-open[data-v-8f7dfc5b]{transform:translate(0)}.room-tools-drawer__head[data-v-8f7dfc5b]{margin-bottom:var(--space-lg);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.room-tools-drawer__title[data-v-8f7dfc5b]{margin:0;font-size:1rem;font-weight:600}.room-tools-drawer__scroll[data-v-8f7dfc5b]{gap:var(--space-lg);flex:1;align-content:start;min-height:0;display:grid;overflow-y:auto}.playback-mode-row[data-v-8f7dfc5b]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.playback-mode-label[data-v-8f7dfc5b]{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.queue-owner-hint[data-v-8f7dfc5b]{margin:0 0 .5rem;font-size:.8125rem}.queue-item__text[data-v-8f7dfc5b]{flex:1;min-width:0}.queue-url-line[data-v-8f7dfc5b]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.inline-form--stack[data-v-8f7dfc5b]{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.events-pre[data-v-8f7dfc5b]{max-height:10rem;margin:0;font-size:.75rem;overflow:auto}.sr-only[data-v-0d1ab635]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-title-row[data-v-0d1ab635]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.room-title[data-v-0d1ab635]{margin:0;font-size:1.25rem;font-weight:600}.player-stack[data-v-0d1ab635]{background:#0f172a;border-radius:.5rem;overflow:hidden}.room-video[data-v-0d1ab635]{vertical-align:middle;width:100%;max-height:min(70vh,520px);display:block}.big-play-overlay[data-v-0d1ab635]{z-index:3;pointer-events:auto;background:#02061773;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-chrome[data-v-0d1ab635]{color:#f8fafc;z-index:4;pointer-events:none;text-shadow:0 1px 2px #000000a6;background:linear-gradient(#0000 0%,#00000047 42%,#00000075 100%);flex-direction:column;gap:.45rem;padding:1.65rem .75rem .65rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.player-chrome[data-v-0d1ab635]>*{pointer-events:auto}.player-chrome--hidden[data-v-0d1ab635]{opacity:0;pointer-events:none;transform:translateY(6px)}.player-chrome--hidden[data-v-0d1ab635]>*{pointer-events:none}.player-chrome__control-row[data-v-0d1ab635]{align-items:center;gap:.5rem;min-height:2.1rem;display:flex}.player-chrome__scrub[data-v-0d1ab635]{margin:0;display:flex}.player-chrome__range[data-v-0d1ab635]{appearance:none;cursor:pointer;accent-color:#f59e0b;background:0 0;width:100%;height:.95rem;margin:0}.player-chrome__range[data-v-0d1ab635]:disabled{cursor:default}.player-chrome__range[data-v-0d1ab635]::-webkit-slider-runnable-track{background:#ffffff61;border-radius:999px;height:.2rem}.player-chrome__volume-range[data-v-0d1ab635]::-webkit-slider-runnable-track{background:#ffffff61;border-radius:999px;height:.2rem}.player-chrome__range[data-v-0d1ab635]::-webkit-slider-thumb{appearance:none;background:#f59e0b;border:2px solid #fff;border-radius:999px;width:.82rem;height:.82rem;margin-top:-.31rem;box-shadow:0 1px 6px #0000008c}.player-chrome__volume-range[data-v-0d1ab635]::-webkit-slider-thumb{appearance:none;background:#f59e0b;border:2px solid #fff;border-radius:999px;width:.82rem;height:.82rem;margin-top:-.31rem;box-shadow:0 1px 6px #0000008c}.player-chrome__range[data-v-0d1ab635]::-moz-range-track{background:#ffffff61;border-radius:999px;height:.2rem}.player-chrome__volume-range[data-v-0d1ab635]::-moz-range-track{background:#ffffff61;border-radius:999px;height:.2rem}.player-chrome__range[data-v-0d1ab635]::-moz-range-progress{background:#f59e0b;border-radius:999px;height:.2rem}.player-chrome__volume-range[data-v-0d1ab635]::-moz-range-progress{background:#f59e0b;border-radius:999px;height:.2rem}.player-chrome__range[data-v-0d1ab635]::-moz-range-thumb{background:#f59e0b;border:2px solid #fff;border-radius:999px;width:.72rem;height:.72rem;box-shadow:0 1px 6px #0000008c}.player-chrome__volume-range[data-v-0d1ab635]::-moz-range-thumb{background:#f59e0b;border:2px solid #fff;border-radius:999px;width:.72rem;height:.72rem;box-shadow:0 1px 6px #0000008c}.player-chrome__range[data-v-0d1ab635]:focus-visible,.player-chrome__volume-range[data-v-0d1ab635]:focus-visible,.player-chrome__icon-button[data-v-0d1ab635]:focus-visible{outline-offset:3px;outline:2px solid #fffffff2}.player-chrome__icon-button[data-v-0d1ab635]{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;padding:0;font-size:1.08rem;line-height:1;transition:background .15s,transform .15s;display:inline-grid}.player-chrome__icon-button[data-v-0d1ab635]:hover{background:#ffffff24}.player-chrome__icon-button[data-v-0d1ab635]:active{transform:scale(.94)}.player-chrome__play-button[data-v-0d1ab635]{font-size:1.15rem}.player-chrome__time[data-v-0d1ab635]{color:#fffffff0;font-variant-numeric:tabular-nums;align-items:center;gap:.32rem;min-width:7.4rem;font-size:.86rem;font-weight:600;display:inline-flex}.player-chrome__time-separator[data-v-0d1ab635]{color:#ffffffa8}.player-chrome__spacer[data-v-0d1ab635]{flex:1}.player-chrome__volume[data-v-0d1ab635]{align-items:center;width:clamp(4.5rem,12vw,7rem);margin:0;display:flex}.player-chrome__volume-range[data-v-0d1ab635]{appearance:none;cursor:pointer;accent-color:#fff;background:0 0;width:100%;height:.95rem;margin:0}@media (width<=640px){.player-chrome[data-v-0d1ab635]{padding:1.35rem .55rem .5rem}.player-chrome__control-row[data-v-0d1ab635]{gap:.35rem}.player-chrome__icon-button[data-v-0d1ab635]{width:1.9rem;height:1.9rem}.player-chrome__time[data-v-0d1ab635]{min-width:5.9rem;font-size:.76rem}.player-chrome__volume[data-v-0d1ab635]{display:none}}.share-url-field[data-v-0d1ab635]{box-sizing:border-box;resize:vertical;border:1px solid #94a3b859;border-radius:.375rem;width:100%;padding:.5rem;font-family:ui-monospace,monospace;font-size:.8125rem}.inline-form--stack[data-v-0d1ab635]{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.queue-owner-hint[data-v-0d1ab635]{margin:0 0 .5rem;font-size:.8125rem}.queue-item__text[data-v-0d1ab635]{flex:1;min-width:0}.queue-url-line[data-v-0d1ab635]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.channel-hint[data-v-0d1ab635]{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.room-activity-toast[data-v-0d1ab635]{background:#22c55e1f;border:1px solid #22c55e59;border-radius:.5rem;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.875rem}.video-frame--stacked[data-v-0d1ab635]{flex-direction:column;display:flex}.video-frame__stack[data-v-0d1ab635]{position:relative}.autoplay-blocked-overlay[data-v-0d1ab635]{text-align:center;color:#f8fafc;z-index:2;background:#020617b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.autoplay-blocked-overlay__title[data-v-0d1ab635]{max-width:22rem;margin:0;font-size:.9375rem;font-weight:600}.autoplay-blocked-overlay__hint[data-v-0d1ab635]{max-width:22rem;margin:0;font-size:.8125rem}.playback-mode-row[data-v-0d1ab635]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.playback-mode-label[data-v-0d1ab635]{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.viewer-chrome[data-v-0d1ab635]{background:#0000000f;border-radius:.5rem;margin-top:.5rem;padding:.75rem}.viewer-chrome__hint[data-v-0d1ab635]{margin:0 0 .5rem;font-size:.875rem}.viewer-chrome__row[data-v-0d1ab635]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.viewer-chrome__row--controls[data-v-0d1ab635]{align-items:flex-end}.viewer-chrome__label[data-v-0d1ab635]{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}:root{--color-bg-base:#070b14;--color-bg-elevated:#0c1222;--color-bg-card:#111827;--color-bg-card-hover:#151f32;--color-border:#1e293b;--color-border-strong:#334155;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-muted:#38bdf826;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-success:#4ade80;--color-success-bg:#4ade801f;--color-warning:#fbbf24;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 24px 48px #00000073;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem;--space-3xl:2rem;--font-sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--topbar-h:4.25rem;--z-drawer:40;--z-modal:50}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg-base);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 80% at 50% -20%,#38bdf81f,#0000 50%),radial-gradient(80% 50% at 100%,#1e3a8a26,#0000 45%);margin:0;line-height:1.5}#app{min-height:100vh}button,input,select,textarea{font:inherit}a{color:var(--color-accent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{width:min(1360px, calc(100% - var(--space-3xl)));padding:var(--space-lg) 0 var(--space-3xl);flex:1;margin:0 auto}.lobby-toast{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);background:#38bdf826;border:1px solid #38bdf859}@media (width<=640px){.app-main{width:calc(100% - var(--space-xl));padding:var(--space-md) 0 var(--space-2xl)}}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:var(--topbar-h);padding:var(--space-md) var(--space-3xl);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#070b14c7;flex-wrap:wrap;display:flex;position:sticky;top:0}.topbar__brand h1{font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:700}.topbar nav{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.topbar .eyebrow{margin:0 0 var(--space-xs)}.ui-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;display:inline-flex;position:relative}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:disabled{cursor:not-allowed;opacity:.5}.ui-btn--md{font-size:var(--text-sm);padding:.625rem 1rem}.ui-btn--sm{font-size:var(--text-xs);padding:.375rem .65rem}.ui-btn--primary{background:linear-gradient(165deg, #5ec8ff 0%, var(--color-accent) 45%, #0ea5e9 100%);color:#082f49;box-shadow:0 2px 12px #38bdf859}.ui-btn--primary:hover:not(:disabled){box-shadow:0 4px 20px #38bdf873}.ui-btn--secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:#475569}.ui-btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#f8717159}.ui-btn--danger:hover:not(:disabled){background:#f8717133}.ui-btn--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.ui-btn--ghost:hover:not(:disabled){color:var(--color-text);background:#94a3b81a}.ui-btn--link{color:var(--color-accent-hover);background:0 0;border:0;padding-left:0;padding-right:0;font-weight:600}.ui-btn--link:hover:not(:disabled){text-decoration:underline}.ui-btn--block{width:100%}.ui-btn--loading .ui-btn__label{opacity:.65}.ui-btn__spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:.65s linear infinite ui-spin;position:absolute}.ui-btn--primary .ui-btn__spinner{border-color:#082f49 #082f4940 #082f4940}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-field{gap:var(--space-xs);display:grid}.ui-field__label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.ui-field__hint{font-size:var(--text-xs);color:var(--color-text-subtle);margin:0}.ui-field__error{font-size:var(--text-xs);color:var(--color-danger);margin:0}.ui-field--error .ui-input,.ui-field--error .ui-select{border-color:var(--color-danger);box-shadow:0 0 0 1px #f8717133}.ui-input,.ui-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-base);width:100%;color:var(--color-text);padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}.ui-input::placeholder{color:var(--color-text-subtle)}.ui-input:hover:not(:disabled),.ui-select:hover:not(:disabled){border-color:#475569}.ui-input:focus,.ui-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.ui-input:disabled,.ui-select:disabled{opacity:.55;cursor:not-allowed}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(165deg,#111827f2 0%,#0c1222fa 100%)}.ui-card--pad-default .ui-card__body{padding:var(--space-xl)}.ui-card--pad-compact .ui-card__body{padding:var(--space-lg)}.ui-card--pad-none .ui-card__body{padding:0}.ui-card__header{padding:var(--space-lg) var(--space-xl) 0}.ui-card__footer{padding:0 var(--space-xl) var(--space-xl)}.ui-card--hover:hover{box-shadow:var(--shadow-lg);border-color:#334155}.ui-empty{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted)}.ui-empty__icon{opacity:.35;margin-bottom:var(--space-md);font-size:2rem}.ui-empty__title{margin:0 0 var(--space-sm);font-size:var(--text-base);color:var(--color-text);font-weight:600}.ui-empty__desc{max-width:22rem;font-size:var(--text-sm);margin:0 auto;line-height:1.55}.ui-empty__actions{margin-top:var(--space-lg);justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ui-modal{z-index:var(--z-modal);padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.ui-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;position:absolute;inset:0}.ui-modal__panel{border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);background:var(--color-bg-card);width:min(440px,100%);max-height:min(90vh,640px);box-shadow:var(--shadow-lg);position:relative;overflow:auto}.ui-modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) 0;display:flex}.ui-modal__title{font-size:var(--text-lg);margin:0;font-weight:700}.ui-modal__close{flex-shrink:0;min-width:2rem}.ui-modal__body{padding:var(--space-lg)}.ui-modal__foot{padding:0 var(--space-lg) var(--space-lg);justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}.auth-page{min-height:100vh;padding:var(--space-lg);place-items:center;display:grid}.auth-page .ui-card{width:min(400px,100%)}.auth-page h1{margin:0 0 var(--space-xl);font-size:var(--text-2xl);font-weight:700}.auth-form{gap:var(--space-lg);display:grid}.auth-alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f8717140;margin:0}.auth-footer{margin-top:var(--space-xl);text-align:center}.lobby-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr);align-items:start;display:grid}@media (width<=900px){.lobby-grid{grid-template-columns:1fr}}.room-list{gap:var(--space-md);display:grid}.room-card{justify-content:space-between;align-items:center;gap:var(--space-lg);text-align:left;width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;display:flex}.room-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-card-hover)}.room-card:active{transform:scale(.995)}.room-card__meta{gap:var(--space-xs);flex-direction:column;display:flex}.room-card__meta strong{font-size:var(--text-base)}.badge{font-size:var(--text-xs);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.2rem .55rem;font-weight:700;display:inline-flex}.badge--private{color:var(--color-warning);background:#fbbf2426;border:1px solid #fbbf244d}.badge--public{background:var(--color-accent-muted);color:var(--color-accent-hover);border:1px solid #38bdf840}.create-form{gap:var(--space-lg);display:grid}.section-title{margin:0 0 var(--space-xs);font-size:var(--text-xl);font-weight:700}.room-layout{min-height:calc(100vh - var(--topbar-h) - var(--space-3xl) - var(--space-lg));align-items:stretch;gap:0;display:flex}.room-stage{gap:var(--space-lg);flex-direction:column;flex:1;min-width:0;display:flex}.room-stage-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.room-stage-actions--desktop{justify-content:flex-start}@media (width>=961px){.room-stage-actions:not(.room-stage-actions--desktop){display:none}}@media (width<=960px){.room-stage-actions--desktop{display:none}.room-layout{flex-direction:column;min-height:0}}.room-chat-panel{width:var(--room-chat-width,340px);background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;align-self:stretch;min-height:0;transition:width .2s;display:flex;overflow:hidden}.room-chat-panel.is-collapsed{width:var(--room-chat-width,40px);min-width:var(--room-chat-width,40px)}.room-chat-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.room-chat-panel__title{margin:0;font-size:.9375rem;font-weight:600}.room-chat-panel__body{flex-direction:column;flex:1;min-height:0;padding:.5rem .75rem .75rem;display:flex}.room-chat-collapsed-strip{flex-shrink:0;justify-content:center;align-items:flex-start;padding:.5rem .35rem;display:flex}.room-chat-collapsed-strip__btn{margin:0}.room-chat-icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.room-chat-icon-btn:hover{background:#38bdf81a}.room-chat-icon-btn:focus-visible{outline:2px solid var(--color-accent,#38bdf8);outline-offset:2px}.room-chat-sheet-stack{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.room-chat-sheet-stack .room-chat-panel-inner{flex:1;min-height:0}.video-frame{border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#020617;overflow:hidden}.video-frame video{aspect-ratio:16/9;background:#000;width:100%;display:block}.controls{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.controls label{min-width:200px;font-size:var(--text-sm);color:var(--color-text-muted);flex:1}.controls.disabled{opacity:.65;pointer-events:none}.hint{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-accent-muted);border:1px solid #38bdf833;margin:0}.queue-item{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-direction:column;display:flex}.queue-item small{font-size:var(--text-xs);color:var(--color-text-subtle);word-break:break-all;display:block}.queue-actions,.inline-form{gap:var(--space-sm);flex-wrap:wrap;display:flex}.inline-form .ui-input{flex:1;min-width:140px}.member{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;flex-wrap:wrap;display:flex}.avatar{color:#bfdbfe;width:2.25rem;height:2.25rem;font-weight:800;font-size:var(--text-sm);background:linear-gradient(145deg,#1e3a8a,#312e81);border-radius:999px;place-items:center;display:grid}.events-pre{border-radius:var(--radius-md);max-height:200px;padding:var(--space-md);font-size:var(--text-xs);background:var(--color-bg-base);color:var(--color-text-muted);border:1px solid var(--color-border);margin:0;overflow:auto}.sidebar-heading{font-size:var(--text-base);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);margin:0;font-weight:700}.admin-stack{gap:var(--space-lg);display:grid}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{text-align:left}.stat-card strong{letter-spacing:-.03em;margin:var(--space-sm) 0;font-size:2rem;font-weight:800;display:block}.stat-card span{font-size:var(--text-sm);color:var(--color-text-muted)}.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.section-head h2{margin:var(--space-xs) 0 0;font-size:var(--text-lg);font-weight:700}.pill{background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:999px;align-items:center;padding:.35rem .75rem;font-weight:600;display:inline-flex}.table-list{gap:var(--space-sm);display:grid}.table-row{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-wrap:wrap;display:flex}.table-row progress{width:min(200px,100%);height:.5rem;accent-color:var(--color-accent)}.video-library{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.video-card{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-direction:column;display:flex}.video-card img,.poster-placeholder{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);background:var(--color-bg-base);width:100%}.poster-placeholder{color:var(--color-text-subtle);font-size:var(--text-sm);place-items:center;display:grid}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.error{color:var(--color-danger);font-size:var(--text-sm)}.success{color:var(--color-success);font-size:var(--text-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-success-bg);border:1px solid #4ade8040}.grid.two{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);background:linear-gradient(165deg,#111827f2,#0c1222fa)}.link{color:var(--color-accent-hover);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link:hover{text-decoration:underline}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}