:root{--bg:#0b1220;--panel:#0f172ac7;--panel-solid:#111a2e;--line:#ffffff1f;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--accent-ink:#04263a;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--radius:14px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#lobby{background:radial-gradient(1200px 600px at 10% -10%, #38bdf840, transparent 60%), radial-gradient(900px 500px at 110% 110%, #a855f738, transparent 60%), var(--bg);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;width:min(440px,100%);padding:26px;box-shadow:0 30px 80px #00000073}.back-home{color:var(--muted);margin-bottom:14px;font-size:13px;text-decoration:none;display:inline-block}.back-home:hover{color:var(--text)}.brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.brand-mark{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#38bdf8,#a855f7);border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.brand h1{margin:0;font-size:24px}.brand p{color:var(--muted);margin:2px 0 0;font-size:14px}form label{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}form input:not([type=radio]):not([type=checkbox]){border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;margin-top:6px;padding:12px 14px;font-size:16px;display:block}form input:focus{border-color:var(--accent)}#fCode{text-transform:uppercase;letter-spacing:1px}.role-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{margin:0!important}.chip input{opacity:0;position:absolute}.chip span{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:999px;padding:9px 14px;font-size:14px;display:inline-block}.chip input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.field-label{color:var(--muted);margin-bottom:8px;font-size:13px}.colors{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.colors button{border:3px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:inset 0 0 0 2px #00000040}.colors button.on{border-color:#fff}.primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border:0;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}.primary:disabled{opacity:.6;cursor:wait}.err{color:#fca5a5;min-height:1.2em;margin:10px 0 0;font-size:14px}.hint{color:var(--muted);margin:14px 0 0;font-size:12.5px;line-height:1.5}#app,#stage{position:fixed;inset:0}#stage{height:100dvh}#stage canvas{touch-action:none;width:100%;height:100%;transition:filter .35s,transform .35s;display:block}#app.focusing #stage canvas{filter:blur(9px)brightness(.5)saturate(.8);transform:scale(1.03)}#hud{top:max(12px, env(safe-area-inset-top));z-index:5;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:fixed;left:12px}.pill{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;font-size:14px}.pill.pa{color:#1f1300;background:#f59e0be6;border:0;font-weight:600}.pill.lock{color:#fff;background:#ef4444e6;border:0;font-weight:600}#toolbar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:6;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;border-radius:18px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}#toolbar::-webkit-scrollbar{display:none}.tb{background:0 0;border:0;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:64px;padding:7px 8px 6px;display:flex;position:relative}.tb:hover{background:#ffffff14}.tb .ico{font-size:20px;line-height:1}.tb .lbl{color:#cbd5e1;white-space:nowrap;font-size:11.5px}.tb.on{background:#38bdf838}.tb.off{background:#ef444438}.tb.off .lbl{color:#fecaca}.tb.warn{background:#f59e0b47}.tb.danger:hover{background:#ef44444d}.tb:disabled{opacity:.4;cursor:not-allowed}.sep{background:var(--line);flex-shrink:0;align-self:stretch;width:1px;margin:4px 2px}#micMeter{background:var(--ok);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}#handCount{background:var(--warn);color:#1f1300;border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;top:2px;right:6px}#joy{z-index:5;touch-action:none;background:#0f172a59;border:2px solid #ffffff40;border-radius:50%;width:128px;height:128px;position:fixed;bottom:110px;left:22px}#joyKnob{background:#ffffff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0000004d}#focus{--ft:64px;--fb:96px;--fh:50px;z-index:4;padding:var(--ft) max(16px, env(safe-area-inset-right)) var(--fb) max(16px, env(safe-area-inset-left));opacity:0;pointer-events:none;place-items:center;transition:opacity .3s;display:grid;position:fixed;inset:0}#app.focusing #focus{opacity:1;pointer-events:auto}.focus-frame{width:min(100%, calc((100vh - var(--ft) - var(--fb) - var(--fh)) * 16 / 9));width:min(100%, calc((100dvh - var(--ft) - var(--fb) - var(--fh)) * 16 / 9));border:1px solid var(--line);background:#020617d9;border-radius:16px;max-height:100%;transition:transform .3s;overflow:hidden;transform:scale(.96);box-shadow:0 30px 90px #0009}#app.focusing .focus-frame{transform:scale(1)}.focus-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:14px;display:flex}#focusTitle{font-weight:600}#focusSpeaker{color:var(--ok);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ghost{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;padding:6px 12px}.focus-body{aspect-ratio:16/9;background:#000;position:relative}#shareVideo{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}#focusEmpty{text-align:center;color:var(--muted);place-content:center;gap:8px;padding:16px;display:grid;position:absolute;inset:0}#focusEmpty .big{font-size:46px}#focusEmpty div{color:var(--text);font-size:17px}.has-share #focusEmpty,.has-slide #focusEmpty,.has-yt #focusEmpty{display:none}#ytBox{background:#000;display:none;position:absolute;inset:0}#ytBox iframe{border:0;width:100%;height:100%}.has-yt #ytBox{display:block}.has-yt .slide-canvas{display:none}.has-yt #shareVideo{visibility:hidden}.yt-tap{z-index:2;color:#fff;background:#f03;border:0;border-radius:14px;padding:14px 22px;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check{align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex!important}.check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:3px}.text-in{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.muted{color:var(--muted);line-height:1.45}.slide-canvas{object-fit:contain;background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}.has-slide .slide-canvas{display:block}.has-slide #shareVideo{visibility:hidden}#focusNav{align-items:center;gap:8px;display:flex}#focusNav[hidden]{display:none}#focusPage{font-variant-numeric:tabular-nums;text-align:center;min-width:52px}.dlg{z-index:30;background:#0206178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dlg-card{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;gap:12px;width:min(440px,100%);padding:18px;display:grid}.dlg-card textarea{width:100%;min-height:110px;font:inherit;resize:vertical;border:1px solid var(--line);color:var(--text);-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:12px;outline:none;padding:12px;font-size:16px}.dlg-actions{justify-content:flex-end;gap:8px;display:flex}.dlg-actions .primary{width:auto;padding:10px 22px}.steps{color:#cbd5e1;margin:0;padding-left:20px;font-size:14px;line-height:1.55}.steps.tips{color:var(--muted);padding-left:0;list-style:none}.range{color:var(--muted);grid-template-columns:1fr auto;gap:6px;font-size:13px;display:grid}.range span{color:var(--text);font-variant-numeric:tabular-nums}.range input{width:100%;accent-color:var(--accent);grid-column:1/-1}.dlg-card{max-height:calc(100dvh - 32px);overflow-y:auto}#app.vrbox #hud,#app.vrbox #toolbar,#app.vrbox #joy,#app.vrbox #hint,#app.vrbox #people{display:none!important}#app.vrbox #stage{background:#000}#app.vrbox~#toast{display:none}#people{z-index:7;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(320px,100vw - 24px);display:flex;position:fixed;top:60px;bottom:96px;right:12px}.people-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}#peopleList{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}#peopleList li{border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}#peopleList li:hover{background:#ffffff0d}#peopleList .dot{border-radius:4px;flex-shrink:0;width:12px;height:12px}#peopleList .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}#peopleList .st{font-size:14px}#peopleList button{background:#38bdf833;border:0;border-radius:8px;padding:5px 9px;font-size:12px}#peopleList button.rev{background:#ef444440}#toast{z-index:20;opacity:0;background:var(--panel-solid);border:1px solid var(--line);pointer-events:none;text-align:center;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;top:70px;left:50%;transform:translate(-50%,-12px)}#toast.show{opacity:1;transform:translate(-50%)}.hint-float{z-index:3;color:#e2e8f0;pointer-events:none;white-space:nowrap;background:#0f172a99;border-radius:999px;padding:6px 12px;font-size:13px;transition:opacity .4s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.hint-float:empty{opacity:0}@media (height<=540px){#focus{--ft:8px;--fb:78px;--fh:40px}.focus-head{padding:4px 6px 4px 12px;font-size:13px}.focus-head .ghost{padding:4px 10px}#app.focusing #hud,#app.focusing #joy{display:none}.tb{min-width:54px;padding:4px 6px 3px}.tb .ico{font-size:18px}#toolbar{bottom:max(6px, env(safe-area-inset-bottom))}}@media (width<=640px){.tb{min-width:54px;padding:6px 5px 5px}.tb .lbl{font-size:10.5px}#joy{width:116px;height:116px;bottom:104px}.hint-float{display:none}}.screen-hide{display:none!important}#chatPanel{z-index:8;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-user-select:text;user-select:text;background:#0d1428f0;flex-direction:column;width:min(360px,100vw - 24px);display:flex;position:fixed;top:60px;bottom:96px;right:12px}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 8px 8px 10px;display:flex}#chatTabs{gap:4px;display:flex}#chatTabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:7px 11px;font-size:14px}#chatTabs button.on{color:var(--text);background:#38bdf82e;font-weight:600}.chat-pane{flex-direction:column;flex:1;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:24px 8px;font-size:13.5px}.msg{align-self:flex-start;max-width:88%}.msg.me{align-self:flex-end}.msg-head{color:var(--muted);align-items:center;gap:6px;margin:0 4px 3px;font-size:11.5px;display:flex}.msg-body{word-break:break-word;background:#ffffff14;border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14.5px;line-height:1.4}.msg.me .msg-body{background:#0ea5e959;border-radius:14px 14px 4px}.msg-del{color:#fca5a5;background:0 0;border:0;padding:0 2px;font-size:11px}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}#qaPane .chat-form{border-top:0;border-bottom:1px solid var(--line)}.chat-form input{border:1px solid var(--line);min-width:0;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:15px}.chat-form input:focus{border-color:var(--accent)}.chat-form .send{background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;padding:0 14px;font-weight:700}.lock-btn{margin:0 8px 8px}.qa{background:#ffffff0d;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.qa.done{opacity:.55}.qa-vote{border:1px solid var(--line);min-width:42px;color:var(--muted);background:#ffffff0a;border-radius:10px;justify-items:center;padding:4px 6px;font-size:12px;display:grid}.qa-vote b{color:var(--text);font-size:14px}.qa-vote.on{border-color:var(--accent);color:var(--accent);background:#38bdf81f}.qa-body{word-break:break-word;flex:1;font-size:14.5px;line-height:1.4}.qa-body small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.qa-tools{flex-direction:column;gap:4px;display:flex}.qa-tools button{width:28px;height:26px;color:var(--text);background:#ffffff14;border:0;border-radius:8px}.badge-n{color:#fff;background:#ef4444;border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;top:2px;right:6px}.react-bar{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 78px);z-index:7;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.react-bar button{background:0 0;border:0;border-radius:50%;width:46px;height:46px;font-size:26px;transition:transform .12s}.react-bar button:hover{background:#ffffff1a;transform:scale(1.15)}.react-bar button:active{transform:scale(.9)}.float-emoji{z-index:9;pointer-events:none;font-size:34px;animation:2.6s ease-out forwards floatUp;position:fixed;bottom:110px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-30px)scale(1.1)}to{opacity:0;transform:translateY(-260px)scale(1)}}#app.vrbox~.float-emoji{display:none}@media (width<=640px){#chatPanel{height:58dvh;top:auto;bottom:86px}}