:root{color-scheme:dark;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #111513;--surface-raised: #171d19;--surface-deep: #0a0d0b;--surface-soft: #1c241e;--fg: #f2f4ee;--muted: #9ca89d;--muted-strong: #c2cbc1;--border: #2b342d;--border-soft: #202821;--accent: #d6f46a;--accent-ink: #18200c;--success: #77e0a3;--warning: #f4bb6a;--error: #ff827c;--c1: #c9ec6a;--c2: #73cbb2;--c3: #ea9a68;--c4: #9291df;--font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;font-optical-sizing:auto;font-weight:400;background:var(--surface-deep);color:var(--fg)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--surface-deep);color:var(--fg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.app-shell{min-height:100vh;padding-top:1px;background:radial-gradient(ellipse at 50% -14%,rgba(103,139,97,.14),transparent 47%),var(--surface-deep)}.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;height:76px;padding:0 max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid rgba(156,168,157,.13);background:#0a0d0be0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.065em}.wordmark-mark{display:inline-grid;width:29px;height:29px;place-items:center;border-radius:9px 9px 9px 3px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:-.12em}.site-brand{display:inline-flex;align-items:center;text-decoration:none;transition:transform .16s ease,opacity .16s ease;line-height:1}.site-brand:hover{opacity:.92;transform:translateY(-1px)}.site-logo-img{display:block;height:34px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.auth-brand{display:inline-flex;align-items:center;margin-bottom:24px;text-decoration:none}.auth-logo-img{display:block;height:40px;width:auto;object-fit:contain}.header-nav{display:flex;align-items:center;gap:32px;height:100%}.header-nav a{display:inline-flex;align-items:center;height:100%;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.035em;transition:color .18s ease,border-color .18s ease}.header-nav a:hover,.header-nav a.active{border-color:var(--accent);color:var(--fg)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:170px}.account-link{display:inline-flex;align-items:center;gap:9px;max-width:220px;color:var(--muted-strong);font-size:12px}.account-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extension-badge{display:none}.header-logout{margin-left:5px}.extension-shell .extension-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:4px;padding:5px 7px;color:var(--accent);font-family:var(--font-mono);font-size:7px;letter-spacing:.08em}.page-wrap{width:min(1280px,calc(100% - 64px));margin:0 auto}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:0 17px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.015em;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.52}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover:not(:disabled){background:#e2ff7e}.button-secondary{border-color:var(--border);background:var(--surface-raised);color:var(--fg)}.button-secondary:hover:not(:disabled){border-color:#67765f;background:var(--surface-soft)}.button-small{min-height:36px;padding:0 13px;font-size:11px}.button-wide{width:100%}.button-quiet{min-height:33px;border-color:var(--border);background:transparent;padding:0 11px;color:var(--muted-strong);font-size:10px}.button-quiet:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.text-button{border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer;font-size:12px;font-weight:800}.hero-panel{position:relative;display:flex;min-height:432px;align-items:center;overflow:hidden;margin-top:28px;border:1px solid #293329;border-radius:10px;background:radial-gradient(ellipse at 71% 45%,rgba(92,126,83,.12),transparent 36%),linear-gradient(112deg,#151b16 5%,#101511 59%,#131a15)}.hero-panel:after{position:absolute;inset:0;background-image:linear-gradient(rgba(167,195,153,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(167,195,153,.035) 1px,transparent 1px);background-size:44px 44px;content:"";-webkit-mask-image:linear-gradient(90deg,black,transparent 91%);mask-image:linear-gradient(90deg,black,transparent 91%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:58%;padding:58px 0 60px 7.2%}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.live-dot,.schedule-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--error);box-shadow:0 0 0 4px #ff827c1c}.schedule-dot{background:var(--warning);box-shadow:0 0 0 4px #f4bb6a1a}.hero-copy h1{margin:0;font-size:clamp(39px,5.3vw,69px);font-weight:700;letter-spacing:-.075em;line-height:.99}.hero-copy h1 span{color:var(--accent)}.hero-description{max-width:455px;margin:23px 0 25px;color:var(--muted-strong);font-size:13px;line-height:1.8}.hero-art{position:absolute;top:0;right:6%;display:grid;width:42%;height:100%;place-items:center;opacity:.95}.orbit{position:absolute;width:285px;height:285px;border:1px solid rgba(203,236,106,.15);border-radius:50%;transform:rotateX(68deg) rotate(-20deg)}.orbit-two{width:400px;height:400px;border-color:#9ca89d21;transform:rotateX(68deg) rotate(26deg)}.signal-core{position:relative;z-index:2;display:flex;width:92px;height:92px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(214,244,106,.43);border-radius:28px;background:#131d14d6;box-shadow:0 0 60px #a3db621a,inset 0 0 24px #d6f46a0d;color:var(--accent);transform:rotate(-8deg)}.signal-core span{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.signal-node{position:absolute;z-index:2;width:14px;height:14px;border:3px solid #172119;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #d6f46aad}.node-one{top:22%;left:35%}.node-two{right:18%;bottom:30%;background:var(--c2);box-shadow:0 0 18px #73cbb2ad}.node-three{top:35%;right:18%;width:10px;height:10px;background:var(--c3);box-shadow:0 0 14px #ea9a6899}.signal-line{position:absolute;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,244,106,.48),transparent);transform:rotate(25deg)}.line-one{top:27%;left:28%;width:90px}.line-two{right:16%;bottom:39%;width:100px;transform:rotate(-38deg)}.line-three{top:45%;right:16%;width:80px;transform:rotate(5deg)}.hero-footnote{position:absolute;z-index:3;right:28px;bottom:20px;left:28px;display:flex;justify-content:space-between;color:#738075;font-family:var(--font-mono);font-size:8px;letter-spacing:.13em}.hero-footnote span:first-child{color:var(--accent)}.space-section{padding:58px 0 44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.045em}.section-note{color:var(--muted);font-size:11px}.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.space-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:transform .2s ease,border-color .2s ease}.space-card:hover{transform:translateY(-3px);border-color:#66745c}.space-card-preview{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#030303;isolation:isolate}.space-card-preview.is-checking{background:#050706}.space-card-preview:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 38%,rgba(0,0,0,.78));content:"";pointer-events:none}.space-card-preview-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#030303;pointer-events:none}.space-preview-state{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;background:radial-gradient(ellipse at 50% 70%,rgba(153,21,31,.19),transparent 57%),#030303;text-align:center;pointer-events:none}.space-preview-state strong{display:flex;justify-content:center;gap:8px;font-size:clamp(25px,3.3vw,42px);font-weight:900;letter-spacing:-.045em;line-height:1}.space-preview-offline strong{color:#f5f6f5}.space-preview-offline strong span:last-child{color:#ff5d63}.space-preview-state small{color:#ffffffb8;font-family:var(--font-mono);font-size:8px;letter-spacing:.15em}.space-preview-checking strong{color:#f5f6f5;font-size:clamp(14px,2vw,20px);letter-spacing:.02em}.status-pill{position:absolute;z-index:3;top:13px;left:13px;display:inline-flex;width:fit-content;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:6px 8px;background:#090c0a9e;color:#ffe0db;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--error);box-shadow:0 0 10px var(--error)}.space-preview-number{position:absolute;z-index:3;top:16px;right:14px;color:#f5f8eecc;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;pointer-events:none}.space-preview-caption{position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:27px 14px 12px;background:linear-gradient(transparent,#000000e0);color:#fff;pointer-events:none}.space-preview-caption>div{display:grid;min-width:0;gap:3px}.space-preview-caption strong,.space-preview-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-preview-caption strong{font-size:11px}.space-preview-caption small,.space-preview-caption>span{color:#ffffffc2;font-family:var(--font-mono);font-size:8px}.space-preview-tuning{z-index:3;background:radial-gradient(ellipse at center,rgba(214,244,106,.1),transparent 60%),#030504d6}.space-preview-tuning strong{color:var(--accent);font-size:clamp(16px,2.5vw,24px);letter-spacing:.08em}.space-preview-tuning small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-tune-bars{display:flex;height:24px;align-items:center;gap:4px}.space-tune-bars i{width:3px;height:8px;border-radius:2px;background:var(--accent);animation:space-tune-pulse .35s ease-in-out infinite alternate}.space-tune-bars i:nth-child(2),.space-tune-bars i:nth-child(4){animation-delay:.1s}.space-tune-bars i:nth-child(3){animation-delay:.2s}.space-card-preview.is-tuning:before{position:absolute;z-index:2;inset:-35% -25%;background:repeating-linear-gradient(0deg,rgba(214,244,106,.13) 0 1px,transparent 1px 5px),linear-gradient(115deg,transparent 38%,rgba(214,244,106,.12) 50%,transparent 62%);content:"";animation:space-tuning-scan .7s linear infinite;pointer-events:none}@keyframes space-tuning-scan{0%{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(3%,2%,0)}}@keyframes space-tune-pulse{0%{transform:scaleY(.45);opacity:.58}to{transform:scaleY(1.55);opacity:1}}@media(prefers-reduced-motion:reduce){.space-card-preview.is-tuning:before,.space-tune-bars i{animation:none}}.space-card-content{padding:17px 17px 16px}.space-card-meta{display:flex;flex-wrap:wrap;gap:10px 15px;color:var(--muted);font-size:9px}.space-card-meta span{display:inline-flex;align-items:center;gap:5px}.space-card-content h3{overflow:hidden;margin:14px 0 7px;font-size:17px;font-weight:700;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.space-card-content p{min-height:37px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.card-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--accent);font-size:10px;font-weight:800}.upcoming-block{margin-top:47px}.section-heading-small{margin-bottom:12px}.section-heading-small h2{font-size:20px}.upcoming-list{border-top:1px solid var(--border)}.upcoming-row{display:grid;grid-template-columns:95px 1fr 20px;align-items:center;gap:17px;min-height:73px;border-bottom:1px solid var(--border);color:var(--muted);transition:color .15s ease}.upcoming-row:hover{color:var(--accent)}.upcoming-date{color:var(--accent);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.upcoming-title{display:grid;gap:4px}.upcoming-title strong{color:var(--fg);font-size:12px}.upcoming-title small{color:var(--muted);font-size:10px}.site-footer{display:flex;justify-content:space-between;margin:10px 0 0;border-top:1px solid var(--border-soft);padding:21px 0 25px;color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em}.site-footer span:first-child{color:var(--fg);font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.04em}.notice-card{margin:18px 0;border:1px solid #53492e;border-radius:7px;padding:16px 18px;background:#f4bb6a0e;color:var(--warning)}.notice-card strong{font-size:12px}.notice-card p{margin:7px 0 0;color:var(--muted-strong);font-size:11px;line-height:1.65}.notice-error{border-color:#ff827c59;background:#ff827c0d;color:var(--error)}.notice-error a{display:inline-block;margin-top:8px;color:var(--accent);font-size:11px}.notice-success{border-color:#77e0a352;background:#77e0a30d;color:var(--success)}.empty-state{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:8px;padding:24px;text-align:center}.empty-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-raised);color:var(--accent)}.empty-state h3,.empty-state h2{margin:17px 0 6px;font-size:15px;letter-spacing:-.03em}.empty-state p{max-width:430px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.loading-grid div{height:270px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(100deg,var(--surface) 30%,#1b231d 45%,var(--surface) 60%);background-size:250% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{background-position:-150% 0}}.route-state{display:grid;min-height:210px;place-items:center;color:var(--muted);font-size:12px}.auth-layout{display:grid;min-height:calc(100vh - 76px);place-items:center;padding:42px 18px}.auth-card{width:min(100%,438px);border:1px solid var(--border);border-radius:10px;padding:34px;background:radial-gradient(circle at 100% 0%,rgba(115,203,178,.08),transparent 32%),var(--surface);box-shadow:0 18px 70px #00000038}.auth-card>.wordmark{margin-bottom:34px}.auth-card .eyebrow{margin-bottom:9px}.auth-card h1{margin:0;font-size:29px;letter-spacing:-.07em}.muted{color:var(--muted);font-size:11px;line-height:1.7}.auth-card>.muted{margin:9px 0 22px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack label{display:flex;flex-direction:column;gap:7px;color:var(--muted-strong);font-size:10px;font-weight:700}.form-stack input:not([type=checkbox]),.form-stack textarea,.form-stack select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:6px;padding:10px 11px;background:#0d110e;color:var(--fg);font-size:11px;outline:none}.form-stack textarea{min-height:88px;resize:vertical;line-height:1.55}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#6f7b71}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#879966}.form-stack label small{color:var(--muted);font-size:9px;font-weight:400}.admin-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;cursor:pointer;margin:6px 0 10px;color:var(--fg)!important;font-size:11px!important;font-weight:500!important}.admin-toggle input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.form-message{margin:12px 0 0;color:var(--warning);font-size:10px;line-height:1.6}.auth-switch{margin:19px 0 0;color:var(--muted);font-size:10px;text-align:center}.auth-card>.text-button{display:block;margin:13px auto 0}.back-link{display:inline-flex;align-items:center;gap:8px;margin:29px 0 21px;color:var(--muted);font-size:10px;transition:color .16s ease}.back-link:hover{color:var(--accent)}.room-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}.room-heading .eyebrow{margin-bottom:11px}.room-heading h1{margin:0;font-size:clamp(29px,4vw,45px);letter-spacing:-.07em;line-height:1.06}.room-description{max-width:650px;margin:11px 0 9px;color:var(--muted-strong);font-size:11px;line-height:1.7}.room-location{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.room-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.space-presence-live-card{display:inline-flex;align-items:center;gap:8px;background:#53fc1814;border:1px solid rgba(83,252,24,.28);border-radius:6px;padding:6px 12px}.presence-pulse-badge{display:inline-flex;align-items:center;gap:6px;color:#6aff45;font-family:var(--font-mono);font-size:11px}.presence-pulse-badge strong{font-size:14px;font-weight:800;color:#fff}.presence-label{font-size:9px;color:#c4ffb3;text-transform:uppercase;letter-spacing:.06em}.presence-live-dot{width:7px;height:7px;border-radius:50%;background:#53fc18;box-shadow:0 0 10px #53fc18;animation:pulse-presence 1.6s ease-in-out infinite}@keyframes pulse-presence{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 14px #53fc18}to{transform:scale(.95);opacity:.7}}.presence-peak-badge{font-size:8px;font-family:var(--font-mono);background:#ffffff14;color:var(--muted);padding:2px 5px;border-radius:3px}.external-viewers-card{display:flex;flex-direction:column;gap:2px;font-size:9px;color:var(--muted);border-left:1px solid var(--border-soft);padding-left:12px}.external-viewers-card>span{display:inline-flex;align-items:center;gap:5px}.external-viewers-card strong{font-size:13px;font-family:var(--font-mono);color:var(--fg)}.space-funnel-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;background:#090c0a;border:1px solid var(--border-soft);border-radius:6px;margin-top:14px}.funnel-stat{display:flex;flex-direction:column;gap:3px}.funnel-label{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-family:var(--font-mono);text-transform:uppercase;color:var(--muted)}.funnel-value{font-size:18px;font-family:var(--font-mono);font-weight:800;color:var(--fg)}.funnel-stat small{color:var(--muted);font-size:8px}.text-accent{color:var(--accent)!important}.text-success{color:#6aff45!important}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:18px}.stage-column{min-width:0}.stage-toolbar{display:flex;min-height:43px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-bottom:0;border-radius:7px 7px 0 0;padding:0 13px;background:#121713;color:var(--muted)}.stage-toolbar>span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:8px;letter-spacing:.09em}.stage-toolbar b{color:var(--fg);font-weight:500}.audio-indicator{color:var(--accent)!important;font-family:Manrope,sans-serif!important;font-size:9px!important;letter-spacing:0!important}.stream-player-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#050706}.stream-iframe{display:block;width:100%;height:100%;border:0;background:#050706}.stream-player-wrap[data-platform=twitch]{min-height:300px;aspect-ratio:4 / 3;overflow-x:auto;overflow-y:hidden}.stream-iframe[data-platform=twitch]{min-width:400px;min-height:300px}.stream-player-wrap[data-platform=youtube],.stream-iframe[data-platform=youtube]{min-height:200px}.stream-status{position:absolute;top:9px;left:9px;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:5px 7px;background:#070908c9;color:var(--muted-strong);font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stream-status-live{color:#ffc4bf}.stream-status-live:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--error);content:""}.stream-viewer-count{position:absolute;z-index:4;right:8px;bottom:8px;display:inline-flex;max-width:calc(100% - 16px);align-items:center;gap:5px;border:1px solid rgba(255,255,255,.13);border-radius:4px;padding:5px 7px;background:#070908d6;color:#f3f7ee;font-family:var(--font-mono);font-size:9px;line-height:1;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stream-viewer-count svg{flex:0 0 auto;color:var(--accent)}.live-preview-media .stream-viewer-count{right:5px;bottom:5px;gap:3px;padding:4px 5px;font-size:7px}.active-stream-tile{overflow:hidden;border:1px solid var(--border);border-top:0;border-radius:0 0 7px 7px;background:#0d110e}.active-audio-chip{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:9px}.live-previews,.inactive-streams{margin-top:16px}.live-previews h2,.inactive-streams h2{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:10px}.live-previews h2 span,.inactive-streams h2 span{display:grid;min-width:18px;height:18px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-family:var(--font-mono);font-size:8px;font-weight:400}.live-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,190px));gap:9px}.live-preview-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#0d110e;transition:all .2s ease}.live-preview-card.is-active{border-color:var(--accent);box-shadow:0 0 14px #d6f46a40;background:#171d19f2}.live-preview-card.is-active .stream-status-active{background:var(--accent);color:#000;font-weight:700;border-color:transparent}.live-preview-card.is-active .stream-status-active:before{display:none}.live-preview-copy .active-badge{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-family:var(--font-mono);font-size:8px;font-weight:600;white-space:nowrap}.live-preview-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#050706}.live-preview-media .stream-player-wrap{width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden}.live-preview-media .stream-player-wrap[data-platform=twitch]{width:200%;height:200%;min-height:0;aspect-ratio:auto;overflow:hidden;transform:scale(.5);transform-origin:top left}.live-preview-media .stream-iframe[data-platform=youtube],.live-preview-media .stream-player-wrap[data-platform=youtube]{min-height:0}.live-preview-media .stream-player-wrap[data-platform=youtube]{width:200%;height:200%;transform:scale(.5);transform-origin:top left}.live-preview-media .stream-iframe[data-platform=youtube]{min-width:200px;min-height:200px}.live-preview-media .stream-iframe[data-platform=twitch]{min-width:400px;min-height:300px}.live-preview-media .stream-iframe{pointer-events:none}.live-preview-switch{position:absolute;z-index:2;inset:0;width:100%;border:0;background:transparent;cursor:pointer}.live-preview-switch:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.live-preview-media .stream-status{z-index:3;pointer-events:none}.live-preview-copy{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px}.live-preview-copy>div,.inactive-stream-card>div{display:grid;min-width:0;gap:4px}.live-preview-copy strong,.inactive-stream-card strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.live-preview-copy span,.inactive-stream-card span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.live-preview-copy .icon-button{width:28px;height:28px;flex:0 0 auto}.inactive-stream-list{display:grid;gap:6px}.inactive-stream-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;padding:9px 10px;background:#0d110ebf}.inactive-stream-card.is-clickable{cursor:pointer;transition:border-color .18s ease,background .18s ease}.inactive-stream-card.is-clickable:hover{border-color:var(--accent);background:#171d19d9}.inactive-stream-card.is-active{border-color:var(--accent);background:#171d19e6}.inactive-stream-actions{display:flex;align-items:center;gap:8px}.inactive-stream-actions .button-watch{min-height:26px;padding:0 8px;font-size:9px;gap:4px}.inactive-stream-card small{color:var(--muted);font-size:8px;line-height:1.5}.inactive-stream-status{color:var(--warning);font-family:var(--font-mono);font-size:7px;letter-spacing:.06em;white-space:nowrap}.inactive-stream-status.is-offline{color:var(--muted)}.inactive-stream-card .icon-button{width:30px;height:30px}.live-stage-empty{min-height:180px;border-radius:0 0 7px 7px;background:#0d110e}.live-stage-empty p{max-width:440px}.empty-stage-hint{margin-top:10px;color:var(--accent);font-size:11px;font-weight:600}.empty-stage-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.stream-configuration-error{display:grid;min-height:100%;align-content:center;justify-items:center;gap:8px;padding:24px;background:radial-gradient(ellipse at 50% 50%,rgba(244,187,106,.08),transparent 65%),#080b09;text-align:center}.stream-configuration-error strong{color:var(--warning);font-size:12px}.stream-configuration-error p{max-width:460px;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.stream-configuration-error a{color:var(--accent);font-size:9px}.stream-tile-footer{display:flex;min-height:53px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.stream-tile-footer>div{display:grid;min-width:0;gap:4px}.stream-tile-footer strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.stream-tile-footer span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.player-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;border:1px solid var(--border-soft);border-radius:6px;padding:10px 11px;color:var(--muted);font-size:9px;line-height:1.6}.player-note svg{flex:0 0 auto;color:var(--accent)}.stream-tile-footer .stream-tile-actions{display:flex;flex:0 0 auto;gap:5px}.stream-tile-actions .button-quiet{min-height:31px;padding:0 8px}.stream-next-btn{display:inline-flex;align-items:center;gap:5px;font-weight:600;cursor:pointer;color:var(--accent);border-color:#5eea894d}.stream-next-btn:hover{border-color:var(--accent);background:#5eea891f}.stream-platform-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0a0e0b;border-bottom:1px solid var(--border-soft);font-size:9px}.platform-bar-label{color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.platform-bar-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.platform-switch-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:#121814;color:var(--muted-strong);font-size:9px;font-weight:500;cursor:pointer;transition:all .15s ease}.platform-switch-btn:hover{border-color:var(--accent);color:var(--fg);background:#17221a}.platform-switch-btn.is-active{border-color:var(--accent);background:#22c55e26;color:#86efac;font-weight:600}.platform-switch-btn .platform-viewers{color:var(--muted);font-size:8px;font-weight:400}.live-preview-poster-wrap{position:relative;width:100%;height:100%;background:#080b09;overflow:hidden}.live-preview-poster-img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.live-preview-card:hover .live-preview-poster-img{transform:scale(1.05)}.live-preview-poster-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:6px;background:radial-gradient(circle at 50% 50%,#17241b,#080b09)}.poster-platform-tag{font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;padding:2px 6px;border-radius:3px;background:#0009;color:var(--accent)}.poster-streamer-title{font-size:11px;color:var(--fg);text-align:center}.preview-play-hint{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:#00000073;transition:opacity .2s ease;z-index:2;pointer-events:none}.preview-play-hint span{padding:4px 10px;border-radius:4px;background:var(--accent);color:#000;font-weight:700;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.live-preview-card:hover .preview-play-hint{opacity:1}.hidden-perspectives{display:flex;flex-direction:column;gap:9px;margin-top:15px;border:1px solid var(--border);border-radius:6px;padding:11px;background:#171d198c}.hidden-perspectives>span{color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em}.hidden-perspectives>div{display:flex;flex-wrap:wrap;gap:7px}.hidden-perspective-chip{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:1px solid var(--border);border-radius:5px;padding:0 9px;background:#111713;color:var(--muted-strong);cursor:pointer;font-size:9px}.hidden-perspective-chip:hover{border-color:var(--accent);color:var(--accent)}.hidden-perspective-chip span{color:var(--accent);font-family:var(--font-mono);font-size:13px}.selection-empty{min-height:310px;border-radius:0;border-style:solid;background:#0d110e}.selection-empty button{margin-top:14px}.fallback-status{margin-top:18px;border:1px solid var(--border);border-radius:7px;padding:14px;background:#171d198c}.fallback-status h3{margin:0 0 10px;font-size:10px}.fallback-status p{margin:7px 0;color:var(--muted);font-size:9px;line-height:1.6}.chat-panel{display:flex;min-height:480px;max-height:675px;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#111613}.chat-header{display:flex;min-height:47px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 13px}.chat-header>div{display:flex;align-items:center;gap:9px}.chat-header svg{color:var(--accent)}.chat-header h2{margin:0;font-size:11px}.chat-header>span{display:grid;min-width:22px;height:22px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-family:var(--font-mono);font-size:8px}.chat-source-note{display:flex;gap:8px;border-bottom:1px solid var(--border-soft);padding:10px 12px;background:#f4bb6a09;color:var(--warning)}.chat-source-note svg{flex:0 0 auto;margin-top:1px}.chat-source-note p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}.chat-messages{display:flex;flex:1;flex-direction:column;gap:15px;overflow-y:auto;padding:15px 12px;scrollbar-color:#354038 transparent;scrollbar-width:thin}.chat-message{border-bottom:1px solid var(--border-soft);padding-bottom:12px}.chat-message-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.chat-message-heading strong{color:var(--muted-strong);font-size:9px}.chat-message-heading span{color:#738075;font-family:var(--font-mono);font-size:7px}.chat-message>p{margin:6px 0 0;color:var(--fg);font-size:9px;line-height:1.6;overflow-wrap:anywhere}.chat-empty{display:grid;flex:1;place-content:center;gap:7px;color:var(--muted);font-size:10px;text-align:center}.chat-empty small{color:#78837a;font-size:8px}.chat-compose{display:flex;align-items:center;gap:7px;margin:0 11px 10px;border:1px solid var(--border);border-radius:6px;padding:5px;background:#0b0f0c}.chat-compose:focus-within{border-color:#67765f}.chat-compose input{width:100%;min-width:0;border:0;padding:6px 5px;background:transparent;color:var(--fg);font-size:9px;outline:0}.chat-compose input::placeholder{color:#718075}.chat-compose button{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:0;border-radius:5px;background:var(--accent);color:var(--accent-ink);cursor:pointer}.chat-compose button:disabled{cursor:not-allowed;opacity:.45}.chat-login,.chat-locked{margin:0 11px 10px;border:1px solid var(--border);border-radius:6px;padding:11px;color:var(--muted);font-size:9px;text-align:center}.chat-login a{color:var(--accent);font-weight:800}.chat-locked{border-color:#ff827c40;color:var(--error)}.chat-guideline{margin:0;border-top:1px solid var(--border-soft);padding:9px 11px;color:#718075;font-size:8px;line-height:1.5}.chat-error{margin:7px 10px 0;color:var(--error);font-size:8px;line-height:1.5}.chat-mod-actions{display:flex;gap:8px;margin-top:7px}.chat-mod-actions button{border:0;padding:0;background:none;color:var(--warning);cursor:pointer;font-size:8px}.room-empty{margin-bottom:28px}.room-footer{display:flex;justify-content:space-between;margin:24px 0 0;border-top:1px solid var(--border-soft);padding:15px 0 23px;color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.05em}.room-footer span{display:inline-flex;align-items:center;gap:6px}.room-footer svg{color:var(--accent)}.page-title-block{padding:48px 0 25px}.page-title-block .eyebrow{margin-bottom:10px}.page-title-block h1{margin:0;font-size:clamp(30px,4.2vw,48px);letter-spacing:-.07em}.page-title-block>p:last-child{max-width:630px;margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.account-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:17px;padding-bottom:32px}.surface-card{min-width:0;border:1px solid var(--border);border-radius:8px;padding:19px;background:var(--surface)}.card-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.surface-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid #3c4936;border-radius:10px;background:#d6f46a0f;color:var(--accent)}.card-heading .eyebrow{margin:0 0 4px;font-size:8px}.card-heading h2{margin:0;font-size:15px;letter-spacing:-.04em}.channels-card>.muted{margin:0 0 15px}.channel-list{display:flex;flex-direction:column;margin-bottom:17px;border-top:1px solid var(--border)}.channel-row{display:flex;min-width:0;align-items:center;gap:9px;border-bottom:1px solid var(--border);padding:11px 0}.platform-mark{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);font-family:var(--font-mono);font-size:11px;font-weight:500}.platform-youtube{color:#ff7d75}.platform-twitch{color:#b49cff}.platform-kick{color:#8ee292}.channel-row-copy{display:grid;min-width:0;flex:1;gap:4px}.channel-row-copy strong,.channel-row-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row-copy strong{font-size:10px}.channel-row-copy span{color:var(--muted);font-size:8px}.primary-chip{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-family:var(--font-mono);font-size:7px}.icon-button{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover:not(:disabled){border-color:var(--border);color:var(--accent)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-danger:hover:not(:disabled){color:var(--error)}.channel-form{border-top:1px solid var(--border);padding-top:16px}.channel-form h3{margin:0 0 3px;font-size:11px}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.checkbox-row input{width:14px;min-height:14px;accent-color:var(--accent)}.account-footnote{display:flex;align-items:center;gap:7px;margin:0 0 30px;color:var(--muted);font-size:9px;line-height:1.6}.account-footnote svg{flex:0 0 auto;color:var(--success)}.admin-grid .spaces-admin-card{grid-column:1 / -1}.admin-space-list{border-top:1px solid var(--border)}.admin-space-row{display:flex;min-height:53px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.admin-space-row>div{display:grid;gap:4px}.admin-space-row strong{font-size:10px}.admin-space-row span{color:var(--muted);font-size:8px}.admin-space-row select{width:auto;min-height:31px;padding:5px 8px;font-size:9px}.field-note{margin:-4px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.admin-page .page-title-block .eyebrow{color:var(--accent)}.popup-shell{width:330px;min-height:390px;padding:23px;background:radial-gradient(ellipse at 94% 13%,rgba(115,203,178,.12),transparent 37%),var(--surface-deep);box-sizing:border-box}.popup-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;letter-spacing:-.06em}.popup-live{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em}.popup-live i{width:6px;height:6px;border-radius:50%;background:var(--error)}.popup-active-card{margin-top:24px;padding:14px;border:1px solid rgba(214,244,106,.28);border-radius:8px;background:#d6f46a0d}.popup-active-card h2{margin:6px 0 4px;font-size:16px;letter-spacing:-.04em;color:var(--fg)}.popup-active-card p.muted{margin:0 0 14px;font-size:9px;line-height:1.5;color:var(--muted)}.popup-hero-block{margin-top:28px}.popup-hero-block h1{margin:0;font-size:30px;letter-spacing:-.07em;line-height:1.05}.popup-hero-block p.muted{margin:12px 0 18px;font-size:10px;line-height:1.5;color:var(--muted)}.popup-quick-list{margin-top:14px;display:flex;flex-direction:column;gap:6px}.popup-quick-label{font-size:7px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted)}.popup-quick-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#0d110ea6;color:var(--fg);cursor:pointer;text-align:left;transition:border-color .15s ease;width:100%;box-sizing:border-box}.popup-quick-item:hover{border-color:var(--accent)}.popup-quick-item span{font-size:10px;font-weight:600}.popup-quick-item small{font-size:8px;color:var(--muted);font-family:var(--font-mono)}.popup-footer-actions{margin-top:14px;display:flex;justify-content:center}.popup-new-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.popup-new-tab:hover{color:var(--accent)}.popup-note{margin:20px 0 0;border-top:1px solid var(--border);padding-top:12px;color:#7f8a81;font-size:8px;line-height:1.55}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:980px){.room-layout{grid-template-columns:minmax(0,1fr) 275px;gap:12px}.page-wrap{width:min(100% - 40px,1280px)}.hero-art{right:2%;width:40%}.space-card-content{padding:14px}}@media(max-width:760px){.site-header{height:66px;padding:0 20px}.header-nav{gap:17px}.header-nav a{font-size:10px}.header-actions{min-width:auto}.account-link span{display:none}.account-link{width:34px;height:34px;justify-content:center;border:1px solid var(--border);border-radius:50%}.page-wrap{width:calc(100% - 36px)}.hero-panel{min-height:385px;margin-top:18px}.hero-copy{width:74%;padding:48px 0 57px 7%}.hero-copy h1{font-size:clamp(37px,7vw,55px)}.hero-description{max-width:400px;font-size:11px}.hero-art{right:-12%;width:52%;opacity:.47}.orbit{width:230px;height:230px}.orbit-two{width:330px;height:330px}.hero-footnote{right:18px;left:18px;font-size:7px}.space-section{padding-top:43px}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.space-card-content h3{font-size:14px}.space-card-content p{font-size:9px}.space-card-meta{gap:7px}.room-heading{align-items:flex-start;flex-direction:column;gap:14px}.room-stats{min-width:0;align-items:flex-start}.room-stats small{text-align:left}.room-layout{grid-template-columns:1fr}.chat-panel{min-height:430px;max-height:560px}.account-grid,.admin-grid{grid-template-columns:1fr}.admin-grid .spaces-admin-card{grid-column:auto}.page-title-block{padding-top:36px}}@media(max-width:520px){.site-header{gap:10px;padding:0 14px}.site-logo-img{height:26px}.wordmark{gap:7px;font-size:16px}.wordmark-mark{width:26px;height:26px;font-size:13px}.header-nav{gap:11px}.header-nav a{font-size:9px}.header-actions .button{min-height:33px;padding:0 9px;font-size:9px}.page-wrap{width:calc(100% - 28px)}.hero-panel{min-height:379px}.hero-copy{width:92%;padding:42px 18px 61px 21px}.hero-copy h1{font-size:clamp(38px,11vw,51px)}.hero-description{max-width:320px;margin:17px 0 21px;font-size:10px;line-height:1.65}.hero-art{right:-28%;width:68%;opacity:.25}.hero-footnote{bottom:15px;font-size:6px}.hero-footnote span:last-child{max-width:150px;text-align:right}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:21px}.section-note{font-size:9px}.space-grid{grid-template-columns:1fr}.space-card-content{padding:15px}.space-card-content h3{font-size:16px}.space-card-content p{min-height:0;font-size:10px}.space-card-meta{font-size:8px}.loading-grid{grid-template-columns:1fr}.loading-grid div:nth-child(n+2){display:none}.upcoming-row{grid-template-columns:68px 1fr 18px;gap:10px}.site-footer{font-size:7px}.auth-card{padding:25px 21px}.auth-card h1{font-size:26px}.room-heading h1{font-size:32px}.room-description{font-size:10px}.room-layout{gap:13px}.stage-toolbar{padding:0 8px}.audio-indicator{font-size:8px!important}.live-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inactive-stream-card{grid-template-columns:minmax(0,1fr) auto 28px;gap:6px;padding:8px}.stream-tile-footer{min-height:47px}.button-quiet{min-height:30px;padding:0 8px;font-size:9px}.room-footer{gap:10px;font-size:7px}.surface-card{padding:15px}.channel-row{gap:6px}.primary-chip{font-size:0}.primary-chip svg{width:14px;height:14px}.admin-space-row{align-items:flex-start;padding:10px 0}.admin-space-row select{max-width:112px}}.admin-page{padding-top:32px;padding-bottom:56px}.admin-header-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.admin-header-title{max-width:720px}.admin-header-title h1{margin:4px 0 8px;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.05em;color:var(--fg)}.admin-subtitle{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.admin-quick-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.admin-metric-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.admin-metric-card:hover{transform:translateY(-2px);border-color:#556650}.admin-metric-icon{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;border-radius:8px;border:1px solid var(--border)}.admin-metric-icon.icon-spaces{background:#d6f46a14;color:var(--accent);border-color:#d6f46a33}.admin-metric-icon.icon-streamers{background:#73cbb214;color:#73cbb2;border-color:#73cbb233}.admin-metric-icon.icon-channels{background:#a970ff14;color:#a970ff;border-color:#a970ff33}.admin-metric-icon.icon-moderation{background:#f4bb6a14;color:var(--warning);border-color:#f4bb6a33}.admin-metric-content{display:flex;flex-direction:column;gap:3px;min-width:0}.metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:var(--font-mono)}.metric-number{font-size:22px;font-family:var(--font-mono);font-weight:700;color:var(--fg);line-height:1.1}.metric-pills{display:flex;align-items:center;gap:5px;margin-top:4px;flex-wrap:wrap}.metric-pills .pill{font-size:8px;font-family:var(--font-mono);padding:2px 6px;border-radius:3px}.pill-live{background:#ff5d6326;color:#ff9196}.pill-live i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--error);margin-right:3px}.pill-scheduled{background:#f4bb6a26;color:#f4bb6a}.pill-active{background:#53fc181f;color:#6aff45}.pill-inactive{background:#8c998f26;color:#aab8ad}.pill-yt{background:#ff4d4d26;color:#ff7070}.pill-tw{background:#a970ff26;color:#c49eff}.pill-kc{background:#53fc1826;color:#6aff45}.pill-muted{background:#ffffff0f;color:var(--muted-strong)}.admin-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.admin-alert .alert-content{display:flex;align-items:center;gap:12px}.admin-nav-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:0;overflow-x:auto}.tab-item{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:all .16s ease;white-space:nowrap}.tab-item:hover{color:var(--fg);background:#ffffff05}.tab-item.is-active{color:var(--accent);background:var(--surface);border-color:var(--border) var(--border) transparent;border-bottom:2px solid var(--accent)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;font-family:var(--font-mono);border-radius:9px;background:#ffffff14;color:inherit}.tab-item.is-active .tab-badge{background:#d6f46a26;color:var(--accent)}.admin-view-split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.admin-list-pane{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pane-title{display:flex;align-items:center;gap:8px}.pane-title h2{margin:0;font-size:14px;letter-spacing:-.03em;color:var(--fg)}.count-pill{font-size:8px;font-family:var(--font-mono);padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--muted-strong)}.pane-filters{display:flex;flex-direction:column;gap:8px}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:10px;color:var(--muted);pointer-events:none}.search-field input{width:100%;min-height:36px;padding:8px 30px 8px 32px;background:#090c0a;border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:10px;outline:none}.search-field input:focus{border-color:#6d8065}.search-field .icon-clear{position:absolute;right:8px;background:none;border:none;color:var(--muted);cursor:pointer;padding:3px}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chips .chip{padding:4px 8px;border-radius:4px;background:#090c0a;border:1px solid var(--border);color:var(--muted);font-size:9px;font-weight:600;cursor:pointer;transition:all .14s ease}.filter-chips .chip:hover{border-color:#556650;color:var(--fg)}.filter-chips .chip.is-active{background:var(--accent);color:#0b0f0c;border-color:var(--accent);font-weight:800}.admin-items-list{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;padding-right:2px}.admin-item-card{display:flex;flex-direction:column;gap:5px;padding:12px;background:#0c100d;border:1px solid var(--border-soft);border-radius:6px;cursor:pointer;transition:all .16s ease;text-align:left}.admin-item-card:hover{border-color:#4a5c44;background:#0f1410}.admin-item-card.is-selected{border-color:var(--accent);background:#d6f46a0d;box-shadow:inset 2px 0 0 var(--accent)}.item-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-title{font-size:12px;color:var(--fg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-slug{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.item-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:9px;color:#718075}.item-platforms-row{display:flex;align-items:center;gap:6px;margin-top:4px}.platform-micro-chip{padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:8px;font-weight:700}.platform-micro-chip.chip-youtube{background:#ff4d4d33;color:#ff8080}.platform-micro-chip.chip-twitch{background:#a970ff33;color:#c9a6ff}.platform-micro-chip.chip-kick{background:#53fc1833;color:#6aff45}.channels-count-tag,.no-channels-tag{font-size:9px;color:var(--muted)}.empty-list-message{padding:24px 12px;text-align:center;color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:12px;align-items:center}.admin-detail-pane{display:flex;flex-direction:column;gap:20px;min-width:0}.status-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-badge.status-live{background:#ff5d6329;color:#ff8085;border:1px solid rgba(255,93,99,.3)}.status-badge.status-scheduled{background:#f4bb6a29;color:#f4bb6a;border:1px solid rgba(244,187,106,.3)}.status-badge.status-ended{background:#8c998f29;color:#aab8ad;border:1px solid rgba(140,153,143,.3)}.status-badge.status-active{background:#53fc1824;color:#6aff45;border:1px solid rgba(83,252,24,.28)}.status-badge.status-inactive{background:#f4bb6a24;color:#f4bb6a;border:1px solid rgba(244,187,106,.28)}.space-overview-card{display:flex;flex-direction:column;gap:16px}.space-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.space-status-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.space-slug-pill{font-family:var(--font-mono);font-size:9px;color:var(--muted);background:#090c0a;padding:2px 7px;border-radius:4px;border:1px solid var(--border-soft)}.space-view-title{margin:0 0 6px;font-size:20px;letter-spacing:-.04em;color:var(--fg)}.space-view-desc{margin:0;font-size:11px;color:var(--muted);line-height:1.6}.status-switcher-bar{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-soft);flex-wrap:wrap}.switcher-label{font-size:9px;text-transform:uppercase;font-family:var(--font-mono);color:var(--muted)}.switcher-buttons{display:flex;gap:6px}.switcher-btn{padding:5px 12px;border-radius:4px;background:#090c0a;border:1px solid var(--border);color:var(--muted-strong);font-size:10px;font-weight:700;cursor:pointer;transition:all .14s ease}.switcher-btn:hover:not(:disabled){border-color:#63765e;color:var(--fg)}.switcher-btn.is-active-live{background:#ff5d6333;color:#ff8085;border-color:#ff5d6366}.switcher-btn.is-active-scheduled{background:#f4bb6a33;color:#f4bb6a;border-color:#f4bb6a66}.switcher-btn.is-active-ended{background:#8c998f33;color:#aab8ad;border-color:#8c998f66}.space-participants-card{display:flex;flex-direction:column;gap:16px}.space-streamers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.streamer-participant-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#0c100d;border:1px solid var(--border-soft);border-radius:6px}.streamer-participant-tile.is-disabled{opacity:.6;border-style:dashed}.participant-info{display:flex;flex-direction:column;gap:4px;min-width:0}.participant-info strong{font-size:12px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-channel-info{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.channel-pill{padding:2px 6px;border-radius:3px;font-size:8px;font-family:var(--font-mono)}.channel-pill.platform-youtube{background:#ff4d4d26;color:#ff8080}.channel-pill.platform-twitch{background:#a970ff26;color:#c9a6ff}.channel-pill.platform-kick{background:#53fc1826;color:#6aff45}.channel-pill.pill-warning{background:#f4bb6a26;color:#f4bb6a}.participant-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-success{color:var(--accent)!important}.icon-muted{color:var(--muted)!important}.add-participant-inline-form{padding-top:14px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px}.add-participant-inline-form h3{margin:0;font-size:11px;display:flex;align-items:center;gap:6px;color:var(--fg)}.inline-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.space-edit-accordion{border:1px solid var(--border-soft)}.accordion-summary{cursor:pointer;padding:14px 18px;font-size:12px;font-weight:700;color:var(--fg);display:flex;align-items:center;justify-content:space-between}.accordion-summary small{color:var(--muted);font-weight:400;font-size:10px}.form-inner{padding:16px 18px 20px;border-top:1px solid var(--border-soft)}.form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-action-row{display:flex;align-items:center;gap:10px;margin-top:6px}.streamer-management-view{display:flex;flex-direction:column;gap:20px}.channels-manager-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 18px}.channel-manager-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;background:#0c100d;border:1px solid var(--border-soft);border-radius:6px}.channel-manager-item.is-primary{border-color:#d6f46a59;background:#d6f46a08}.platform-logo{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;font-family:var(--font-mono);font-weight:700;font-size:10px}.platform-logo.platform-youtube{background:#ff4d4d26;color:#f66;border:1px solid rgba(255,77,77,.3)}.platform-logo.platform-twitch{background:#a970ff26;color:#c9a6ff;border:1px solid rgba(169,112,255,.3)}.platform-logo.platform-kick{background:#53fc1826;color:#6aff45;border:1px solid rgba(83,252,24,.3)}.channel-details-column{display:flex;flex-direction:column;gap:3px;min-width:0}.channel-title-row{display:flex;align-items:center;gap:8px}.channel-title-row strong{font-size:12px;color:var(--fg)}.primary-pill{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-family:var(--font-mono);font-weight:700;color:var(--accent);background:#d6f46a1f;padding:2px 6px;border-radius:3px;border:1px solid rgba(214,244,106,.25)}.channel-meta-url{font-size:9px;color:var(--muted)}.channel-meta-url code{color:var(--muted-strong)}.channel-actions-column{display:flex;align-items:center;gap:8px}.add-channel-subform{padding-top:18px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:12px}.add-channel-subform h3{margin:0;font-size:12px;display:flex;align-items:center;gap:6px;color:var(--fg)}.resolution-feedback{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:10px;line-height:1.5}.resolution-feedback.is-resolving{background:#d6f46a14;border:1px solid rgba(214,244,106,.2);color:var(--accent)}.resolution-feedback.is-resolved{background:#53fc181a;border:1px solid rgba(83,252,24,.25);color:#6aff45}.resolution-feedback.is-error{background:#ff5d631a;border:1px solid rgba(255,93,99,.25);color:#ff8085}.admin-moderation-layout{display:flex;flex-direction:column;gap:20px}.moderation-manager-card{display:flex;flex-direction:column;gap:18px}.moderation-controls-stack{display:flex;flex-direction:column;gap:20px}.space-selector-bar label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--muted-strong)}.add-word-form{display:flex;flex-direction:column;gap:6px}.word-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.add-word-form small{color:var(--muted);font-size:9px}.restricted-words-cloud{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border-soft)}.restricted-words-cloud h3{margin:0;font-size:13px;letter-spacing:-.02em;color:var(--fg)}.words-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.word-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#090c0a;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--fg)}.word-chip button{display:grid;place-items:center;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:2px;border-radius:3px;transition:color .12s ease}.word-chip button:hover{color:var(--error);background:#ff5d6326}.silenced-users-section{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--border-soft)}.silenced-users-section h3{margin:0;font-size:13px;letter-spacing:-.02em;color:var(--fg)}.silenced-users-list{display:flex;flex-direction:column;gap:8px}.silenced-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0c100d;border:1px solid var(--border-soft);border-radius:6px}.silenced-user-info{display:flex;flex-direction:column;gap:3px;min-width:0}.silenced-user-info strong{font-size:11px;color:var(--fg);font-family:var(--font-mono)}.silenced-user-info small{color:var(--muted);font-size:9px}.empty-notice-box{padding:16px;background:#090c0a;border:1px dashed var(--border);border-radius:6px;color:var(--muted);font-size:10px;line-height:1.6}.empty-notice-box p{margin:0}.empty-selection-card{padding:42px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-selection-card h3{margin:0;font-size:16px;color:var(--fg)}.empty-selection-card p{margin:0 0 8px;color:var(--muted);font-size:11px}.admin-footer-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:18px;border-top:1px solid var(--border);font-size:9px;color:var(--muted);font-family:var(--font-mono)}@media(max-width:980px){.admin-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-view-split{grid-template-columns:280px minmax(0,1fr)}.space-streamers-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-header-panel{flex-direction:column;align-items:stretch}.admin-quick-actions{width:100%;justify-content:stretch}.admin-quick-actions .button{flex:1;justify-content:center}.admin-view-split,.form-row-2{grid-template-columns:1fr}.admin-footer-notice{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:520px){.admin-metrics-row,.word-input-row,.inline-add-row{grid-template-columns:1fr}}.site-header-room{height:60px;padding-inline:clamp(16px,3vw,52px)}.site-header-room .header-nav{gap:20px}.header-nav-room a{gap:7px;font-size:11px}.room-page{width:calc(100% - clamp(32px,4vw,88px));max-width:none;padding-bottom:22px}.room-page>.room-heading{align-items:center;margin:18px 0 14px}.room-page .room-heading .eyebrow{margin-bottom:7px}.room-page .room-heading h1{font-size:clamp(27px,2.6vw,38px)}.room-page .room-description{margin:6px 0 4px;font-size:12px}.room-page .room-location{font-size:11px}.room-page .room-stats{min-width:210px}.room-page .room-layout{grid-template-columns:minmax(0,1fr) minmax(330px,380px);align-items:start;gap:20px}.room-page .stage-column{min-width:0}.room-page .stage-toolbar{min-height:54px;flex-wrap:wrap;padding:7px 12px}.stage-toolbar-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.stream-zoom-controls{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:7px;padding:3px 6px;background:#0d110e}.stream-zoom-controls>span{padding:0 4px;color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em}.stream-zoom-controls output{min-width:42px;color:var(--fg);font-family:var(--font-mono);font-size:10px;text-align:center}.zoom-control-button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted-strong);cursor:pointer}.zoom-control-button:hover:not(:disabled){border-color:var(--border);background:var(--surface-raised);color:var(--accent)}.zoom-control-button:disabled{cursor:not-allowed;opacity:.4}.zoom-reset-button{border-left-color:var(--border-soft);border-radius:0 5px 5px 0}.active-stream-player .stream-iframe{transform-origin:center;transition:transform .18s ease}.active-stream-player[data-platform=twitch]{overflow:hidden}.room-page .stream-tile-footer{min-height:58px;padding:9px 13px}.room-page .stream-tile-footer strong{font-size:12px}.room-page .stream-tile-footer span{font-size:9px}.room-page .live-previews{margin-top:18px}.room-page .live-previews h2,.room-page .inactive-streams h2{margin-bottom:10px;font-size:12px}.room-page .live-preview-list{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-color:#354038 transparent;scrollbar-width:thin}.room-page .live-preview-card{flex:0 0 clamp(220px,22vw,320px);scroll-snap-align:start}.room-page .live-preview-copy{min-height:54px;padding:8px 10px}.room-page .live-preview-copy strong{font-size:10px}.room-page .player-note{margin-top:14px;padding:11px 13px;font-size:10px}.room-page .chat-panel{position:sticky;top:72px;height:min(760px,calc(100dvh - 170px));min-height:440px;max-height:none;border-radius:8px}.room-page .chat-header{min-height:54px;padding-inline:16px}.room-page .chat-header h2{font-size:13px}.room-page .chat-source-note{align-items:center;padding:8px 12px}.room-page .chat-source-note p{font-size:9px}.room-page .chat-messages{gap:16px;padding:16px 14px}.room-page .chat-message{padding-bottom:14px}.room-page .chat-message-heading strong{font-size:10px}.room-page .chat-message-heading span{color:var(--muted);font-size:8px}.room-page .chat-message>p{margin-top:7px;font-size:11px}.room-page .chat-mod-actions{flex-wrap:wrap;gap:6px;margin-top:9px}.room-page .chat-mod-actions button{display:inline-flex;min-height:30px;align-items:center;gap:5px;border:1px solid var(--border);border-radius:4px;padding:0 8px;font-size:8px;font-family:var(--font-mono);color:var(--muted-strong);background:#ffffff08;cursor:pointer;transition:all .14s ease}.room-page .chat-mod-actions button:hover:not(:disabled){border-color:var(--error);color:#ff8085;background:#ff5d6314}.room-page .chat-mod-actions button.btn-ban:hover:not(:disabled){border-color:var(--warning);color:#f4bb6a;background:#f4bb6a14}.room-page .chat-mod-actions button.btn-unban{color:#6aff45;border-color:#53fc184d}.room-page .chat-mod-actions button.btn-unban:hover:not(:disabled){border-color:#6aff45;color:#8cff70;background:#53fc181a}.banned-user-tag{font-size:7px;font-family:var(--font-mono);font-weight:700;color:#ff8085;background:#ff5d6326;border:1px solid rgba(255,93,99,.3);padding:1px 4px;border-radius:3px;margin-left:6px;text-transform:uppercase;letter-spacing:.05em}.chat-sender-info{display:flex;align-items:center;gap:4px;min-width:0}.chat-notice{margin:6px 10px 0;color:var(--accent);font-size:8px;font-family:var(--font-mono)}.chat-message.is-banned-sender{opacity:.75}.room-page .chat-compose{margin:0 12px 12px;padding:6px}.room-page .chat-compose input{font-size:11px}.room-page .chat-compose button{width:44px;height:44px}.room-page .chat-guideline{padding:10px 12px;color:var(--muted);font-size:9px}.room-page .chat-error{border:1px solid rgba(255,130,124,.25);border-radius:5px;padding:8px 10px;background:#ff827c12;font-size:10px}@media(max-width:980px){.room-page{width:calc(100% - 40px)}.room-page .room-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:14px}}@media(max-width:900px){.room-page .room-layout{grid-template-columns:1fr}.room-page .chat-panel{position:static;height:480px;min-height:400px;max-height:60vh}}@media(max-width:760px){.site-header-room{height:58px;padding-inline:18px}.site-header-room .header-nav{gap:14px}.site-header-room .header-nav a{font-size:10px}.room-page{width:calc(100% - 32px)}.room-page>.room-heading{flex-direction:row;align-items:flex-end;gap:12px}.room-page .room-heading h1{font-size:clamp(25px,4.5vw,34px)}.room-page .room-stats{min-width:0;align-items:flex-end}.room-page .room-stats small{max-width:190px;text-align:right}.room-page .stage-toolbar{align-items:flex-start}.stage-toolbar-actions{justify-content:flex-start;gap:8px}.room-page .chat-panel{max-height:60vh}}@media(max-width:520px){.site-header-room{padding-inline:12px}.site-header-room .header-nav{gap:10px}.site-header-room .header-nav a{font-size:9px}.room-page{width:calc(100% - 20px)}.room-page>.room-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-top:14px}.room-page .room-stats{align-items:flex-start}.room-page .room-stats small{text-align:left}.room-page .stage-toolbar{gap:8px}.stage-toolbar-actions{width:100%;justify-content:space-between}.stream-zoom-controls{gap:3px;padding-inline:4px}.zoom-control-button{width:44px;height:44px}.room-page .live-preview-card{flex-basis:clamp(190px,74vw,270px)}.room-page .chat-panel{min-height:390px}}@media(prefers-reduced-motion:reduce){.active-stream-player .stream-iframe{transition:none}}.room-page{--room-zoom: 1;--room-zoom-percent: 100%;zoom:var(--room-zoom-percent);width:calc((100vw - clamp(32px,4vw,64px)) / var(--room-zoom));height:calc((100dvh - 61px) / var(--room-zoom));display:flex;flex-direction:column;min-height:0;overflow:hidden;margin-inline:auto;padding:8px 0}.room-page>.room-heading{flex:0 0 auto;align-items:center;gap:14px;margin:0 0 8px}.room-page>.room-heading>div:first-child{min-width:0}.room-page .room-heading .eyebrow{margin-bottom:4px;font-size:8px}.room-page .room-heading h1{overflow:hidden;font-size:clamp(22px,2.1vw,32px);line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.room-page .room-description{display:-webkit-box;overflow:hidden;margin:3px 0 2px;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.room-page .room-location{font-size:9px}.room-page .room-stats{min-width:200px;gap:3px}.room-page .room-stats>span{font-size:9px}.room-page .room-stats strong{font-size:16px}.room-page .room-stats small{font-size:7px}.room-page .room-layout{grid-template-columns:minmax(0,1fr) minmax(300px,clamp(300px,25vw,380px));grid-template-rows:minmax(0,1fr);flex:1 1 0;min-height:0;align-items:stretch;gap:12px}.room-page .stage-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.room-page .stage-toolbar{flex:0 0 46px;min-height:46px;flex-wrap:nowrap;padding:4px 10px}.room-page .stage-toolbar>span{font-size:8px}.room-page .stage-toolbar-actions{flex-wrap:nowrap;gap:7px}.room-page .stream-zoom-controls{gap:2px;padding:2px 4px}.room-page .stream-zoom-controls>span{font-size:7px}.room-page .stream-zoom-controls output{min-width:38px;font-size:9px}.room-page .zoom-control-button{width:32px;height:32px}.room-page .active-stream-tile{display:flex;flex:1 1 0;min-height:0;flex-direction:column;overflow:hidden;container-type:size}.room-page .active-stream-player{display:flex;flex:0 0 auto;align-self:center;width:min(100cqw,calc((100cqh - 46px) * 1.7777778));height:min(calc(100cqh - 46px),56.25cqw);min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:16 / 9;align-items:center;justify-content:center;overflow:hidden}.room-page .active-stream-player[data-platform=twitch],.room-page .active-stream-player[data-platform=youtube]{min-height:0}.room-page .active-stream-player .stream-iframe{width:100%;height:100%;transform:none}.room-page .active-stream-tile>.stream-tile-footer{flex:0 0 46px;min-height:46px}.room-page .stream-tile-footer strong{font-size:11px}.room-page .stream-tile-footer span,.room-page .active-audio-chip{font-size:8px}.room-page .selection-empty,.room-page .live-stage-empty{flex:1 1 0;min-height:0}.room-page .room-sidebar{display:grid;grid-template-rows:minmax(120px,34%) minmax(0,1fr);min-width:0;min-height:0;gap:9px}.room-page .room-streamer-panel{min-height:0;overflow:auto;border:1px solid var(--border);border-radius:7px;padding:8px;background:#111613;scrollbar-color:#354038 transparent;scrollbar-width:thin}.room-page .live-previews,.room-page .inactive-streams{margin:0}.room-page .live-previews h2,.room-page .inactive-streams h2{margin:0 0 7px;font-size:10px}.room-page .live-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:0}.room-page .live-preview-card{min-width:0;flex:initial}.room-page .live-preview-copy{min-height:37px;gap:3px;padding:5px 6px}.room-page .live-preview-copy strong{font-size:8px}.room-page .live-preview-copy span{font-size:7px}.room-page .live-preview-copy .icon-button{width:26px;height:26px}.room-page .inactive-streams{margin-top:8px}.room-page .inactive-stream-list{gap:4px}.room-page .inactive-stream-card{grid-template-columns:minmax(0,1fr) auto 26px;gap:5px;padding:6px}.room-page .inactive-stream-card strong{font-size:8px}.room-page .inactive-stream-card span,.room-page .inactive-stream-card small{font-size:7px}.room-page .inactive-stream-card small{display:none}.room-page .inactive-stream-status{font-size:6px}.room-page .inactive-stream-card .icon-button{width:26px;height:26px}.room-page .hidden-perspectives{gap:5px;margin-top:8px;padding:7px}.room-page .hidden-perspectives>span{font-size:7px}.room-page .hidden-perspectives>div{gap:4px}.room-page .hidden-perspective-chip{min-height:28px;padding-inline:6px;font-size:8px}.room-page .player-note{margin-top:7px;padding:7px;font-size:8px}.room-page .fallback-status{margin-top:7px;padding:8px}.room-page .fallback-status h3{margin-bottom:5px;font-size:9px}.room-page .fallback-status p{font-size:7px}.room-page .chat-panel{position:static;height:auto;min-height:0;max-height:none}.room-page .chat-header{flex:0 0 42px;min-height:42px;padding-inline:10px}.room-page .chat-header h2{font-size:11px}.room-page .chat-source-note{flex:0 0 auto;padding:6px 9px}.room-page .chat-source-note p{font-size:8px}.room-page .chat-messages{min-height:0;gap:9px;padding:9px}.room-page .chat-message{padding-bottom:8px}.room-page .chat-message-heading strong{font-size:9px}.room-page .chat-message-heading span{font-size:7px}.room-page .chat-message>p{margin-top:4px;font-size:9px}.room-page .chat-mod-actions{gap:5px;margin-top:5px}.room-page .chat-mod-actions button{min-height:34px;padding-inline:7px;font-size:8px}.room-page .chat-compose{flex:0 0 auto;margin:0 8px 8px;padding:4px}.room-page .chat-compose input{font-size:9px}.room-page .chat-compose button{width:36px;height:36px}.room-page .chat-guideline{flex:0 0 auto;padding:7px 9px;font-size:7px}.room-page .room-footer{display:none}@media(max-width:1100px)and (min-width:901px){.room-page .room-layout{grid-template-columns:minmax(0,1fr) minmax(280px,32vw);gap:9px}.room-page .room-sidebar{grid-template-rows:minmax(110px,32%) minmax(0,1fr);gap:7px}}@media(max-width:900px){.room-page{height:auto;min-height:calc((100dvh - 59px) / var(--room-zoom));overflow:visible;padding-bottom:16px}.room-page>.room-heading{align-items:flex-start;margin-bottom:12px}.room-page .room-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;flex:none;gap:12px}.room-page .stage-column{min-height:0;overflow:visible}.room-page .stage-toolbar{flex:0 0 auto;min-height:44px;flex-wrap:wrap}.room-page .stage-toolbar-actions{flex-wrap:wrap}.room-page .active-stream-tile{flex:none;container-type:normal}.room-page .active-stream-player{align-self:stretch;width:100%;height:auto;max-height:none;flex:none;aspect-ratio:16 / 9}.room-page .room-sidebar{grid-template-rows:auto minmax(300px,56vh);gap:10px}.room-page .room-streamer-panel{max-height:none;overflow:visible}.room-page .live-preview-list{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.room-page .live-preview-card{flex:0 0 clamp(145px,36vw,220px);scroll-snap-align:start}.room-page .inactive-stream-card small{display:block}.room-page .chat-panel{min-height:300px}.room-page .room-footer{display:flex}}@media(max-width:600px){.room-page{width:calc((100vw - 20px) / var(--room-zoom))}.room-page>.room-heading{flex-direction:column;gap:7px}.room-page .room-heading h1{font-size:24px}.room-page .room-stats{align-items:flex-start}.room-page .room-stats small{text-align:left}.room-page .stage-toolbar{align-items:flex-start}.room-page .stage-toolbar-actions{width:100%;justify-content:space-between}.room-page .room-sidebar{grid-template-rows:auto minmax(300px,56vh)}.room-page .chat-panel{min-height:300px}.room-page .room-footer{gap:8px;font-size:7px}}@media(prefers-reduced-motion:reduce){.room-page .zoom-control-button{transition:none}}.room-page .room-sidebar,.room-page .room-sidebar>*,.room-page .room-streamer-panel,.room-page .chat-panel,.room-page .live-previews,.room-page .live-preview-list,.room-page .inactive-streams{min-width:0;width:100%}.room-page .room-streamer-panel,.room-page .chat-panel{box-sizing:border-box;max-width:100%}.room-page .chat-message>p{overflow-wrap:anywhere}@media(max-width:900px){.room-page .live-preview-list{max-width:100%}.room-page .live-preview-media,.room-page .live-preview-media .stream-player-wrap{min-width:0;max-width:100%}.room-page .live-preview-media iframe{width:100%;max-width:100%}}@media(min-width:1101px){.room-page .room-layout{grid-template-columns:minmax(0,1fr) minmax(200px,14vw) var(--chat-width, 320px);grid-template-rows:minmax(0,1fr);gap:12px;transition:grid-template-columns .18s cubic-bezier(.16,1,.3,1)}.room-page.is-chat-collapsed .room-layout{grid-template-columns:minmax(0,1fr) minmax(220px,16vw)}.room-page .room-sidebar{display:contents}.room-page .room-streamer-panel{grid-column:2;grid-row:1;width:100%;height:100%;overflow-y:auto;padding:5px}.room-page .room-sidebar>.chat-panel{grid-column:3;grid-row:1;width:100%;height:100%;min-width:0;position:relative}.room-page.is-chat-collapsed .room-sidebar>.chat-panel{display:none!important}.room-page .live-preview-list{display:flex;flex-direction:column;gap:5px;overflow:visible}.room-page .live-preview-card{flex:none}.room-page .live-preview-copy{min-height:30px;gap:2px;padding:4px 5px}.room-page .live-preview-copy>div{min-width:0}}@media(min-width:901px){.room-page .active-stream-tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 46px}.room-page .active-stream-player{grid-column:1;grid-row:1;justify-self:center}.room-page .active-stream-tile>.stream-tile-footer{grid-column:1;grid-row:2;width:100%}}.chat-resize-divider{display:none}@media(min-width:1101px){.chat-resize-divider{position:absolute;top:0;left:0;bottom:0;width:14px;margin-left:-7px;cursor:col-resize;z-index:25;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.chat-resize-divider:hover .divider-line,.room-page.is-resizing .chat-resize-divider .divider-line{background:var(--accent);box-shadow:0 0 10px #d6f46a80}.divider-line{width:2px;height:100%;background:transparent;transition:all .16s ease}.divider-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:16px;height:28px;background:#141b16;border:1px solid var(--border);border-radius:4px;color:var(--muted);opacity:0;transition:opacity .16s ease,border-color .16s ease,color .16s ease;pointer-events:none}.chat-resize-divider:hover .divider-grip,.room-page.is-resizing .divider-grip{opacity:1;border-color:var(--accent);color:var(--accent)}}.room-page.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.chat-title-group{display:flex;align-items:center;gap:8px}.chat-title-group h2{margin:0;font-size:11px}.chat-badge{display:grid;min-width:20px;height:20px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-family:var(--font-mono);font-size:8px;padding:0 4px}.chat-header-actions{display:flex;align-items:center;gap:6px}.chat-width-pills{display:flex;align-items:center;background:#090c0a;border:1px solid var(--border);border-radius:4px;padding:2px;gap:2px}.width-pill{border:none;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:8px;font-weight:700;padding:2px 6px;border-radius:2px;cursor:pointer;transition:all .14s ease}.width-pill:hover{color:var(--fg)}.width-pill.is-active{background:#d6f46a33;color:var(--accent)}.theater-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-family:var(--font-mono);font-weight:700;border-radius:5px;min-height:32px;padding:0 10px;white-space:nowrap}.header-ext-btn{display:inline-flex;align-items:center;gap:6px;padding:0 10px;min-height:31px;border:1px solid var(--border);border-radius:6px;background:#d6f46a0d;color:var(--fg);font-size:11px;font-weight:600;cursor:pointer;transition:all .16s ease;white-space:nowrap}.header-ext-btn:hover{border-color:var(--accent);color:var(--accent);background:#d6f46a1f}.header-ext-btn svg{color:var(--accent)}@media(max-width:480px){.header-ext-btn span{display:none}.header-ext-btn{padding:0 8px;min-width:31px;justify-content:center}}.extension-promo-card{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,#d6f46a0d,#73cbb208),#0c100d}.extension-promo-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.extension-promo-copy .eyebrow{display:inline-flex;align-items:center;gap:5px;margin:0;color:var(--accent)}.extension-promo-copy h3{margin:0;font-size:15px;color:var(--fg);letter-spacing:-.03em}.extension-promo-copy p{margin:0;font-size:11px;color:var(--muted);max-width:600px;line-height:1.6}.extension-promo-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media(max-width:768px){.extension-promo-card{flex-direction:column;align-items:stretch}.extension-promo-actions{flex-direction:column}.extension-promo-actions .button{width:100%;justify-content:center}}.modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeInModal .18s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-deep);box-shadow:0 20px 48px #000000b3,0 0 0 1px #d6f46a1a;display:flex;flex-direction:column}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid var(--border-soft)}.modal-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:#d6f46a14;color:var(--accent);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;font-weight:700;margin-bottom:6px}.modal-header-title h2{margin:0;font-size:19px;letter-spacing:-.04em;color:var(--fg)}.modal-close-btn{color:var(--muted);cursor:pointer}.modal-close-btn:hover{color:var(--fg)}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:18px}.modal-intro{margin:0;font-size:11px;line-height:1.6;color:var(--muted-strong)}.modal-download-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:8px;background:#0d110ed9;border:1px dashed var(--border)}.modal-download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.modal-download-meta{font-size:9px;color:var(--muted);font-family:var(--font-mono)}.modal-steps-container h3{margin:0 0 12px;font-size:12px;color:var(--fg);font-weight:600}.modal-steps-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.modal-steps-list li{display:flex;gap:12px;align-items:flex-start}.step-number{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;background:#d6f46a1f;border:1px solid rgba(214,244,106,.28);color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:700}.modal-steps-list div{flex:1;min-width:0}.modal-steps-list strong{display:block;font-size:11px;color:var(--fg);margin-bottom:2px}.modal-steps-list p{margin:0;font-size:10px;color:var(--muted);line-height:1.5}.modal-steps-list code{font-family:var(--font-mono);font-size:9px;background:#ffffff14;padding:2px 5px;border-radius:3px;color:var(--accent)}.modal-tip-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:#73cbb20f;border:1px solid rgba(115,203,178,.2);color:#73cbb2}.modal-tip-box p{margin:0;font-size:10px;line-height:1.55;color:var(--fg)}.modal-tip-box strong{color:#73cbb2}.modal-footer{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border-soft);background:#0d110e66}@media(min-width:1025px){.room-page:not(.sidepanel-shell) .streamer-pills-row{display:none!important}}.streamer-pills-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;margin-bottom:8px;scrollbar-width:thin;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.streamer-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;background:#111713;border:1px solid var(--border);color:var(--muted-strong);font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:all .15s ease;flex-shrink:0}.streamer-pill:hover{border-color:var(--accent);color:var(--fg)}.streamer-pill.is-active{background:#d6f46a1f;border-color:var(--accent);color:var(--accent)}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.pill-dot.is-live{background:var(--accent);box-shadow:0 0 6px #d6f46a99}.pill-platform{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;color:var(--muted);opacity:.8}.pill-audio{color:var(--accent);margin-left:2px}.sidepanel-shell{display:flex;width:100%;height:100dvh;min-height:0;flex-direction:column;box-sizing:border-box;background:var(--surface-deep);padding:0;margin:0;overflow:hidden}.sidepanel-shell .site-header{height:48px;padding:0 10px;gap:8px;border-bottom:1px solid var(--border)}.sidepanel-shell .site-logo-img{height:22px;width:auto}.sidepanel-shell .header-nav{gap:8px}.sidepanel-shell .header-nav a{font-size:9px;padding:4px 6px}.sidepanel-shell .header-actions{gap:8px;min-width:0}.sidepanel-shell .page-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px 24px!important;box-sizing:border-box!important}.sidepanel-shell .hero-panel{min-height:auto!important;padding:16px 12px!important}.sidepanel-shell .hero-copy h1{font-size:22px!important}.sidepanel-shell .hero-description{font-size:10px!important;margin:8px 0 12px!important}.sidepanel-shell .hero-art{display:none!important}.sidepanel-shell .space-grid{grid-template-columns:1fr!important;gap:10px!important}.sidepanel-shell .room-page{display:flex!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 48px)!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;overflow:hidden!important;padding:0 0 8px!important;margin:0!important;--room-zoom: 1 !important}.sidepanel-shell .room-heading{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:6px!important}.sidepanel-shell .room-heading .eyebrow{display:none!important}.sidepanel-shell .room-heading h1{font-size:16px!important;letter-spacing:-.03em!important;line-height:1.15!important;margin:0!important}.sidepanel-shell .room-description,.sidepanel-shell .room-location{display:none!important}.sidepanel-shell .room-stats{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}.sidepanel-shell .space-presence-live-card,.sidepanel-shell .external-viewers-card{flex:1 1 auto!important;min-height:28px!important;padding:3px 8px!important;border-radius:6px!important}.sidepanel-shell .space-presence-live-card strong,.sidepanel-shell .external-viewers-card strong{font-size:11px!important}.sidepanel-shell .space-presence-live-card span,.sidepanel-shell .external-viewers-card span{font-size:8px!important}.sidepanel-shell .external-viewers-card small{display:none!important}.sidepanel-shell .room-layout{display:flex!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;gap:6px!important;overflow:hidden!important;width:100%!important}.sidepanel-shell .stage-column{width:100%!important;min-width:0!important}.sidepanel-shell .stage-toolbar{display:none!important}.sidepanel-shell .streamer-pills-row{margin-bottom:6px!important;padding:2px 0 6px!important}.sidepanel-shell .active-stream-tile{width:100%!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--border)!important;background:#000!important;margin-bottom:6px!important}.sidepanel-shell .active-stream-player{width:100%!important;max-width:100%!important}.sidepanel-shell .stream-player-wrap{width:100%!important;aspect-ratio:16 / 9!important}.sidepanel-shell .stream-iframe{width:100%!important;height:100%!important;border:0!important}.sidepanel-shell .stream-tile-footer{min-height:32px!important;padding:4px 8px!important}.sidepanel-shell .stream-tile-footer strong{font-size:10px!important}.sidepanel-shell .stream-tile-footer span{font-size:8px!important}.sidepanel-shell .stream-tile-footer .button-quiet{display:none!important}.sidepanel-shell .room-sidebar{display:flex!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important}.sidepanel-shell .room-streamer-panel{display:none!important}.sidepanel-shell .chat-panel{display:flex!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;border-radius:8px!important;border:1px solid var(--border)!important;margin-top:4px!important}.sidepanel-shell .chat-messages{min-height:0!important}.sidepanel-shell .chat-resize-divider{display:none!important}.sidepanel-badge{background:#73cbb21a!important;color:#73cbb2!important;border-color:#73cbb24d!important}