:root{--bg:#0b0b0f;--panel:#15151c;--border:#2a2a33;--border-soft:#34343f;--text:#e6e6ea;--muted:#9aa0aa;--accent:#5b6cff;--danger:#c0392b;--live:#34c759}.prejoin-page{min-height:100dvh;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.prejoin{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);display:flex}.prejoin-preview{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.prejoin-preview video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.prejoin-preview-off{color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.prejoin-form{flex-direction:column;gap:12px;width:100%;display:flex}.prejoin-error{color:#e06a5b;font-size:13px}.prejoin-start{width:100%;min-height:44px}.deviceRow{background:var(--panel);border:1px solid var(--border-soft);box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.deviceRow-label{text-align:left;min-width:92px;color:var(--text);flex:none;font-size:14px}.devicePicker-select{min-width:0;color:var(--text);border:1px solid var(--border-soft);background:#1b1b23;border-radius:8px;flex:auto;padding:8px 10px;font-size:14px}.deviceRow-status{color:var(--muted);text-align:center;flex:auto;font-size:14px}.deviceRow-allow{color:var(--accent);border:1px dashed var(--accent);cursor:pointer;background:0 0;border-radius:8px;flex:auto;padding:8px 10px;font-size:14px}.deviceRow-toggle{border:1px solid var(--border-soft);cursor:pointer;background:#23232c;border-radius:13px;flex:none;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.deviceRow-toggle .deviceRow-knob{background:var(--muted);border-radius:50%;width:20px;height:20px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.deviceRow-toggle.is-on{background:var(--accent);border-color:var(--accent)}.deviceRow-toggle.is-on .deviceRow-knob{background:#fff;left:20px}.deviceRow-toggle:disabled{opacity:.4;cursor:not-allowed}.call{background:var(--bg);min-height:100dvh;color:var(--text);padding:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;display:flex;position:relative}.call-status{top:calc(14px + env(safe-area-inset-top));z-index:5;border:1px solid var(--border);font-variant-numeric:tabular-nums;background:#0b0b0f99;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:flex;position:absolute;right:18px}.call-live-dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 6px var(--live);border-radius:50%}.call-reconnect{top:calc(14px + env(safe-area-inset-top));z-index:5;color:#f0c987;background:#3a2a12;border:1px solid #6a4a1a;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stage{flex:1;gap:10px;min-height:0;display:grid;position:relative}.stage-slot{min-width:0;min-height:0;position:relative}.stage[data-count="1"]{place-items:center}.stage[data-count="1"] .stage-self{width:min(720px,100%)}.stage[data-count="1"] .tile{aspect-ratio:16/9;height:auto}.stage[data-count="2"]{display:block}.stage[data-count="2"]>.stage-slot:not(.stage-self){position:absolute;inset:0}.stage[data-count="2"]>.stage-self{position:static}.tile.tile-pip{right:12px;bottom:calc(92px + env(safe-area-inset-bottom));aspect-ratio:16/10;z-index:4;border-radius:14px;width:clamp(110px,26vw,240px);height:auto;position:absolute;box-shadow:0 6px 24px #0000008c}.stage[data-count="3"]{grid-template:"p0 p0"1fr"p1 self"1fr/1fr 1fr}.stage[data-count="4"]{grid-template:"p0 p1"1fr"p2 self"1fr/1fr 1fr}.tile{border:1px solid var(--border);background:#101016;border-radius:14px;width:100%;height:100%;margin:0;position:relative;overflow:hidden}.tile-media,.tile-media [data-moq-watch],.tile-media [data-moq-publish]{position:absolute;inset:0}.tile-placeholder{background:#15151c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile-avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;width:clamp(48px,22%,96px)}.tile-initials{aspect-ratio:1;width:clamp(48px,22%,96px);color:var(--muted);background:#262633;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(16px,4vw,28px);font-weight:600;display:flex}.tile-overlay{z-index:2;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.tile-overlay-text{color:#c4c8d0;font-size:12px}.tile-chrome{z-index:3;color:#e2e4ea;background:linear-gradient(#0000,#000000a6);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-pip .tile-chrome{padding:4px 8px;font-size:11px}.tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-badges{gap:6px;margin-left:auto;display:flex}.controls{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:6;align-items:center;gap:14px;display:flex;position:absolute;transform:translate(-50%)}.ctl-group{align-items:center;gap:4px;display:flex;position:relative}.ctl{border:1px solid var(--border-soft);width:58px;height:58px;color:var(--text);cursor:pointer;backdrop-filter:blur(8px);background:#23232ce6;border-radius:50%;font-size:14px;transition:background .15s,color .15s}.ctl:disabled{opacity:.4;cursor:not-allowed}.ctl-off:not(:disabled){color:#1c1c22;background:#f2f3f5}.ctl-leave{background:var(--danger);border-color:var(--danger);color:#fff}.ctl-chevron{border:1px solid var(--border-soft);width:24px;height:24px;color:var(--muted);cursor:pointer;background:#23232ce6;border-radius:50%;font-size:11px;line-height:1}.devicePicker-pop{align-items:center;display:flex;position:relative}.devicePicker-panel{z-index:7;background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;min-width:min(220px,100vw - 24px);max-width:calc(100vw - 24px);padding:10px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 28px #00000080}.devicePicker-panel .devicePicker-select{width:100%}@media (width<=639px){.stage[data-count="3"]{grid-template-rows:1.4fr 1fr;grid-template-columns:1fr 1fr}.stage[data-count="4"]{grid-template-rows:1fr 1fr}.ctl{width:54px;height:54px}}@media (width>=1024px){.call{padding:16px}.stage{gap:12px}}