:root{--brand:#2d5da8;--brand-dark:#244b88;--brand-light:#dce6f7;--danger:#b3261e;--danger-soft:#f6d9db;--danger-tint:#ffe4e4;--online:#22c55e;--surface:#fff;--surface-muted:#f4f6f9;--page-bg:#eef1f6;--tile-bg:#14171f;--text:#1c1f2a;--text-muted:#667085;--text-invert:#fff;--border:#dfe3ea;--border-soft:#eceff3;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--r-sm:8px;--r-md:10px;--r-lg:14px;--shadow-card:0 1px 3px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.06);--shadow-pop:0 8px 24px rgba(16,24,40,.18);--control-h:62px}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--page-bg);color:var(--text);min-height:100vh}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none}button:disabled{cursor:not-allowed}[role=option]:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-bar button:focus-visible{outline-color:#fff}input{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-bar{background:var(--brand);color:var(--text-invert);padding:0 var(--sp-5);height:56px;display:flex;align-items:center;gap:var(--sp-3)}.nav-brand{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.nav-brand h1{margin:0;font-size:20px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}.nav-brand span{color:hsla(0,0%,100%,.72);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-indicator{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.95);font-size:13px;white-space:nowrap}.online-indicator strong{font-weight:700}@media (max-width:400px){.online-indicator{padding:5px 10px;font-size:12px}}@media (max-width:560px){.nav-bar{padding:0 var(--sp-4)}.nav-brand span{display:none}}.app-shell{max-width:1060px;margin:0 auto;padding:var(--sp-5) var(--sp-5) 48px}@media (max-width:640px){.app-shell{padding:var(--sp-3) var(--sp-3) 32px}}.stage-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:stretch}@media (max-width:640px){.stage-grid{grid-template-columns:1fr;gap:var(--sp-3)}}.stage-panel{flex-direction:column;min-width:0}.error-banner,.stage-panel{display:flex;gap:var(--sp-3)}.error-banner{margin:0 0 var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--danger-tint);color:var(--danger);font-size:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.error-banner-action{padding:7px 14px;border-radius:var(--r-sm);background:var(--danger);color:var(--text-invert);font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s ease}.error-banner-action:hover{background:#8f1e17}.video-tile{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--tile-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-placeholder:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.15) 0,rgba(0,0,0,.55) 100%)}.tv-static{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.42;image-rendering:pixelated}.video-placeholder:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 1px,transparent 0,transparent 3px)}.video-placeholder-logo{position:relative;z-index:2;font-weight:800;font-size:clamp(18px,3.2vw,26px);letter-spacing:-.3px;color:hsla(0,0%,100%,.92);text-shadow:0 2px 12px rgba(0,0,0,.7)}.video-badge{position:absolute;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r-sm);padding:5px 10px;font-size:12.5px;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:6px;color:var(--text-invert);z-index:2}.video-badge--top-left{top:var(--sp-3);left:var(--sp-3)}.video-badge--top-right{top:var(--sp-3);right:var(--sp-3)}.video-badge--bottom-left{bottom:var(--sp-3);left:var(--sp-3);font-weight:500;background:rgba(0,0,0,.68);max-width:calc(100% - var(--sp-3) * 2)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--online);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 1.6s ease-out infinite;flex-shrink:0}@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@media (prefers-reduced-motion:reduce){.pulse-dot{animation:none}}.flip-camera-button{position:absolute;bottom:var(--sp-3);right:var(--sp-3);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:var(--text-invert);font-size:16px;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s ease,transform .1s ease}.flip-camera-button:hover{background:rgba(0,0,0,.75)}.flip-camera-button:active{transform:scale(.92)}.report-flag-button{position:absolute;top:var(--sp-3);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#ffb4b4;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;z-index:2;transition:background .15s ease}.report-flag-button:hover{background:rgba(179,38,30,.85);color:#fff}.volume-row{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:2}.volume-row input[type=range]{flex:1 1;accent-color:var(--brand)}.control-bar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--sp-2);gap:var(--sp-2)}.control-button{width:100%;height:var(--control-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:0 var(--sp-1);border-radius:var(--r-md);font-size:13px;font-weight:600;background:var(--surface-muted);color:var(--text);border:1px solid var(--border);transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.control-button:hover:not(:disabled){box-shadow:var(--shadow-card)}.control-button:active:not(:disabled){transform:translateY(1px)}.control-button:disabled{opacity:.45}.control-button-icon{font-size:17px;line-height:1}@media (max-width:400px){.control-bar{gap:6px}.control-button{height:56px;font-size:11.5px;gap:2px}.control-button-icon{font-size:15px}}.control-button--start{background:var(--brand);color:var(--text-invert);border-color:var(--brand)}.control-button--start:hover:not(:disabled){background:var(--brand-dark)}.control-button--stop{background:var(--danger-soft);color:var(--danger);border-color:#f0c4c6}.control-button--stop:hover:not(:disabled){background:#f2c9cc}.control-button--neutral:hover:not(:disabled){background:#e7ebf1}.control-button--selected{background:var(--brand-light);border-color:#b9cdec;color:var(--brand-dark)}.control-button--selected:hover:not(:disabled){background:#cfdef5}.gender-popover{position:absolute;bottom:calc(100% + var(--sp-2));right:0;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-pop);border:1px solid var(--border);padding:var(--sp-1);display:flex;flex-direction:column;gap:2px;min-width:132px;z-index:20}.gender-popover-option{display:flex;align-items:center;gap:var(--sp-2);padding:9px 10px;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:14px;text-align:left;transition:background .12s ease}.gender-popover-option:hover{background:var(--surface-muted)}.gender-popover-option--active{background:var(--brand-light);font-weight:700}.chat-panel{flex:1 1;display:flex;flex-direction:column;min-height:200px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden}.chat-rules{margin:0;padding:var(--sp-4);font-size:12.5px;line-height:1.55;color:var(--text-muted);flex:1 1}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.chat-bubble{padding:8px 12px;border-radius:var(--r-lg);max-width:85%;font-size:14px;line-height:1.45;word-break:break-word}.chat-bubble--mine{align-self:flex-end;background:var(--brand);color:var(--text-invert);border-bottom-right-radius:var(--r-sm)}.chat-bubble--theirs{align-self:flex-start;background:var(--surface-muted);color:var(--text);border-bottom-left-radius:var(--r-sm)}.chat-system-message{align-self:center;max-width:92%;text-align:center;padding:6px 12px;border-radius:999px;background:var(--brand-light);color:var(--brand-dark);font-size:12.5px;font-weight:600;line-height:1.4}.chat-input-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border-soft)}.chat-input-row input{flex:1 1;min-width:0;height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:#f8f9fb;color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.chat-input-row input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(45,93,168,.14)}.chat-send-button{height:40px;padding:0 18px;border-radius:var(--r-md);background:var(--brand);color:var(--text-invert);font-weight:600;font-size:14px;transition:background .15s ease}.chat-send-button:hover:not(:disabled){background:var(--brand-dark)}.chat-send-button:disabled{opacity:.45}.report-bar{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--danger-tint);border:1px solid #f3b6b6;color:#7a1f1f;font-size:13px}.report-bar-actions{display:flex;gap:var(--sp-2);margin-left:auto}.report-bar-cancel,.report-bar-confirm{padding:7px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:600;transition:background .15s ease}.report-bar-cancel{background:transparent;color:#7a1f1f;border:1px solid #e3aeae}.report-bar-cancel:hover{background:rgba(122,31,31,.08)}.report-bar-confirm{background:var(--danger);color:var(--text-invert);border:1px solid var(--danger)}.report-bar-confirm:hover{background:#8f1e17}.emoji-trigger{width:40px;height:40px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.emoji-trigger:hover:not(:disabled){background:#e7ebf1}.emoji-trigger:disabled{opacity:.45}.emoji-popover{position:absolute;bottom:calc(100% + var(--sp-2));right:0;width:264px;max-width:min(264px,calc(100vw - var(--sp-5)));padding:var(--sp-2);display:grid;grid-template-columns:repeat(8,1fr);grid-gap:2px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-pop);z-index:20}.emoji-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:transparent;font-size:18px;line-height:1;transition:background .12s ease,transform .08s ease}.emoji-option:hover{background:var(--surface-muted)}.emoji-option:active{transform:scale(.88)}.chat-moderator-message{align-self:stretch;display:flex;flex-direction:column;gap:4px;padding:9px 12px;border-radius:var(--r-md);background:#fff7ed;border:1px solid #fdba74;border-left:3px solid #ea580c;color:#7c2d12;font-size:14px;line-height:1.45;word-break:break-word}.chat-moderator-label{font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#c2410c}.supervisor-banner{display:flex;align-items:center;gap:var(--sp-2);padding:8px var(--sp-3);border-radius:var(--r-md);background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;font-size:12.5px;font-weight:600;margin-bottom:var(--sp-3)}.report-bar-title{font-weight:700;font-size:13px;margin-bottom:var(--sp-1)}.report-categories{display:flex;flex-wrap:wrap;gap:6px}.report-category{padding:6px 11px;border-radius:999px;background:hsla(0,0%,100%,.7);border:1px solid #e3aeae;color:#7a1f1f;font-size:12px;font-weight:600;transition:background .14s ease,border-color .14s ease}.report-category:hover{background:#fff}.report-category--active{background:var(--danger);border-color:var(--danger);color:#fff}.report-note-input{width:100%;height:34px;padding:0 10px;border-radius:var(--r-sm);border:1px solid #e3aeae;background:hsla(0,0%,100%,.8);font-size:13px;color:#7a1f1f}.report-note-input:focus{outline:none;border-color:var(--danger)}.report-bar-confirm:disabled{opacity:.45}.video--auto-blurred{filter:blur(28px) brightness(.55)}.auto-blur-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;color:#fff;background:rgba(0,0,0,.35);font-size:13.5px;font-weight:600;line-height:1.5}.auto-blur-overlay>span:first-child{font-size:26px}.ban-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--page-bg)}.ban-card{max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:36px 28px}.ban-icon{font-size:44px;line-height:1;color:var(--danger);margin-bottom:var(--sp-3)}.ban-card h1{margin:0 0 var(--sp-2);font-size:20px;font-weight:800}.ban-reason{margin:0 0 var(--sp-2);font-size:15px;color:var(--text)}.ban-until{margin:0;font-size:13px;color:var(--text-muted)}.age-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:radial-gradient(circle at 30% 20%,#1e2a44 0,#12161f 60%,#0d1015 100%)}.age-gate-card{width:100%;max-width:440px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:32px 28px;text-align:center}.age-gate-brand{margin:0 0 4px;font-size:26px;font-weight:800;letter-spacing:-.4px}.age-gate-sub{margin:0 0 var(--sp-4);font-size:13.5px;color:var(--text-muted)}.age-gate-warning{border-radius:var(--r-md);background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;font-size:13px;line-height:1.55;margin-bottom:var(--sp-4)}.age-gate-check,.age-gate-warning{text-align:left;padding:var(--sp-3)}.age-gate-check{display:flex;align-items:flex-start;gap:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;font-size:14px;font-weight:600;line-height:1.45;margin-bottom:var(--sp-3);transition:border-color .14s ease}.age-gate-check:hover{border-color:var(--brand)}.age-gate-check input{width:19px;height:19px;margin-top:1px;flex-shrink:0;accent-color:var(--brand)}.age-gate-button{width:100%;height:46px;border-radius:var(--r-md);background:var(--brand);color:#fff;font-size:15px;font-weight:700;transition:background .15s ease}.age-gate-button:hover:not(:disabled){background:var(--brand-dark)}.age-gate-button:disabled{opacity:.45}.age-gate-leave{margin:var(--sp-3) 0 0;font-size:13px;color:var(--text-muted)}.age-gate-leave a{color:var(--brand);font-weight:600}.age-gate-legal{margin:var(--sp-3) 0 0;font-size:11.5px;line-height:1.5;color:var(--text-muted)}