:root{--bg:#17181b;--surface:#222328;--surface-2:#2d2f36;--surface-3:#3a3c45;--text:#eceef2;--muted:#9aa1ad;--line:#ffffff17;--card:#f7f8fa;--card-text:#1f2533;--card-muted:#6b7280;--card-line:#dde1e8;--accent:#5265ec;--accent-strong:#3f51d6;--accent-soft:#e3e7ff;--danger:#e5484d;--live:#2fbf71;--warn:#e5a50a;--radius:12px;--shadow:0 18px 50px #00000059;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.icon{flex:none;width:20px;height:20px}h1,h2{margin:0}.screen{min-height:100dvh}.status-screen{text-align:center;color:var(--muted);place-items:center;padding:24px 16px;display:grid}.status-card{background:var(--surface);max-width:440px;box-shadow:var(--shadow);color:var(--text);border-radius:20px;padding:32px 28px}.status-card p{color:var(--muted);line-height:1.5}.status-icon{width:40px;height:40px;color:var(--warn);margin-bottom:12px}.status-icon.ok{color:var(--live)}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:600;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:not(:disabled):hover{background:var(--accent-strong)}.button.secondary{border-color:var(--card-line);color:var(--card-text);background:0 0}.button.wide{width:100%}.icon-button{background:0 0;border:none;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button.round{border:1px solid var(--card-line);width:48px;height:48px;color:var(--card-text);background:#fff}.icon-button.overlay{color:#fff;background:#0f101499;width:34px;height:34px;position:absolute;top:10px;right:10px}.actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,500px);align-items:center;gap:48px;max-width:1160px;margin:0 auto;padding:40px 24px;display:grid}.lobby-info{text-align:center}.host{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.host strong{color:var(--text)}.host p{margin:0}.lobby-info h1{margin:14px 0 18px;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:600}.channels{background:var(--surface-2);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:.9rem;display:inline-flex}.channels ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.channels li{background:var(--surface-3);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.channels .icon{width:18px;height:18px}.channel-youtube{color:#f03}.channel-facebook{color:#1877f2}.channel-twitch{color:#9146ff}.channel-other{text-transform:uppercase;font-size:.7rem;font-weight:700}.avatar{background:var(--surface-3) center / cover no-repeat;width:28px;height:28px;color:var(--text);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.avatar.large{color:#fff;background-color:#4b5070;width:76px;height:76px;font-size:1.6rem}.lobby-card{background:var(--card);color:var(--card-text);box-shadow:var(--shadow);border-radius:20px;padding:28px}.lobby-card h2{text-align:center;margin-bottom:18px;font-size:1.3rem}.preview{aspect-ratio:16/9;background:#101114;border-radius:10px;position:relative;overflow:hidden}.preview video,.tile video,.settings-preview video,.minimal-card video{object-fit:cover;background:#101114;width:100%;height:100%}.mirror video,video.mirror{transform:scaleX(-1)}.preview-off,.tile-off{color:#c9cdd6;background:#1c1e24;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.preview-off p{margin:0;font-size:.9rem}.level-meter{background:#ffffff40;border-radius:3px;width:80px;height:6px;position:absolute;bottom:12px;left:12px;overflow:hidden}.level-meter span{background:var(--live);transform-origin:0;width:100%;height:100%;transition:transform 60ms linear;display:block;transform:scaleX(0)}.level-meter.wide{background:var(--card-line);width:100%;height:8px;margin:-4px 0 18px;position:static}.notice{border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:.9rem;line-height:1.4}.notice.error{color:#a4161a;background:#fdecec}.device-controls{justify-content:center;align-items:center;gap:12px;margin:18px 0 20px;display:flex}.split-button{border:1px solid var(--card-line);background:#fff;border-radius:999px;align-items:center;display:inline-flex;position:relative}.split-button .toggle{width:48px;height:46px;color:var(--card-text);background:#fff;border:none;border-radius:999px;place-items:center;display:grid}.split-button .menu-button{width:34px;height:46px;color:var(--card-muted);background:0 0;border:none;border-radius:0 999px 999px 0;place-items:center;display:grid}.toggle .when-off,.toggle[aria-pressed=false] .when-on{display:none}.toggle[aria-pressed=false] .when-off{display:block}.split-button .toggle[aria-pressed=false]{background:var(--danger);color:#fff}.identity{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--card-muted);font-size:.85rem}.optional{color:#9ca3af}.field input,.select select{border:1px solid var(--card-line);width:100%;min-height:44px;color:var(--card-text);background:#fff;border-radius:8px;padding:10px 12px}.field input:focus,.select select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.select{position:relative}.select select{appearance:none;padding-right:36px}.select .icon{pointer-events:none;color:var(--card-muted);position:absolute;top:50%;right:10px;translate:0 -50%}.status-line{text-align:center;min-height:1.2em;color:var(--card-muted);margin:12px 0 0;font-size:.85rem}.menu{z-index:20;min-width:240px;max-width:min(320px,100vw - 32px);color:var(--card-text);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute}.menu button{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.menu button:hover,.menu button[aria-checked=true]{background:var(--accent-soft)}.menu .menu-heading{text-transform:uppercase;color:var(--card-muted);padding:6px 10px 4px;font-size:.75rem;font-weight:700}.device-menu{top:calc(100% + 8px);left:0}.call{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100dvh;padding:12px 16px 16px;display:grid}.call-header{align-items:center;gap:12px;min-width:0;display:flex}.call-header h1{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.note{color:var(--warn);font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-3);color:var(--text);border-radius:999px;flex:none;padding:3px 10px;font-size:.75rem;font-weight:700}.badge[data-state=connected]{background:var(--live);color:#08140d}.badge[data-state=joining],.badge[data-state=reconnecting]{background:var(--warn);color:#1d1400}.badge[data-state=failed]{background:var(--danger)}.call-body{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;display:grid}.stage{--cols:1;--rows:1;--gap:10px;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));place-items:center;gap:var(--gap);min-height:0;display:grid;container-type:size}.stage.has-spotlight{grid-template-columns:minmax(0,1fr) minmax(160px,22%)}.stage.has-spotlight .tile.spotlight{aspect-ratio:auto;grid-area:1/1/-1;width:100%;height:100%}.stage.has-spotlight .tile.spotlight video{object-fit:contain}.tile{width:min(100%, (100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows) * 16 / 9);aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.tile.speaking{box-shadow:0 0 0 3px var(--live)}.tile-label{background:#0a0b0ea6;border-radius:8px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;font-size:.85rem;display:inline-flex;position:absolute;bottom:10px;left:10px}.tile-label .icon{width:16px;height:16px}.tile-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tile-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-muted{color:var(--danger)}.tile:not(.muted) .tile-muted,.tile:not(.sharing) .tile-sharing,.tile:not(.video-off) .tile-off,.tile.video-off video{display:none}.stats-panel{border-radius:var(--radius);background:var(--surface);min-height:0;padding:16px;display:none;overflow:auto}.stats-panel h2{margin-bottom:12px;font-size:.95rem}.stats-panel dl{gap:8px;margin:0;display:grid}.stats-panel div{background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.85rem;display:flex}.stats-panel dt{color:var(--muted)}.stats-panel dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.minimal-card{display:none}.call[data-view=stats] .call-body{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.call[data-view=stats] .stats-panel{display:block}.call[data-view=minimal] .call-body{display:none}.call[data-view=minimal] .minimal-card{background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow);border-radius:16px;place-self:center;display:block;overflow:hidden}.minimal-video{aspect-ratio:16/9;position:relative}.minimal-card video{display:block}.minimal-row{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;display:flex}.call[data-view=minimal] .control-bar .control:is(#call-screen,#call-record,#call-settings){display:none}.control-bar{background:var(--surface);border-radius:16px;flex-wrap:wrap;justify-content:center;justify-self:center;gap:8px;padding:8px;display:flex}.control{min-width:64px;color:var(--text);background:0 0;border:none;border-radius:12px;justify-items:center;gap:4px;padding:8px 10px;display:grid}.control:hover{background:var(--surface-2)}.control-label{color:var(--muted);font-size:.7rem}.control.toggle[aria-pressed=false]{background:var(--danger)}.control.toggle[aria-pressed=false] .control-label{color:#fff}#call-screen[aria-pressed=true],#call-record[aria-pressed=true]{background:var(--accent)}#call-screen[aria-pressed=true] .control-label,#call-record[aria-pressed=true] .control-label{color:#fff}.control.danger{color:var(--danger)}.view-switcher{position:relative}#view-menu{bottom:calc(100% + 10px);left:50%;translate:-50%}.toast-region{z-index:30;gap:8px;width:min(440px,100vw - 32px);display:grid;position:fixed;bottom:100px;left:50%;translate:-50%}.toast{background:var(--surface-3);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.toast .icon{color:var(--warn)}.recording-ready{z-index:30;background:var(--surface-2);width:min(380px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;position:fixed;bottom:100px;right:16px}.recording-ready p{margin:0;font-size:.9rem}.recording-ready .actions{flex-wrap:wrap;justify-content:flex-start;margin-top:12px}.button.ghost{border-color:var(--line);color:var(--text);background:0 0}.settings{width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--card-text);box-shadow:var(--shadow);background:#fff;border:none;border-radius:18px;padding:0}.settings::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090cb3}.settings-layout{grid-template-columns:240px minmax(0,1fr);min-height:520px;display:grid}.settings-nav{flex-direction:column;gap:4px;padding:24px 12px;display:flex}.settings-nav h2{padding:0 12px 14px;font-size:1.4rem}.settings-tab{color:var(--card-text);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-tab span{flex:1}.settings-tab .chevron{color:var(--card-muted)}.settings-tab[aria-current=true]{background:var(--accent-soft);font-weight:600}.settings-content{padding:56px 28px 28px;position:relative;overflow:auto}.icon-button.close{color:var(--card-muted);position:absolute;top:14px;right:14px}.settings-section{max-width:460px;margin:0 auto}.settings-preview{aspect-ratio:16/9;background:#101114;border-radius:10px;margin-bottom:18px;overflow:hidden}.segmented{background:#eef0f4;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.segmented button{color:var(--card-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.segmented button[aria-selected=true]{color:var(--card-text);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.switch{cursor:pointer;align-items:flex-start;gap:12px;margin:6px 0 16px;display:flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#c8cdd6;border-radius:999px;flex:none;width:40px;height:22px;transition:background .12s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:2px}.switch-label{gap:2px;display:grid}.hint{color:var(--card-muted);font-size:.8rem;line-height:1.4}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0 16px;display:grid}.choice{border:2px solid var(--card-line);min-height:72px;color:var(--card-text);text-align:left;background:#f2f4f7 50%/cover no-repeat;border-radius:10px;place-items:end start;padding:8px 10px;font-size:.85rem;font-weight:600;display:grid;position:relative}.choice.with-image{color:#fff;text-shadow:0 1px 3px #0009}.choice[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.upload{cursor:pointer}#speaker-field .button{align-self:flex-start}.shortcuts{gap:8px;display:grid}.shortcuts div{background:#f2f4f7;border-radius:8px;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.shortcuts dt kbd{border:1px solid var(--card-line);text-align:center;background:#fff;border-bottom-width:2px;border-radius:6px;min-width:28px;padding:2px 8px;font-family:ui-monospace,monospace;display:inline-block}.shortcuts dd{margin:0}@media (width<=900px){.lobby{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 16px}.lobby-card{padding:20px 16px}}@media (width<=640px){.identity{grid-template-columns:minmax(0,1fr);gap:0}.call{padding:8px}.stage,.stage.has-spotlight{grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start;overflow-y:auto;container-type:normal}.tile,.stage.has-spotlight .tile.spotlight{aspect-ratio:16/9;grid-row:auto;width:100%;height:auto}.call[data-view=stats] .call-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.control{min-width:52px;padding:6px}.control-label{display:none}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{flex-direction:row;padding:16px 12px 0;overflow-x:auto}.settings-nav h2{display:none}.settings-tab{flex:none}.settings-tab .chevron{display:none}.settings-content{padding:48px 16px 20px}}