:root{--paper:#faf7f0;--sheet:#fff;--ink:#13233a;--ink-2:#5b6b7c;--ink-3:#5b6b7c;--line:#e6e1d6;--primary:#0b7a76;--on-primary:#fff;--primary-tint:#e3f4f2;--apricot:#ff8a3d;--on-apricot:#13233a;--apricot-tint:#ffebdd;--marker:#ffd3b0;--success:#1b7f45;--warning:#9a6a00;--danger:#b42d2d;--on-danger:#fff;--danger-tint:#fbe7e5;--stage:#e3f4f2;--preview:#13233a;--shadow:0 1px 2px #13233a0f;--font-display:"Lemonada", "Readex Pro", "Segoe UI", Tahoma, sans-serif;--font-body:"Readex Pro", "Segoe UI", Tahoma, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#0d1826;--sheet:#16263a;--ink:#eef3f6;--ink-2:#9fb1c2;--ink-3:#9fb1c2;--line:#2a3f57;--primary:#2bb8b0;--on-primary:#0d1826;--primary-tint:#173b45;--apricot:#ff9a57;--apricot-tint:#3b2a1f;--marker:#6b4326;--success:#4cd39a;--warning:#f2c35b;--danger:#f28b82;--on-danger:#2a0e10;--danger-tint:#46232a;--stage:#0a131e;--preview:#0a131e;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));margin:0;font-size:16px;line-height:1.7}#app{min-height:100%;display:flex}h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:700;line-height:1.5}p{margin:0}.muted{color:var(--ink-2)}.next{font-size:1.1rem;font-weight:600}.tiny{font-size:.8rem}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ic{flex:none;width:22px;height:22px}.brand-mark{width:116px;height:48px;color:var(--ink)}.mark{background:linear-gradient(transparent 55%, var(--marker) 55%);padding-inline:.1em}.loader{width:44px;height:27px}.bob{animation:1.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.bob{animation:none}}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.card{background:var(--sheet);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;margin:auto;padding:24px 22px;display:flex}.center{text-align:center;align-items:center}.card label{text-align:start;color:var(--ink-2);align-self:stretch;margin-bottom:-6px;font-size:.9rem;font-weight:600}.field{font:inherit;color:var(--ink);background:var(--sheet);border:1px solid var(--line);border-radius:12px;align-self:stretch;padding:9px 14px}.field:focus-visible{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.note{background:var(--primary-tint);border-radius:12px;align-self:stretch;padding:10px 14px}.btn{font:600 1rem var(--font-body);color:var(--ink);background:var(--sheet);border:1px solid var(--line);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;display:inline-flex}.btn:active,.tool:active,.round:active{filter:brightness(.94)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.btn.big{align-self:stretch;min-height:48px;padding:12px;font-size:1.15rem}.preview-wrap{align-self:stretch;position:relative}.preview{aspect-ratio:4/3;background:var(--preview);border-radius:16px;place-items:center;display:grid;overflow:hidden}.av{color:#13233a;font:700 1rem var(--font-display);background:#e3f4f2;border-radius:50%;place-items:center;display:grid}.av.big{width:72px;height:72px;font-size:1.8rem}.pv-ctrls{inset-inline:0;justify-content:center;gap:10px;display:flex;position:absolute;bottom:10px}.round{color:#13233a;cursor:pointer;background:#fff;border:1px solid #e6e1d6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round.off{color:#b42d2d;background:#fbe7e5}.round:disabled{opacity:.55;cursor:progress}.room{height:100vh;flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100dvh;padding-block:10px;display:grid}.room-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-top strong{font-size:1.05rem;font-weight:700}.spacer{flex:1}.chip{background:var(--sheet);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:1px 10px;font-size:.82rem;display:inline-flex}.chip.live{background:var(--apricot);border-color:var(--apricot);color:var(--on-apricot);font-weight:600}.chip.live .dot{background:var(--on-apricot);animation:1.6s ease-in-out infinite pulse}.clock{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.chip.live .dot{animation:none}}.dot{background:var(--success);border-radius:50%;width:8px;height:8px}.net-weak .dot{background:var(--warning)}.net-bad .dot{background:var(--danger)}.room-body{grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;display:grid}.room-body:has(.chat:not([hidden])){grid-template-columns:minmax(0,1fr) min(300px,40%)}.stage-wrap{border:1px solid var(--line);background:var(--stage);border-radius:20px;min-height:0;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage-empty{color:var(--ink-2);place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.bubble{bottom:12px;aspect-ratio:16/9;background:#000;border:2px solid #fff;border-radius:14px;width:clamp(120px,22%,220px);position:absolute;inset-inline-end:12px;overflow:hidden;box-shadow:0 1px 3px #13233a2e}.peers{top:10px;flex-direction:column;gap:6px;display:flex;position:absolute;inset-inline-end:10px}.thumb{aspect-ratio:16/9;background:#000;border:2px solid #fff;border-radius:12px;width:clamp(80px,14vw,150px);overflow:hidden}.watermark{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;font:600 .95rem var(--font-body);color:#ffffff8c;text-shadow:0 0 2px #0000008c;will-change:transform;transition:transform 1.2s;position:absolute;top:0;left:0}.chat{background:var(--sheet);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.chat-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex;overflow-y:auto}.chat-form{gap:6px;display:flex}.chat-form .field{min-width:0}.toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool{min-width:68px;font:600 .8rem var(--font-body);color:var(--ink);background:var(--sheet);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px 5px;display:flex}.tool.on{background:var(--primary-tint);border-color:var(--primary)}.tool.off .ic{color:var(--danger)}.tool.ping{background:var(--apricot-tint)}.tool.end{background:var(--danger);border-color:var(--danger);color:var(--on-danger);margin-inline-start:10px}@media (max-width:640px){.room-body:has(.chat:not([hidden])){grid-template-rows:minmax(0,1fr) 40%;grid-template-columns:minmax(0,1fr)}.tool{min-width:56px;padding-inline:6px}}.board{background:var(--stage);place-items:center;display:grid;position:absolute;inset:0}.board-canvas{border-radius:6px;display:block}.toast{inset-inline:16px;z-index:50;background:var(--ink);max-width:420px;color:var(--paper);text-align:center;border-radius:14px;margin-inline:auto;padding:12px 16px;font-weight:600;position:fixed;bottom:96px;box-shadow:0 2px 8px #13233a2e}.poll{inset-inline:12px;z-index:5;background:var(--sheet);max-width:440px;color:var(--ink);border:1px solid var(--line);border-radius:20px;gap:10px;margin-inline:auto;padding:14px;display:grid;position:absolute;bottom:12px;box-shadow:0 2px 8px #13233a1f}.poll-q{font-size:1.05rem;font-weight:700}.poll-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.poll-row{grid-template-columns:70px 1fr 28px;align-items:center;gap:8px;display:grid}.poll-row.mine{font-weight:700}.poll-bar{background:linear-gradient(to left, var(--primary) calc(var(--v) * 100%), var(--primary-tint) 0);border-radius:99px;height:12px}.poll-row.mine .poll-bar{background:linear-gradient(to left, var(--apricot) calc(var(--v) * 100%), var(--primary-tint) 0)}.ad-slot{gap:2px;width:100%;margin-inline:auto;display:grid}.ad-slot img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block}.ad-slot .ad-label{color:var(--ink-3);font-size:.72rem}.ad-bar{max-height:64px}.ad-bar img{width:auto;max-width:100%;max-height:50px;margin-inline:auto}