.join-room-v1{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:10;font-family:var(--font-sans);color:var(--cream);place-items:start center;padding:22px 16px;font-size:14px;font-weight:300;line-height:1.5;display:grid;position:fixed;overflow:auto}.join-room-v1 button,.join-room-v1 select,.join-room-v1 input{font-family:inherit}.join-room-v1 .jr-backdrop{z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 40% at 50% 44%,color-mix(in oklch,var(--gold-warm) 10%,transparent),transparent 72%),radial-gradient(circle at 14% 16%,color-mix(in oklch,var(--panel-warm) 30%,transparent),transparent 46%),radial-gradient(circle at 86% 84%,color-mix(in oklch,var(--panel-warm) 24%,transparent),transparent 46%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;inset:0}.join-room-v1 .jr-backdrop:after{content:"";background:linear-gradient(180deg,color-mix(in oklch,var(--background) 60%,black),color-mix(in oklch,var(--background) 74%,black));position:absolute;inset:0}.join-room-v1 .jr-modal{z-index:1;border:1px solid var(--panel-warm-border-strong);background-color:color-mix(in oklch,var(--background) 92%,black);background-image:linear-gradient(180deg,color-mix(in oklch,var(--panel-warm) 92%,transparent),color-mix(in oklch,var(--panel-warm) 100%,black 14%));width:min(1010px,100%);box-shadow:var(--shadow-panel),0 0 0 1px color-mix(in oklch,var(--gold-warm) 6%,transparent),inset 0 1px color-mix(in oklch,var(--gold-warm) 8%,transparent);animation:jr-rise .5s var(--ease) both;transform-origin:top;--jr-modal-scale:1;border-radius:26px;padding:34px 44px 30px;position:relative}@keyframes jr-rise{0%{opacity:0;transform:translateY(14px) scale(calc(var(--jr-modal-scale) * .985))}to{opacity:1;transform:scale(var(--jr-modal-scale))}}.join-room-v1 .jr-close{width:34px;height:34px;color:var(--taupe);cursor:pointer;background:0 0;border:none;border-radius:11px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:18px;right:20px}.join-room-v1 .jr-close:hover{color:var(--cream);background:color-mix(in oklch,var(--gold-warm) 9%,transparent)}.join-room-v1 .jr-close svg{width:19px;height:19px}.join-room-v1 .jr-head{text-align:center}.join-room-v1 .eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--taupe);padding-left:.42em;font-size:10.5px}.join-room-v1 .title{font-family:var(--font-display);letter-spacing:.035em;color:color-mix(in oklch,var(--cream) 70%,var(--gold-warm));text-transform:uppercase;margin-top:6px;font-size:clamp(38px,5.6vw,62px);font-weight:400;line-height:1.02}.join-room-v1 .host{color:var(--taupe);margin-top:8px;font-size:15px}.join-room-v1 .host b{color:var(--gold-warm);font-weight:400}.join-room-v1 .pills{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px;display:flex}.join-room-v1 .pill{border:1px solid var(--panel-warm-border);background:color-mix(in oklch,var(--background) 72%,black);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:10px;display:inline-flex}.join-room-v1 .pill .dot{background:var(--ember);width:6px;height:6px;box-shadow:0 0 color-mix(in oklch,var(--ember) 60%,transparent);border-radius:50%;animation:2.2s infinite jr-pulse}@keyframes jr-pulse{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.join-room-v1 .pill.live{color:var(--cream);border-color:var(--panel-warm-border-strong)}.join-room-v1 .lede{max-width:520px;color:var(--taupe);margin:16px auto 0;font-size:14.5px;line-height:1.62}.join-room-v1 .jr-stage{min-height:352px;margin-top:44px;position:relative}.join-room-v1 #jrRing{z-index:0;pointer-events:none;width:100%;height:auto;transition:opacity .4s var(--ease);position:absolute;inset:-92px 0 0}.join-room-v1 .jr-cols{z-index:1;grid-template-columns:minmax(0,272px) minmax(0,1fr) minmax(0,314px);align-items:stretch;gap:18px;display:grid;position:relative}.join-room-v1 .col{flex-direction:column;align-items:center;gap:12px;display:flex}.join-room-v1 .col .lab{letter-spacing:.34em;text-transform:uppercase;color:var(--taupe-dim);padding-left:.34em;font-size:10.5px}.join-room-v1 .devbtn{cursor:pointer;border:1.5px solid color-mix(in oklch,var(--gold-warm) 55%,transparent);background:radial-gradient(circle at 50% 38%,color-mix(in oklch,var(--gold-warm) 12%,transparent),transparent 70%),color-mix(in oklch,var(--background) 78%,black);width:76px;height:76px;color:var(--gold-warm);box-shadow:0 0 24px -8px color-mix(in oklch,var(--gold-warm) 70%,transparent);transition:border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .18s var(--ease);border-radius:50%;place-items:center;display:grid}.join-room-v1 .devbtn:hover{transform:scale(1.04)}.join-room-v1 .devbtn svg{width:30px;height:30px}.join-room-v1 .devbtn.off{color:var(--ember);border-color:color-mix(in oklch,var(--ember) 55%,transparent);box-shadow:none;background:color-mix(in oklch,var(--background) 78%,black)}.join-room-v1 .devstate{letter-spacing:.24em;text-transform:uppercase;color:var(--gold-warm);margin-top:2px;padding-left:.24em;font-size:10.5px}.join-room-v1 .devstate.off{color:var(--ember)}.join-room-v1 .field{width:100%}.join-room-v1 .field .cap{text-align:center;color:var(--taupe-dim);margin-bottom:7px;font-size:12px;display:block}.join-room-v1 .sel{width:100%;position:relative}.join-room-v1 .sel select{appearance:none;cursor:pointer;border:1px solid var(--panel-warm-border-strong);background:var(--surface-sunken);width:100%;color:var(--cream);text-overflow:ellipsis;box-shadow:var(--shadow-field);border-radius:12px;padding:11px 34px 11px 15px;font-size:13px;font-weight:300;transition:border-color .2s,background .2s,box-shadow .2s}.join-room-v1 .sel select:hover{border-color:color-mix(in oklch,var(--gold-warm) 46%,transparent)}.join-room-v1 .sel select:focus-visible{border-color:var(--gold-warm);box-shadow:var(--shadow-field),var(--focus-ring);outline:none}.join-room-v1 .sel select option{background:color-mix(in oklch,var(--background) 88%,black);color:var(--cream)}.join-room-v1 .sel .car{width:13px;height:13px;color:var(--gold-warm);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.join-room-v1 .meter{border:1px solid var(--panel-warm-border);background:color-mix(in oklch,var(--background) 70%,black);border-radius:10px;align-items:center;gap:3px;width:100%;padding:9px 12px;display:flex}.join-room-v1 .meter i{background:color-mix(in oklch,var(--cream) 12%,transparent);border-radius:50%;flex:1;min-width:3px;height:6px;transition:background 90ms linear}.join-room-v1 .meter i.on{background:var(--gold-warm)}.join-room-v1 .meter i.peak{background:var(--ember)}.join-room-v1 .checks{flex-direction:column;gap:7px;width:100%;margin-top:2px;display:flex}.join-room-v1 .check{cursor:pointer;text-align:left;border:1px solid var(--panel-warm-border);background:color-mix(in oklch,var(--gold-warm) 5%,transparent);width:100%;color:var(--taupe);letter-spacing:.03em;border-radius:11px;align-items:center;gap:10px;padding:9px 13px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.join-room-v1 .check:hover{color:var(--cream);border-color:var(--panel-warm-border-strong);background:color-mix(in oklch,var(--gold-warm) 10%,transparent)}.join-room-v1 .check svg{width:15px;height:15px;color:var(--gold-warm);flex-shrink:0}.join-room-v1 .check .t{flex:1;min-width:0}.join-room-v1 .check.busy{color:var(--cream);border-color:color-mix(in oklch,var(--gold-warm) 50%,transparent)}.join-room-v1 .check.good{border-color:color-mix(in oklch,var(--sage) 45%,transparent)}.join-room-v1 .check.good svg{color:var(--sage)}.join-room-v1 .check.bad{color:var(--ember);border-color:color-mix(in oklch,var(--ember) 45%,transparent)}.join-room-v1 .check.bad svg{color:var(--ember)}.join-room-v1 .check .prog{background:var(--gold-warm);border-radius:2px;width:0;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.join-room-v1 .col-mid{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:2px;display:flex}.join-room-v1 .ident{text-align:center;margin-top:auto}.join-room-v1 .ident .k{color:var(--taupe);font-size:13px}.join-room-v1 .ident .n{font-family:var(--font-display);color:var(--cream);margin-top:3px;font-size:31px;line-height:1.1}.join-room-v1 .ident .ch{cursor:pointer;color:var(--gold-warm);background:0 0;border:none;border-radius:7px;margin-top:2px;padding:2px 6px;font-size:12.5px;transition:color .2s,background .2s}.join-room-v1 .ident .ch:hover{color:var(--gold-warm-soft);background:color-mix(in oklch,var(--gold-warm) 8%,transparent)}.join-room-v1 .ident input{text-align:center;width:190px;font-family:var(--font-display);color:var(--cream);border:none;border-bottom:1px solid var(--panel-warm-border-strong);background:0 0;outline:none;font-size:31px}.join-room-v1 .preview{aspect-ratio:16/10;border:1px solid var(--panel-warm-border-strong);background:linear-gradient(168deg,color-mix(in oklch,var(--panel-warm) 100%,white 6%),color-mix(in oklch,var(--background) 88%,black));border-radius:15px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 44px -22px #000000e6}.join-room-v1 .preview video{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.join-room-v1 .preview.mirror video{transform:scaleX(-1)}.join-room-v1 .preview:not(.live) video{visibility:hidden}.join-room-v1 .preview .ph{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0}.join-room-v1 .preview .ph .av{width:56px;height:56px;font-family:var(--font-display);color:var(--gold-warm-soft);border:1px solid var(--panel-warm-border-strong);background:radial-gradient(circle at 50% 34%,color-mix(in oklch,var(--gold-warm) 16%,transparent),transparent 70%);border-radius:50%;place-items:center;font-size:25px;display:grid}.join-room-v1 .preview .ph .m{letter-spacing:.2em;text-transform:uppercase;color:var(--taupe-dim);font-size:11px}.join-room-v1 .preview.live .ph{display:none}.join-room-v1 .preview .gear{cursor:pointer;z-index:2;border:1px solid var(--panel-warm-border-strong);background:color-mix(in oklch,var(--background) 72%,black);width:29px;height:29px;color:var(--taupe);border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;bottom:9px;right:9px}.join-room-v1 .preview .gear:hover{color:var(--cream)}.join-room-v1 .preview .gear svg{width:15px;height:15px}.join-room-v1 .preview .pop{z-index:3;border:1px solid var(--panel-warm-border-strong);background:color-mix(in oklch,var(--background) 94%,black);border-radius:12px;flex-direction:column;gap:2px;min-width:172px;padding:6px;display:none;position:absolute;bottom:44px;right:9px;box-shadow:0 14px 40px -12px #000c}.join-room-v1 .preview .pop.on{display:flex}.join-room-v1 .preview .pop button{cursor:pointer;color:var(--taupe);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:12px;display:flex}.join-room-v1 .preview .pop button:hover{color:var(--cream);background:color-mix(in oklch,var(--gold-warm) 8%,transparent)}.join-room-v1 .preview .pop button .bx{border:1px solid var(--panel-warm-border-strong);border-radius:4px;flex-shrink:0;width:13px;height:13px}.join-room-v1 .preview .pop button.on .bx{background:var(--gold-warm);border-color:var(--gold-warm)}.join-room-v1 .preview .tag{z-index:2;color:var(--cream);border:1px solid var(--panel-warm-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060201bd;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;display:inline-flex;position:absolute;bottom:9px;left:9px}.join-room-v1 .preview .tag svg{width:11px;height:11px;color:var(--gold-warm-soft)}.join-room-v1 .preview.camoff .tag svg{color:var(--ember)}.join-room-v1 .jr-foot{flex-direction:column;align-items:center;gap:14px;margin-top:22px;display:flex}.join-room-v1 .cta{cursor:pointer;background:var(--gradient-gold-warm);width:min(620px,100%);color:color-mix(in oklch,var(--background) 80%,black);letter-spacing:.22em;text-transform:uppercase;box-shadow:0 14px 40px -14px color-mix(in oklch,var(--gold-warm) 95%,transparent),var(--edge-highlight);transition:transform .18s var(--ease),box-shadow .25s var(--ease),filter .2s;border:none;border-radius:999px;justify-content:center;align-items:center;gap:15px;padding:19px 28px 19px calc(28px + .22em);font-size:13.5px;font-weight:500;display:inline-flex}.join-room-v1 .cta:hover{filter:brightness(1.05);box-shadow:0 20px 52px -14px color-mix(in oklch,var(--gold-warm) 95%,transparent),var(--edge-highlight);transform:translateY(-1px)}.join-room-v1 .cta:active{transform:translateY(0)}.join-room-v1 .cta:disabled{opacity:.55;cursor:default;pointer-events:none}.join-room-v1 .cta .wave{align-items:center;gap:2.5px;height:17px;display:inline-flex}.join-room-v1 .cta .wave i{width:2px;height:6px;animation:jr-eq 1.1s var(--ease) infinite alternate;background:currentColor;border-radius:2px}.join-room-v1 .cta .wave i:nth-child(2){animation-delay:.13s}.join-room-v1 .cta .wave i:nth-child(3){animation-delay:.26s}.join-room-v1 .cta .wave i:nth-child(4){animation-delay:.39s}.join-room-v1 .cta .wave i:nth-child(5){animation-delay:.52s}@keyframes jr-eq{0%{height:5px}to{height:16px}}.join-room-v1 .privacy{max-width:520px;color:var(--taupe-dim);align-items:center;gap:11px;font-size:12px;line-height:1.6;display:flex}.join-room-v1 .privacy svg{width:17px;height:17px;color:var(--taupe-dim);flex-shrink:0}.join-room-v1 .notice{border:1px solid color-mix(in oklch,var(--ember) 34%,transparent);background:color-mix(in oklch,var(--ember) 8%,transparent);width:100%;color:var(--taupe);border-radius:11px;align-items:flex-start;gap:10px;margin-top:6px;padding:10px 13px;font-size:12px;line-height:1.55;display:none}.join-room-v1 .notice.on{display:flex}.join-room-v1 .notice svg{width:15px;height:15px;color:var(--ember);flex-shrink:0;margin-top:1px}.join-room-v1 .notice.info{border-color:var(--panel-warm-border);background:color-mix(in oklch,var(--gold-warm) 6%,transparent);color:var(--taupe-dim)}.join-room-v1 .notice.info svg{color:var(--gold-warm)}@media(min-width:901px){.join-room-v1 .jr-modal{--jr-modal-scale:.8}}@media(max-width:900px){.join-room-v1{padding:14px 10px}.join-room-v1 .jr-modal{border-radius:22px;padding:26px 18px 22px}.join-room-v1 .title{font-size:clamp(31px,10vw,44px)}.join-room-v1 .lede{font-size:13.5px}.join-room-v1 .jr-stage{min-height:0;margin-top:24px}.join-room-v1 #jrRing{height:232px;inset:0 0 auto}.join-room-v1 .jr-cols{grid-template-columns:1fr;gap:22px}.join-room-v1 .col-mid{order:0;justify-content:center;min-height:232px}.join-room-v1 .col-video{order:1}.join-room-v1 .col-audio{order:2}.join-room-v1 .col{width:100%;max-width:340px;margin:0 auto}.join-room-v1 .ident{margin-top:0}.join-room-v1 .cta{letter-spacing:.16em;padding:17px 20px;font-size:12px}.join-room-v1 .devbtn{width:66px;height:66px}.join-room-v1 .devbtn svg{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.join-room-v1 .jr-modal{transform:scale(var(--jr-modal-scale));animation:none}.join-room-v1 .cta .wave i{height:11px;animation:none}.join-room-v1 .pill .dot{animation:none}}