.call-dock{z-index:6000;color:#fff;background:#17181d;border-radius:20px;width:min(360px,100vw - 32px);position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 30px 70px #0a0c1480}.call-dock.is-video{width:min(720px,100vw - 32px)}.call-stage{aspect-ratio:16/9;background:#000;position:relative}.call-remote{object-fit:cover;width:100%;height:100%}.call-local{aspect-ratio:16/9;object-fit:cover;background:#222;border:2px solid #fff9;border-radius:12px;width:28%;position:absolute;bottom:12px;right:12px}.call-dock:not(.is-video) .call-stage{display:none}.call-room{text-align:center;gap:4px;padding:16px 16px 0;display:grid}.call-room b{letter-spacing:.18em;font-variant-numeric:tabular-nums;font-size:34px}.call-room small{opacity:.75;font-size:12.5px}.call-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.call-peer{align-items:center;gap:12px;min-width:0;display:flex}.call-peer-i{background:var(--lime,#35b3f5);color:#04121b;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid}.call-peer>span:last-child{min-width:0;display:grid}.call-peer b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.call-peer small{opacity:.75;font-variant-numeric:tabular-nums;font-size:12.5px}.call-actions{flex:none;gap:8px;display:flex}.call-btn{cursor:pointer;color:#fff;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.call-btn.is-off{color:#17181d;background:#fff}.call-accept{background:#1fbf6a;animation:1.2s ease-in-out infinite pdCallPulse}.call-hang{background:#e0355a}@keyframes pdCallPulse{50%{box-shadow:0 0 0 10px #1fbf6a40}}.call-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.call-lab{gap:14px;max-width:640px;display:grid}.call-lab .call-join{flex-wrap:wrap;gap:8px;display:flex}.call-lab .call-join input{letter-spacing:.14em;text-align:center;background:var(--card-2,#111);width:10ch;min-height:44px;color:inherit;border:1px solid var(--line-2,#333);border-radius:8px;font-size:20px}@media (max-width:620px){.call-dock{width:auto;bottom:12px;left:12px;right:12px}.call-dock.is-video{width:auto}}@media (prefers-reduced-motion:reduce){.call-accept{animation:none}}.gr{gap:12px;display:grid}.gr-input,.gr-code{background:var(--card-2,#15151d);min-height:44px;color:var(--fg);border:1px solid var(--line-2);font:inherit;border-radius:8px;padding:0 12px}.gr-code{letter-spacing:.14em;text-align:center;width:10ch;font-size:20px}.gr-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.gr-head b{letter-spacing:.14em;font-size:24px}.gr-head small,.gr-note{color:var(--muted)}.gr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:1100px;display:grid}.gr-grid.n1{grid-template-columns:minmax(0,520px)}.gr-grid figure{aspect-ratio:16/9;background:#000;border-radius:10px;margin:0;position:relative;overflow:hidden}.gr-grid video{object-fit:cover;width:100%;height:100%}.gr-grid figcaption{color:#fff;background:#00000080;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;left:8px}.call-leave{color:#e0355a;border-color:#e0355a}