:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17212b;background:#eef1f3;font-synthesis:none}.hls-video{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;object-fit:contain}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #2589c9;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:1.55rem;letter-spacing:0}h2{margin-bottom:0;font-size:1rem;letter-spacing:0}small{color:#687782}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-bar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;color:#f8fafb;background:#16222c}.brand{font-weight:760;white-space:nowrap}nav{display:flex;min-width:0;gap:4px;overflow-x:auto}a{color:inherit;text-decoration:none}nav a{padding:7px 9px;border-radius:4px;font-size:.85rem;white-space:nowrap}nav a.router-link-active{background:#31404b}.room-page{min-height:calc(100vh - 52px);padding:16px;background:#101820}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1220px;margin:0 auto;min-height:calc(100vh - 84px);background:#0a1015}.room-stage-wrap{position:relative;min-height:610px;padding:12px;overflow:hidden}.room-meta{position:absolute;z-index:3;top:24px;left:24px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 48px);color:#fff;text-shadow:0 1px 3px #000}.room-meta div:nth-child(2){display:grid;min-width:0}.room-meta strong,.room-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta small{color:#e3e8ea;font-size:.75rem}.avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d3e2ea;border-radius:50%;background:#3d6575;font-size:.75rem;font-weight:700}.viewer-count{margin-left:6px;padding:4px 7px;border-radius:4px;background:#0000005c;font-size:.73rem;white-space:nowrap}.video-stage{position:relative;display:grid;place-items:center;width:min(100%,430px);height:min(calc(100vh - 128px),760px);min-height:580px;max-height:760px;margin:0 auto;overflow:hidden;background:#1e2b33;aspect-ratio:9 / 16}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,#22313a 0,#22313a 35%,#73624e 35%,#73624e 65%,#1c3639 65%)}.stage-art:before,.stage-art:after{content:"";position:absolute;border:2px solid rgb(242 241 229 / .4);border-radius:50%}.stage-art:before{width:330px;height:330px;top:-80px;left:-110px}.stage-art:after{width:260px;height:260px;bottom:-80px;right:-100px}.stage-art span{z-index:1;display:grid;place-items:center;width:170px;height:170px;border:6px solid #dfded3;border-radius:50%;background:#55767e;color:#fff;font-size:3rem;font-weight:800;box-shadow:0 16px #14212752}.stage-art i{position:absolute;width:64%;height:18px;background:#ffffff24;transform:rotate(-30deg)}.stage-art i:nth-of-type(1){top:20%}.stage-art i:nth-of-type(2){top:65%}.stage-art i:nth-of-type(3){top:83%}.danmaku{position:absolute;z-index:2;top:34%;left:12px;right:12px;display:grid;gap:13px;pointer-events:none}.danmaku span{width:max-content;max-width:92%;padding:5px 8px;overflow:hidden;border-radius:4px;background:#050b10a8;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.lane-1{margin-left:20%}.lane-2{margin-left:5%}.lane-3{margin-left:28%}.danmaku-status{width:max-content;max-width:100%;margin:0;padding:6px 8px;border-radius:4px;background:#d18a22;color:#17212b;font-size:.76rem}.stage-message{position:relative;z-index:4;display:grid;justify-items:center;max-width:300px;padding:18px;border:1px solid rgb(255 255 255 / .25);border-radius:6px;background:#0c141bd1;color:#fff;text-align:center}.stage-message strong{margin-top:8px}.stage-message small{margin:5px 0 12px;color:#d6dde0}.live-label{position:absolute;z-index:3;right:18px;top:18px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;background:#d84848;color:#fff;font-size:.72rem;font-weight:750}.live-label span{width:6px;height:6px;border-radius:50%;background:#fff}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-actions{position:absolute;z-index:4;right:max(24px,calc(50% - 270px));bottom:95px;display:grid;gap:12px}.round-action{display:grid;justify-items:center;gap:3px;width:52px;min-height:50px;padding:7px 3px;border:0;border-radius:6px;background:#060d13a3;color:#fff}.round-action.active{color:#ff8b8b}.round-action b{font-size:.65rem;font-weight:600}.chat-composer{position:absolute;z-index:5;bottom:max(12px,env(safe-area-inset-bottom));left:24px;right:24px;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.chat-composer input,.inline-form input{min-width:0;border:1px solid #c4cfd4;border-radius:5px;padding:10px;background:#fff;color:#17212b}.send-button{background:#d84848;color:#fff}.chat-ack{position:absolute;bottom:-19px;left:0;height:16px;color:#e9eff1;font-size:.68rem}.room-chat{position:relative;display:grid;grid-template-rows:auto auto 1fr 54px;min-height:610px;border-left:1px solid #354149;background:#f7f9f9}.room-chat header,.health-panel header,.device-panel header,.admin-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border-bottom:1px solid #dce3e6}.room-chat header span,.admin-panel header span{color:#4f6772;font-size:.72rem}.chat-status.reconnecting,.chat-status.offline,.chat-status.muted{color:#9a5e08}.chat-status.rejected{color:#b02d2d}.chat-control{margin:0;padding:7px 12px;border-bottom:1px solid #e6ebed;background:#fff1d9;color:#76500e;font-size:.73rem}.room-chat ul{min-width:0;margin:0;padding:12px;overflow-y:auto;list-style:none}.room-chat li{margin-bottom:12px;color:#34464f;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.room-chat .chat-composer{position:relative;inset:auto;align-self:center;margin:0 12px}.room-chat .chat-ack{color:#5e7078}.demo-state{display:flex;align-items:center;justify-content:center;gap:8px;max-width:1220px;margin:12px auto 0;color:#d7e0e4;font-size:.75rem}.demo-state select,.state-picker select{border:1px solid #70818b;border-radius:4px;padding:5px;background:#192730;color:#fff}.demo-state output{min-width:100px;text-transform:capitalize}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:5px;font-weight:700}.primary-button{border:1px solid #1675ad;background:#2589c9;color:#fff}.primary-button.danger,.danger-button{border:1px solid #b93636;background:#d84848;color:#fff}.secondary-button{border:1px solid #aebdc4;background:#fff;color:#243640}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid #b5c2c8;border-radius:5px;background:#fff;color:#263942}.full-width{width:100%}.auth-page,.studio-page,.admin-page{max-width:1200px;min-height:calc(100vh - 52px);margin:0 auto;padding:28px 20px}.auth-page{display:grid;place-items:center;background:#edf1f2}.auth-panel{width:min(100%,420px);padding:26px;border:1px solid #cdd8dc;border-radius:7px;background:#fff;box-shadow:0 10px 25px #13232c14}.auth-panel>p:not(.eyebrow){color:#5a6d75;line-height:1.45}.auth-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:6px;background:#dcebf2;color:#1972a4}.eyebrow{margin-bottom:5px;color:#52707d;font-size:.72rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;border:1px solid #becbd1;border-radius:5px;overflow:hidden}.segmented button{min-width:0;padding:8px 3px;border:0;border-right:1px solid #becbd1;background:#f7f9fa;color:#43545d;font-size:.7rem;text-transform:capitalize}.segmented button:last-child{border-right:0}.segmented button.selected{background:#24343d;color:#fff}.auth-panel form{display:grid;gap:14px}.auth-panel label{display:grid;gap:6px;color:#3f515a;font-size:.8rem;font-weight:700}.auth-panel input,.device-panel select{width:100%;min-height:39px;border:1px solid #bfcbd0;border-radius:5px;padding:8px;background:#fff;color:#1d303a}.inline-notice{display:block;margin-top:14px;padding:9px;border-left:3px solid #29986a;background:#eaf6ef;color:#205d43;font-size:.82rem}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading p:last-child{margin-bottom:0;color:#5b6c73}.studio-state,.health-summary{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border-radius:5px;background:#e8edf0;color:#425862;font-size:.75rem;font-weight:750;text-transform:capitalize}.studio-state.live{background:#fee8e8;color:#b02d2d}.studio-state.connecting,.studio-state.reconnecting{background:#fff1d9;color:#9a5e08}.studio-state.error,.studio-state.permission-denied{background:#fee8e8;color:#b02d2d}.studio-grid{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(240px,.8fr);gap:16px;align-items:stretch}.studio-preview{grid-row:span 2;padding:16px;border:1px solid #cbd6db;border-radius:7px;background:#fff}.preview-frame{position:relative;display:grid;min-height:470px;place-items:center;overflow:hidden;background:#24353d;aspect-ratio:9 / 16}.preview-person{z-index:1;display:grid;place-items:center;width:42%;aspect-ratio:1;border:5px solid #ecede4;border-radius:50%;background:#58777e;color:#fff;font-size:2.2rem;font-weight:800}.preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:33.333% 33.333%}.preview-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:4px;background:#050c11b3;color:#fff;font-size:.72rem;text-transform:capitalize}.studio-preview p,.device-note{margin:10px 0 0;color:#60727a;font-size:.78rem;line-height:1.4}.device-panel,.health-panel{border:1px solid #cbd6db;border-radius:7px;background:#fff}.device-panel header{color:#263b45}.device-panel>label{display:grid;grid-template-columns:21px 92px 1fr;align-items:center;gap:7px;padding:10px 14px 0;color:#455a63;font-size:.78rem}.device-panel>label select{min-width:0}.device-note{padding:10px 14px 14px}.health-panel ul{margin:0;padding:6px 14px;list-style:none}.health-panel li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:6px;min-height:32px;border-bottom:1px solid #edf0f1;color:#445860;font-size:.8rem}.health-panel li:last-child{border-bottom:0}.health-panel li b{font-size:.68rem;text-transform:capitalize}.health-dot{width:8px;height:8px;border-radius:50%;background:#29986a}.health-dot.warning{background:#d18a22}.health-dot.error{background:#d84848}.studio-controls{display:flex;align-items:center;gap:12px;margin-top:16px}.state-picker{margin-left:auto;color:#526770;font-size:.78rem}.state-picker select{margin-left:6px;background:#fff;color:#243640}.preview-frame video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#101820}.studio-mute-controls{display:flex;gap:8px;padding:0 14px 14px}.modal-backdrop,.confirm-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0c161c94}.confirm-dialog{width:min(100%,370px);padding:20px;border-radius:7px;background:#fff;box-shadow:0 15px 40px #0003}.confirm-dialog p{color:#556a74;line-height:1.45}.confirm-dialog footer,.confirm-dialog>div:last-child{display:flex;justify-content:end;gap:8px}.inline-notice.error{border-color:#b93636;background:#fee8e8;color:#8f2727}.empty-state{margin:0;padding:14px;color:#60747d;font-size:.8rem}.takeover{margin:12px 14px}.healthy{color:#258052}.admin-page{background:#f5f7f8}.health-summary{max-width:240px;color:#226647;background:#e8f5ed}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-panel{min-width:0;border:1px solid #cbd6db;border-radius:7px;background:#fff}.access-panel{grid-row:span 2}.admin-panel header h2{font-size:.95rem}.policy-options{display:grid;gap:0}.policy-options label{display:grid;grid-template-columns:18px 1fr;column-gap:8px;padding:12px 14px;border-bottom:1px solid #e6ebed;cursor:pointer}.policy-options label:last-child{border-bottom:0}.policy-options small{grid-column:2;padding-top:3px;font-size:.73rem}.inline-form{display:flex;gap:7px;padding:12px 14px 4px}.inline-form input{flex:1}.compact-list,.moderation-list{margin:0;padding:8px 14px;list-style:none}.compact-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;border-bottom:1px solid #e8edef;color:#334750;font-size:.82rem}.compact-list li:last-child{border-bottom:0}.compact-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list small{display:block;font-size:.68rem}.moderation-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e8edef}.moderation-list li:last-child{border-bottom:0}.moderation-list p{margin:0;font-size:.79rem;line-height:1.35}.moderation-list div{display:flex;align-items:center;gap:5px}.moderation-list small{padding:3px 5px;border-radius:3px;background:#fff1d9;color:#8d5c0f}.moderation-list small.visible{background:#e8f5ed;color:#256d4b}.moderation-list .icon-button{width:30px;height:30px}.audit-panel{grid-column:span 2}table{width:100%;border-collapse:collapse;font-size:.76rem}th,td{padding:9px 14px;border-bottom:1px solid #e5ebed;text-align:left}th{color:#60747d;font-weight:700}td:last-child{color:#25754d}@media (max-width: 799px){.app-bar{padding:0 12px}.brand{font-size:.88rem}nav a{padding:7px 6px;font-size:.72rem}.room-page{padding:0}.room-layout{display:block;min-height:calc(100vh - 52px)}.room-stage-wrap{min-height:calc(100vh - 52px);padding:0}.video-stage{width:100%;height:calc(100vh - 52px);min-height:500px;max-height:none;aspect-ratio:auto}.room-meta{top:14px;left:14px;max-width:calc(100% - 28px)}.viewer-count{display:none}.stage-actions{right:14px;bottom:100px}.chat-composer{left:14px;right:14px}.room-chat{display:none}.demo-state{margin:0;padding:8px 10px;background:#101820;flex-wrap:wrap}.demo-state output{display:none}.auth-page,.studio-page,.admin-page{padding:20px 12px}.page-heading{gap:10px}.page-heading h1{font-size:1.3rem}.studio-grid{grid-template-columns:1fr}.studio-preview{grid-row:auto}.preview-frame{min-height:390px;max-height:66vh}.studio-controls{align-items:stretch;flex-wrap:wrap}.state-picker{width:100%;margin-left:0}.state-picker select{float:right}.admin-grid{grid-template-columns:1fr}.access-panel,.audit-panel{grid-row:auto;grid-column:auto}.health-summary{display:none}}@media (min-width: 800px) and (max-width: 1199px){.room-layout{grid-template-columns:minmax(0,1fr) 260px}.room-chat{min-height:560px}.video-stage{min-height:540px;height:min(calc(100vh - 120px),680px)}.studio-grid{grid-template-columns:minmax(300px,1.1fr) minmax(240px,.9fr)}}:root{--ink: #f5f7f8;--muted: #9ca7ac;--canvas: #0c0e10;--surface: #171a1d;--surface-2: #202428;--line: #30363a;--accent: #ff4d5d;--accent-strong: #e83849;--cyan: #31d0c6;color:var(--ink);background:var(--canvas)}body{background:var(--canvas);color:var(--ink)}.app-bar{position:sticky;z-index:50;top:0;height:58px;padding:0 24px;border-bottom:1px solid #24282c;background:#0c0e10f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:1rem;font-weight:800}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;background:var(--accent);box-shadow:4px 0 #31d0c6b8}.app-bar nav{gap:8px}.app-bar nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:5px;color:#aeb7bb;font-size:.82rem}.app-bar nav a:hover{color:#fff;background:#1d2124}.app-bar nav a.router-link-active{color:#fff;background:#252a2e}.account-chip{display:inline-flex;align-items:center;gap:6px;max-width:180px;padding:8px 9px;overflow:hidden;color:#aeb7bb;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.nav-icon-button{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #343a3f;border-radius:5px;background:#1b1f22;color:#c4ccd0}.nav-icon-button:hover{border-color:#555e64;color:#fff}.mobile-entrance-toggle,.mobile-entrance-menu,.mobile-login-entrances{display:none}.app-bar[data-role=viewer] .brand-mark{background:#263d49;color:#77c6ed;box-shadow:none}.app-bar[data-role=anchor] .brand-mark{background:#3b2025;color:#ff7b86;box-shadow:none}.app-bar[data-role=admin] .brand-mark{background:#26382d;color:#74d09a;box-shadow:none}.primary-button{border-color:var(--accent);background:var(--accent)}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.secondary-button{border-color:#3a4146;background:#252a2e;color:#fff}.icon-button{border-color:#3b4247;background:#252a2e;color:#fff}.auth-page{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);width:100%;max-width:none;min-height:calc(100vh - 58px);padding:0;background:#101316}.auth-showcase{position:relative;min-height:calc(100vh - 58px);display:grid;grid-template-columns:minmax(280px,520px) 270px;align-items:center;justify-content:center;gap:28px;padding:48px;overflow:hidden;background:#171b1e;border-right:1px solid #292e32}.auth-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:52px 52px}.auth-showcase-copy{position:relative;z-index:1}.auth-showcase h1{max-width:520px;margin:20px 0 18px;color:#fff;font-size:clamp(2.5rem,5vw,4.9rem);line-height:1.04;letter-spacing:0}.auth-showcase-copy>p{max-width:470px;color:#abb5ba;font-size:1rem;line-height:1.7}.entrance-emblem{position:relative;z-index:1;display:grid;width:230px;aspect-ratio:1;place-items:center;align-content:center;gap:18px;border:1px solid #343a3f;border-radius:7px;background:#101315;color:var(--entrance-color)}.entrance-emblem strong{color:#f3f5f6;font-size:1.3rem}.auth-viewer{--entrance-color: #4aa6d4}.auth-anchor{--entrance-color: #ef5968}.auth-admin{--entrance-color: #42ad72}.auth-page .live-pill{background:var(--entrance-color)}.auth-page .auth-icon{color:var(--entrance-color)}.entrance-boundary{margin:-10px 0 24px;padding:10px 12px;border-left:3px solid var(--entrance-color);background:#171a1d;color:#929da2!important;font-size:.78rem}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:4px;background:var(--accent);color:#fff;font-size:.73rem;font-weight:850}.live-pill i,.studio-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.showcase-metrics{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px}.showcase-metrics span{display:grid;color:#7f8a90;font-size:.73rem}.showcase-metrics b{color:#fff;font-size:1.05rem}.showcase-phone{position:relative;z-index:1;width:250px;padding:8px;border:1px solid #454c51;border-radius:28px;background:#050607;box-shadow:0 28px 70px #0000006b;transform:rotate(2deg)}.phone-speaker{width:60px;height:5px;margin:5px auto 9px;border-radius:3px;background:#353b3f}.phone-stage{position:relative;height:470px;overflow:hidden;border-radius:20px;background:#28343a}.phone-host{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#eaf1f2;background:#334148;font-size:5rem;font-weight:900}.phone-live{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;background:var(--accent);font-size:.68rem;font-weight:800}.phone-live i{width:5px;height:5px;border-radius:50%;background:#fff}.phone-comments{position:absolute;left:12px;bottom:22px;display:grid;gap:8px}.phone-comments span{width:max-content;padding:6px 9px;border-radius:4px;background:#0000008c;font-size:.7rem}.auth-panel{position:relative;width:min(100% - 40px,480px);margin:auto;padding:42px;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}.auth-heading h2{color:#fff;font-size:1.55rem}.auth-icon{width:44px;height:44px;margin:0;border-radius:6px;background:#252a2e;color:var(--accent)}.eyebrow{color:var(--cyan)}.role-picker{display:grid;gap:9px;margin-bottom:26px}.role-picker button{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid #31373b;border-radius:6px;background:#171a1d;color:#b7c0c4;text-align:left}.role-picker button:hover{border-color:#515a60}.role-picker button.selected{border-color:var(--accent);background:#24191c;color:#fff}.role-picker span{display:grid;gap:3px}.role-picker small{color:#7f8b90;font-size:.72rem}.auth-panel form{gap:16px}.auth-panel label{color:#bdc5c8}.auth-panel input{min-height:46px;border-color:#363d42;background:#191d20;color:#fff}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;top:4px;right:4px;width:38px;height:38px;border:0;background:transparent;color:#8e999e}.auth-submit{min-height:48px;margin-top:4px}.local-credential{display:flex;justify-content:space-between;margin:18px 0 0;padding-top:15px;border-top:1px solid #2a2f33;color:#7e898e;font-size:.73rem}.local-credential code{color:#d5dcdf}.room-page{min-height:calc(100vh - 58px);padding:0;background:#08090a}.room-layout{grid-template-columns:minmax(0,1fr) 340px;max-width:1380px;min-height:calc(100vh - 58px);background:#0b0d0f}.room-stage-wrap{min-height:calc(100vh - 58px);padding:0;background:#08090a}.video-stage{width:min(100%,530px);height:calc(100vh - 58px);min-height:620px;max-height:none;background:#171a1d}.stage-art{background:#252b2f}.stage-art:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(circle at 50% 38%,#46555c 0,#2d373c 32%,#161a1d 75%)}.stage-art:after,.stage-art i{display:none}.stage-art span{width:150px;height:150px;border:3px solid rgb(255 255 255 / .78);background:#3e4c53;box-shadow:0 20px 60px #00000059}.room-meta{top:18px;left:max(18px,calc(50% - 250px));max-width:500px;text-shadow:none}.room-meta small{color:#d6dcdf}.avatar{border:2px solid #fff;background:#3c484e}.follow-button{display:inline-flex;align-items:center;gap:3px;padding:6px 9px;border:0;border-radius:4px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:750}.viewer-count{background:#00000094}.viewer-presence{position:absolute;z-index:5;top:18px;right:max(18px,calc(50% - 250px));display:inline-flex;align-items:center;gap:5px;min-width:54px;min-height:32px;padding:6px 9px;border:1px solid rgb(255 255 255 / .14);border-radius:16px;background:#080a0bd1;color:#fff;font-size:.78rem;font-variant-numeric:tabular-nums}.live-label{top:68px;right:max(18px,calc(50% - 250px));background:var(--accent)}.danmaku{top:auto;bottom:120px;left:max(18px,calc(50% - 250px));right:auto;width:min(72%,390px);gap:8px}.danmaku span{padding:6px 9px;border-radius:4px;background:#00000073;font-size:.76rem}.danmaku .lane-1,.danmaku .lane-2,.danmaku .lane-3{margin-left:0}.stage-actions{right:max(20px,calc(50% - 250px));bottom:92px;gap:10px}.round-action{width:48px;min-height:48px;border:1px solid rgb(255 255 255 / .12);border-radius:50%;background:#0e1113db}.round-action b{font-size:.62rem}.round-action.active{color:#ff6675}.more-action{min-height:42px}.room-layout>.chat-composer{position:relative;z-index:5;grid-column:2;grid-row:1;align-self:end;margin:0 14px 13px}.chat-composer input{border-color:#ffffff2e;border-radius:22px;background:#101315;color:#fff}.send-button{border-radius:50%;background:var(--accent)}.room-chat{grid-column:2;grid-row:1;grid-template-rows:auto auto 1fr;min-height:calc(100vh - 58px);padding-bottom:64px;border-color:#2b3034;background:#15181b}.room-chat header{min-height:66px;border-color:#2b3034}.room-chat header>div{display:grid;gap:2px}.room-chat header small{color:#768187;font-size:.68rem}.room-chat header span{display:inline-flex;align-items:center;gap:6px;color:var(--cyan)}.room-chat header span:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.room-chat ul{padding:18px 16px;overscroll-behavior:contain;scrollbar-gutter:stable}.room-chat li{margin-bottom:14px;color:#c2cace}.room-chat li.presence-message{color:#d6b86d;font-size:.76rem}.virtual-chat-list>li{content-visibility:auto;contain-intrinsic-size:auto 40px}.chat-to-bottom{position:absolute;z-index:3;right:14px;bottom:76px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #3b4449;border-radius:50%;background:#242a2e;color:#eef2f3;box-shadow:0 5px 16px #0000004d}.demo-state{position:fixed;z-index:20;right:12px;bottom:12px;width:max-content;margin:0;padding:7px 9px;border:1px solid #343a3e;border-radius:5px;background:#131618f0;color:#879298}.studio-page{max-width:1380px;min-height:calc(100vh - 58px);padding:26px 28px 110px;background:#101214}.studio-heading{margin-bottom:18px}.studio-heading h1{color:#fff;font-size:1.8rem}.studio-heading p:last-child{color:#89949a}.studio-state{background:#202529;color:#aeb7bc}.studio-state.live{background:#321b20;color:#ff6675}.studio-state.preview{background:#18302f;color:var(--cyan)}.studio-grid{grid-template-columns:minmax(330px,.95fr) minmax(410px,1.05fr);gap:22px;align-items:start}.studio-preview{grid-row:auto;padding:0;border:0;border-radius:7px;background:#08090a;overflow:hidden}.preview-frame{min-height:620px;max-height:calc(100vh - 230px);border-radius:7px;background:#242a2e}.preview-person{z-index:1;display:grid;justify-items:center;gap:8px;width:auto;border:0;border-radius:0;background:transparent;color:#e8edef;font-size:4rem;box-shadow:none}.preview-person span{display:grid;width:124px;height:124px;place-items:center;border:2px solid #68747a;border-radius:50%;background:#354148}.preview-person small{color:#88949a;font-size:.75rem}.preview-grid{display:none}.preview-shade{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 0 0 / .35),transparent 25%,transparent 65%,rgb(0 0 0 / .62));pointer-events:none}.preview-topline{position:absolute;z-index:3;top:14px;right:14px;left:14px;display:flex;justify-content:space-between}.preview-badge{position:static;background:#0000008c}.preview-audience{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;background:#0000008c;font-size:.72rem}.preview-guide{position:absolute;z-index:3;right:14px;bottom:14px;left:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:#c7ced1;font-size:.72rem}.studio-preview>p{margin:0;padding:11px 14px;background:#171a1d;color:#8e999f}.studio-side{display:grid;gap:14px}.studio-chat{position:relative;display:grid;grid-column:2;grid-template-rows:auto auto minmax(190px,1fr) 64px;min-height:330px;max-height:470px;overflow:hidden;border:1px solid #30363a;border-radius:7px;background:#191c1f}.studio-chat header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2b3034}.studio-chat header>div{display:grid;gap:2px}.studio-chat header strong{color:#f2f5f6}.studio-chat header small{color:#778287;font-size:.68rem}.studio-chat header span{font-size:.72rem;color:var(--cyan)}.studio-chat ul{min-width:0;margin:0;padding:12px 16px;overflow-y:auto;list-style:none}.studio-chat li{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:8px;margin-bottom:10px;color:#c2cace;font-size:.82rem;line-height:1.4}.studio-chat li b{color:#76c9d2;overflow-wrap:anywhere}.studio-chat li span{overflow-wrap:anywhere}.studio-chat .studio-chat-empty{display:block;color:#6f7a80;text-align:center}.studio-chat .chat-composer{position:relative;inset:auto;align-self:center;margin:0 14px}.studio-chat .chat-ack{color:#8d989e}.stream-setup,.device-panel,.health-panel{border:1px solid #30363a;border-radius:7px;background:#191c1f}.stream-setup header,.device-panel header,.health-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2b3034}.stream-setup header>div,.device-panel header>div{display:flex;align-items:center;gap:11px}.stream-setup header strong,.device-panel header strong{display:block;color:#f2f5f6}.stream-setup header small,.device-panel header small{color:#778287;font-size:.68rem}.setup-step{display:grid;width:32px;height:32px;place-items:center;border-radius:5px;background:#272c30;color:var(--cyan);font-size:.72rem;font-weight:800}.stream-setup>label{display:grid;gap:8px;padding:16px;color:#9ca7ac;font-size:.76rem}.stream-setup input{width:100%;min-height:45px;border:1px solid #363d42;border-radius:5px;padding:0 12px;background:#111315;color:#f4f7f8}.topic-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 16px 16px}.topic-row span,.topic-row button{padding:6px 8px;border:1px solid #343b40;border-radius:4px;background:#22262a;color:#aab3b7;font-size:.68rem}.topic-row button{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--cyan)}.device-panel>label{grid-template-columns:22px 68px minmax(0,1fr);color:#aeb7bb}.device-panel select{border-color:#373e43;background:#111315;color:#e9edef}.studio-mute-controls{padding:14px 16px 16px;border-top:1px solid #2b3034}.tool-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #3a4146;border-radius:5px;background:#252a2e;color:#949fa4}.tool-toggle.active{border-color:#376d69;color:var(--cyan);background:#172a29}.health-panel li{border-color:#292e32;color:#aeb7bb}.studio-controls{position:fixed;z-index:40;right:0;bottom:0;left:0;min-height:82px;margin:0;padding:14px 28px;border-top:1px solid #30363a;background:#0e1012f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.preflight{display:flex;gap:18px;color:#89949a;font-size:.73rem}.preflight span{display:inline-flex;align-items:center;gap:6px}.preflight i{width:7px;height:7px;border-radius:50%;background:#626b70}.preflight i.ok{background:var(--cyan);box-shadow:0 0 0 4px #31d0c61a}.studio-error{max-width:min(42vw,520px);margin:0;color:#ff9aa4;font-size:.75rem;line-height:1.35}.live-start-button{min-width:170px;min-height:48px;margin-left:auto;border-radius:5px;font-size:.95rem}.state-picker{position:absolute;right:24px;bottom:88px;opacity:.45}@media (max-width: 799px){.app-bar{height:54px;padding:0 12px}.brand>span:last-child{display:none}.app-bar nav{width:auto;justify-content:flex-end}.app-bar nav a{display:none}.account-chip{max-width:112px;padding-right:3px;padding-left:3px}.nav-icon-button{width:34px;height:34px}.mobile-entrance-toggle{display:inline-grid}.mobile-entrance-menu{position:absolute;z-index:60;top:54px;right:8px;display:grid;width:min(calc(100vw - 16px),330px);padding:8px;border:1px solid #343a3f;border-radius:7px;background:#15181b;box-shadow:0 16px 38px #00000061}.mobile-entrance-menu button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;min-height:58px;padding:9px 11px;border:0;border-bottom:1px solid #292e32;background:transparent;color:#dce2e4;text-align:left}.mobile-entrance-menu button:last-child{border-bottom:0}.mobile-entrance-menu span{display:grid;gap:2px}.mobile-entrance-menu b{font-size:.82rem}.mobile-entrance-menu small{color:#7f8b90;font-size:.68rem}.auth-page{display:block;min-height:100dvh}.auth-showcase{display:none}.auth-panel{width:100%;padding:18px 20px 30px}.auth-heading h2{font-size:1.35rem}.mobile-login-entrances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:24px;padding:4px;border:1px solid #30363a;border-radius:7px;background:#15181b}.mobile-login-entrances a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;border-radius:5px;color:#8f9a9f;font-size:.76rem}.mobile-login-entrances a[aria-current=page]{background:#292e32;color:#fff}.room-layout,.room-stage-wrap,.video-stage{min-height:calc(100dvh - 54px);height:calc(100dvh - 54px)}.video-stage{width:100%}.room-meta{top:12px;left:12px;max-width:calc(100% - 24px)}.room-meta small{max-width:145px}.viewer-presence{top:12px;right:12px}.follow-button{padding:5px 7px}.live-label{top:62px;right:12px}.danmaku{left:12px;bottom:128px;width:calc(100% - 82px)}.stage-actions{right:12px;bottom:106px}.room-layout>.chat-composer{position:fixed;z-index:30;right:70px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;margin:0}.room-layout>.chat-composer .chat-ack{bottom:calc(100% + 4px);padding:2px 7px;border-radius:3px;background:#000c}.demo-state{right:6px;bottom:4px;transform:scale(.82);transform-origin:right bottom;opacity:.55}.studio-page{padding:18px 12px 106px}.studio-heading h1{font-size:1.45rem}.studio-grid{position:relative;grid-template-columns:minmax(0,1fr);gap:14px}.studio-preview,.preview-frame{width:100%;min-width:0}.preview-frame{min-height:0;height:min(60dvh,560px);max-height:none}.studio-side{gap:12px}.studio-chat{position:absolute;z-index:6;top:0;right:0;left:0;display:block;grid-column:1;width:100%;height:min(60dvh,560px);min-height:0;max-height:none;border:0;background:transparent;pointer-events:none}.studio-chat header{display:none}.studio-chat .chat-control{position:absolute;z-index:2;right:70px;bottom:70px;left:12px;margin:0;border:0;border-radius:4px;background:#000000b3;color:#fff}.studio-chat ul{position:absolute;right:70px;bottom:92px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-height:42%;padding:0;overflow:hidden}.studio-chat li{display:none;grid-template-columns:none;max-width:100%;margin:0;padding:6px 9px;border-radius:4px;background:#00000073;color:#fff;font-size:.76rem}.studio-chat li:nth-last-child(-n+5):not(.studio-chat-empty){display:block}.studio-chat li b{margin-right:5px;color:#76c9d2}.studio-chat .studio-chat-empty{display:none}.studio-chat .chat-composer{position:absolute;right:70px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;margin:0;pointer-events:auto}.studio-chat .chat-ack{bottom:calc(100% + 4px);padding:2px 7px;border-radius:3px;background:#000000b3;color:#fff}.device-panel>label{grid-template-columns:20px 58px minmax(0,1fr);padding-right:12px;padding-left:12px}.studio-controls{min-height:78px;padding:12px}.preflight{display:none}.live-start-button{width:100%;min-width:0;margin:0}.state-picker{right:8px;bottom:82px;font-size:.62rem}}.state-picker,.demo-state{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}@media (min-width: 800px){.preview-frame{width:min(100%,390px);margin-right:auto;margin-left:auto}}