@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:DM Sans,sans-serif;color:#eef1fa;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1a2750 0,transparent 48%),#0b1020}button,input{font:inherit}button{cursor:pointer;border:1px solid #313a56;border-radius:10px;padding:10px 14px;background:#19223c;color:#edf1ff;font-weight:600}button:hover{background:#263253}button:disabled{opacity:.48;cursor:not-allowed}.app-shell{max-width:1500px;margin:0 auto;padding:0 32px 26px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222b42}.brand{color:#f6f7ff;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;text-decoration:none;letter-spacing:-1.4px}.brand span{color:#7c83ff;margin-left:5px;font-size:15px}.room-info{display:flex;align-items:center;gap:9px;color:#aeb7ce;font-size:13px}.room-info strong{margin-left:16px;color:#fff;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#65708b}.status-dot.online{background:#6ee7a5;box-shadow:0 0 12px #6ee7a5}.identity{text-align:right;font-size:14px}.identity small{display:block;color:#8894b2;margin-top:2px;text-transform:capitalize}.viewer-layout,.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding-top:30px}.stage-layout{grid-template-columns:minmax(0,1fr) 390px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#888eff;font-weight:700}.section-heading h1{font:600 27px Space Grotesk,sans-serif;margin:5px 0 0;letter-spacing:-.8px}.primary{background:#6d72ef;border-color:#777cf6}.primary:hover{background:#7d81ff}.main-player{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#050812;border:1px solid #252d42;border-radius:16px}.viewer-note{font-size:13px;color:#8f9ab5}.chat-panel,.moderator-panel{border:1px solid #252d42;background:#101729e6;border-radius:15px;padding:17px;min-height:300px;display:flex;flex-direction:column}.chat-panel h2,.moderator-panel h2{font:600 16px Space Grotesk,sans-serif;margin:0 0 13px}.chat-messages{overflow:auto;flex:1;max-height:calc(100vh - 250px);min-height:260px;scrollbar-color:#313a56 transparent}.chat-messages article{position:relative;border-bottom:1px solid #202a41;padding:9px 48px 9px 0}.chat-messages strong{font-size:12px;color:#afb6ff}.chat-messages p{font-size:13px;line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}.chat-messages time{position:absolute;right:0;top:11px;color:#6f7b98;font-size:10px}.chat-panel form{display:flex;gap:8px;padding-top:12px}.chat-panel input{min-width:0;flex:1;background:#0d1427;color:#fff;border:1px solid #303a55;border-radius:9px;padding:10px 12px;outline:none}.chat-panel input:focus{border-color:#777cf6}.chat-panel form button{white-space:nowrap}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.video-tile{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid #2c3550;background:#050812;border-radius:14px}.video-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-tile>span{position:absolute;bottom:9px;left:10px;padding:5px 8px;border-radius:6px;background:#070b15cc;font-size:12px}.tile-controls{position:absolute;top:10px;right:10px;display:flex;gap:6px}.tile-controls button{font-size:11px;padding:7px}.standby-player{margin-top:18px;width:100%;max-height:150px;background:#050812;border:1px solid #252d42;border-radius:10px;-o-object-fit:contain;object-fit:contain}.side-column{display:flex;flex-direction:column;gap:16px}.side-column .chat-panel{flex:1}.moderator-panel{min-height:160px}.moderator-panel ul{list-style:none;margin:0;padding:0;overflow:auto}.moderator-panel li{border-top:1px solid #252d42;padding:10px 0;font-size:12px}.moderator-panel li div{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.moderator-panel button{padding:6px 8px;font-size:10px}.error-banner,.error-text{color:#ffafb5}.error-banner{padding:12px;background:#471d2c;margin-top:15px;border-radius:8px}.error-text{font-size:12px}footer{padding:24px 0 0;color:#66728e;font-size:11px}@media(max-width:900px){.viewer-layout,.stage-layout{grid-template-columns:1fr}.chat-panel{min-height:360px}.app-shell{padding-left:18px;padding-right:18px}.room-info strong{display:none}}@media(max-width:520px){.topbar{height:64px}.identity{font-size:12px}.section-heading h1{font-size:22px}.room-info{font-size:11px}}.lobby-shell{max-width:760px;min-height:100vh;margin:0 auto;padding:8vh 24px 32px;display:flex;flex-direction:column}.lobby-card{margin:auto 0;border:1px solid #293451;background:#101729f0;border-radius:22px;padding:clamp(24px,6vw,56px);box-shadow:0 24px 90px #0005}.lobby-card h1{font:600 clamp(30px,6vw,48px) "Space Grotesk",sans-serif;letter-spacing:-1.8px;margin:12px 0}.lobby-card>p{color:#9ba8c2;line-height:1.6;margin:0 0 32px}.lobby-card label{display:block;color:#c7cee0;font-size:12px;margin:14px 0 7px}.lobby-row{display:flex;gap:10px}.lobby-card input{width:100%;background:#0d1427;color:#fff;border:1px solid #303a55;border-radius:9px;padding:12px;outline:none}.lobby-row input{flex:1;min-width:0}.create-room{margin-top:24px;border-top:1px solid #28324b;padding-top:20px}.create-room summary{cursor:pointer;color:#aeb6ff;font-size:13px;font-weight:600;margin-bottom:14px}.create-room small{display:block;color:#7885a2;font-size:11px;margin-top:10px}.create-button{margin-top:16px}.lobby-shell footer{margin-top:auto}.topbar>button{margin-left:auto;margin-right:20px;font-size:11px;padding:7px 10px}@media(max-width:520px){.lobby-shell{padding:28px 16px}.lobby-row{align-items:stretch}.topbar>button{margin-right:8px}}.lobby-topbar,.admin-topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px}.admin-actions{display:flex;align-items:center;gap:10px;color:#aab4ce;font-size:12px}.admin-actions button,.admin-heading>button{font-size:12px}.auth-form{display:flex;flex-direction:column;gap:3px}.auth-form .create-button{width:100%}.text-button{display:block;border:0;background:none;color:#aeb6ff;margin:14px auto 0}.text-button:hover{background:transparent;text-decoration:underline}.room-list{border-top:1px solid #28324b;margin-top:26px;padding-top:12px}.room-list h2{font:600 14px Space Grotesk,sans-serif}.room-list>p{color:#8894b2;font-size:12px}.room-card{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:6px 0}.room-card strong,.room-card small{display:block}.room-card small{color:#7f8ba8;margin-top:4px}.account-settings{margin-top:18px}.success-text{color:#76e6ac;font-size:12px}.admin-shell{max-width:1280px;margin:0 auto;padding:0 28px 36px}.admin-heading{display:flex;align-items:center;justify-content:space-between;padding:48px 0 28px}.admin-heading h1{font:600 36px Space Grotesk,sans-serif;margin:6px 0}.admin-heading p{color:#929eb9;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.admin-stats article,.admin-section{background:#101729;border:1px solid #252d42;border-radius:14px;padding:18px}.admin-stats small,.admin-stats strong{display:block}.admin-stats small{color:#8995b0;font-size:12px}.admin-stats strong{font:600 26px Space Grotesk,sans-serif;margin-top:7px}.admin-section{margin-top:16px}.admin-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.admin-section-title h2{font:600 17px Space Grotesk,sans-serif;margin:0}.admin-section-title span{font-size:11px;color:#7f8ba8}.admin-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#7f8ba8;font-weight:600;padding:10px;border-bottom:1px solid #2b3550}td{font-size:12px;padding:12px 10px;border-bottom:1px solid #202a41}td strong,td small{display:block}td small{color:#8190ab;margin-top:4px;overflow-wrap:anywhere}.admin-row-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-row-actions button,td>button{font-size:10px;padding:6px 8px}.quiet{color:#f4a8b1}.badge{display:inline-block;border-radius:99px;padding:4px 8px;font-size:10px;background:#252d42;color:#abb7d0}.badge.active,.badge.admin{background:#173a36;color:#76e6ac}.badge.inactive{background:#42212e;color:#ffb3bf}.badge.viewer{background:#292e50;color:#b6baff}.admin-shell footer{padding-top:20px}.room-switch{margin-left:auto;margin-right:18px;font-size:11px;padding:7px 10px}@media(max-width:760px){.admin-shell{padding-left:14px;padding-right:14px}.admin-heading{align-items:flex-start;gap:12px}.admin-stats{grid-template-columns:1fr}.admin-section-title{align-items:flex-start;gap:8px;flex-direction:column}.admin-actions{gap:5px}.admin-actions span{display:none}.lobby-topbar{gap:10px}.admin-actions button{padding:7px;font-size:10px}.room-switch{margin-right:8px}.room-info{gap:4px}}