@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#1b1830;--panel:#1b1830f0;--line:#3a3560;--ink:#f2eefc;--muted:#a49fc4;--amber:#ffb84d;--teal:#3cc9b0;--red:#e5584f;--green:#5ec26a;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--muted)}.pixel{image-rendering:pixelated}.boot{background:var(--bg);height:100%}.join{background:radial-gradient(circle at 20% 10%, #2b2550, var(--bg) 55%);place-items:center;min-height:100%;padding:24px;display:grid;overflow:auto}.join-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:14px;width:min(520px,100%);padding:28px;display:grid;box-shadow:0 20px 60px #0008}.join-card h1{letter-spacing:.2px;margin:0;font-size:26px}.field{color:var(--muted);gap:6px;font-size:13px;display:grid}.field input,.field select,.search,.composer input{border:1px solid var(--line);color:var(--ink);background:#120f24;border-radius:8px;width:100%;padding:9px 11px}.error{color:#ff9a92;margin:0}.primary:disabled{opacity:.5;cursor:not-allowed}.btn{border:1px solid var(--line);background:#241f42;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.avatar-editor{grid-template-columns:110px 1fr;align-items:start;gap:16px;display:grid}.ae-preview{border:1px solid var(--line);background:#120f24;border-radius:12px;justify-content:center;align-items:flex-end;gap:6px;padding:12px 0;display:flex}.chips.pets{gap:4px}.pet-chip{align-items:center;gap:4px;display:inline-flex}.run-toggle.on{outline:2px solid var(--amber)}.tile .vol{color:#fff;opacity:.8;background:#000a;border:0;border-radius:6px;padding:3px 4px;font-size:13px;line-height:1;position:absolute;top:4px;right:4px}.tile .vol:hover,.tile .vol:focus-visible{opacity:1}.announce{z-index:12;color:#1a1526;background:#fff6a8;border:3px solid #1a1526;border-radius:10px;align-items:center;gap:8px;max-width:min(640px,100vw - 24px);padding:8px 12px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 3px #1a1526}.announce span:nth-of-type(2){overflow-wrap:anywhere}.keys{border-collapse:collapse;width:100%}.keys th,.keys td{text-align:left;border-bottom:1px solid #0002;padding:6px 8px}.keys kbd{min-width:1.6em;font:inherit;text-align:center;border:2px solid;border-radius:6px;padding:1px 6px;font-size:13px;display:inline-block}.minimap{z-index:4;background:#1a1526;border:3px solid #1a1526;border-radius:8px;line-height:0;position:absolute;bottom:14px;left:12px;overflow:hidden;box-shadow:0 3px #1a1526}.minimap canvas{cursor:crosshair;display:block}.wave-card{color:#1a1526;background:#fff;border-radius:10px;justify-items:center;gap:6px;padding:8px 12px;display:grid;box-shadow:0 3px #1a1526}.people .note{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;font-style:italic;display:block;overflow:hidden}.note-form{gap:4px;padding:6px;display:flex}.note-form input{flex:1;min-width:0;padding:4px 6px}.touchpad{z-index:6;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:4px;display:grid;position:absolute;bottom:120px;left:16px}.touchpad button{color:#1a1526;touch-action:none;background:#ffffffd0;border:3px solid #1a1526;border-radius:12px;font-size:18px}.touchpad .tp-up{grid-area:1/2}.touchpad .tp-left{grid-area:2/1}.touchpad .tp-right{grid-area:2/3}.touchpad .tp-down{grid-area:3/2}.touchpad .tp-run{grid-area:2/2}.touchpad .tp-run.on{background:var(--amber)}@media (pointer:coarse){.minimap{top:64px;bottom:auto}}.ae-controls{gap:8px;display:grid}.ae-row{gap:4px;display:grid}.ae-label{color:var(--muted);font-size:12px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.sw{border:2px solid #0000;border-radius:6px;width:22px;height:22px;padding:0}.sw.on{box-shadow:0 0 0 2px var(--amber);border-color:#fff}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:#241f42;border-radius:999px;padding:4px 10px;font-size:12px}.chip.on{background:var(--amber);color:#2a1d05;border-color:var(--amber);font-weight:600}.office{height:100%;position:relative}.topbar{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:76px}.topbar>*{pointer-events:auto}.brand{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 12px}.pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px}.pill.warn{border-color:var(--amber);color:var(--amber)}.spacer{flex:1}.dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.menu{background:var(--panel);border:1px solid var(--line);z-index:9;border-radius:10px;min-width:160px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;padding:7px 9px;display:flex}.side{pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;top:64px;bottom:96px;right:12px}.side>*{pointer-events:auto}.tabs{gap:8px;display:grid}.tabs button{background:var(--panel);border:1px solid var(--line);border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.tabs button.on{background:var(--amber);color:#2a1d05;border-color:var(--amber)}.badge{background:var(--red);color:#fff;border-radius:999px;padding:1px 5px;font-size:11px;position:absolute;top:-5px;right:-5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;order:-1;gap:10px;width:300px;min-height:0;max-height:100%;padding:14px;display:flex}.panel h2{margin:0;font-size:15px}.panel h2 small{color:var(--muted);margin-left:6px;font-weight:400}.people{gap:4px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.people li{border-radius:8px;align-items:center;gap:10px;padding:5px 6px;display:flex}.people canvas{flex:none}.who{flex:1;min-width:0;display:grid}.nm{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.nm em{color:var(--muted);font-style:normal}.st{color:var(--muted);align-items:center;font-size:12px;display:flex}.acts{gap:2px;display:flex}.acts button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px}.acts button:hover{color:var(--ink);background:#2d2752}.msgs{flex-direction:column;flex:1;gap:6px;min-height:120px;display:flex;overflow:auto}.msg{overflow-wrap:anywhere;background:#241f42;border-radius:10px;align-self:flex-start;max-width:92%;padding:6px 10px;font-size:13px;display:grid}.msg b{color:var(--teal);font-size:11px}.composer{gap:6px;display:flex}.composer button{background:var(--amber);color:#2a1d05;border:0;border-radius:8px;padding:0 10px}.bar{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bar>*{pointer-events:auto}.bar-row{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.round{border:1px solid var(--line);background:#241f42;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round.off{background:var(--red);border-color:var(--red);color:#fff}.round.on{background:var(--teal);border-color:var(--teal);color:#08211c}.round:disabled,.round[aria-disabled=true]{opacity:.45;cursor:not-allowed}.hint{color:var(--muted);text-shadow:0 1px 2px #000;margin:0;font-size:12px}.convline{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.rec{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec{animation:none}}.bar-error{border:1px solid var(--red);color:#ffd2cf;text-align:center;background:#4a1f28;border-radius:10px;max-width:420px;padding:6px 12px;font-size:13px}.dock{z-index:6;gap:8px;width:min(360px,40vw);max-height:calc(100% - 170px);display:grid;position:absolute;top:60px;left:12px;overflow:auto}.grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.tile{aspect-ratio:16/10;border:2px solid var(--line);background:#120f24;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.tile.speaking{border-color:var(--teal);box-shadow:0 0 0 2px #3cc9b055}.tile .vid,.tile .vid video{width:100%;height:100%}.tile video{object-fit:cover;display:block}.mirror video,video.mirror{transform:scaleX(-1)}.share .tile{aspect-ratio:16/9}.share .tile video{object-fit:contain;background:#000}.share{position:relative}.share-tools{opacity:.85;gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.share-tools .chip{padding:0 8px;font-size:16px;line-height:24px}.share.focus{z-index:30;background:#0a0814eb;border-radius:12px;place-items:center;padding:8px;display:grid;position:fixed;inset:64px 12px 96px}.share.focus .tile{aspect-ratio:auto;width:100%;height:100%}.share:fullscreen{background:#000;place-items:center;display:grid}.share:fullscreen .tile{aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100vh}.avatar-fallback{color:var(--amber);font-size:34px;font-weight:700}.tag{background:#000a;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:12px;display:flex;position:absolute;bottom:6px;left:6px}.tag svg{color:#ff9a92;width:13px;height:13px}.scrim{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#1f1b3a;border-radius:16px;gap:12px;width:min(460px,100%);max-height:92vh;padding:22px;display:grid;overflow:auto}.modal h2,.modal p{margin:0}.preview{aspect-ratio:16/9;background:#120f24;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.preview video{object-fit:cover;width:100%;height:100%}.preview .ph{color:var(--muted);position:absolute}.meter{background:#120f24;border-radius:4px;height:6px;overflow:hidden}.meter i{background:var(--green);height:100%;transition:width .1s;display:block}.check{align-items:flex-start;gap:9px;font-size:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.toast{background:var(--panel);border:1px solid var(--amber);z-index:10;border-radius:10px;padding:8px 16px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.debug{color:#9fffa8;pointer-events:none;background:#000b;border-radius:8px;margin:0;padding:8px 10px;font:12px/1.4 ui-monospace,Menlo,monospace;position:absolute;bottom:12px;left:12px}@media (max-width:900px){.panel{width:250px}.dock{width:46vw}.side{z-index:7;top:110px}.office.editing .side{z-index:auto}.social-controls.open{z-index:8}}.reaction-toggle[aria-expanded=true]{outline:2px solid var(--amber)}.editor-layer{z-index:4;cursor:crosshair;touch-action:none;position:absolute;inset:0}.editor{z-index:6;background:var(--panel);border:1px solid var(--amber);border-radius:14px;gap:10px;width:300px;padding:14px;display:grid;position:absolute;bottom:96px;left:12px}.editor h3{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal.wide{width:min(720px,100%)}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;border-bottom:2px solid;padding:4px 8px 6px 0;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #0002;padding:6px 8px 6px 0}.admin-table select{max-width:130px}.admin-form{grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:8px;display:grid}.inline{flex-wrap:wrap;gap:6px;display:inline-flex}.social-controls{z-index:5;justify-items:center;gap:6px;max-width:calc(100vw - 24px);display:grid;position:absolute;top:58px;left:50%;transform:translate(-50%)}.reaction-row{background:#ffffffdf;border-radius:12px;gap:4px;padding:4px;display:flex}.reaction-row .chip{padding:3px 7px;font-family:system-ui;font-size:19px}@media (max-width:700px){.social-controls{width:min(340px,100vw - 24px)}.reaction-row{flex-wrap:wrap;justify-content:center;max-width:100%}.office:has(.social-controls.open) .side{top:210px}}.follow-hint{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.object-note{white-space:pre-wrap;overflow-wrap:anywhere}.demo-note{color:#3a2400;background:#fff6d8;border:3px solid #b77908;border-radius:8px;padding:8px 12px;font-size:13px}.demo-note p{margin:4px 0 0}.demo-note a{color:#1d4ea8}.spotlight-dock{z-index:5;background:#fff;border:3px solid #b77908;border-radius:10px;width:min(300px,40vw);max-height:50vh;padding:8px;position:absolute;bottom:120px;left:12px;overflow:auto}.spotlight-dock p{color:#484850;margin:0 0 8px}.object-embed{background:#fff;border:1px solid #aaa;width:100%;height:min(50vh,420px)}.object-image{object-fit:contain;max-width:100%;max-height:55vh}.board-palette{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.whiteboard{aspect-ratio:5/3;touch-action:none;background:#fff;border:2px solid #484850;width:100%}.editor{max-height:calc(100vh - 180px);overflow:auto}.field textarea{resize:vertical;color:#202032;background:#fff;min-height:90px;padding:8px}.btn.danger{color:#fff;background:#b3261e}.audit{gap:6px;max-height:50vh;margin:0;padding:0;font-size:13px;list-style:none;display:grid;overflow:auto}.audit time{color:var(--muted);margin-right:6px;font-size:12px}@media (max-width:640px){.admin-form{grid-template-columns:1fr 1fr}}:root{--app:#ededef;--card:#fff;--ink:#171717;--ink2:#404040;--muted:#737373;--line:#e5e5e5;--hover:#f5f5f5;--accent:#4257da;--accent-hi:#5b6cf0;--accent-soft:#e8ebfd;--dark:#1d1f27;--dark2:#2b2e38;--dark-ink:#f5f5f5;--green:#00c245;--red:#e5484d;--amber:#f5a524;--teal:#12a594;--bg:var(--app);--panel:var(--card);--shadow:0 1px 2px #0000000f, 0 4px 16px #00000014;color:var(--ink);background:var(--app);font-family:Inter Variable,Inter,-apple-system,Segoe UI,Roboto,system-ui,sans-serif}html,body,button,input,select,textarea{font-family:inherit}body{color:var(--ink);background:var(--app);-webkit-font-smoothing:antialiased;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted,.st{color:var(--muted)}.error{color:var(--red)}.office{background:var(--app);gap:8px;height:100%;padding:8px 8px 8px 0;display:flex}.rail{flex-direction:column;flex:none;align-items:center;gap:6px;width:56px;padding:4px 0;display:flex}.rail-logo{background:var(--dark);border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid}.rail button{width:38px;height:38px;color:var(--ink2);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:relative}.rail button:hover{background:#e2e2e5}.rail button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.rail .spacer{flex:1}.badge{background:var(--red);color:#fff;border:2px solid var(--app);border-radius:999px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:2px;right:2px}.side{background:var(--card);width:290px;box-shadow:var(--shadow);pointer-events:auto;z-index:auto;border-radius:14px;flex-direction:column;flex:none;align-items:stretch;gap:0;min-height:0;padding:14px 14px 8px;display:flex;position:relative;inset:auto}.side-head{justify-content:space-between;align-items:center;padding:2px 2px 10px;display:flex}.side-title{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-btn:hover{background:var(--hover);color:var(--ink)}.side-area{color:var(--ink2);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;font-size:13px;display:flex}.side-area svg{color:var(--muted)}.stage-wrap{min-width:0;box-shadow:var(--shadow);background:#d6eedb;border-radius:14px;flex:1;position:relative;overflow:hidden}.stage{background:0 0;position:absolute;inset:0}.stage canvas{cursor:grab}.panel{width:auto;min-height:0;max-height:none;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;order:0;gap:8px;padding:0;display:flex}.panel h2{color:var(--muted);font-size:13px;font-weight:600}.search{box-sizing:border-box;background:var(--hover);color:var(--muted);border:0;border-radius:10px;align-self:stretch;align-items:center;gap:8px;width:100%;padding:0 10px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:9px 0}.search input::placeholder{color:#a3a3a3}.people{gap:0;padding-bottom:8px}.side-group{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:12px 4px 6px;font-size:13px;font-weight:500;display:flex}.side-group:hover{color:var(--ink)}.people li{border-radius:10px;gap:10px;padding:6px;position:relative}.people li:hover{background:var(--hover)}.people li.side-group-item{padding:0}.people li.side-group-item:hover{background:0 0}.people li.off{opacity:.75}.people li.off .nm{color:var(--ink2)}.nm{color:var(--ink);font-size:14px;font-weight:500}.nm em{color:var(--muted);font-style:normal;font-weight:400}.st{color:var(--muted);font-size:12px}.people .acts{background:var(--card);box-shadow:var(--shadow);border-radius:8px;padding:2px;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.people li:hover .acts,.people li:focus-within .acts{display:flex}.acts button{color:var(--ink2);place-items:center;width:26px;height:26px;padding:0;display:grid}.acts button:hover{background:var(--hover);color:var(--ink)}.face{background:linear-gradient(#dfe6fb,#c9d3f6);border-radius:50%;flex:none;display:inline-block;position:relative}.face-img{border-radius:50%;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:hidden}.face-img canvas{flex:none;transform:translateY(6%)}.face-dot{border:2px solid var(--card);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.chips{gap:6px}.chip{background:var(--hover);color:var(--ink2);border:0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500}.chip:hover{background:#ebebeb}.chip.on{background:var(--ink);color:#fff;font-weight:600}.chat{height:auto}.msgs{gap:10px;padding:4px 2px}.msg{max-width:100%;color:var(--ink);background:0 0;border-radius:0;padding:0;font-size:14px}.msg b{color:var(--ink);font-size:13px;font-weight:600}.msg.mine{background:0 0;align-self:flex-start}.msg.mine b{color:var(--accent)}.composer{background:var(--hover);border-radius:12px;gap:6px;padding:4px 4px 4px 12px}.composer input{color:var(--ink);background:0 0;border:0;outline:none;padding:8px 0}.composer button{background:var(--accent);color:#fff;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.composer button:disabled{opacity:.4}.topbar{z-index:5;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:auto}.pill{color:var(--ink2);box-shadow:var(--shadow);background:#ffffffeb;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.pill.warn{color:#8a5300;background:#fff4e0}.bar{z-index:6;justify-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-inline:auto;display:grid;position:absolute;bottom:16px;left:12px;right:12px;transform:none}.bar-row{color:var(--dark-ink);background:#1d1f27f5;border:0;border-radius:16px;align-items:center;gap:6px;padding:7px 8px;display:flex;box-shadow:0 8px 28px #00000038}.bar-row .muted{color:#a3a3a3;padding:0 8px;font-size:13px}.tb-sep{background:#3a3d48;width:1px;height:24px;margin:0 2px}.round{width:40px;height:40px;color:var(--dark-ink);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.round:hover:not(:disabled){background:var(--dark2)}.round.off{color:#ff6b6b;background:0 0}.round.off:hover:not(:disabled){background:#3a2226}.round.on{background:var(--dark-ink);color:var(--dark)}.round.danger{color:#ff8a8a}.round.ghost{background:0 0}.tb-self{background:0 0;border:0;border-radius:12px;place-items:center;padding:3px;display:grid}.tb-self:hover{background:var(--dark2)}.tb-self .face-dot{border-color:var(--dark)}.primary{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:600}.primary:hover:not(:disabled){background:var(--accent-hi)}.tb-enable{padding:9px 14px;font-size:13px}.tb-pop{position:relative}.tb-pop .reaction-row{background:#1d1f27f5;border-radius:14px;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000038}.tb-pop .reaction-row .chip{background:0 0;border-radius:8px;padding:4px 6px;font-family:system-ui;font-size:22px}.tb-pop .reaction-row .chip:hover,.tb-pop .reaction-row .chip.on{background:var(--dark2)}.status-menu{position:relative}.bar .menu{inset:auto auto calc(100% + 16px) -8px}.menu{background:var(--card);border:1px solid var(--line);min-width:220px;color:var(--ink);border-radius:12px;padding:6px;box-shadow:0 8px 28px #00000024}.menu button{color:var(--ink);font-size:14px}.menu button:hover,.menu button[aria-pressed=true]{background:var(--hover)}.note-form input{border:1px solid var(--line);border-radius:8px;padding:6px 8px}.convline{color:#fff;background:#1d1f27e6;border:0;padding:5px 12px;font-size:12px}.bar-error{color:#a51d24;background:#fff0f0;border:1px solid #f5c2c2;border-radius:10px}.hint{display:none}.dock{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);max-height:none;margin-inline:auto;top:12px;left:12px;right:12px;overflow:visible}.dock .grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dock .grid .tile{width:168px}.tile{aspect-ratio:16/10;background:#2b2e38;border:0;border-radius:12px;box-shadow:0 4px 16px #0000002e}.tile.speaking{box-shadow:0 0 0 2px var(--green), 0 4px 16px #0000002e;border:0}.avatar-fallback{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;font-weight:600;display:grid}.tag{color:#fff;background:#0000008c;border-radius:6px;font-size:11px;font-weight:500}.share{justify-self:center;width:min(640px,70vw)}.share.focus{width:auto}.zoom{z-index:5;justify-items:center;gap:8px;display:grid;position:absolute;bottom:16px;right:12px}.zoom button{color:#fff;background:#1d1f27e6;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.zoom button:hover{background:var(--dark2)}.zoom-stack{background:#1d1f27e6;border-radius:10px;display:grid;overflow:hidden}.zoom-stack button{background:0 0;border-radius:0}.minimap{background:var(--dark);border:0;border-radius:12px;bottom:16px;left:12px;box-shadow:0 4px 16px #0003}.social-controls{top:auto;bottom:84px}.dock~.social-controls{bottom:84px}.wave-card,.follow-hint{background:var(--card);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;padding:10px 12px}.btn{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 12px;box-shadow:0 1px 2px #0000000d}.btn:hover{background:var(--hover)}.social-controls .btn{box-shadow:var(--shadow);border:0}.toast{background:var(--dark);color:#fff;border:0;border-radius:10px;font-size:13px;top:12px}.announce{background:var(--card);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:12px;top:12px;bottom:auto}.spotlight-dock{box-shadow:var(--shadow);border:0;border-radius:12px;inset:12px 60px auto auto}.touchpad button{box-shadow:var(--shadow);background:#ffffffe6;border:0}.scrim{background:#00000059}.modal{background:var(--card);color:var(--ink);border:0;border-radius:16px;box-shadow:0 24px 64px #00000040}.modal h2{font-size:18px}.field{color:var(--muted);font-size:13px;font-weight:500}.field input,.field select,.field textarea,.admin-table select{background:var(--card);color:var(--ink);border:1px solid #d4d4d4;border-radius:10px;padding:9px 11px}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.preview{background:#2b2e38}.meter{background:var(--hover)}.meter i{background:var(--green)}.keys kbd{border:1px solid #d4d4d4;border-bottom-width:2px}.editor{background:var(--card);color:var(--ink);box-shadow:var(--shadow);border:0;bottom:16px}.admin-table th{border-bottom-color:var(--line)}.join{background:#d6eedb}.join-card{background:var(--card);color:var(--ink);border:0;border-radius:20px;box-shadow:0 24px 64px #0000001f}.join-card h1{letter-spacing:-.3px;font-size:24px}.join-card .primary{padding:12px 18px;font-size:15px}.ae-preview{background:linear-gradient(#e9f5ec,#d6eedb);border:0;border-radius:14px}.ae-label{color:var(--muted);font-weight:500}.sw{border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);border-radius:50%}.sw.on{border-color:var(--card);box-shadow:0 0 0 2px var(--accent)}.demo-note{background:#fff7e6;border:0;border-radius:12px}@media (max-width:900px){.side{z-index:8;width:min(290px,100vw - 72px);position:absolute;top:8px;bottom:84px;left:56px}.office.editing .side{z-index:8}.dock{width:-moz-fit-content;width:fit-content}}@media (max-width:700px){.bar{z-index:9}.tb-pop .reaction-row{flex-wrap:wrap;justify-content:center;position:fixed;bottom:80px;left:64px;right:8px;transform:none}.minimap{display:none}.bar-row{gap:2px;padding:6px}.round{width:36px;height:36px}}.modal{gap:0;padding:0}.modal>:not(.modal-head){margin-left:22px;margin-right:22px}.modal>:nth-child(2){margin-top:18px}.modal>*+:not(.modal-head){margin-top:12px}.modal>:last-child{margin-bottom:20px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 16px 14px 22px;display:flex}.modal-head h2{margin:0;font-size:18px;font-weight:600}.modal>.modal-actions{border-top:1px solid var(--line);margin:16px 0 0;padding:14px 22px 16px}.btn{font-weight:500}.profile-modal{width:min(400px,100%)}.profile-avatar{color:var(--ink2);justify-items:center;gap:8px;font-weight:500;display:grid}.profile-circle{background:0 0;border:0;border-radius:50%;padding:0;position:relative}.profile-circle .face{background:#e5e5e5}.profile-pen{background:var(--card);width:28px;height:28px;color:var(--ink2);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-circle:hover .profile-pen{color:var(--accent)}.req{color:var(--accent);margin-left:2px;font-weight:600}.avatar-modal{width:min(900px,100%)}.studio{grid-template-columns:180px minmax(0,1fr) 300px;gap:14px;min-height:440px;display:grid}.studio-cats{align-content:start;gap:2px;display:grid}.studio-cats button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}.studio-cats button:hover{background:var(--hover)}.studio-cats button.on{background:var(--accent);color:#fff}.studio-ico{background:#e5e5e5;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.studio-cats button.on .studio-ico{background:#ffffff40}.studio-none{border:2px solid #a3a3a3;border-radius:50%;width:10px;height:10px}.studio-none.big{border-width:3px;width:28px;height:28px;position:relative}.studio-none.big:after{content:"";background:#a3a3a3;width:3px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.studio-main{grid-template-rows:1fr auto;gap:10px;min-width:0;display:grid}.studio-grid{background:var(--hover);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:8px;max-height:440px;padding:12px;display:grid;overflow:auto}.studio-opt{min-height:96px;color:var(--ink2);background:0 0;border:2px solid #0000;border-radius:12px;align-content:center;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid}.studio-opt:hover{background:#ebebeb}.studio-opt.on{border-color:var(--accent);background:var(--card)}.studio-opt small{font-size:11px}.studio-main .swatches{background:var(--hover);border-radius:14px;gap:8px;padding:10px 12px}.studio-main .sw{width:26px;height:26px}.studio-preview{background:linear-gradient(#ecebf6 0 42%,#c9d6e4 42% 44%,#d6eedb 44%);border-radius:14px;min-height:380px;position:relative;overflow:hidden}.studio-stage{background:0 0;border:0;align-content:center;place-items:center;gap:6px;padding:0;display:grid;position:absolute;inset:0}.studio-fig{align-items:flex-end;gap:4px;display:flex}.studio-tag{color:#fff;background:#1d1f27e0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.studio-tag i{background:var(--green);border-radius:50%;width:7px;height:7px}.studio-tool{z-index:1;background:var(--card);width:32px;height:32px;color:var(--ink2);box-shadow:var(--shadow);border:0;border-radius:9px;place-items:center;display:grid;position:absolute}.studio-tool:hover{color:var(--accent)}.studio-tool.tl{top:10px;right:10px}.studio-tool.bl{bottom:10px;left:10px}.studio-tool.br{bottom:10px;right:10px}.join-card{width:min(940px,100%)}.join-card .studio{grid-template-columns:160px minmax(0,1fr) 260px;min-height:400px}@media (max-width:820px){.studio,.join-card .studio{grid-template-columns:1fr}.studio-cats{display:flex;overflow-x:auto}.studio-cats button{flex:none}.studio-preview{order:-1;min-height:260px}}.status-card{color:#f5f5f5;background:#1d1f27f7;border-radius:16px;gap:12px;width:340px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 16px);left:-8px;box-shadow:0 12px 36px #0000004d}.status-card header{justify-content:space-between;align-items:flex-start;display:flex}.status-card header div{gap:2px;display:grid}.status-card strong{font-size:15px;font-weight:600}.status-card header span{color:#a3a3a3;font-size:13px}.sc-icon{color:#d4d4d4;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sc-icon:hover{background:var(--dark2);color:#fff}.sc-status{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sc-status button{color:#e5e5e5;background:0 0;border:1px solid #3a3d48;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:500;display:flex}.sc-status button .dot{width:8px;height:8px;margin:0}.sc-status button:hover{background:var(--dark2)}.sc-status button.on{color:#fff;background:#00c2451f;border-color:#1f7a3f}.sc-note{color:#a3a3a3;border:1px solid #3a3d48;border-radius:10px;align-items:center;gap:8px;padding:0 4px 0 10px;display:flex}.sc-note input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 0}.sc-note input::placeholder{color:#8a8a8a}.studio-main .swatches{grid-template-columns:repeat(9,26px);justify-content:start;align-items:center;gap:8px;display:grid}.studio-main .swatches .sw-hint{color:var(--muted);grid-column:2/-1;font-size:12px}.sw-custom{cursor:pointer;background:conic-gradient(#e05048,#f0d848,#58c068,#38c0b0,#4890e0,#8860d0,#f08cb0,#e05048);position:relative}.sw-custom:not(.on):after{content:"+";color:#fff;text-shadow:0 1px 2px #00000080;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.sw-custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.studio-costume{z-index:1;background:var(--card);color:var(--ink2);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:10px;left:10px}.studio-costume button{background:var(--hover);color:var(--ink2);border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid}.studio-costume button:hover{background:var(--accent);color:#fff}.studio-costume svg{width:14px;height:14px}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row>span{gap:2px;display:grid}.setting-row b{color:var(--ink);font-size:14px;font-weight:500}.setting-row small{color:var(--muted);font-weight:400}.setting-row select{width:auto;min-width:130px}.modal.settings-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:230px minmax(0,1fr);width:min(880px,100%);height:min(640px,92vh);max-height:none;display:grid;overflow:hidden}.settings-modal .modal-head{grid-area:1/2;padding:20px 20px 16px 26px}.settings-modal .modal-head h2{font-size:20px}.settings-layout{display:contents}.modal.settings-modal>.settings-layout{margin:0}.settings-nav{border-right:1px solid var(--line);background:#f5f5f6;flex-direction:column;grid-area:1/1/3;gap:2px;padding:18px 12px;display:flex;overflow:auto}.settings-group{color:#666;padding:8px 10px 6px;font-size:12px}.settings-group:not(:first-child){margin-top:12px}.settings-nav button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:flex}.settings-nav button svg{color:var(--ink2);flex:none}.settings-nav button:hover{background:#ebebed}.settings-nav button.on{background:var(--accent);color:#fff}.settings-nav button.on svg{color:#fff}.settings-body{grid-area:2/2;padding:8px 26px 24px;overflow:auto}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.set-row:last-child{border-bottom:0}.set-row>span{gap:3px;display:grid}.set-row b{color:var(--ink);font-size:15px;font-weight:500}.set-row small{color:var(--muted);font-size:13px}.set-row select{background:var(--card);min-width:140px;color:var(--ink);border:1px solid #d4d4d4;border-radius:10px;padding:8px 10px}.set-row input[type=range]{width:180px;accent-color:var(--accent)}.switch{appearance:none;cursor:pointer;background:#d4d4d4;border-radius:999px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.settings-body .keys{margin-top:8px}.settings-body .keys th,.settings-body .keys td{border-bottom-color:var(--line);padding:10px 8px}.settings-body .field{margin-top:12px}.admin-tools{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.admin-count{color:var(--ink2);background:var(--hover);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.admin-tools .search{align-self:auto;width:220px}.settings-body .admin-table{border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:12px;font-size:14px;overflow:hidden}.settings-body .admin-table th{color:var(--ink2);border-bottom:1px solid var(--line);background:#f7f7f8;padding:12px;font-weight:500}.settings-body .admin-table td{border-bottom:1px solid var(--line);padding:10px 12px}.settings-body .admin-table tr:last-child td{border-bottom:0}.member-cell{align-items:center;gap:12px;display:flex}.member-cell em{color:var(--muted);font-style:normal}.face-letter{color:#fff;background:#b8a6d9;place-items:center;width:34px;height:34px;font-weight:600;display:grid!important}.role-pill{cursor:pointer;font-size:12px;font-weight:600;border:0!important;border-radius:999px!important;padding:3px 10px!important}.role-pill.admin{background:var(--accent-soft)!important;color:var(--accent)!important}.role-pill.member{background:var(--hover)!important;color:var(--ink2)!important}@media (max-width:700px){.modal.settings-modal{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;height:92vh}.settings-modal .modal-head{grid-column:1}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;grid-area:2/1;padding:8px;overflow-x:auto}.settings-nav button{flex:none}.settings-group{display:none}.settings-body{grid-area:3/1}}.auth-card{gap:14px;width:min(420px,100%)}.auth-logo{background:var(--dark);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.auth-card h1{font-size:22px}.auth-card .field small{font-weight:400}.auth-foot{text-align:center;margin:0;font-size:13px}.link-btn{color:var(--accent);background:0 0;border:0;padding:4px;font-weight:500}.link-btn:hover{text-decoration:underline}.face-photo{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar-fallback.photo{object-fit:cover;background:0 0;padding:0}.member-who{gap:1px;display:grid}.member-who small{color:var(--muted);font-size:12px}.profile-pics{justify-content:center;gap:44px;display:flex}.profile-circle-wrap{display:inline-block;position:relative}.profile-circle.photo{cursor:pointer;background:#e5e5e5;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;overflow:visible}.profile-circle.photo img{object-fit:cover;border-radius:50%;width:88px;height:88px}.profile-circle.busy{opacity:.5}.profile-initial{color:#fff;background:#b8a6d9;border-radius:50%;place-items:center;width:88px;height:88px;font-size:34px;font-weight:600;display:grid}.profile-trash{color:#fff;width:28px;height:28px;box-shadow:var(--shadow);background:#e5484d;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:-2px;right:-4px}.profile-trash:hover{background:#c93d42}.set-form{border-bottom:1px solid var(--line);gap:12px;padding:14px 0 18px;display:grid}.set-form .primary{justify-self:start}.set-form p{margin:0}.set-warn{color:#7a4a00;background:#fff4e0;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px}.btn.danger-outline{color:#c93d42;border-color:#f0c4c6}.btn.danger-outline:hover{background:#fff0f0}.invite-panel{border-bottom:1px solid var(--line);gap:8px;margin-bottom:4px;padding:14px 0 18px;display:grid}.invite-panel h3{margin:0;font-size:16px}.invite-panel p{margin:0 0 6px}.invite-panel b{font-size:14px;font-weight:500}.invite-row{gap:8px;display:flex}.invite-row input{min-width:0;color:var(--ink2);background:var(--hover);border:1px solid #d4d4d4;border-radius:10px;flex:1;padding:8px 10px}.invite-row .primary{padding:8px 14px}.logo-menu{margin-bottom:10px;position:relative}.rail .rail-logo{background:var(--dark);border:0;border-radius:10px;place-items:center;width:38px;height:38px;margin:0;padding:0;display:grid;position:relative}.rail .rail-logo:hover,.rail .rail-logo.on{background:var(--dark2)}.rail-caret{background:var(--card);width:16px;height:16px;color:var(--ink2);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.rail-caret svg{width:11px;height:11px}.app-menu{z-index:40;color:#f0f0f2;background:#262830fa;border-radius:14px;flex-direction:column;gap:1px;width:260px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:4px;box-shadow:0 14px 40px #0000004d}.app-menu button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.app-menu button svg{color:#c9c9cf;flex:none}.app-menu button:hover,.app-menu button:focus-visible{background:#ffffff14;outline:none}.app-menu .app-menu-cta{background:var(--accent);color:#fff;justify-content:center;margin-bottom:6px;padding:9px 10px;font-weight:600}.app-menu .app-menu-cta svg{color:#fff}.app-menu .app-menu-cta:hover{background:var(--accent-hi)}.app-menu kbd{font:inherit;color:#9a9aa3;border:1px solid #4a4c56;border-radius:5px;margin-left:auto;padding:0 5px;font-size:11px}.app-menu-group{color:#9a9aa3;border-top:1px solid #3a3c46;margin-top:6px;padding:10px 10px 4px;font-size:12px}.app-menu hr{border:0;border-top:1px solid #3a3c46;width:100%;margin:6px 0}.loading-logo{background:#141414;border-radius:16px;place-items:center;width:60px;height:60px;animation:1.6s ease-in-out infinite logo-pop;display:grid;box-shadow:0 10px 30px #0000002e}.loading-logo svg{width:30px;height:30px}@keyframes logo-pop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.04)}}.loading-bar{background:#d9d9db;border-radius:999px;width:180px;height:10px;overflow:hidden}.loading-bar i{background:#262626;border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.3,.6,.3,1);display:block;position:relative;overflow:hidden}.loading-bar i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.2s linear infinite bar-shine;position:absolute;inset:0}@keyframes bar-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-label{color:var(--ink2);font-size:14px}@media (prefers-reduced-motion:reduce){.loading-logo,.loading-bar i:after{animation:none}}.join.auth{background:linear-gradient(135deg,#efefef,#e2e2e2)}.auth .auth-card{box-shadow:none;text-align:center;background:0 0;border:0;justify-items:center;width:min(320px,100%);padding:0;animation:.5s both rise}.auth .auth-card .field{text-align:left;width:100%}.auth .auth-card .primary{width:100%}.auth-logo{background:#141414;border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid;box-shadow:0 0 0 4px #fff,0 10px 30px #00000026}.auth-logo svg{width:32px;height:32px}.auth-logo.small{width:30px;height:30px;box-shadow:none;background:var(--accent);border-radius:8px;margin:0}.auth-logo.small svg{width:18px;height:18px}.auth .auth-card h1{letter-spacing:0;font-size:17px;font-weight:600}.auth .auth-card .field input{background:#fff}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth .auth-card{animation:none}}.lobby{background:linear-gradient(135deg,#efefef,#e2e2e2);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:auto}.lobby-head{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lobby-brand{align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.lobby-user{color:var(--ink2);align-items:center;gap:8px;font-size:14px;display:flex}.lobby-user .face-dot{display:none}.lobby-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:88px;padding:24px;display:flex}.lobby-preview{aspect-ratio:3/2;color:#e5e5e5;background:#262626;border-radius:18px;place-items:center;width:min(640px,92vw);display:grid;position:relative;overflow:hidden}.lobby-preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lobby-preview video.hidden{display:none}.lobby-preview p{margin:0;font-size:16px}.lobby-controls{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.lobby-pair{background:#141418b3;border-radius:12px;align-items:center;padding:3px;display:flex}.lobby-pair .round{width:36px;height:36px}.lobby-dev{position:relative}.lobby-caret{color:#d4d4d4;background:0 0;border:0;border-radius:8px;place-items:center;width:20px;height:36px;display:grid;transform:rotate(180deg)}.lobby-caret:hover{background:#ffffff1a}.lobby-menu{z-index:2;background:#262830fa;border-radius:12px;gap:1px;min-width:240px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000004d}.lobby-menu button{color:#f0f0f2;text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px}.lobby-menu button:hover,.lobby-menu button.on{background:#ffffff1a}.lobby-menu .muted{color:#a3a3a3;padding:8px 10px;font-size:13px}.lobby-form{gap:12px;width:min(310px,92vw);display:grid}.lobby-form h1{margin:0 0 8px;font-size:20px;font-weight:500}.lobby-form input:not([type=checkbox]){color:var(--ink);background:#fff;border:1px solid #d4d4d4;border-radius:10px;padding:10px 12px;font-size:15px}.lobby-form input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.lobby-form .check{color:var(--ink2);align-items:center;font-size:13px}.lobby-form .check input{accent-color:var(--accent);width:16px;height:16px}@media (max-width:800px){.lobby-body{gap:28px}}.signin{background:#fff;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.signin-box{justify-items:center;gap:12px;width:min(360px,100%);display:grid}.auth-mark{color:#1d1f27;margin-bottom:26px}.signin-box h1{letter-spacing:-.2px;text-align:center;color:var(--ink);margin:0;font-size:20px;font-weight:500}.signin-sub{color:var(--muted);text-align:center;margin:-4px 0 10px;font-size:14px}.pill-btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.pill-btn.dark{color:#fff;background:#1d1f22}.pill-btn.dark:hover:not(:disabled){background:#33353a}.pill-btn.dark:disabled{opacity:.45;cursor:not-allowed}.pill-btn.light{color:var(--ink);background:#f2f2f2}.pill-btn.light:hover{background:#e9e9e9}.signin-form{gap:12px;width:100%;margin-top:4px;animation:.3s both rise;display:grid}.signin-form .field{color:var(--ink);font-size:14px;font-weight:500}.signin-form .field small{color:var(--muted);font-weight:400}.signin-form input{color:var(--ink);background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:10px 12px;font-size:15px}.signin-form input::placeholder{color:#a3a3a3}.signin-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.signin-form .pill-btn{margin-top:4px}.signin-foot{color:var(--muted);text-align:center;margin:0;font-size:13px}.signin-box .error{text-align:center;margin:0}.brand-mark{letter-spacing:-.5px;color:#4a4a4a;margin-top:14px;font-size:19px;font-weight:700}.brand-mark small{letter-spacing:0;margin-right:1px;font-size:11px;font-weight:600}.set-note{margin:12px 0 0}.auth-mark .mark-tile{opacity:0;fill:#1d1f27;fill-opacity:0;stroke-dasharray:102;stroke-dashoffset:102px;transform-box:fill-box;transform-origin:50%}.signin.enter .auth-mark .mark-tile{animation:.9s cubic-bezier(.65,0,.35,1) .75s forwards mark-draw,4.8s ease-in-out 2.4s infinite mark-turn}.signin.enter .auth-mark .t2{animation-delay:.9s,3.6s}.signin.enter .auth-mark .t3{animation-delay:1.05s,4.8s}.signin.enter .auth-mark .t4{animation-delay:1.2s,6s}@keyframes mark-draw{0%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes mark-turn{0%,30%,to{fill-opacity:0;transform:translateY(0)scale(1)}12%{fill-opacity:.9;transform:translateY(-1.5px)scale(.94)}}@media (prefers-reduced-motion:reduce){.auth-mark .mark-tile{stroke-dashoffset:0;opacity:1;animation:none}}@property --iris{syntax:"<length>";inherits:false;initial-value:0}.loading-screen{z-index:100;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loading-screen.leaving{pointer-events:none}.loading-veil{z-index:-1;background:linear-gradient(135deg,#efefef,#e2e2e2);position:absolute;inset:0}.loading-screen.leaving .loading-veil{-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1.5px));-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1.5px));mask:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1.5px));animation:1.05s .12s forwards iris}@keyframes iris{to{--iris:120vmax}}.loading-bar,.loading-label{transition:opacity .25s,transform .25s}.loading-screen.leaving .loading-bar,.loading-screen.leaving .loading-label{opacity:0;transform:translateY(8px)scale(.96)}.loading-screen.leaving .loading-logo{animation:.9s cubic-bezier(.65,0,.25,1) forwards logo-leave}.loading-screen.leaving .loading-logo.lands{animation:.85s cubic-bezier(.5,0,.15,1) forwards logo-fly,.35s ease-in .8s forwards logo-melt}@keyframes logo-leave{25%{transform:scale(.92)}to{opacity:0;transform:scale(1.6)}}@keyframes logo-fly{0%{transform:none}to{transform:translate(var(--dx), var(--dy)) scale(var(--s))}}@keyframes logo-melt{to{opacity:0}}.signin:not(.enter) .signin-box>*,.lobby:not(.enter) .lobby-body,.lobby:not(.enter) .lobby-head{opacity:0}.signin.enter .signin-box>:not(.auth-mark),.lobby.enter .lobby-head,.lobby.enter .lobby-body{animation:.7s cubic-bezier(.2,.8,.2,1) both pop-in}.signin.enter .signin-box>:nth-child(2){animation-delay:.55s}.signin.enter .signin-box>:nth-child(3){animation-delay:.65s}.signin.enter .signin-box>:nth-child(4){animation-delay:.75s}.signin.enter .signin-box>:nth-child(5){animation-delay:.85s}.signin.enter .signin-box>:nth-child(6){animation-delay:.95s}.signin.enter .signin-box>:nth-child(n+7){animation-delay:1.05s}.lobby.enter .lobby-head{animation-delay:.5s}.lobby.enter .lobby-body{animation-delay:.6s}@keyframes pop-in{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.loading-screen.leaving{opacity:0;transition:opacity .3s;animation:none}.loading-screen.leaving .loading-veil,.loading-screen.leaving .loading-logo,.loading-screen.leaving .loading-logo.lands{animation:none}.signin.enter .signin-box>*,.lobby.enter .lobby-head,.lobby.enter .lobby-body{opacity:1;animation:none}.signin .auth-mark .mark-tile{stroke-dashoffset:0;opacity:1}}