*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page: #363636;background:var(--page);color:#f3f4ef;--lime: #8bb7ff;--muted: #a2a6a4;--line: #343738;--panel: #1c1f20}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}header{height:68px;background:#424242;border-bottom:1px solid #575757;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2))}.brand{display:flex;align-items:center;font-weight:840;letter-spacing:-.075em;font-size:40px;text-decoration:none;color:#f2f2ec;line-height:1}.brand svg{width:34px;height:32px;color:var(--lime);margin-right:9px}.word-dot{color:var(--lime)}.booth-controls,.booth-controls>div,.actions,.panel-label,.primary,.join,.brand,.intro{display:flex;align-items:center}.panel-label,.kicker,.nameplate small,.step,.worldtag{font:650 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.115em}.round{height:34px;width:34px;border:1px solid var(--line);border-radius:50%;background:transparent;font-weight:650;display:inline-grid;place-items:center}.round:hover,.ghost:hover{background:#333839}main{background:var(--page);max-width:1328px;margin:auto;padding:14px 26px 15px}.intro{justify-content:space-between;gap:14px;margin:0 0 24px}.kicker{display:flex;align-items:center;gap:7px;color:var(--lime)}.kicker i,.mini-dot{display:inline-block;border-radius:100%;width:6px;height:6px;background:var(--lime)}h1{font-size:clamp(44px,4.9vw,70px);letter-spacing:-.075em;line-height:.99;margin:9px 0 8px;font-weight:720}h1 span{color:var(--lime)}.intro p{color:#b4b8b4;font-size:15px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(312px,.85fr);gap:16px;align-items:stretch}.booth,.panel{border:1px solid #383b3a;border-radius:22px;overflow:hidden;background:var(--panel)}.booth{display:flex;flex-direction:column;min-height:480px}.viewport{flex:1;display:flex;min-height:408px;position:relative;isolation:isolate;background:#42474b}.screen{position:relative;min-width:0;flex:1;overflow:hidden}.screen:after{content:"";position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,#090c0e94)}.screen canvas{width:100%;height:100%;position:absolute;inset:0;display:block}.glass{color:#fff;background:#19202590;border:1px solid #ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;z-index:1}.nameplate{position:absolute;z-index:1;left:22px;bottom:20px;display:grid;gap:3px}.nameplate small{color:#d7e3ce}.nameplate strong{font-size:32px;letter-spacing:-.055em}.worldtag{position:absolute;z-index:1;right:18px;bottom:20px;border:1px solid #ffffff50;padding:5px 8px;border-radius:7px;background:#16191860}.booth-controls{justify-content:space-between;padding:10px 15px;color:#bbc0bb;font-size:12px}.booth-controls>div{gap:6px}.mini-dot{margin-right:7px;width:5px;height:5px}.round{width:34px;height:34px;color:#e0e3df;background:#222727}.round.off{background:#29374a}.panel{padding:18px;display:flex;flex-direction:column;gap:13px}#setup{background:#484848;border-color:#5e5e5e}.panel-label{justify-content:space-between;color:var(--muted)}.step{color:#8faed8}.gallery{display:grid;gap:10px}.cast-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 7px}.cast-label{grid-column:1/-1;color:#c5cbc5;font-size:11px;font-weight:640;line-height:1.1}.cast-group .portrait{aspect-ratio:1.21}.portrait{aspect-ratio:.7;overflow:hidden;isolation:isolate;position:relative;min-width:0;padding:0;border:1.5px solid transparent;border-radius:11px;background:linear-gradient(145deg,var(--card),#3a4041)}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait>span{position:absolute;inset:auto 0 0;padding:14px 2px 6px;color:#fff;text-shadow:0 1px 3px #101210;background:linear-gradient(transparent,#171b1ac9);font-size:11px;font-weight:660}.portrait[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.portrait[aria-pressed=true]:after{content:"✓";position:absolute;top:5px;right:4px;display:grid;place-items:center;width:14px;height:14px;background:var(--lime);color:#101813;border-radius:50%;font-size:10px;font-weight:700}.portrait:hover{filter:brightness(1.12)}.join{margin-top:auto;flex-direction:column;gap:6px}.primary{background:var(--lime);border:0;color:#172114;justify-content:center;gap:13px;border-radius:12px;font-weight:740;padding:13px 18px;font-size:15px;min-height:44px}.join .primary{width:100%;min-height:66px;gap:10px;font-size:20px}#start .ui{display:block;width:24px;height:24px}.primary:hover{background:#a9caff}#choose-avatar{font-size:21px;line-height:1.25;letter-spacing:-.025em}.subtle{width:100%;min-height:42px;padding:9px 14px;border:0;border-radius:10px;background:#263449;color:#f1f6ff;font-size:14px;font-weight:620}.subtle:hover{background:#30425d}.subtle:focus-visible{outline:none;background:#374d6b;text-decoration:underline;text-underline-offset:3px}.searchveil{position:absolute;z-index:3;inset:0;background:#101516d9;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}.searchveil strong,h2{font-size:27px;letter-spacing:-.05em}.searchveil span{color:var(--muted);font-size:13px}.radar{height:74px;width:74px;border-radius:50%;border:1px solid #73aaff77;display:grid;place-items:center;position:relative;margin:5px}.radar b,.radar i{position:absolute;border-radius:100%;background:#76aaff40;inset:7px;animation:breathe 1.9s ease-in-out infinite}.radar i{inset:24px;background:var(--lime)}@keyframes breathe{50%{opacity:.25;transform:scale(.82)}}.ghost{border:1px solid #454b48;background:#242a27;border-radius:10px;padding:9px 14px;font-size:13px}.searchveil .ghost{margin-top:8px}.actions{margin-top:auto;gap:8px}.actions .primary{flex:1}.panel h2{margin:0}#chat-log{min-height:145px;max-height:280px;overflow:auto;display:flex;flex-direction:column;align-items:start;gap:6px;padding:8px 0}#chat-log p{margin:0;background:#2c332f;padding:8px 10px;border-radius:8px;overflow-wrap:anywhere;font-size:13px}#chat-log p.mine{align-self:end;background:#253c62}#chat-log p.system{color:var(--muted);background:none;padding:4px 0;font-size:12px}#chat-form{display:flex;border:1px solid var(--line);background:#121616;border-radius:12px;padding:4px}#chat-form input{width:0;flex:1;min-width:0;border:0;background:none;padding:8px;color:#fff}#send{border:0;background:#263d61;border-radius:8px;width:36px;color:var(--lime)}svg.ui{width:17px;height:17px;vertical-align:middle}.remote{border-left:1px solid #ffffff54}.viewport.pair .worldtag{display:none}#notice{margin:8px 2px 0;font-size:13px;color:#d7e7ff;min-height:14px}.round[aria-pressed=true]{color:var(--lime);border-color:#7aa9f4}@media(min-width:1200px){main{padding-top:14px}.booth{min-height:max(520px,calc(100svh - 151px))}.panel{padding:23px}.gallery{gap:9px}.portrait{aspect-ratio:.72}}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1.15fr) minmax(264px,.85fr)}.panel{padding:12px;gap:10px}.gallery{gap:5px}main{padding:22px 16px 12px}.booth{min-height:412px}.viewport{min-height:345px}}@media(max-width:630px){header{height:55px;padding:0 16px}.brand{font-size:34px}.workspace{grid-template-columns:1fr;gap:12px}.intro{margin-bottom:16px}.intro p{font-size:13px}.booth{min-height:0}.viewport{min-height:300px;height:39vh;max-height:430px}.gallery{gap:7px}.portrait{aspect-ratio:.89}.panel{padding:14px}.booth-controls{padding:7px 12px}.nameplate{left:14px;bottom:12px}.nameplate strong{font-size:24px}.worldtag{bottom:13px}.viewport.pair{min-height:300px}}@media(prefers-reduced-motion:reduce){.radar b,.radar i{animation:none}}.studio-title{margin:0 0 12px;font-size:28px;line-height:1.1;letter-spacing:-.04em}.screen{background-color:#42474b;background-size:cover;background-position:center}.nameplate strong{font-size:16px;font-weight:650;letter-spacing:0}.booth-controls{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;gap:6px;padding:0}.booth-controls .round{width:44px;height:44px;background:#171e20bb;border-color:#fff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.booth-controls .ui{width:21px;height:21px}#start{background:#3279ee;color:#fff}#start:hover{background:#2467d5}@media(max-width:630px){.studio-title{margin-bottom:16px;font-size:24px}.nameplate strong{font-size:16px}.booth-controls{right:12px;bottom:12px;padding:0}}.screen.local,.screen.remote{background-color:#172536}.booth{container-type:inline-size}#face-view-toggle{top:15px;right:14px;padding:6px 10px;border-radius:18px;font-size:12px;font-weight:650}.viewport.show-performer{display:grid;grid-template:"avatar performer" minmax(0,1fr) / minmax(0,1.1fr) minmax(0,1fr)}.show-performer .local,.show-performer .searchveil{grid-area:avatar}.show-performer .performer{grid-area:performer}.viewport.show-performer.pair{grid-template:"avatar peer" minmax(0,1fr) "performer peer" minmax(0,1fr) / minmax(0,1fr) minmax(0,1.1fr)}.show-performer.pair .remote{grid-area:peer}.screen.performer{display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid #525963;background:#111820}.performer:after{content:none}.performer-heading,.performer-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.performer-heading{border-bottom:1px solid #37404a}.performer-heading strong{font-size:14px}.performer-heading span{color:#b2c9de;font-size:11px}.performer-frame{position:relative;flex:1;min-height:0;background:#101419}.performer-frame video,.performer-frame canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.performer-caption{flex-wrap:wrap;color:#c4d3df;font-size:11px}.tracking-state{margin-right:auto}.neck-key{display:inline-flex;align-items:center;gap:5px;color:#ffcc84}.neck-key:before{content:"";width:14px;border-top:2px dashed currentColor}.surface-key{display:inline-flex;align-items:center;gap:5px;color:#75baff}.surface-key:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}@container (max-width: 510px){.viewport.show-performer,.viewport.show-performer.pair{grid-template:"avatar" minmax(240px,1.1fr) "performer" minmax(200px,1fr) / minmax(0,1fr);height:auto;max-height:none}.viewport.show-performer.pair{grid-template:"avatar peer" minmax(230px,1fr) "performer performer" minmax(200px,1fr) / repeat(2,minmax(0,1fr))}.show-performer .performer{border-inline-start:none;border-top:1px solid #525963}.viewport.pair .local .booth-controls{right:6px;gap:3px}.viewport.pair .booth-controls .round{width:35px;height:35px}.viewport.pair #face-view-toggle{right:6px;top:12px}}#self{transform:scaleX(-1)}main{max-width:none}header{padding-inline:clamp(16px,2vw,32px)}@media(min-width:631px){.workspace{grid-template-columns:minmax(0,1fr) clamp(270px,30vw,420px)}.booth{min-height:max(400px,calc(100dvh - 151px))}}@media(max-width:630px){.booth{min-height:max(300px,calc(100svh - 120px))}.viewport{min-height:300px;height:auto;max-height:none}}#avatar-poster,#peer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;background:#172536;pointer-events:none}#avatar-poster{transform:scaleX(-1)}@container (max-width: 680px){.viewport.pair{flex-direction:column}.viewport.pair .screen{min-height:0}.viewport.pair .remote{border-left:0;border-top:1px solid #ffffff38}}@media(orientation:portrait){.viewport.pair{flex-direction:column}.viewport.pair .screen{min-height:0}.viewport.pair .remote{border-left:0;border-top:1px solid #ffffff38}}