:root{--bg:#0a1628;--panel:#11223f;--panel-2:#1a2f54;--text:#f2f6fc;--muted:#9fb2d0;--accent:#2f5bea;--ok:#3ecf8e;--bad:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel-2);color:var(--text)}button.danger{background:var(--bad);color:#0b0f1c}button.accept{background:var(--ok);color:#0b0f1c}button.toggle{background:var(--panel-2);color:var(--text)}button.toggle.on{background:#1f3f73}button.link{color:var(--muted);background:0 0;padding:4px 8px;font-weight:500}.muted{color:var(--muted)}.hint{color:var(--muted);margin-top:6px;font-size:12px;display:block}.error{color:var(--bad)}.signin{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--panel);border-radius:var(--radius);gap:16px;width:min(380px,100%);padding:28px;display:grid}.card h1{margin:0;font-size:24px}.card p{margin:0}label{gap:6px;font-size:14px;display:grid}input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #28426e;border-radius:10px;padding:10px 12px}.banner{background:var(--panel);border-radius:10px;margin:0;padding:10px 14px;position:absolute;top:12px;left:12px;right:12px}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nameplate{white-space:nowrap;pointer-events:none;background:#0a1628bf;border-radius:999px;padding:3px 10px;font-size:14px;position:absolute;top:0;left:0}.emote-bubble{font-size:32px;animation:.25s ease-out pop;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(.4)}to{transform:translate(-50%)scale(1)}}.role{color:var(--muted)}.world{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0}.world:active{cursor:grabbing}.world-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.world-loading.overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);pointer-events:none}.controls-hint{max-width:40%;color:var(--muted);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:12px;left:12px}.debug-stats{pointer-events:none;background:#0a1628cc;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;top:8px;left:8px}.touch-controls{position:absolute;inset:0}.touch-zone{touch-action:none;position:absolute;top:0;bottom:0}.touch-zone.left{width:45%;left:0}.touch-zone.right{width:55%;right:0}.joystick{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;width:100px;height:100px;margin:-50px 0 0 -50px;position:fixed}.joystick-knob{background:#fff9;border-radius:50%;width:40px;height:40px;position:absolute;top:30px;left:30px}.jump-button{width:64px;height:64px;color:var(--text);touch-action:none;background:#fff3;border-radius:50%;font-size:28px;position:absolute;bottom:80px;right:20px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #28426e;border-radius:10px;padding:8px 10px}.dot{vertical-align:middle;background:#3d5a86;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.on{background:var(--ok)}.list,.checklist{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.list li{background:var(--panel-2);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.checklist{max-height:260px;overflow-y:auto}.checklist label,label.check{align-items:center;gap:8px;font-size:15px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{background:var(--panel-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;display:inline-flex}.chip input{display:none}.chip.on{background:var(--accent);color:#fff}.group-form{gap:10px;display:grid}.toasts{z-index:40;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.creator{grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);min-height:100vh;display:grid}.creator-preview{background:radial-gradient(circle at 50% 35%,#1f3f73 0%,#0b1830 70%);min-height:60vh;position:relative}.try-on{background:#11223fd9;border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.try-on button{background:var(--panel-2);border-radius:999px;padding:6px 10px;font-size:20px}.creator-panel{background:var(--panel);grid-template-rows:auto auto 1fr auto auto;gap:14px;max-height:100vh;padding:20px;display:grid;overflow:hidden}.creator-panel h1{margin:0;font-size:22px}.creator-panel header p{margin:6px 0 0}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--muted);background:0 0;padding:8px 12px}.tab.on{background:var(--panel-2);color:var(--text)}.creator-controls{align-content:start;gap:16px;padding-right:4px;display:grid;overflow-y:auto}.field{border:0;gap:8px;margin:0;padding:0;display:grid}.field legend,.field>span:first-child{color:var(--muted);margin-bottom:8px;padding:0;font-size:13px}.field.slider input{width:100%;accent-color:var(--accent);padding:0}.field.slider .ends{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;padding:0}.swatch.on{outline:3px solid var(--accent);outline-offset:2px}.swatch.custom{color:#fff;cursor:pointer;text-shadow:0 1px 2px #000;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);place-items:center;font-weight:700;display:grid;position:relative}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.chips button.chip{color:var(--text);font-weight:500}.chips button.chip.on{color:#fff}.start-options,.selfie{gap:10px;display:grid}.selfie-frame{aspect-ratio:4/3;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.selfie-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-oval{border:3px dashed #ffffffb3;border-radius:50%;width:42%;height:72%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000059}.selfie-status{text-align:center;margin:0;position:absolute;inset:auto 0 12px}@media (width<=820px){.creator{grid-template-columns:1fr}.creator-preview{min-height:45vh}.creator-panel{max-height:none}}.signin-stack{justify-items:center;gap:16px;max-width:420px;display:grid}.signin-stack .brand{text-align:center}.signin-stack .brand h1{margin:0}.signin-stack .brand p,.signin-stack .hint{text-align:center;margin:4px 0 0}.share-banner{background:#1f3a33;border-radius:10px;max-width:1200px;margin:12px auto 0;padding:10px 16px}.share-banner a{color:var(--ok)}.your-rooms{gap:10px;display:grid}.your-rooms h2{margin-bottom:0}.list li.room-row{justify-content:stretch;gap:8px;display:grid}.room-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.add-scan,.adjust-room{gap:10px;display:grid}.add-scan h3,.add-scan p,.adjust-room p{margin:0}.add-scan label,.adjust-room label{gap:6px;display:grid}.adjust-room input[type=range]{width:100%}.howto{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.howto b,.howto i{color:var(--text)}details summary{cursor:pointer;color:var(--accent)}.portal,.prejoin,.center-page,.call-ended,.dialog{--bg:#f4f6fb;--panel:#fff;--panel-2:#eef1f7;--text:#1c2130;--muted:#5d6576;--line:#e1e5ee;--accent:#2f5bea;--accent-ink:#fff;--accent-soft:#e6ecfd;--ok:#12a150;--bad:#d93d3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg)}.call,.calling-screen,.incoming{--c-bg:#101216;--c-tile:#23262d;--c-bar:#16181d;--c-btn:#2e323a;--c-btn-hover:#3a3f49;--c-text:#eef0f4;--c-muted:#a3a9b6;--c-speak:#6ea8fe;--c-red:#e5484d;--c-green:#2fb463;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{justify-content:center;align-items:center;gap:8px;transition:background-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}button:active:not(:disabled){transform:translateY(1px)}.portal button,.prejoin button,.center-page button,.call-ended button,.dialog button{background:var(--panel-2);color:var(--text);border-radius:999px;padding:10px 18px;font-weight:600}.portal button.primary,.prejoin button.primary,.center-page button.primary,.call-ended button.primary,.dialog button.primary{background:var(--accent);color:var(--accent-ink)}.portal button.primary:hover:not(:disabled),.prejoin button.primary:hover:not(:disabled),.center-page button.primary:hover:not(:disabled),.dialog button.primary:hover:not(:disabled){box-shadow:0 2px 8px #2f5bea59}.portal button.secondary,.center-page button.secondary,.dialog button.secondary,.call-ended button.secondary{background:var(--panel);color:var(--accent);border:1px solid var(--line)}.portal button.ghost,.prejoin button.ghost,.center-page button.ghost,.dialog button.ghost{color:var(--accent);background:0 0}.portal button.ghost:hover:not(:disabled),.dialog button.ghost:hover:not(:disabled){background:var(--accent-soft)}.dialog button.danger{background:var(--bad);color:#fff}button.big{padding:14px 24px;font-size:17px}button.small{padding:6px 12px;font-size:14px}button.full{width:100%}.icon-button,.portal .icon-button,.dialog .icon-button{width:40px;height:40px;color:inherit;background:0 0;border-radius:50%;padding:0}.icon-button:hover:not(:disabled){background:#7f7f7f26}.portal button.call-button,.dialog button.call-button{background:var(--accent-soft);color:var(--accent);padding:8px 12px}.portal button.call-button:hover:not(:disabled),.dialog button.call-button:hover:not(:disabled){background:var(--accent);color:#fff}.portal button.join{background:var(--ok);color:#fff}.danger-text{color:var(--bad)!important}.ok-text{color:var(--ok)}.avatar{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000040;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;position:relative}.presence{border:2px solid var(--panel,#fff);background:#9aa1ad;border-radius:50%;width:30%;min-width:10px;height:30%;min-height:10px;position:absolute;bottom:-1px;right:-1px}.presence.on{background:var(--ok,#12a150)}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.stack{gap:12px;display:grid}.grow{flex:1;min-width:0}code{background:#7f7f7f26;border-radius:6px;padding:1px 5px;font-size:.9em}.portal input,.portal select,.prejoin select,.center-page input,.dialog input,.dialog select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.portal input:focus,.center-page input:focus,.dialog input:focus{outline:2px solid var(--accent);outline-offset:-1px}.callout{background:var(--panel-2);border-radius:12px;padding:12px 14px}.callout.warn{color:#6d4c00;background:#fff4dc}.menu-anchor,.popup-anchor{position:relative}.menu{z-index:30;background:var(--panel,#fff);min-width:240px;color:var(--text,#1c2130);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 28px #1018282e,0 1px 3px #1018281f}.menu.right{left:auto;right:0}.portal .menu button,.dialog .menu button,.menu button{color:inherit;text-align:left;background:0 0;border-radius:8px;justify-content:flex-start;padding:10px 12px;font-weight:500}.menu button:hover:not(:disabled){background:var(--panel-2,#7f7f7f26)}.menu-head{border-bottom:1px solid var(--line,transparent);gap:2px;margin-bottom:4px;padding:8px 12px 10px;display:grid}.menu .volume{padding:8px 12px;font-size:14px}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1012188c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border-radius:20px;gap:14px;width:min(460px,100%);max-height:calc(100vh - 32px);padding:20px 24px 24px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #0000004d}.dialog.wide{width:min(620px,100%)}.dialog header{justify-content:space-between;align-items:center;display:flex}.dialog h2{margin:0;font-size:20px}.dialog h3{margin:6px 0 0;font-size:15px}.dialog p{margin:0}.share-link{align-items:center;gap:18px;display:flex}.share-link-side{flex:1;gap:10px;min-width:0;display:grid}.qr{border:1px solid var(--line,#e1e5ee);background:#fff;border-radius:12px;flex:none}.link-field{text-overflow:ellipsis;width:100%;font-size:14px}.selectable{-webkit-user-select:all;user-select:all}.rows{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rows li{border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.rows li:hover{background:var(--panel-2)}.rows li .grow{gap:1px;display:grid}.rows li .grow .muted{font-size:13px}.rows li.pending{opacity:.75}.pick-list{max-height:320px;overflow-y:auto}.pick-list label{cursor:pointer;align-items:center;gap:10px;width:100%;font-size:15px;display:flex}.group-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.portal .chip,.dialog .chip{border:1px solid var(--line);background:var(--panel);padding:6px 12px;font-weight:500}.dialog .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.portal{min-height:100vh}.portal-top{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffe6;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.portal-top .spacer{flex:1}.brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2f5bea,#7a5af8);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.portal button.avatar-button{background:0 0;border-radius:50%;padding:0}.portal .share-banner{background:var(--accent-soft);max-width:1160px;color:var(--text);border-radius:12px;margin:12px auto 0}.portal-main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:24px;max-width:1160px;margin:0 auto;padding:24px 20px 48px;display:grid}.portal-calls,.portal-side{gap:16px;min-width:0;display:grid}.portal .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:12px;width:auto;padding:20px;box-shadow:0 1px 2px #1018280a}.portal .card h2{margin:0;font-size:18px}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.callout-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex!important}.callout-card p{margin:2px 0 0}.hero{gap:12px;padding:12px 4px 8px;display:grid}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,4vw,44px)}.hero>p{margin:0;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:8px;display:flex}.join-box{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.join-box input{width:240px;max-width:60vw}.join-box .error{flex-basis:100%;margin:0}.room-pick{color:var(--muted);align-items:center;gap:10px;display:flex}.live-now{background:#f1fbf4!important;border-color:#b9e6c9!important}.pulse{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s infinite live-pulse;box-shadow:0 0 #12a15080}@keyframes live-pulse{70%{box-shadow:0 0 0 10px #12a15000}to{box-shadow:0 0 #12a15000}}.search{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex!important}.portal .search input{background:0 0;border:0;outline:none;flex:1;padding:9px 0}.requests li{background:var(--accent-soft)}.empty{text-align:center;justify-items:center;gap:6px;padding:18px 8px;display:grid}.empty p{margin:0}.portal .your-rooms{gap:12px}.portal .list li{background:var(--panel-2)}.center-page{place-items:center;min-height:100vh;padding:20px;display:grid}.link-card{text-align:center;border:1px solid var(--line);justify-items:center;box-shadow:0 10px 40px #10182814;background:var(--panel)!important;border-radius:22px!important;width:min(440px,100%)!important;padding:32px 28px!important}.link-card h1{font-size:26px}.link-card form,.link-card .stack{text-align:left;width:100%}.link-card>button.big{width:100%}form.link-card label{text-align:left;width:100%}.link-card .ghost{justify-self:center}.call-start{width:100%;background:var(--ok)!important}.calling-screen{color:var(--c-text);background:#0d0f13;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.self-backdrop{object-fit:cover;filter:blur(18px)brightness(.55);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)scale(1.1)}.calling-card{text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.calling-card h1{margin:12px 0 0;font-size:30px}.calling-text{color:var(--c-muted);align-items:center;gap:8px;animation:1.6s ease-in-out infinite breathe;display:flex}@keyframes breathe{50%{opacity:.45}}.calling-screen .hangup{bottom:max(40px, env(safe-area-inset-bottom));position:absolute}.incoming{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--c-text);background:#0a0c10b8;place-items:center;padding:20px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.incoming-card{text-align:center;justify-items:center;gap:6px;display:grid}.incoming-avatar{border-radius:50%;animation:1.4s infinite ring-wave}@keyframes ring-wave{0%{box-shadow:0 0 #6ea8fe8c}to{box-shadow:0 0 0 28px #6ea8fe00}}.incoming h2{margin:18px 0 0;font-size:30px}.incoming-detail{color:var(--c-muted);align-items:center;gap:8px;margin:0;display:flex}.incoming-actions{gap:72px;margin-top:40px;display:flex}.incoming-actions>span{color:var(--c-muted);justify-items:center;gap:10px;font-size:14px;display:grid}button.round{background:var(--c-btn,#2e323a);width:48px;height:48px;color:var(--c-text,#fff);border-radius:50%;flex:none;padding:0;position:relative}button.round:hover:not(:disabled){background:var(--c-btn-hover,#3a3f49)}button.round.off{background:var(--c-red,#e5484d);color:#fff}button.round.active{color:#10213f;background:#c9dcff}button.round.hangup{background:var(--c-red,#e5484d);color:#fff;border-radius:999px;width:64px}button.round.hangup:hover:not(:disabled){background:#cf3a3f}button.round.accept{background:var(--c-green,#2fb463);color:#fff}button.round.big{width:68px;height:68px}button.round.small{background:0 0;width:42px;height:42px}button.round.small.active{background:#c9dcff}.prejoin{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:center;gap:32px;max-width:1160px;min-height:100vh;margin:0 auto;padding:32px 24px;display:grid}.prejoin-preview{gap:14px;display:grid}.prejoin .preview{aspect-ratio:16/9;color:#e8eaed;background:#202124;border-radius:18px;position:relative;overflow:hidden}.prejoin .preview video{object-fit:cover;width:100%;height:100%}.preview-off{place-content:center;justify-items:center;gap:12px;padding-bottom:72px;display:grid;position:absolute;inset:0}.preview-name{text-shadow:0 1px 3px #0009;font-weight:600;position:absolute;top:14px;left:16px}.preview-controls{justify-content:center;gap:16px;display:flex;position:absolute;bottom:18px;left:0;right:0}.preview-controls button.round{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff59;width:56px;height:56px}.preview-controls button.round.off{background:var(--c-red,#e5484d);border-color:#0000}.prejoin .mic-meter{background:#ffffff26;border-radius:2px;height:4px;position:absolute;bottom:6px;left:16px;right:16px;overflow:hidden}.prejoin .mic-meter div{transform-origin:0;background:#34d399;height:100%;transition:transform 80ms linear;transform:scaleX(0)}.devices{flex-wrap:wrap;gap:12px;display:flex}.device-select{color:var(--muted);flex:180px;font-size:13px}.device-select select{width:100%;font-size:14px}.prejoin-side{text-align:center;justify-items:center;gap:14px;display:grid}.prejoin-side h1{margin:0;font-size:30px}.prejoin-side p{margin:0}.prejoin-side .big{min-width:220px}.prejoin .preview.asking{aspect-ratio:auto;background:#1a2f54;place-items:center;min-height:300px;display:grid}.preview-ask{text-align:center;justify-items:center;gap:14px;max-width:420px;padding:28px 20px;display:grid}.preview-ask h2{color:#fff;margin:0;font-size:22px}.preview-ask p{color:#c9d6ee;margin:0;line-height:1.45}.ask-icons{gap:14px;display:flex}.ask-icons svg{box-sizing:content-box;color:#fff;background:#ffffff24;border-radius:50%;padding:14px}.preview-ask button.big{width:100%;max-width:340px}button.round.trouble,.preview-controls button.round.trouble{color:#241800;background:#f5a524;border-color:#0000}button.round.trouble:hover:not(:disabled){background:#e8961a}.trouble-dot{color:#fff;background:#d93d3d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px}.device-trouble{gap:8px;width:100%;display:grid}.device-trouble button.trouble-row{color:#6d4c00;text-align:left;background:#fff4dc;border:1px solid #f0d491;border-radius:14px;justify-content:flex-start;gap:12px;width:100%;padding:14px 16px;font-weight:600}.trouble-row>span:first-of-type{flex:1}.trouble-fix{color:#fff;background:#6d4c00;border-radius:999px;flex:none;padding:6px 14px;font-size:14px}.call-trouble{z-index:7;width:min(460px,100% - 32px);position:absolute;top:104px;left:50%;transform:translate(-50%)}.access-help{justify-items:center;gap:14px;padding-top:4px;display:grid}.access-icon{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.access-help ol{text-align:left;justify-self:stretch;gap:10px;margin:0;padding-left:24px;font-size:17px;line-height:1.45;display:grid}.access-help button.big{width:100%}.call{background:var(--c-bg);color:var(--c-text);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.call.with-panel{grid-template-columns:minmax(0,1fr) 360px}.call-stage{min-height:0;position:relative;overflow:hidden}.call-top{pointer-events:none;z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:16px;right:16px}.call-title{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#1012168c;border-radius:999px;max-width:60%;padding:6px 12px;font-weight:600;overflow:hidden}.call-title .muted{color:var(--c-muted)}.badge{background:#1012168c;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.badge.warn{color:#ffe6a8;background:#6d4c00}.call .world-loading{color:var(--c-muted)}.stage{padding:60px 16px 12px;position:absolute;inset:0}.gallery{place-items:center;display:grid}.gallery-grid{place-content:center;gap:8px;display:grid}.gallery-grid .tile{aspect-ratio:16/9}@media (aspect-ratio<=4/5){.gallery-grid .tile{aspect-ratio:3/4}}.stage-hint{text-align:center;color:var(--c-muted);justify-items:center;gap:10px;display:grid;position:absolute;bottom:18px;left:0;right:0}.stage-hint p{margin:0}.invite-cta{color:#10213f;background:#c9dcff;border-radius:999px;padding:10px 18px}.narrow-only{display:none!important}.menu-emotes{border-bottom:1px solid #ffffff1a;gap:2px;margin-bottom:4px;padding:4px 4px 8px}.menu-emotes button{flex:1;font-size:22px;justify-content:center!important;padding:8px 0!important}.one-to-one>.tile{position:absolute;inset:60px 16px 12px}.pip{aspect-ratio:16/9;z-index:3;border-radius:12px;width:clamp(120px,22%,280px);position:absolute;bottom:24px;right:28px;box-shadow:0 8px 24px #00000073}@media (aspect-ratio<=4/5){.pip{aspect-ratio:3/4;width:30%}}.pip .tile{width:100%;height:100%}.presenting{grid-template-columns:minmax(0,1fr) 220px;gap:8px;display:grid}.stage-main{min-height:0;position:relative}.stage-main>.tile{position:absolute;inset:0}.stage-strip{align-content:start;gap:8px;display:grid;overflow-y:auto}.stage-strip .tile{aspect-ratio:16/9}.tile{background:var(--c-tile);color:var(--c-text);border-radius:12px;min-width:0;position:relative;overflow:hidden}.tile:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 var(--c-speak);transition:box-shadow .15s;position:absolute;inset:0}.tile.speaking:after{box-shadow:inset 0 0 0 3px var(--c-speak)}.tile video{width:100%;height:100%;position:absolute;inset:0}.tile video.fit-cover{object-fit:cover}.tile video.fit-contain{object-fit:contain;background:#000}video.mirror{transform:scaleX(-1)}.tile-avatar{place-items:center;display:grid;position:absolute;inset:0}.tile-name{background:#00000073;border-radius:8px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:3px 8px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:8px;left:10px}.tile-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile.small .tile-name{padding:2px 6px;font-size:12px;bottom:5px;left:6px}.tile-pin{opacity:0;width:34px;height:34px;position:absolute;top:8px;right:8px;color:#fff!important;background:#00000080!important;border-radius:50%!important;padding:0!important}.tile:hover .tile-pin,.tile-pin:focus-visible{opacity:1}@media (pointer:coarse){.tile-pin{display:none}}.tile-hand{color:#3d2c00;background:#ffd166;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;left:8px}.tile-emote{pointer-events:none;font-size:48px;animation:2.5s ease-out forwards float-up;position:absolute;bottom:30%;left:50%}@keyframes float-up{0%{opacity:0;transform:translate(-50%,20px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.tile.ringing .avatar{animation:1.4s infinite ring-wave}.tile.ringing .tile-name{color:var(--c-muted)}.tile.screen{background:#000}.tile-face{color:#00000059;place-items:center;font-size:40px;font-weight:700;display:grid;position:absolute;inset:0}.tile-face canvas.headshot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room-view{position:absolute;inset:0}.filmstrip{z-index:4;pointer-events:none;flex-direction:column;gap:8px;width:200px;display:flex;position:absolute;top:60px;bottom:12px;right:12px;overflow-y:auto}.filmstrip>div,.filmstrip .filmstrip-more{pointer-events:auto}.filmstrip .tile{aspect-ratio:16/9;box-shadow:0 4px 14px #0006}.filmstrip-more{text-align:center;color:var(--c-muted);margin:0;font-size:13px}.control-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--c-bar);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.bar-left{min-width:0;color:var(--c-muted);align-items:center;gap:12px;font-size:14px;display:flex}.bar-time{font-variant-numeric:tabular-nums;color:var(--c-text)}.bar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-center{align-items:center;gap:10px;display:flex}.bar-right{justify-content:flex-end;gap:6px;display:flex}.round .count{background:var(--c-btn);min-width:18px;height:18px;color:var(--c-text);border-radius:9px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-2px;right:-4px}.dot-badge{background:var(--c-speak);color:#0b1a33;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:0;right:0}.popup{z-index:30;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.emotes-popup{background:var(--c-btn);border-radius:999px;gap:4px;padding:6px;display:flex;box-shadow:0 8px 24px #0006}.emotes-popup button{background:0 0;border-radius:50%;width:44px;height:44px;padding:0;font-size:24px}.emotes-popup button:hover{background:var(--c-btn-hover)}.call .popup.menu{--panel:#2a2d34;--panel-2:#353943;--text:#eef0f4;min-width:270px;top:auto;left:auto;right:-60px;transform:none}.side-panel{color:#1c2130;--panel:#fff;--panel-2:#eef1f7;--text:#1c2130;--muted:#5d6576;--line:#e1e5ee;--accent:#2f5bea;--accent-soft:#e6ecfd;--bad:#d93d3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:16px;flex-direction:column;min-height:0;margin:12px 12px 0 0;display:flex;overflow:hidden}.side-panel header{justify-content:space-between;align-items:center;padding:10px 10px 0 14px;display:flex}.side-panel .tabs{gap:4px;display:flex}.side-panel .tabs button{color:var(--muted);background:0 0;border-radius:999px;padding:8px 14px;font-weight:600}.side-panel .tabs button.on{background:var(--accent-soft);color:var(--accent)}.side-panel .icon-button{color:var(--muted)}.side-panel button.secondary{background:var(--accent-soft);color:var(--accent);border-radius:999px}.panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px 14px;display:flex;overflow-y:auto}.people{gap:2px;margin:0;padding:0;list-style:none;display:grid}.person{color:var(--muted);align-items:center;gap:10px;padding:6px 4px;display:flex}.person .grow{color:var(--text);display:grid}.person .grow .muted{font-size:12px}.person svg.off{color:var(--bad)}.person .hand-icon{color:#b58100}.chat .hint{margin:0}.messages{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.messages li{justify-items:start;gap:2px;display:grid}.messages li.mine{justify-items:end}.messages .who{margin-top:8px;font-size:13px}.bubble{background:var(--panel-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:85%;padding:8px 12px}.mine .bubble{background:var(--accent);color:#fff}.chat-input{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 14px;display:flex}.chat-input input{color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:10px 0}.chat-input .icon-button{color:var(--accent)}.sound-unlock{z-index:10;color:#3d2c00;background:#ffd166;border-radius:999px;padding:12px 20px;font-weight:700;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059}.call .toast{color:#1c2130;z-index:10;background:#e8eaed;border-radius:10px;margin:0;padding:10px 16px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.call .banner{color:#ffe6a8;z-index:6;text-align:center;background:#3a2f12;border-radius:10px;max-width:min(560px,90%);margin:0;padding:10px 16px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.toast-item{color:#eef0f4;background:#2a2d34;border-radius:10px;margin:0;padding:10px 16px;animation:.2s ease-out fade-in;box-shadow:0 6px 20px #0000004d}.call-ended{place-items:center;min-height:100vh;padding:20px;display:grid}@media (width<=900px){.portal-main{flex-direction:column;gap:16px;display:flex}.portal-calls,.portal-side{display:contents}.portal-main .hero{order:0}.portal-main .live-now{order:1}.portal-main .contacts,.portal-main .recents{order:2}.portal-main>*>.card{order:3}.prejoin{grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding:16px}.call.with-panel{grid-template-columns:minmax(0,1fr)}.side-panel{z-index:50;border-radius:0;margin:0;position:fixed;inset:0}.presenting{grid-template-rows:minmax(0,1fr) 110px;grid-template-columns:minmax(0,1fr)}.stage-strip{grid-auto-columns:160px;grid-auto-flow:column;overflow-x:auto}}@media (width<=640px){.prejoin .preview{aspect-ratio:1}.hide-narrow,.bar-left,.wide-only{display:none!important}.narrow-only{display:flex!important}.portal-top{padding:8px 12px}.portal-main{padding:16px 12px 40px}.hero-actions,.join-box,.hero-actions>.menu-anchor,.hero-actions>.menu-anchor>button{width:100%}.join-box input{flex:1;width:auto;max-width:none}.share-link{flex-direction:column;align-items:stretch}.share-link .qr{align-self:center}.control-bar{padding:10px 8px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1fr}.bar-center{justify-content:center;gap:8px}button.round{width:44px;height:44px}button.round.hangup{width:56px}.bar-right button.round.small{width:38px}.stage{padding:56px 6px 6px}.one-to-one>.tile{border-radius:0;inset:0}.pip{bottom:12px;right:12px}.filmstrip{width:104px;max-height:50%;top:56px;bottom:auto;right:8px}.filmstrip .tile{aspect-ratio:3/4}.incoming-actions{gap:56px}.call .popup.menu{max-height:70vh;right:-70px;overflow-y:auto}}.landing{flex-direction:column;display:flex}.landing-main{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:center;gap:48px;width:100%;max-width:1160px;margin:0 auto;padding:48px 20px;display:grid}.landing-hero h1{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(32px,5vw,52px);line-height:1.08}.landing-hero>p{max-width:34em;margin:0 0 28px;font-size:18px}.features{gap:18px;margin:0;padding:0;list-style:none;display:grid}.features li{align-items:flex-start;gap:14px;display:flex}.features li>span:last-child{gap:2px;display:grid}.feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.landing-card .card{background:var(--panel);border:1px solid var(--line);border-radius:22px;width:100%;padding:28px;box-shadow:0 10px 40px #10182814}.landing-card .card h2{margin:0;font-size:24px}.landing .signin-stack{justify-items:center;gap:12px;display:grid}@media (width<=900px){.landing-main{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 16px}}.recent-icon{background:var(--panel-2);width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.recents li.missed b,.recents li.missed .recent-icon{color:var(--bad)}.recents>button.small{justify-self:start}.tile-connection{color:#ffd166;white-space:nowrap;background:#0009;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.tile-connection.lost{color:#ff9b9b}.tile.small .tile-connection{gap:0;padding:4px;font-size:0}.toast-item{pointer-events:auto}.toast-item.missed{color:#ffb4b4;align-items:center;gap:8px;display:flex}.toast-item button{border-radius:999px;padding:4px 10px;font-size:13px}.toast-action{color:#10213f;background:#c9dcff}.toast-close{color:#eef0f4;background:0 0}