:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4f5fb;--muted:#a8afc4;--quiet:#747d97;--field:#090c14;--surface:#121724;--surface-raised:#181e2d;--line:#2b3347;--violet:#7668ff;--violet-soft:#aca4ff;--green:#49d99a;--coral:#ff776d;--amber:#f6bf63;background:var(--field);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--field);min-width:320px}button{color:inherit;font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #c9c5ff}::selection{background:var(--violet);color:#fff}*{scrollbar-color:#4a536d transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4a536d padding-box padding-box;border:2px solid #0000;border-radius:8px}.app-shell{background:var(--field);flex-direction:column;height:100dvh;min-height:520px;display:flex}.topbar{z-index:30;background:#111622;border-bottom:1px solid #242b3c;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:10px 14px 10px 18px;display:flex;box-shadow:0 10px 28px #01030a4d}.room-identity,.topbar-actions,.demo-switch{align-items:center;display:flex}.room-identity{gap:12px;min-width:0}.room-mark{background:#4e45c8;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 18px #4f43cd61}.room-mark span{border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:7px -5px 0 -5px #fff}.room-identity h1,.participant-panel h2{letter-spacing:-.025em;margin:0}.room-identity h1{font-size:1.02rem;font-weight:720}.room-identity p,.participant-panel p{color:var(--muted);margin:4px 0 0;font-size:.76rem}.status-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 2px 8px #f6bf6399}.status-dot.is-online{background:var(--green);box-shadow:0 2px 8px #49d99a94}.topbar-actions{gap:10px}.invite-control{position:relative}.invite-button{min-height:42px;color:var(--ink);background:#20263a;border:1px solid #3c4460;border-radius:12px;padding:0 16px;font-weight:650}.invite-popover{z-index:60;background:#171d2a;border:1px solid #394158;border-radius:14px;gap:9px;width:min(420px,100vw - 28px);padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 44px #0000007a}.invite-popover label,.join-card label{color:var(--muted);font-size:.72rem;font-weight:650}.invite-popover input,.join-card input{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#0d111b;border:1px solid #3a435a;border-radius:10px;outline:0;padding:0 12px}.invite-popover input:focus,.join-card input:focus{border-color:var(--violet-soft);box-shadow:0 0 0 3px #7668ff33}.invite-popover button{background:var(--violet);color:#fff;border:0;border-radius:10px;min-height:40px;font-weight:680}.demo-switch{background:#0d111b;border:1px solid #2c354a;border-radius:14px;gap:3px;padding:4px}.demo-switch button,.icon-button,.panel-header button{background:0 0;border:0;min-height:42px}.demo-switch button{color:var(--muted);border-radius:10px;padding:0 14px;font-size:.82rem}.demo-switch button.is-active{color:#fff;background:#2d3151;box-shadow:0 4px 12px #02040c33}.demo-switch button span{margin-left:3px}.icon-button{min-width:52px;color:var(--muted);border:1px solid #2d3548;border-radius:13px;justify-content:center;align-items:center;display:inline-flex;position:relative}.button-count{background:var(--violet);color:#fff;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:.62rem;display:grid;position:absolute;top:4px;right:4px}.workspace{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.workspace.panel-is-open{grid-template-columns:minmax(0,1fr) 320px}.stage-column{min-width:0;min-height:0;position:relative;overflow:hidden}.spatial-stage{background-color:var(--field);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.spatial-stage:active{cursor:grabbing}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.local-camera{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;transform:scaleX(-1)}.camera-playback-error{border-radius:inherit;background:var(--surface);padding:5px;font-size:.6rem;position:absolute}.local-media-notice{z-index:11;background:var(--surface);max-width:calc(100% - 24px);color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:6px 10px;font-size:.75rem;display:flex;position:absolute;top:12px;left:12px}.local-media-notice p{margin:0}.local-media-notice button{min-height:44px;color:var(--violet-soft);font-size:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:6px 8px}.local-media-notice button:hover{background:var(--surface-raised)}.stage-column:has(.local-media-notice) .gesture-hint{top:80px}.device-panel{z-index:12;width:min(380px,100% - 24px);max-height:calc(100% - 175px - env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;border-radius:14px;padding:16px;position:absolute;top:78px;left:12px;overflow-y:auto}.device-panel-heading,.device-row-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.device-panel h2{margin:0;font-size:1rem}.device-panel h3{margin:0;font-size:.85rem;font-weight:650}.device-panel button{border:1px solid var(--line);background:var(--surface-raised);min-height:44px;color:var(--ink);border-radius:9px;padding:6px 12px;font-size:.75rem}.device-panel button:hover{border-color:var(--violet-soft)}.device-panel-heading>button{place-items:center;min-width:44px;padding:6px;display:grid}.device-disclosure{color:var(--muted);margin:10px 0 20px;font-size:.8rem;line-height:1.5}.device-row{margin-top:18px}.device-row-heading{margin-bottom:8px}.device-row-heading h3{flex:1}.device-camera-preview{border-radius:8px;flex:0 0 56px;width:56px;height:56px;display:block;position:relative;overflow:hidden}.device-row select{border:1px solid var(--line);background:var(--field);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:8px;font-size:.8rem}.device-status,.device-help{color:var(--muted);margin:8px 0;font-size:.75rem;line-height:1.5}.device-status.has-message{color:#ffd8a6}.device-help{margin:16px 0}.microphone-level{color:var(--muted);gap:6px;font-size:.75rem;display:grid}.microphone-level meter{width:100%;height:12px;accent-color:var(--green)}.stop-devices{width:100%}.control-dock button.leave-room{color:#ffc0bb}.field-atmosphere{pointer-events:none;background:radial-gradient(circle at 50% 45%,#46527c1a,#0000 42%);position:absolute;inset:0}.world{transform-origin:0 0;will-change:transform;width:1600px;height:1000px;position:absolute;top:0;left:0}.participant{top:var(--participant-y);left:var(--participant-x);width:104px;min-height:112px;color:var(--ink);cursor:default;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.participant.is-self{cursor:grab;touch-action:none}.participant.is-self:active{cursor:grabbing}.avatar-shell{background:var(--participant-color);border:2px solid #ebeeffcc;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 8px 24px #00000052}.is-self .avatar-shell{outline-offset:5px;border:3px solid #b8b2ff;outline:2px dashed #9186ffc7;width:84px;height:84px;box-shadow:0 9px 30px #5648e861}.is-speaking .avatar-shell{border-color:#8aefbf;animation:1.8s ease-in-out infinite speaking-ring;box-shadow:0 8px 28px #49d99a59}.avatar-initials{letter-spacing:-.02em;font-size:1.06rem;font-weight:760}.media-dot{border:2px solid var(--field);color:#fff;background:#1d8a66;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:2px;right:-4px}.media-dot.is-off{background:#bc574f}.participant-name{text-overflow:ellipsis;white-space:nowrap;background:#151b29;border-radius:7px;max-width:130px;margin-top:9px;padding:4px 8px;font-size:.76rem;font-weight:650;display:block;overflow:hidden;box-shadow:0 4px 11px #0000003b}.participant-name small{color:var(--violet-soft);font-size:.65rem;font-weight:600}.camera-state{color:#d9a4a0;margin-top:3px;font-size:.62rem}.participant-reaction{z-index:2;background:#f8f5ee;border-radius:50%;place-items:center;width:31px;height:31px;font-size:1rem;animation:.36s cubic-bezier(.16,1,.3,1) reaction-rise;display:grid;position:absolute;top:-10px;right:3px;box-shadow:0 7px 17px #0000004d}.zoom-cluster{z-index:5;bottom:calc(18px + env(safe-area-inset-bottom));background:#151a27;border:1px solid #31394d;border-radius:13px;align-items:center;height:42px;display:flex;position:absolute;left:18px;box-shadow:0 10px 25px #0000004d}.zoom-cluster button{background:0 0;border:0;place-items:center;width:42px;height:40px;display:grid}.zoom-cluster output{width:52px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.72rem}.gesture-hint{color:var(--muted);pointer-events:none;background:#0f141feb;border-radius:9px;margin:0;padding:7px 11px;font-size:.68rem;position:absolute;top:14px;left:50%;transform:translate(-50%)}.control-dock{z-index:10;bottom:calc(16px + env(safe-area-inset-bottom));background:#151a27;border:1px solid #30384b;border-radius:16px;gap:4px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 13px 32px #0000006b}.control-dock>button,.reaction-control>button{min-width:108px;min-height:50px;color:var(--muted);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:5px 12px;font-size:.74rem;display:flex;position:relative}.control-dock button:hover{color:var(--ink);background:#202637}.control-dock button.is-disabled-state{color:#ffc0bb;background:#993e3933}.control-dock button:disabled{cursor:not-allowed;opacity:.5}.join-layer{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c14b3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.join-card{background:#151a27;border:1px solid #343d53;border-radius:18px;gap:13px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 24px 64px #00000073}.join-card .eyebrow{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:760}.join-card h2{letter-spacing:-.03em;margin:0;font-size:1.45rem}.join-card p{color:var(--muted);margin:0 0 4px;font-size:.85rem;line-height:1.5}.join-card p.join-error{color:#ffaaa4;margin:0}.join-card>button{background:var(--violet);color:#fff;border:0;border-radius:11px;min-height:48px;font-weight:720}.join-card>button:disabled{cursor:wait;opacity:.55}.join-card a{color:var(--muted);justify-self:center;font-size:.75rem}.connection-banner{z-index:14;color:#ffdda4;background:#2b2114;border:1px solid #f6bf6361;border-radius:9px;margin:0;padding:9px 12px;font-size:.74rem;position:absolute;top:14px;left:50%;transform:translate(-50%)}.control-dock small{color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;font-size:.54rem;position:absolute;top:3px;right:6px}.reaction-control{position:relative}.reaction-picker{background:#171d2a;border:1px solid #343d53;border-radius:14px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000006b}.reaction-picker button{background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.participant-panel{z-index:20;background:#111621;border-left:1px solid #2a3143;flex-direction:column;min-height:0;display:flex;box-shadow:-14px 0 30px #02040a40}.panel-header{border-bottom:1px solid #242b3b;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:14px 12px 12px 18px;display:flex}.participant-panel h2{font-size:.96rem}.panel-header button{width:44px;color:var(--muted);border-radius:11px;place-items:center;display:grid}.participant-list{min-height:0;padding:8px;overflow-y:auto}.participant-row{border-radius:11px;grid-template-columns:36px minmax(0,1fr) 9px auto;align-items:center;gap:10px;min-height:54px;padding:7px 8px;display:grid}.participant-row:hover{background:#181e2c}.list-avatar{color:#fff;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.66rem;font-weight:760;display:grid}.list-person{min-width:0}.list-person strong,.list-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-person strong{font-size:.79rem;font-weight:640}.list-person small{color:var(--quiet);margin-top:2px;font-size:.64rem}.presence-indicator{background:#4c566e;border-radius:50%;width:7px;height:7px}.presence-indicator.is-speaking{background:var(--green);box-shadow:0 2px 7px #49d99a94}.list-reaction{font-size:.9rem}@keyframes speaking-ring{0%,to{outline:0 solid #49d99a80}50%{outline:7px solid #49d99a00}}@keyframes reaction-rise{0%{opacity:0;transform:translateY(8px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.control-dock>button,.reaction-control>button{min-width:88px}.workspace.panel-is-open{grid-template-columns:minmax(0,1fr)}.participant-panel{z-index:40;width:min(88vw,340px);position:fixed;top:72px;bottom:0;right:0}.zoom-cluster{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (width<=640px){.local-media-notice{gap:8px;max-width:none;font-size:.7rem;left:10px;right:10px}.local-media-notice p{flex:1}.local-media-notice button{max-width:110px}.device-panel{width:auto;left:10px;right:10px}.app-shell{min-height:460px}.topbar{flex-direction:column;align-items:stretch;gap:7px;min-height:94px;padding:9px 10px}.room-mark{border-radius:11px;width:36px;height:36px}.room-identity h1{font-size:.92rem}.room-identity p{font-size:.66rem}.topbar-actions{justify-content:space-between}.invite-button{min-height:40px}.invite-popover{width:auto;position:fixed;top:100px;left:10px;right:10px}.demo-switch{flex:1}.demo-switch button{flex:1;min-height:36px}.demo-switch button span{display:none}.icon-button{min-height:44px}.participant-panel{top:94px}.gesture-hint{text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:calc(100% - 24px);top:9px;overflow:hidden}.control-dock{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:14px;justify-content:stretch;left:8px;transform:none}.control-dock>button,.reaction-control,.reaction-control>button{flex:1;min-width:0}.control-dock>button,.reaction-control>button{flex-direction:column;gap:3px;min-height:52px;padding:4px;font-size:.59rem}.control-dock small{display:none}.reaction-picker{left:0;transform:translate(-34%)}.zoom-cluster{bottom:calc(79px + env(safe-area-inset-bottom));left:10px}.join-layer{padding:14px}.join-card{gap:11px;padding:22px 18px}}@media (height<=590px) and (orientation:landscape){.topbar{min-height:58px}.room-mark{width:36px;height:36px}.participant-panel{top:58px}.gesture-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}