.room-gate-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,rgba(47,109,240,.1),transparent 40%),radial-gradient(circle at 80% 90%,rgba(217,119,87,.08),transparent 40%),var(--paper);background-image:radial-gradient(circle at 20% 10%,rgba(47,109,240,.1),transparent 40%),radial-gradient(circle at 80% 90%,rgba(217,119,87,.08),transparent 40%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px;display:flex;align-items:center;justify-content:center;padding:20px;z-index:500}.room-gate{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #14141e29,0 2px 6px #14141e0a;padding:22px 22px 18px;font-family:var(--ui-font)}.rg-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.rg-dot{width:14px;height:14px;border-radius:4px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.rg-title{font:600 16px/1.2 var(--ui-font);color:var(--ink);letter-spacing:-.01em}.rg-sub{font:400 12px/1 var(--ui-font);color:var(--ink-3);margin-top:3px}.rg-tabs{display:flex;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:16px}.rg-tabs button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);font:500 12.5px/1 var(--ui-font);padding:8px 10px;border-radius:7px;cursor:pointer}.rg-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line)}.rg-form{display:flex;flex-direction:column}.rg-lab{font:500 10.5px/1 var(--ui-font);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:6px}.rg-room-row{display:flex;gap:6px}.rg-input{flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:400 13px/1.4 var(--ui-font);color:var(--ink);background:#fff;outline:none}.rg-input.mono{font-family:var(--mono-font);font-size:13px;letter-spacing:.01em}.rg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rg-hint{font:400 11px/1.4 var(--ui-font);color:var(--ink-3);margin-top:6px}.rg-colors{display:flex;gap:7px;flex-wrap:wrap}.rg-color{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);cursor:pointer;padding:0;transition:transform .08s ease}.rg-color:hover{transform:scale(1.06)}.rg-color.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.rg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 12.5px/1 var(--ui-font);padding:9px 12px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.rg-btn.ghost{background:transparent;color:var(--ink-2);width:36px;flex-shrink:0;font-size:14px}.rg-btn.ghost:hover{background:var(--paper-2);color:var(--ink)}.rg-btn.primary{margin-top:18px;background:var(--accent);color:#fff;border-color:transparent;padding:11px 14px;font-size:13px}.rg-btn.primary:hover{filter:brightness(1.05)}.rg-btn.primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.rg-foot{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-2);text-align:center}.rg-foot>div:first-child{font:400 11px/1.5 var(--ui-font);color:var(--ink-3)}.rg-foot-tech{font:500 10px/1.4 var(--mono-font);color:var(--ink-3);margin-top:4px;opacity:.7}.conn-dot{display:inline-flex;align-items:center;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:9px;padding:5px 8px 5px 9px;font:500 11px/1 var(--ui-font);color:var(--ink-2)}.conn-dot .cd-led{width:8px;height:8px;border-radius:50%;background:var(--ink-3);box-shadow:0 0 0 2px #ffffffb3}.conn-dot.live .cd-led{background:#1f8a5b;animation:pulse 2s ease-in-out infinite}.conn-dot.pending .cd-led{background:#d97757}.conn-dot.offline .cd-led{background:#a8a8b0}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #1f8a5b00}50%{box-shadow:0 0 0 4px #1f8a5b40}}.conn-dot .cd-room{font-family:var(--mono-font);color:var(--ink);font-weight:600}.conn-dot .cd-sep{color:var(--ink-3)}.conn-dot .cd-status{color:var(--ink-2)}.conn-dot .cd-leave{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-3);width:18px;height:18px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}.conn-dot .cd-leave:hover{background:#fff;color:var(--ink)}.presence-stack{display:inline-flex;align-items:center;padding:1px 0}.presence-stack .ps-pill{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:600 10px/1 var(--ui-font);text-transform:uppercase;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);margin-left:-7px;cursor:default;letter-spacing:.02em}.presence-stack .ps-pill:first-child{margin-left:0}.presence-stack .ps-pill.self{box-shadow:0 0 0 1px var(--accent),0 0 0 3px #fff inset}.presence-stack .ps-pill.ps-more{background:var(--ink-3);color:#fff;font-size:9.5px}.rcursor{position:absolute;pointer-events:none;display:flex;align-items:flex-start;gap:0;will-change:transform}.rcursor-label{margin-left:-2px;margin-top:10px;font:600 10px/1 var(--ui-font);color:#fff;background:var(--accent);padding:3px 6px;border-radius:4px;white-space:nowrap;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px 2px #00000026}.cursors-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}