:root{--bg: #0a0b0d;--surface: #15181d;--surface-2: #0d0f12;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--text: #ffffff;--muted: rgba(255, 255, 255, .62);--muted-2: rgba(255, 255, 255, .55);--accent: #ff6a3d;--accent-soft: #ff8a63;--ink: #180b06;--ok: #4ade80;--danger: #e8433a;--live: #ff3b3b;--whisper: #7cc4ff;--whisper-strong: #a9d9ff;--whisper-bg: rgba(124, 196, 255, .1);--whisper-bg-soft: rgba(124, 196, 255, .05);--whisper-line: rgba(124, 196, 255, .55);--whisper-ink: #06263f;--whisper-bright: #eaf6ff;--bubble-other: rgba(255, 255, 255, .09);--bubble-whisper: rgba(124, 196, 255, .28);--bubble-radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.screen{min-height:100%;padding:24px 20px 40px}.screen-center{display:flex;align-items:center;justify-content:center}.stack{width:100%;max-width:420px;display:grid;gap:18px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--accent-soft)}.title{margin:8px 0 0;font-size:clamp(1.5rem,5vw,1.9rem);line-height:1.3;letter-spacing:-.02em}.muted{color:var(--muted);font-size:.9rem;margin:8px 0 0}.muted-sm{color:var(--muted);font-size:.8rem}.hint{color:var(--muted-2);font-size:.78rem;text-align:center;margin:0}.error{color:#ff9a92;font-size:.85rem;margin:0}.preview{height:120px;border-radius:14px;background:linear-gradient(160deg,#2b3038,#14171b);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-size:.8rem}.badge-live,.badge-ended{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 9px;font-size:.7rem;font-weight:700;letter-spacing:.05em}.badge-live{background:#e82c2c2e;border:1px solid rgba(232,44,44,.5);color:#ff8a80}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.6s infinite}.badge-ended{background:#ffffff1a;border:1px solid var(--line-strong);color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.badge-live:before{animation:none}}.field{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 15px}.field-label{display:block;font-size:.7rem;color:var(--muted)}.field-input{width:100%;margin-top:4px;background:none;border:0;outline:none;color:var(--text);font:600 1rem Pretendard,system-ui,sans-serif;padding:0}.field-input::placeholder{color:var(--muted-2)}.field:focus-within{border-color:var(--accent)}.code-input{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.4rem;letter-spacing:.08em}.row{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font:600 .88rem Pretendard,system-ui,sans-serif;color:var(--text);background:#ffffff14;cursor:pointer;min-height:44px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--ink);font-weight:700;border-radius:13px;font-size:.95rem}.btn-block{width:100%}.btn-toggle{flex:1;border-color:var(--line);color:#ffffffc7}.btn-toggle.on{border-color:#ff6a3d8c;background:#ff6a3d24;color:var(--accent-soft)}.btn-ghost{background:#0a0c0fa6;border-color:var(--line-strong);padding:7px 11px;min-height:36px;font-size:.78rem}.btn-round{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;border-color:var(--line);color:var(--muted)}.btn-round.on{background:#ff6a3d29;border-color:#ff6a3d80;color:var(--accent-soft)}.btn-leave{background:var(--danger);border-color:var(--danger);color:#fff}.btn-send{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;background:var(--accent);color:var(--ink);flex:none}.room{min-height:100%;display:grid;grid-template-rows:auto 1fr;gap:12px;padding:12px}.stage{display:grid;gap:12px;align-content:start;min-width:0}.stage-video{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:radial-gradient(120% 100% at 50% 35%,#2b3038,#0e1114);border:1px solid var(--line)}.stage-remote{position:absolute;top:0;right:0;bottom:0;left:0}.stage-remote video{width:100%!important;height:100%!important;object-fit:contain}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.9rem;text-align:center;padding:0 16px}.stage-placeholder small{color:var(--muted-2);font-size:.75rem}.stage-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.stage-title{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-clock{font-size:.75rem;color:var(--muted)}.stage-chat-toggle{margin-left:auto}.chat-badge{display:inline-flex;align-items:center;gap:3px;min-width:20px;height:20px;padding:0 6px;margin-left:2px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:.68rem;font-weight:800;line-height:1}.chat-badge.whisper{background:var(--whisper);color:var(--whisper-ink)}.stage-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:12px 14px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.speaker{font-size:.75rem;font-weight:600;background:#0a0c0f99;border-radius:6px;padding:4px 9px}.self-pip{width:132px;height:90px;border-radius:8px;border:1.5px solid var(--accent);background:#1b2026;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--muted)}.self-video{width:100%;height:100%;object-fit:cover;border-radius:6px;transform:scaleX(-1)}.tiles{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.tile{position:relative;flex:1 0 108px;min-width:108px;height:84px;border-radius:8px;background:#1a1e24;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:4px 8px;overflow:hidden}.tile-video{position:absolute;top:0;right:0;bottom:0;left:0}.tile-video video{width:100%!important;height:100%!important;object-fit:cover}.tile-name{position:relative;font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-hand{border-color:#4ade8099}.tile-meta{position:relative;display:flex;align-items:center;gap:6px;min-width:0}.tile-muted{font-size:.6rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;flex:none}.chat-speaker{margin-left:auto;font-size:.75rem;color:var(--accent-soft);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-klass{font-size:.62rem;color:var(--muted)}.tile-more,.tile-empty{align-items:center;justify-content:center;color:var(--muted);font-size:.72rem}.tile-empty{flex:1 0 auto}.controls{display:flex;gap:10px;justify-content:center}.hand-note{margin:0;text-align:center;font-size:.8rem;font-weight:600;color:var(--accent-soft)}.broadcast-note{margin:0;text-align:center;font-size:.72rem;color:var(--muted-2)}.chat{display:flex;flex-direction:column;min-height:200px;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;overflow:hidden}.chat-head{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.85rem}.people-toggle{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--muted);font:600 .75rem Pretendard,system-ui,sans-serif;cursor:pointer}.people-toggle[aria-expanded=true]{border-color:var(--whisper-line);color:var(--whisper-strong)}.chat-close{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff14;color:var(--text);font:700 .74rem Pretendard,system-ui,sans-serif;cursor:pointer}.chat-close:hover{background:#ffffff24}.people{flex:none;max-height:176px;overflow-y:auto;border-bottom:1px solid var(--line);background:#ffffff05}.people ul{list-style:none;margin:0;padding:5px;display:grid;gap:2px}.people-item{width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.people-item:hover,.people-item:focus-visible{background:#7cc4ff21}.people-item:disabled{opacity:.5;cursor:default}.p-body{display:grid;min-width:0}.p-name{font-size:.79rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-sub{font-size:.67rem;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-act{margin-left:auto;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:5px 11px;border:1px solid var(--whisper-line);border-radius:999px;background:var(--whisper-bg);font-size:.72rem;font-weight:700;color:var(--whisper-strong)}.people-item:hover .p-act,.people-item:focus-visible .p-act{background:#7cc4ff3d}.people-item:disabled .p-act{opacity:.5}.people-host{cursor:default}.people-host .p-name{color:var(--muted)}.role-badge{margin-left:auto;flex:none;font-size:.64rem;font-weight:700;color:var(--accent-soft);border:1px solid rgba(255,138,99,.55);border-radius:999px;padding:1px 7px}.role-badge+.p-act{margin-left:6px}.people-empty{padding:10px;font-size:.75rem;color:var(--muted-2)}.people-foot{margin:0;padding:2px 12px 10px;font-size:.68rem;color:var(--muted-2)}.av{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:#ffffff1a;color:var(--text)}.chat-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0;padding:12px 14px;overflow-y:auto}.chat-body>*:first-child{margin-top:0}.bubble-row{display:flex;align-items:flex-start;gap:8px;margin-top:10px}.bubble-row.cont{margin-top:2px}.bubble-row.mine{flex-direction:row-reverse}.bubble-aside{flex:none;width:34px}.bubble-av{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:var(--text);font:700 .74rem Pretendard,system-ui,sans-serif;cursor:pointer}.bubble-av:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%}.bubble-av.static{cursor:default}.bubble-av.static:after{content:none}.bubble-row.whisper .bubble-av{background:var(--whisper-bg);color:var(--whisper-strong)}.bubble-col{display:flex;flex-direction:column;min-width:0;max-width:75%}.bubble-row.mine .bubble-col{align-items:flex-end}.bubble-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%;margin:0 3px 3px;font-size:.72rem;font-weight:700;line-height:1.4;color:var(--muted)}.bubble-name.mine-tag{justify-content:flex-end}.bubble-name-btn{min-height:28px;padding:3px 2px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bubble-row.whisper .bubble-name{color:var(--whisper-strong)}.bubble-line{display:flex;align-items:flex-end;gap:5px;max-width:100%}.bubble-row.mine .bubble-line{flex-direction:row-reverse}.bubble{--face: var(--bubble-other);position:relative;min-width:0;max-width:100%;padding:7px 11px;border-radius:var(--bubble-radius);background:var(--face);color:var(--text)}.bubble-row.mine.public .bubble{--face: var(--accent);color:var(--ink)}.bubble-row.whisper.recv .bubble{--face: var(--bubble-whisper);color:var(--whisper-bright);box-shadow:inset 0 0 0 1px var(--whisper-line)}.bubble-row.whisper.sent .bubble{--face: var(--whisper);color:var(--whisper-ink)}.bubble-row.other:not(.cont) .bubble{border-top-left-radius:5px}.bubble-row.mine:not(.cont) .bubble{border-top-right-radius:5px}.bubble-row:not(.cont) .bubble:before{content:"";position:absolute;top:0;border-style:solid;border-color:transparent}.bubble-row.other:not(.cont) .bubble:before{left:-6px;border-width:0 7px 8px 0;border-right-color:var(--face)}.bubble-row.mine:not(.cont) .bubble:before{right:-6px;border-width:0 0 8px 7px;border-left-color:var(--face)}.bubble-text{margin:0;font-size:.85rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.bubble-time{flex:none;padding-bottom:2px;font-size:.65rem;font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--muted-2);white-space:nowrap}.bubble .att,.bubble .att-photo{max-width:100%;margin-top:7px;border-color:currentColor;background:transparent}.bubble .att-icon{border-color:currentColor;background:#0000001a;color:inherit}.bubble .att-name,.bubble .att-sub,.bubble .photo-cap,.bubble .att-got{color:inherit}.bubble .att-sub{opacity:.78}.bubble .att-dl,.bubble .att-open{border-color:currentColor;background:#0000001f;color:inherit}.tag-whisper{display:inline-flex;white-space:nowrap;align-items:center;gap:4px;border:1px solid var(--whisper-line);border-radius:999px;padding:1px 7px;font-size:.66rem;font-weight:700;color:var(--whisper);background:#7cc4ff14}.only{font-size:.68rem;font-weight:500;color:var(--muted)}.sys{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font-size:.7rem;color:var(--muted-2)}.sys:before,.sys:after{content:"";flex:1;height:1px;background:var(--line)}.jump{flex:none;display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 24px);min-height:40px;margin:0 12px 8px;border:1px solid var(--whisper-line);border-radius:999px;background:#7cc4ff29;color:var(--whisper-strong);font:700 .76rem Pretendard,system-ui,sans-serif;cursor:pointer}.jump-dot{width:7px;height:7px;border-radius:50%;background:var(--whisper)}.composer{flex:none;position:relative;padding:9px 12px 11px;border-top:1px solid var(--line)}.to-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:28px;margin-bottom:8px;font-size:.72rem;color:var(--muted-2)}.chip{display:inline-flex;align-items:center;gap:5px;min-height:26px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:.73rem;font-weight:700;background:#ffffff0f;color:var(--text)}.chip .sub{font-weight:500;font-size:.7rem;color:var(--muted)}.chip-whisper{border-color:var(--whisper-line);background:#7cc4ff24;color:var(--whisper-strong)}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:-4px;border:0;border-radius:50%;background:#ffffff29;color:inherit;cursor:pointer}.input-row{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.input-row:focus-within{border-color:var(--accent)}.input-row.whispering{border-color:var(--whisper-line);box-shadow:0 0 0 1px #7cc4ff47 inset,0 0 0 3px #7cc4ff1a}.input-row.whispering:focus-within{border-color:var(--whisper)}.chat-field-wrap{position:relative;display:flex;flex:1;min-width:0}.chat-field,.chat-field-mirror{font:400 .85rem/1.4 Pretendard,system-ui,sans-serif;padding:8px 2px;letter-spacing:normal}.chat-field{position:relative;z-index:1;flex:1;min-width:0;width:100%;border:0;background:transparent;outline:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text)}.chat-field::placeholder{color:var(--muted-2);-webkit-text-fill-color:var(--muted-2)}.chat-field:disabled::placeholder{color:var(--muted-2)}.chat-field-mirror{position:absolute;top:0;right:0;bottom:0;left:0;white-space:pre;overflow:hidden;pointer-events:none;color:#ffffffe6}.mention{color:var(--whisper);font-weight:700}.send{flex:none;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:999px;background:var(--accent);color:var(--ink);font:700 .76rem Pretendard,system-ui,sans-serif;cursor:pointer}.send.round{width:36px;padding:0;justify-content:center}.send.whisper-send{background:var(--whisper);color:var(--whisper-ink)}.send:disabled{opacity:.45;cursor:default}.hint-row{display:flex;align-items:center;gap:6px;margin:7px 0 0;font-size:.7rem;color:var(--muted)}.hint-row.warn{color:var(--whisper-strong)}.hint-row.bad{color:#ff9a92}.hint-row svg{flex:none}.file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon-btn{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#ffffff0f;color:var(--muted);cursor:pointer}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.icon-btn:disabled{opacity:.4;cursor:default}.btn-mini{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff12;color:var(--text);font:600 .7rem Pretendard,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.tray{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#ffffff09}.tray.bad{border-color:#e8433a73}.tray .thumb{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#ffffff0f;color:var(--muted-2);object-fit:cover}.tray-meta{flex:1;min-width:0}.tray-name{font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{margin-top:5px;height:5px;overflow:hidden;border-radius:3px;background:#ffffff1f}.bar>span{display:block;height:100%;border-radius:3px;background:var(--whisper)}.tray-sub{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:.67rem;color:var(--muted-2);font-family:ui-monospace,Menlo,Consolas,monospace}.tray-ok{color:var(--whisper-strong)}.tray-sub.tray-bad{color:#ff9a92;font-family:Pretendard,system-ui,sans-serif}.att{display:flex;align-items:center;gap:10px;min-width:0;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.att-icon{flex:none;width:38px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#ffffff0f;color:var(--accent-soft)}.att-meta{flex:1;min-width:0}.att-name{display:block;font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-sub{display:block;font-size:.68rem;color:var(--muted-2);font-family:ui-monospace,Menlo,Consolas,monospace}.att-dl{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:9px;background:#ffffff0f;color:var(--text);font:600 .72rem Pretendard,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.att-dl:disabled{opacity:.5;cursor:default}.att-open{text-decoration:none;border-color:var(--whisper-line);background:var(--whisper-bg);color:var(--whisper-strong)}.att-got{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--ok)}.att-photo{max-width:220px;margin-top:6px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.att-photo .photo{display:block;width:100%;height:120px;object-fit:cover;background:var(--surface-2)}.photo-cap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 9px;font-size:.68rem;color:var(--muted-2)}.photo-cap .att-name{flex:1 1 100%;font-size:.7rem}.photo-cap .att-dl{margin-left:auto;min-height:28px;padding:5px 8px}.att-error{display:flex;align-items:center;gap:5px;margin:4px 0 0;font-size:.68rem;font-family:Pretendard,system-ui,sans-serif;color:#ff9a92}.att-error svg{flex:none}.att-photo .att-error{margin:0;padding:0 9px 8px}.ac{position:absolute;left:12px;right:12px;bottom:calc(100% - 4px);z-index:5;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);box-shadow:0 -8px 26px #00000080;overflow:hidden}.ac-head{display:flex;align-items:center;gap:6px;padding:8px 12px 6px;border-bottom:1px solid var(--line);font-size:.68rem;color:var(--muted-2)}.ac-list{list-style:none;margin:0;padding:4px;max-height:216px;overflow-y:auto}.ac-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-left:3px solid transparent;border-radius:9px;cursor:pointer}.ac-item[aria-selected=true]{background:#7cc4ff29;border-left-color:var(--whisper);outline:2px solid var(--whisper);outline-offset:-2px}.ac-item[aria-selected=true] .av{background:#7cc4ff4d;color:var(--whisper-bright)}.ac-body{display:grid;min-width:0}.ac-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-sub{font-size:.68rem;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-mark{color:var(--whisper);font-weight:800}.ac-badge{margin-left:auto;flex:none;font-size:.64rem;color:var(--muted-2);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.ac-item[aria-selected=true] .ac-badge{color:var(--whisper-strong);border-color:var(--whisper-line)}.ac-empty{padding:9px 10px;font-size:.74rem;color:var(--muted-2)}.ac-foot{display:flex;gap:10px;flex-wrap:wrap;padding:6px 11px 8px;border-top:1px solid var(--line);font-size:.66rem;color:var(--muted-2)}.ac-foot kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.64rem;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:0 4px;color:var(--text);background:#ffffff0f}.toast{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding:9px 11px;border:1px solid var(--whisper-line);border-radius:12px;background:#7cc4ff21;font-size:.74rem;color:var(--whisper-strong)}.people-toggle:focus-visible,.people-item:focus-visible,.chip-x:focus-visible,.icon-btn:focus-visible,.att-dl:focus-visible,.btn-mini:focus-visible,.chat-close:focus-visible,.jump:focus-visible,.bubble-av:focus-visible,.bubble-name-btn:focus-visible,.send:focus-visible{outline:2px solid var(--whisper);outline-offset:2px}.file-input:focus-visible+.icon-btn{outline:2px solid var(--whisper);outline-offset:2px}@media (max-width: 420px){.send.whisper-send{width:36px;padding:0;justify-content:center}.send-label{display:none}}@media (max-width: 679.98px){.room.chat-open .chat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;height:100%;border:0;border-radius:0;background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0px)}.room.chat-open .chat-head{padding-top:calc(12px + env(safe-area-inset-top,0px))}.room.chat-open .chat-speaker{min-width:0;flex:1 1 auto}.room.chat-open .people{max-height:42vh}}@media (min-width: 680px){.room{padding:16px;gap:16px}.room.chat-open{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 320px;height:100%}.room.chat-open .chat{height:100%}.stage{grid-template-rows:minmax(0,1fr) auto auto auto;align-content:stretch;min-height:0}.stage-video{aspect-ratio:auto;min-height:220px}.self-pip{width:180px;height:120px}}@media (min-width: 1024px){.room{max-width:1280px;margin:0 auto}.room.chat-open{grid-template-columns:minmax(0,1fr) 360px}}@media (max-height: 480px) and (orientation: landscape){.stage-video{aspect-ratio:auto;height:clamp(140px,46vh,260px)}.self-video{width:100%;height:100%;object-fit:cover;border-radius:6px;transform:scaleX(-1)}.tiles{display:none}.hand-note{margin:0;text-align:center;font-size:.8rem;font-weight:600;color:var(--accent-soft)}.broadcast-note{display:none}}.preview{position:relative;overflow:hidden;height:190px;background:#14171b}.preview-video{position:absolute;top:0;right:0;bottom:0;left:0}.preview-video video{width:100%!important;height:100%!important;object-fit:cover}.preview-note{position:relative;z-index:1;padding:6px 12px;border-radius:999px;background:#00000073;color:var(--muted);font-size:.8rem}.devcheck{display:flex;flex-direction:column;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.devcheck-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.82rem}.devcheck-label{min-width:46px;font-weight:600}.devcheck-ok{color:#6ee7a8;font-weight:600}.devcheck-off,.devcheck-wait{color:var(--muted-2)}.devcheck-bad{color:#ff9a92;flex:1;line-height:1.4}.btn-recheck{align-self:flex-start;font-size:.78rem;padding:6px 12px}.mic-meter{display:inline-flex;align-items:center;gap:8px;flex:1}.mic-meter-bar{position:relative;flex:1;max-width:120px;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.mic-meter-bar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,#6ee7a8,var(--accent));transform-origin:left center;transform:scaleX(0);transition:transform .12s linear}.mic-meter-text{font-size:.72rem;color:var(--muted-2);min-width:48px}.self-pip{position:relative;overflow:hidden}.self-video{position:absolute;top:0;right:0;bottom:0;left:0}.self-video video{width:100%!important;height:100%!important;object-fit:cover}.self-note{position:relative;z-index:1;font-size:.65rem;color:var(--muted)}.self-tag{position:absolute;left:5px;bottom:4px;z-index:2;padding:1px 6px;border-radius:999px;background:#0000008c;font-size:.6rem;color:#fff}.tile{flex:0 0 128px;min-width:128px;height:96px;justify-content:flex-end;padding:4px 6px}.tile-empty,.tile-more{flex:1 0 128px;justify-content:center;text-align:center}.tile-name,.tile-meta{z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.85)}.tile-video:after{content:"";position:absolute;inset:auto 0 0 0;height:42px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.preview{height:auto;aspect-ratio:4 / 3}.stage-video{aspect-ratio:4 / 3}.self-pip{width:120px;height:90px}@media (min-width: 680px){.stage-video{aspect-ratio:4 / 3;height:100%;width:auto;max-width:100%;min-height:0;margin-inline:auto}.self-pip{width:160px;height:120px}}@media (min-width: 1024px){.room{max-width:1680px}}.stage-notice{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:3;max-width:90%;padding:7px 14px;border-radius:999px;background:#0a0c0fd1;border:1px solid rgba(255,255,255,.14);color:var(--accent-soft);font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 680px){.tiles,.controls{justify-content:center}}.controls .mic-meter{flex:0 0 auto}.stage-ended{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:#080a0dd1}.stage-ended strong{font-size:1.15rem;color:var(--text)}.stage-ended span{font-size:.85rem;color:var(--muted);line-height:1.5;max-width:320px}.stage-ended .btn-primary{margin-top:4px;padding:10px 26px}.voice-start{border:1px solid rgba(124,196,255,.42);border-radius:999px;padding:3px 8px;background:#7cc4ff29;color:var(--whisper-strong);font:700 .68rem Pretendard,system-ui,sans-serif;cursor:pointer}.voice-start:disabled,.voice-btn:disabled{opacity:.45;cursor:default}.voice-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:11px;border:1px solid var(--whisper-line);border-radius:14px;background:linear-gradient(135deg,#7cc4ff29,#7cc4ff0f)}.voice-card.active{border-color:var(--whisper);box-shadow:0 0 0 2px #7cc4ff1a inset}.voice-copy{display:grid;min-width:0;gap:3px}.voice-copy strong{overflow:hidden;color:var(--whisper-strong);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.voice-copy span{color:var(--muted);font-size:.68rem}.voice-actions{display:flex;flex:none;gap:6px}.voice-btn{min-height:34px;border:0;border-radius:999px;padding:0 11px;color:var(--text);font:700 .7rem Pretendard,system-ui,sans-serif;cursor:pointer}.voice-btn.ghost{border:1px solid var(--line-strong);background:#ffffff12}.voice-btn.accept{background:var(--whisper);color:var(--whisper-ink)}.voice-btn.end{background:#d74f55;color:#fff}.class-audio{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;font:700 .72rem Pretendard,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.class-audio.on{border:1px solid var(--whisper-line);background:var(--whisper-bg);color:var(--whisper-strong)}.class-audio.off{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted)}.class-audio-state{border-radius:999px;padding:2px 8px;font-size:.68rem}.class-audio.on .class-audio-state{background:var(--whisper);color:var(--whisper-ink)}.class-audio.off .class-audio-state{background:var(--line-strong);color:var(--text)}.class-audio:focus-visible{outline:2px solid var(--whisper);outline-offset:2px}.voice-error{margin:0 0 8px;color:#ff9a92;font-size:.7rem}.voice-start:focus-visible,.voice-btn:focus-visible{outline:2px solid var(--whisper);outline-offset:2px}@media (max-width: 420px){.voice-card{align-items:stretch;flex-direction:column}.voice-actions{justify-content:flex-end}.class-audio{justify-content:space-between}}