: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;background:var(--bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.room-top{position:relative;background:var(--stage);flex:none}.room-stage{width:100%;aspect-ratio:16 / 9;background:var(--stage);position:relative;overflow:hidden}.room-stage video{width:100%;height:100%;object-fit:contain;background:var(--stage)}.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}.room-bottom{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--surface)}.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:12px;display:flex;flex-direction:column;gap:10px}.chat-msg{display:flex;flex-direction:column;gap:4px;font-size:var(--chat-fs, 14px)}.chat-msg .line{display:flex;gap:8px;align-items:flex-start;min-width:0}.chat-msg .text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:normal;color:var(--text)}.chat-msg .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-left:2px}.chat-msg .who{font-weight:700;color:var(--accent-text);white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}.chat-msg.host .who{color:var(--ok)}.chat-msg.system{color:var(--text-2);font-style:italic}.chat-msg.highlight{background:var(--cta-soft);border-left:3px solid var(--cta);padding:10px 12px;border-radius:12px}.chat-msg.question{background:var(--surface-2);padding:10px 12px;border-radius:12px}.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}.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{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 9px;font-size:12px;font-weight:600;min-height:26px}.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}.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)}.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}}.reactions{position:absolute;right:10px;bottom:10px;display:flex;gap:6px;z-index:3}.reactions button{background:#0000008c;border:0;border-radius:999px;width:40px;height:40px;font-size:18px}.reactions button:hover{background:#000000bf}.float-emoji{position:absolute;bottom:52px;font-size:26px;animation:floatUp 2.2s ease-out forwards;pointer-events:none;z-index:2}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-220px) translate(20px);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:16px;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}.announce{position:absolute;top:10px;left:10px;right:10px;background:#fffffff5;color:var(--text);padding:10px 12px;border-radius:10px;font-weight:600;z-index:4;box-shadow:var(--shadow-2);border-left:3px solid var(--accent)}.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)}.count-chip{position:absolute;top:12px;left:12px;z-index:6;background:#0b0f1499;color:#fff;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:6px}.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:#0b0f1480;z-index:6}.start-audio .btn{font-size:16px;padding:14px 22px}.start-audio:empty{display:none}.stage-controls{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;gap:6px;flex-wrap:wrap}.stage-controls .btn{box-shadow:var(--shadow-2)}.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}.poll{padding:12px}.poll .opt{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;position:relative;overflow:hidden;background:var(--surface)}.poll .opt .bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft)}.poll .opt span{position:relative}.poll .opt.mine{border-color:var(--accent)}.room.typing .room-stage{aspect-ratio:auto;height:120px}@media(min-width:960px){.room{flex-direction:row;padding:12px;gap:12px}.room-top{flex:1;display:flex;flex-direction:column;background:transparent;gap:12px}.room-stage{aspect-ratio:auto;flex:1;min-height:0;border-radius:16px}.room-top .cta-bar{border:1px solid var(--line);border-radius:var(--radius-lg)}.room-bottom{width:380px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.room.typing .room-stage{height:auto}}@media(orientation:landscape)and (max-height:520px)and (max-width:959px){.room{flex-direction:row}.room-top{flex:1}.room-stage{aspect-ratio:auto;height:100dvh}.room-bottom{width:45vw}}.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}.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}