:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eef0f3;--line: #e2e5ea;--line-2: #cbd1da;--text: #111827;--text-2: #5b6472;--text-3: #8a93a2;--accent: #2f5bea;--accent-hover: #2449c9;--accent-soft: #e9eeff;--accent-text: #1e3fb3;--cta: #f5a623;--cta-hover: #e0951a;--cta-text: #1a1200;--cta-soft: #fff3dc;--ok: #1b9c5e;--ok-soft: #e4f6ec;--danger: #d93d3d;--danger-soft: #fde8e8;--warn: #b7791f;--stage: #0b0f14;--stage-2: #161c24;--stage-line: #252d38;--on-stage: #f3f5f8;--on-stage-2: #a9b3c1;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Manrope", "DM Sans", system-ui, sans-serif;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-1: 0 1px 2px rgba(17, 24, 39, .04);--shadow-2: 0 8px 24px rgba(17, 24, 39, .12);--shadow-3: 0 10px 30px rgba(17, 24, 39, .25);--safe-b: env(safe-area-inset-bottom, 0px);--ease: .18s cubic-bezier(.2, .7, .2, 1);--bg-2: var(--surface);--bg-3: var(--surface-2);--muted: var(--text-2);--brand: var(--accent);--brand-2: var(--accent-text);--radius-card: var(--radius-lg);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease)}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}input,textarea,select{width:100%;font-size:16px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);padding:12px 14px;outline:none;transition:border-color var(--ease),box-shadow var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input:disabled{background:var(--surface-2);color:var(--text-3)}h1,h2{font-family:var(--font-display);letter-spacing:-.02em}h1{font-size:26px;line-height:1.15;font-weight:800;margin:0 0 8px}h2{font-size:18px;font-weight:700;margin:0 0 8px}h3{font-size:12px;font-weight:700;margin:0 0 8px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;line-height:1.1;text-decoration:none}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#c23333}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-soft{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.btn-cta{background:var(--cta);border-color:var(--cta);color:var(--cta-text);box-shadow:0 6px 16px #f5a62359}.btn-cta:hover{background:var(--cta-hover)}.btn-sm{padding:7px 11px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 20px;font-size:16px}.btn-block{width:100%}.muted{color:var(--text-2)}.small{font-size:13px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.tag-live{background:var(--danger);color:#fff}.tag-live:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 1.6s ease-in-out infinite}.tag-ok{background:var(--ok-soft);color:var(--ok)}.tag-accent{background:var(--accent-soft);color:var(--accent-text)}.tag-warn{background:var(--cta-soft);color:var(--warn)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.tag-stage{background:#0b0f1499;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-1)}.center{max-width:480px;margin:0 auto;padding:32px 20px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.error{color:var(--danger);font-size:13px;margin-top:6px}.row{display:flex;gap:8px;align-items:center}.row-wrap{flex-wrap:wrap}.grow{flex:1}.sep{height:1px;background:var(--line);margin:12px 0}.warn{background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);padding:10px 12px;border-radius:var(--radius);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);--chat-min: 176px}.room-top{position:relative;background:var(--stage);flex:0 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column}.room-stage{width:100%;aspect-ratio:16 / 9;flex:0 1 auto;min-height:96px;background:var(--stage);position:relative;overflow:hidden}.room-stage video{width:100%;height:100%;object-fit:contain;background:var(--stage)}.room[data-chat=closed] .room-top{flex:1 1 auto}.room[data-chat=closed] .room-stage{flex:1 1 auto;aspect-ratio:auto}.stage-grid{display:grid;width:100%;height:100%;gap:4px;background:var(--stage);padding:4px}.stage-grid.two{grid-template-columns:3fr 1fr}.stage-tile{position:relative;background:var(--stage-2);overflow:hidden;border-radius:12px}.stage-tile video{width:100%;height:100%;object-fit:cover}.stage-tile.screen video{object-fit:contain}.stage-name{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;padding:3px 8px;border-radius:6px}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--on-stage-2);text-align:center;padding:16px;font-size:14px}.stage-wrap{display:flex;flex-direction:column;width:100%;height:100%}.stage-main{flex:1;min-height:0;position:relative}.stage-strip{display:flex;gap:6px;overflow-x:auto;padding:6px;background:#05080c;flex:none;height:96px}.strip-tile{position:relative;flex:none;width:120px;height:84px;background:var(--stage-2);border-radius:10px;overflow:hidden}.strip-tile video{width:100%;height:100%;object-fit:cover}.strip-tile .stage-name{font-size:10px;left:6px;bottom:6px}.stage-live{position:absolute;top:10px;right:10px;z-index:4;padding:3px 8px;font-size:11px;letter-spacing:.04em;pointer-events:none}.status-pill{position:absolute;top:10px;left:10px;z-index:5;background:#0b0f14b8;color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;pointer-events:none}.status-title{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.3;color:var(--on-stage);max-width:420px}.stage-btn{background:#ffffff1f;border-color:#ffffff52;color:#fff;min-height:40px}.stage-btn:hover{background:#fff3;color:#fff}.rail{flex:none;display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:var(--surface);border-bottom:1px solid var(--line)}.stage-slot:empty{display:none}.cam-slot{display:contents}.icon-btn{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius);color:var(--text-2);padding:0}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.notice{display:flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid #d5deff;border-radius:12px;padding:0 0 0 8px}.notice-ico,.stage-card-ico{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}.notice-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;background:transparent;border:0;padding:6px 0;text-align:left;color:var(--text);font-size:14px;line-height:1.35}.notice-body:active{transform:none}.notice-label{font-size:12px;font-weight:700;color:var(--accent-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-weight:600}.notice-body.open .notice-text{display:block;-webkit-line-clamp:unset}.notice-link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--text);text-decoration:none}.notice-link:hover{color:var(--text)}.notice-link-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:14px;line-height:1.35}.notice-link .btn{flex:none}.rail .cta-bar{background:transparent;border-top:0;padding:0;gap:4px}.rail .cta-bar .btn-primary{padding:12px 16px}.rail .cta-bar .note{font-size:12px}.cta-bar a.btn-ghost:hover{color:var(--text)}.stage-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ok-soft);border:1px solid #bfe6cf;border-radius:12px;padding:8px 10px;font-size:14px}.stage-card-ico{background:var(--ok)}.stage-card .grow{min-width:160px}.stage-card-actions .btn{min-height:40px}.action-bar{display:flex;align-items:center;gap:2px;min-height:48px;overflow-x:auto;scrollbar-width:none}.action-bar::-webkit-scrollbar{display:none}.ab-btn{position:relative;flex:none;min-width:44px;height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-2);font-weight:600;font-size:13px;white-space:nowrap}.ab-btn:hover{background:var(--surface-2);color:var(--text)}.ab-btn[aria-pressed=true],.ab-btn[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}.ab-btn.ab-on{background:var(--danger-soft);color:var(--danger)}.ab-btn:disabled{opacity:.5;cursor:not-allowed}.ab-react{width:44px;padding:0;font-size:20px;line-height:1}.ab-react.pop span{display:inline-block;animation:pop .32s ease-out}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.ab-label{display:none}.ab-spacer{flex:1 0 4px}.ab-badge{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.action-bar :focus-visible{outline-offset:-2px}@media(max-width:399px){.ab-btn{min-width:40px;padding:0 8px}.ab-react{width:40px}}.room-bottom{display:flex;flex-direction:column;flex:1 1 0;min-height:var(--chat-min);min-width:0;background:var(--surface);container-type:inline-size}.room-bottom.closed{flex:none;min-height:0}.chat-head{flex:none;display:flex;align-items:center;gap:4px;min-height:48px;padding-right:2px;border-bottom:1px solid var(--line)}.chat-head .tabs{flex:1;border-bottom:0;align-self:stretch}.chat-title{flex:1;margin:0;padding:0 14px;font-size:15px;font-weight:700;letter-spacing:0}.chat-bar{flex:none;display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 14px calc(12px + var(--safe-b));background:var(--surface);border:0;border-top:1px solid var(--line);color:var(--text);font-weight:600;font-size:14px;text-align:left}.chat-bar:active{transform:none}.chat-bar b{color:var(--accent-text)}.dock{flex:0 1 auto;min-height:0;max-height:45%;overflow-y:auto;border-bottom:1px solid var(--line)}.dock.has-poll{max-height:calc(100% - 128px)}.dock .pinned{border-bottom:0}.dock .poll-card{margin:8px 12px}.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--surface);align-items:center}.tabs button{flex:1;padding:12px 6px;background:transparent;border:0;color:var(--text-2);font-weight:600;font-size:14px;border-bottom:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs button.btn{flex:none;border-bottom:0;min-height:40px}.tabs .badge{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;line-height:1.5}.panel{flex:1;min-height:0;display:flex;flex-direction:column}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-msg{font-size:var(--chat-fs, 14px);line-height:1.4}.chat-msg .line{margin:0;color:var(--text);overflow-wrap:anywhere}.chat-msg .line .who{margin-right:6px}.chat-msg .line .tag,.chat-msg.highlight .text .tag{margin-left:6px;vertical-align:1px}.chat-msg .who{font-weight:700;color:var(--accent-text);flex:none}.chat-msg.host .who{color:var(--ok)}.chat-msg.system .line{color:var(--text-2);font-style:italic}.chat-msg.pending{opacity:.7}.chat-msg.highlight{background:var(--accent-soft);border:1px solid #d5deff;padding:8px 10px;border-radius:10px}.chat-msg.highlight .who{display:block;margin-bottom:2px}.chat-msg.highlight .text{display:block;overflow-wrap:anywhere;font-weight:600;color:var(--text)}.chat-msg.question{background:var(--surface-2);padding:8px 10px;border-radius:10px}.chat-msg .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.chat-msg .t{color:var(--text-3);font-size:11px;margin-left:auto;white-space:nowrap}.chat-msg .meta .btn-sm{padding:3px 9px;font-size:12px;display:inline-flex;gap:4px}.q-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;padding:2px 8px}.chat-link{display:flex;gap:10px;align-items:center;background:var(--accent-soft);border:1px solid #d5deff;border-radius:12px;padding:10px 12px;color:var(--text);text-decoration:none;font-size:var(--chat-fs, 14px)}.chat-link .grow{min-width:0;overflow-wrap:anywhere}.chat-link .small{color:var(--text-2);word-break:break-all}.chat-link:hover{border-color:var(--accent)}.chat-input{display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:var(--surface)}.chat-input input{flex:1}.upvote{position:relative;display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;min-height:28px}.upvote:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.upvote.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.pinned{background:var(--surface);border-bottom:1px solid var(--line);padding:8px 12px;display:flex;flex-direction:column;gap:6px}.pinned a{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;background:var(--accent-soft);border:1px solid #d5deff;padding:8px 10px;border-radius:12px;font-weight:600;font-size:14px}.pinned a span.url{color:var(--text-2);font-weight:400;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{flex:none;border-top:1px solid var(--line);background:var(--surface);padding:8px 10px calc(8px + var(--safe-b))}.composer-hint{font-size:12px;color:var(--text-2)}.composer-hint:not(:empty){padding:0 2px 6px}.composer-hint.warn{color:var(--warn);font-weight:600}.composer-row{display:flex;gap:6px;align-items:center}.composer-row input{flex:1;min-width:0;padding:10px 12px}.composer-row .btn{min-height:44px}.q-toggle{flex:none;height:44px;min-width:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--text-2);font-weight:600;font-size:13px}.q-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.q-toggle:disabled{opacity:.5;cursor:not-allowed}.q-label{display:none}@container (min-width: 330px){.q-short{display:inline}}@container (min-width: 440px){.q-short{display:none}.q-long{display:inline}}.composer-locked{display:flex;align-items:center;gap:8px;min-height:60px;color:var(--text-2);font-size:14px;font-weight:600;background:var(--surface-2)}.poll-card{background:var(--accent-soft);border:1px solid #d5deff;border-radius:12px;padding:10px 12px}.poll-head{display:flex;align-items:flex-start;gap:10px}.poll-ico{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}.poll-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.poll-kicker{font-size:11px;font-weight:700;color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase}.poll-q{font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.poll-head .icon-btn{margin:-8px -8px -8px 0}.poll-opts{display:flex;flex-direction:column;gap:6px;margin-top:10px}.poll-opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;text-align:left;width:100%}button.poll-opt{font-weight:600}button.poll-opt:hover,.poll-opt.mine{border-color:var(--accent)}.poll-opt.win .poll-label,.poll-opt.win .poll-pct{font-weight:700;color:var(--text)}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:#d9e2ff;transition:width .4s ease}.poll-label{position:relative;flex:1;min-width:0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}.poll-mine{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--accent-text)}.poll-pct{position:relative;flex:none;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:13px}.poll-foot{margin-top:8px;font-size:12px;color:var(--text-2)}.poll-card.compact{padding:8px 10px}.poll-card.compact .poll-ico{width:26px;height:26px}.poll-card.compact .poll-opts{margin-top:8px;gap:4px}.poll-card.compact .poll-opt{min-height:34px;padding:6px 10px;font-size:13px}.poll-card.compact .poll-foot{margin-top:6px}.cta-bar{background:var(--surface);border-top:2px solid var(--cta);padding:12px 14px calc(12px + var(--safe-b));display:flex;flex-direction:column;gap:6px;animation:rise .35s ease-out}.cta-bar .btn-primary{background:var(--cta);border-color:var(--cta);color:var(--cta-text);font-size:16px;padding:14px 18px;box-shadow:0 6px 16px #f5a62359;animation:pulse 1.8s ease-in-out infinite}.cta-bar .btn-primary:hover{background:var(--cta-hover);color:var(--cta-text)}.cta-bar .note{font-size:13px;color:var(--warn);font-weight:600;text-align:center}.cta-bar.compact{padding:8px;animation:none}.cta-bar.compact .btn-primary{animation:none;font-size:14px;padding:10px;box-shadow:none}@keyframes rise{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #f5a62380}50%{box-shadow:0 0 0 10px #f5a62300}}.float-emoji{position:absolute;bottom:12px;font-size:24px;animation:floatUp 2.2s ease-out forwards;pointer-events:none;z-index:2}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-160px) translate(-8px);opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f14e0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px;text-align:center;z-index:5;color:var(--on-stage)}.overlay .muted{color:var(--on-stage-2)}.overlay.soft{background:transparent;justify-content:flex-start;align-items:flex-end;padding:10px;pointer-events:none}.countdown{font-family:var(--font-display);font-size:44px;font-weight:800;letter-spacing:.02em;color:var(--on-stage);font-variant-numeric:tabular-nums;line-height:1}.toast{position:fixed;left:50%;bottom:calc(84px + var(--safe-b));transform:translate(-50%);background:var(--text);color:#fff;padding:10px 14px;border-radius:12px;z-index:50;font-size:14px;box-shadow:var(--shadow-2);max-width:calc(100% - 32px)}.conn-banner{position:absolute;top:0;left:0;right:0;background:var(--cta);color:var(--cta-text);text-align:center;padding:6px;font-size:13px;font-weight:600;z-index:7}.conn-banner.bad{background:var(--danger);color:#fff}.conn-strip{background:var(--cta-soft);color:var(--warn);font-size:12px;font-weight:600;text-align:center;padding:5px}.start-audio{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0f1473;z-index:6;cursor:pointer}.start-audio .btn{font-size:16px;padding:14px 22px;box-shadow:var(--shadow-3)}.feature{position:absolute;left:10px;right:10px;bottom:60px;background:#000000bf;border-left:3px solid var(--cta);padding:8px 10px;border-radius:10px;z-index:4;font-size:14px;color:#fff}.cue{position:absolute;top:48px;left:10px;right:10px;background:var(--accent);color:#fff;padding:8px 12px;border-radius:10px;z-index:6;font-weight:600;display:flex;gap:8px;align-items:center}.room-top.is-fs{width:100%;height:100%;background:var(--stage);gap:0}.room-top.is-immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;height:var(--vvh, 100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.room-top.is-fs .room-stage{flex:1 1 auto;min-height:0;height:auto;aspect-ratio:auto;border-radius:0}.room-top.is-fs .rail{background:var(--surface);padding:6px 10px calc(6px + var(--safe-b));border:0;gap:6px}.room-top.is-fs .rail .cta-bar,.room-top.is-fs .action-bar{background:transparent;border:0;padding:0}.room-top.is-fs .notice-text{-webkit-line-clamp:1}.room-top.is-fs .toast{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}@media(max-width:959px)and (orientation:portrait){.room.typing .room-stage{flex:none;height:120px;min-height:0;aspect-ratio:auto}.room.typing .rail{padding:0 8px;border-bottom:0}.room.typing .rail>:not(.cta-bar){display:none}.room.typing .rail .cta-bar{padding:4px 0}.room.typing .rail .cta-bar .btn-primary{padding:9px 12px;font-size:14px;animation:none;box-shadow:none}.room.typing .rail .cta-bar .note,.room.typing .dock{display:none}}@media(min-width:960px){.room{flex-direction:row;padding:12px;gap:12px}.room-top{flex:1 1 auto;gap:10px;background:transparent}.room-stage{flex:1 1 auto;min-height:0;aspect-ratio:auto;border-radius:16px}.rail{padding:0;gap:8px;background:transparent;border:0}.rail .cta-bar{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--cta);border-radius:var(--radius-lg);padding:12px 14px}.action-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:4px 8px;min-height:54px}.ab-label{display:inline}.room-bottom{flex:none;width:380px;min-height:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.room-bottom.closed{display:none}}@media(orientation:landscape)and (max-height:520px)and (max-width:959px){.room{flex-direction:row}.room-top{flex:1 1 auto}.room-stage{flex:1 1 auto;min-height:0;aspect-ratio:auto}.rail{padding:4px 6px calc(4px + var(--safe-b));gap:4px;flex-direction:row;flex-wrap:wrap;align-items:center}.rail>.notice,.rail>.stage-slot{flex:1 1 100%}.rail>.cta-bar{flex:1 1 160px;min-width:0}.rail>.action-bar{flex:1 1 auto;min-width:0}.notice-text{-webkit-line-clamp:1}.notice-body,.notice-link{padding:3px 0}.notice .icon-btn{height:40px}.rail .cta-bar .btn-primary{padding:9px 12px;font-size:14px}.rail .cta-bar .note{font-size:11px}.action-bar{min-height:44px}.ab-btn{min-width:40px;padding:0 8px}.ab-react{width:40px}.room-bottom{flex:none;width:min(42vw,340px);min-height:0;border-left:1px solid var(--line)}.room-bottom.closed{display:none}}.host{display:grid;grid-template-columns:minmax(320px,1fr) var(--p1, 360px) var(--p2, 360px);height:100dvh;background:var(--bg);gap:12px;padding:12px}.host.no-panel{grid-template-columns:minmax(320px,1fr) var(--p2, 360px)}.host.no-chat{grid-template-columns:minmax(320px,1fr) var(--p1, 360px)}.host.no-panel.no-chat{grid-template-columns:1fr}.host-stage{background:var(--stage);position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.host-panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.host-panel h3{margin-top:4px}.splitter{position:absolute;left:-8px;top:0;bottom:0;width:12px;cursor:col-resize;z-index:3}.splitter:hover,.splitter.drag{background:var(--accent-soft)}.show-block{position:sticky;top:-12px;background:var(--surface);padding:4px 0 8px;z-index:2;border-bottom:1px solid var(--line)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{background:var(--surface-2);border-radius:12px;padding:12px}.kpi b{display:block;font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1}.kpi span{font-size:11px;color:var(--text-2);display:block;margin-top:4px}.markers{display:flex;flex-wrap:wrap;gap:6px}.markers button.done,.fb-menu .btn.done{background:var(--ok-soft);color:var(--ok);border-color:transparent}.hands li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}ul{list-style:none;padding:0;margin:0}details{border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface)}details summary{cursor:pointer;font-weight:700;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;margin:0 -14px;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:40px}details summary::-webkit-details-marker{display:none}details summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);transition:transform var(--ease)}details[open] summary:after{transform:rotate(-135deg)}details[open]{padding-bottom:14px}details>:not(summary)+*{margin-top:8px}.chat-size{display:flex;gap:4px;align-items:center;padding:6px 12px;font-size:12px;color:var(--text-3);border-bottom:1px solid var(--line)}.floating-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#fffffff5;border:1px solid var(--line);border-radius:var(--radius-xl);padding:6px 8px;z-index:8;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s,transform .25s;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.floating-bar.hidden{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}.fb-group{position:relative;display:flex;align-items:stretch}.fb-btn{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:8px 10px;background:transparent;border:0;color:var(--text);border-radius:12px}.fb-btn span{font-size:11px;font-weight:600;color:var(--text-2)}.fb-btn:hover{background:var(--surface-2)}.fb-btn.off,.fb-btn.off span{color:var(--danger)}.fb-btn.active{background:var(--accent-soft);color:var(--accent-text)}.fb-btn.active span{color:var(--accent-text)}.fb-btn.danger{background:var(--danger);color:#fff}.fb-btn.danger span{color:#fff}.fb-btn.go{background:var(--cta);color:var(--cta-text)}.fb-btn.go span{color:var(--cta-text);font-weight:700}.fb-caret{background:transparent;border:0;color:var(--text-3);padding:0 4px;border-radius:8px;display:flex;align-items:center}.fb-caret:hover{background:var(--surface-2)}.fb-sep{width:1px;background:var(--line);align-self:stretch;margin:0 4px}.fb-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:220px;max-height:60vh;overflow-y:auto;z-index:9;box-shadow:var(--shadow-2)}.fb-menu .btn{justify-content:flex-start;text-align:left}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex:none}.participants{overflow-y:auto;flex:1;min-height:0}.participants ul li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:14px}.participants ul li.me{background:var(--accent-soft)}.pip-body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.pip{display:flex;flex-direction:column;height:100vh;background:var(--surface)}.pip-head{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--line);flex-wrap:wrap}@media(max-width:1200px){.host{grid-template-columns:minmax(320px,1fr) var(--p1, 340px)}.host-panel.secondary{display:none}}@media(max-width:800px){.host,.host.no-panel,.host.no-chat{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0;gap:0}.host-stage{height:40dvh;border-radius:0}.host-panel{border-radius:0;border-left:0;border-right:0}.splitter{display:none}}.replay{max-width:960px;margin:0 auto;padding:16px}.player{position:relative;background:var(--stage);border-radius:var(--radius-lg);overflow:hidden}.player video{width:100%;display:block;aspect-ratio:16/9;background:var(--stage)}.player .recovery{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f14db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--on-stage)}.player .recovery h2{font-size:20px;color:#fff}.player .recovery .cta-bar{background:transparent;border:0;width:100%;max-width:420px}.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin:10px 0;cursor:pointer}.progress i{display:block;height:100%;background:var(--accent)}.chapters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.replay-chat{max-height:260px;overflow-y:auto}.replay .cta-bar{border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:8px}.materials{margin-top:20px;text-align:left}.materials h2{font-size:16px}.materials .pinned{padding:0;border:0;background:transparent}.admin{max-width:1200px;margin:0 auto;padding:24px 16px}.admin h1{font-size:28px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--text-3);font-weight:600;font-size:12px}tbody tr:nth-child(2n){background:#fafbfc}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--accent-soft)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:800px){.grid-2,.grid-4{grid-template-columns:1fr 1fr}}.chart{width:100%;height:220px;display:block}.north .kpi{background:var(--surface)}.north .kpi b{font-size:34px;letter-spacing:-.02em}.kpi.ok b{color:var(--ok)}.kpi.warn-c b{color:var(--warn)}.kpi.bad b{color:var(--danger)}td.ok{color:var(--ok);font-weight:600}td.warn-c{color:var(--warn);font-weight:600}td.bad{color:var(--danger);font-weight:600}