.live-shell{position:fixed;z-index:24;left:28px;top:138px;font-family:Arial,sans-serif}.live-launch{background:#f7f3e9;color:#22332b;border:1px solid #c2baa5;border-radius:24px;padding:12px 18px;font:600 13px Arial;box-shadow:0 3px 20px #0002;cursor:pointer}.live-launch span{margin-left:12px}.live-panel{position:fixed;left:28px;top:188px;width:390px;max-height:calc(100dvh - 300px);overflow:auto;background:#faf6ec;color:#24342c;padding:24px;border-radius:5px;box-shadow:0 12px 55px #0004;border:1px solid #d5cdbb}.live-panel[hidden]{display:none}.live-panel header{display:flex;justify-content:space-between;align-items:flex-start}.live-panel h2{font:32px Georgia;margin:5px 0 20px}.live-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;margin:0;color:#6b705e}.live-icon{border:0;background:none;font-size:25px;cursor:pointer}.live-panel p{font-size:13px;line-height:1.6}.live-panel label{display:block;font-size:12px;font-weight:600;margin:14px 0 7px}.live-panel input:not([type=checkbox]){font:15px Arial;padding:12px;border:1px solid #b8b2a4;background:#fffdf7;border-radius:3px;box-sizing:border-box;width:100%;color:#24342c}.live-panel .live-age{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;font-weight:400}.live-age input{margin-top:2px}.live-primary{background:#253e30;color:#fffdf7;border:0;padding:12px 16px;font:600 13px Arial;border-radius:4px;cursor:pointer}.live-primary:disabled{opacity:.5;cursor:wait}.live-panel .live-small{font-size:11px;color:#62685b}.live-members{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.live-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d7d5bc}.live-avatar.guest{background:#e2c9ba}.live-members strong,.live-members span:not(.live-avatar):not(.live-plus){display:block;font-size:12px}.live-members div span{color:#66725f;margin-top:4px}.live-members small{font-weight:400}.live-plus{font:20px Georgia;margin:0 3px}.live-share{display:flex;gap:6px}.live-share input{font-size:11px!important;min-width:0}.live-share button,.live-secondary,#live-hear{border:1px solid #9ca38e;border-radius:3px;background:transparent;color:#24342c;font:12px Arial;padding:10px;cursor:pointer;white-space:nowrap}.live-voice{border-top:1px solid #dad6ca;padding-top:18px;margin-top:18px}.live-voice button{margin:0 6px 6px 0}.live-end{border:0;border-bottom:1px solid #91654f;background:none;color:#704a38;font:12px Arial;padding:8px 0;cursor:pointer}#live-status:empty{display:none}#live-status{border-top:1px solid #d9d1bf;padding-top:12px;margin-bottom:0}.live-panel button:focus-visible,.live-panel input:focus-visible,.live-launch:focus-visible{outline:3px solid #b58a41;outline-offset:3px}.vr-active .live-shell{display:none}@media(max-width:640px){.live-shell{left:16px;top:132px}.live-panel{left:12px;right:12px;width:auto;top:180px;max-height:calc(100dvh - 285px);padding:20px}.live-launch{font-size:12px;padding:10px 14px}}
body:has(#live-panel:not([hidden])) #room-guide{display:none}
.live-camera{border-top:1px solid #dad6ca;padding-top:18px;margin-top:18px}.live-camera button{margin:0 6px 6px 0}.live-camera-preview{aspect-ratio:16/9;background:#26302a;border-radius:4px;overflow:hidden;margin:10px 0}.live-camera-preview[hidden]{display:none}.live-camera-preview video{display:block;width:100%;height:100%;object-fit:contain}.live-camera-preview:empty{display:none}.live-camera .live-small{margin-top:6px}#live-camera-status{margin:8px 0;font-size:12px}.date-video{position:fixed;right:28px;top:154px;width:min(46vw,640px);z-index:19;background:#f5efe3;color:#30291f;box-shadow:0 12px 45px #0004;border:1px solid #c9baa4;border-radius:5px;overflow:hidden;font-family:Arial,sans-serif}.date-video[hidden],.date-video-show[hidden]{display:none}.date-video header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.date-video header span{font-size:10px;letter-spacing:.12em;font-weight:700}.date-video button,.date-video-show{font:600 12px Arial;cursor:pointer;border:1px solid #b4a58b;background:#f6f0e5;color:#30291f;border-radius:3px;padding:10px 12px}.date-video header button{border:0;padding:5px;background:transparent;font-size:11px}.date-remote-video-slot{aspect-ratio:16/9;background:#262e27;overflow:hidden}.date-remote-video-slot video{width:100%;height:100%;display:block;object-fit:contain}.date-video #date-video-status{font-size:12px;line-height:1.5;margin:11px 14px}.date-video-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.date-video #date-camera-share{background:#253e30;color:#fffdf7;border-color:#253e30}.date-video button:disabled{opacity:.5;cursor:wait}.date-video-show{position:fixed;right:28px;top:138px;z-index:20;border-radius:24px;padding:12px 18px}.date-video button:focus-visible,.date-video-show:focus-visible{outline:3px solid #b58a41;outline-offset:2px}.vr-active .date-video,.vr-active .date-video-show,.quest-rehearsal .date-video,.quest-rehearsal .date-video-show{display:none}@media(max-width:900px){.date-video{right:16px;width:min(48vw,560px)}}@media(max-width:640px){.date-video{left:12px;right:12px;top:180px;width:auto;max-height:calc(100dvh - 305px);overflow:auto}.date-video-show{right:16px;top:132px;padding:10px 14px}.date-video header{padding:8px 12px}.date-video .date-video-actions{padding:0 10px 10px;gap:6px}.date-video button{font-size:11px;padding:8px 10px}.date-video #date-video-status{margin:8px 10px;font-size:11px}body:has(.date-video:not([hidden])) #room-guide{display:none}}
.live-pairing-code{display:block;width:fit-content;max-width:100%;margin:10px 0;padding:12px 16px;border:1px solid #c9baa4;border-radius:4px;background:#fffaf0;color:#253e30;font:700 clamp(20px,4vw,28px)/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;user-select:all;overflow-wrap:anywhere}.live-pairing-code[hidden]{display:none}