*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e7ecf3}button{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;background:#3d8bfd;color:#fff}button.secondary{background:#2a3442;color:#e7ecf3}button.danger{background:#c03546}.layout{max-width:960px;margin:0 auto;padding:2rem}.status-bar{margin-top:1rem;font-size:.9rem;opacity:.85}.room-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.room-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#000}.room-overlay-top{position:absolute;top:0;left:0;right:0;z-index:3;padding:max(.75rem,env(safe-area-inset-top)) 1rem .5rem 1rem;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.75)}.room-hint,.room-timer{margin:0;font-size:.9rem;opacity:.95;color:#e7ecf3}.room-timer{margin-top:.35rem;font-variant-numeric:tabular-nums}.room-local-pip{position:absolute;right:max(.75rem,env(safe-area-inset-right));bottom:max(5.5rem,calc(env(safe-area-inset-bottom) + 4.5rem));width:20vw;min-width:112px;max-width:min(360px,40vw);aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#1a2332;box-shadow:0 4px 24px #00000073;z-index:2}.room-local-pip video{width:100%;height:100%;object-fit:cover}.room-cam-toggle{position:absolute;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;width:3.5rem;height:3.5rem;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a3442eb;color:#e7ecf3;border:1px solid rgba(231,236,243,.12);box-shadow:0 4px 16px #00000059}.room-cam-toggle:hover{background:#3d8bfd59;color:#fff}.room-cam-icon{width:1.5rem;height:1.5rem}