@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;color:#ecf5f5;background:#071018;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #ecf5f5;--muted: #93aab3;--cyan: #74e5ed;--line: rgba(156, 213, 221, .18);--mono: "DM Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#071018}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}#app{position:relative;isolation:isolate}#world{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;touch-action:none}.world-wash{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,13,20,.74) 0%,rgba(4,13,20,.26) 32%,transparent 64%),linear-gradient(0deg,rgba(4,13,20,.72),transparent 28%,rgba(4,13,20,.16)),radial-gradient(ellipse at 59% 26%,rgba(24,99,203,.2),transparent 42%)}.travel-transition{position:absolute;z-index:8;inset:0;display:grid;place-content:center;justify-items:center;gap:19px;color:#d8faff;background:radial-gradient(ellipse,#0c2d44e0,#030910eb 55%);opacity:0;pointer-events:none;transition:opacity .32s ease;font:10px var(--mono)}.travel-transition.active{opacity:1}.travel-ring{width:82px;aspect-ratio:1;border:1px solid rgba(112,234,255,.78);border-radius:50%;box-shadow:0 0 28px #45ceff47,inset 0 0 24px #45ceff29;animation:portal-pulse .85s ease-in-out infinite alternate}@keyframes portal-pulse{0%{transform:scale(.72);opacity:.4}to{transform:scale(1.08);opacity:1}}.topbar{position:absolute;z-index:3;inset:0 0 auto;height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(191,229,235,.12);background:#0710184d}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--ink);font-weight:800;font-size:14px;letter-spacing:0;text-decoration:none}.brand small{display:block;margin-top:4px;color:#93adb7;font:9px var(--mono)}.brand-mark{width:26px;height:26px;border:1px solid var(--cyan);border-radius:50%;display:flex;gap:3px;align-items:center;justify-content:center;box-shadow:0 0 18px #74e5ed38}.brand-mark span{width:2px;height:8px;background:var(--cyan);border-radius:3px}.brand-mark span:nth-child(2){height:14px}.top-status,.eyebrow,.chat-heading,.privacy-note,.scene-caption,.orientation-note,.mode-option,.vr-exit,.vr-caption,.vr-controls,.field-label{font-family:var(--mono);letter-spacing:0}.top-status{display:flex;align-items:center;gap:9px;color:#bed2d5;font-size:10px}.status-dot{width:6px;height:6px;background:#8de6b5;border-radius:50%;box-shadow:0 0 9px #8de6b5}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#0d1f2a8c;cursor:pointer}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.icon-button svg,.mic-button svg,.send-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.interface{position:absolute;inset:82px 0 100px;pointer-events:none}.intro-panel{position:absolute;top:17%;left:7.2vw;width:min(360px,38vw);pointer-events:auto;animation:settle-in .8s both}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:10px}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--cyan)}h1{margin:22px 0 8px;font-size:clamp(36px,4vw,54px);line-height:1.05;font-weight:600}.period{color:var(--cyan)}.intro-copy{max-width:255px;margin:12px 0 28px;color:#c3d3d5;font-size:14px;line-height:1.65}.robot-state{display:flex;gap:12px;align-items:center;color:#dce9e9}.robot-state b,.robot-state small{display:block}.robot-state b{font:10px var(--mono)}.robot-state small{margin-top:5px;color:#91a7ae;font-size:11px}.world-label{margin-top:22px}.world-select{max-width:245px;cursor:pointer;background:#08151dd6}.state-orbit{position:relative;width:33px;height:33px;border:1px solid rgba(116,229,237,.42);border-radius:50%;display:grid;place-items:center}.state-orbit:before{content:"";width:19px;height:19px;border:1px solid rgba(116,229,237,.36);border-radius:50%}.state-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.chat-panel{position:absolute;right:5.5vw;bottom:6%;width:min(390px,36vw);min-height:220px;padding:17px 18px 13px;pointer-events:auto;border:1px solid rgba(157,215,223,.22);background:#07141dc9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 70px #0000003d;animation:settle-in .9s .1s both}.chat-heading{display:flex;justify-content:space-between;padding-bottom:12px;color:#a9c1c6;font-size:9px;border-bottom:1px solid rgba(157,215,223,.13)}.chat-heading button{border:0;background:none;color:#8fa8b0;font:inherit;cursor:pointer}.chat-heading button span{padding-left:4px;color:var(--cyan)}.messages{height:124px;padding:12px 0 8px;overflow:auto;scrollbar-width:thin;scrollbar-color:#385865 transparent}.message{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.message-avatar{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(116,229,237,.55);border-radius:50%;color:var(--cyan);font-size:10px}.message.user .message-avatar{border-color:#ffb984a3;color:#ffc093}.message p{margin:2px 0 0;color:#d2dfe0;font-size:12px;line-height:1.55}.message.user p{color:#ffd0a8}.composer{height:42px;display:flex;align-items:center;gap:8px;padding:3px 4px 3px 9px;border:1px solid rgba(157,215,223,.22);background:#050e16c2}.composer input{min-width:0;flex:1;border:0;outline:0;color:#edf7f6;background:transparent;font-size:12px}.composer input::placeholder{color:#78919a}.mic-button,.send-button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:#a2bbc1}.mic-button:hover,.send-button:hover{color:var(--cyan)}.mic-button svg{width:18px;height:18px}.send-button{color:var(--cyan)}.send-button svg{width:17px;height:17px}.privacy-note{display:flex;gap:6px;align-items:center;margin:10px 0 0;color:#8ba0a6;font-size:8px}.lock-icon{color:#8fe4c3;font-size:13px}.scene-caption{position:absolute;bottom:7%;left:7.2vw;display:flex;align-items:center;gap:10px;color:#9eb5ba;font-size:9px}.caption-rule{display:inline-block;width:28px;height:1px;background:#75d9e4}.caption-detail{margin-left:12px;color:#6e8992}.mode-dock{position:absolute;z-index:4;inset:auto 0 0;height:86px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(191,229,235,.12);background:#071018bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-toggle{display:flex;padding:4px;gap:3px;border:1px solid rgba(151,202,210,.18);background:#0a1922bf}.mode-option{min-height:42px;padding:0 16px;display:flex;align-items:center;gap:9px;border:0;color:#a4b8bd;background:transparent;font-size:9px;cursor:pointer}.mode-option.active{color:#082027;background:var(--cyan)}.mode-icon{display:inline-block;width:14px;height:12px;border:1px solid currentColor}.vr-icon{position:relative;width:15px;height:9px;border-radius:5px 5px 7px 7px}.vr-icon:before,.vr-icon:after{position:absolute;top:2px;width:3px;height:3px;border:1px solid currentColor;border-radius:50%;content:""}.vr-icon:before{left:2px}.vr-icon:after{right:2px}.orientation-note{display:flex;gap:9px;align-items:center;color:#a3b8bd;font-size:9px}.orientation-note span{color:var(--cyan);font:19px Manrope,sans-serif}.vr-mode #world{z-index:0}.vr-mode .world-wash{display:none}.vr-hud{position:absolute;z-index:5;inset:0;pointer-events:none}.vr-exit{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));min-height:40px;padding:0 14px;display:flex;align-items:center;gap:7px;border:1px solid rgba(221,243,245,.48);border-radius:2px;background:#0610188c;font-size:10px;cursor:pointer;pointer-events:auto}.vr-exit span{font:22px Manrope,sans-serif}.gaze-reticle{--gaze-progress: 0deg;position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(226,249,250,.75);border-radius:50%;transition:border-color .2s}.gaze-reticle:before{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--cyan) var(--gaze-progress),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));content:""}.gaze-reticle span{width:3px;height:3px;border-radius:50%;background:#fff}.gaze-reticle.charging{border-color:var(--cyan)}.vr-caption{position:absolute;bottom:max(38px,env(safe-area-inset-bottom));left:50%;max-width:78vw;transform:translate(-50%);color:#e2f7f4;text-align:center;text-shadow:0 2px 12px #000;font-size:10px}.vr-controls{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;color:#d4eeed;font-size:9px}.vr-controls button{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(221,243,245,.5);border-radius:50%;background:#061018a6;cursor:pointer;pointer-events:auto}.speaker-symbol{color:var(--cyan);font:18px Manrope,sans-serif}.vr-controls button[aria-pressed=true]{border-color:#ffb985;color:#ffb985}.mic-symbol{width:9px;height:13px;border:1px solid var(--cyan);border-radius:6px;color:transparent;position:relative}.mic-symbol:after{position:absolute;bottom:-5px;left:2px;width:4px;height:3px;border-bottom:1px solid var(--cyan);content:""}.settings-backdrop{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:20px;background:#03090ead;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-panel{width:min(440px,100%);max-height:min(90vh,680px);overflow:auto;padding:28px;border:1px solid rgba(156,213,221,.29);background:#0c1c25;box-shadow:0 25px 80px #0008;animation:settle-in .22s both}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.settings-header h2{margin:7px 0 0;font-size:23px;font-weight:600}.close-settings{font-size:24px}.field-label{display:block;margin:18px 0 8px;color:#91abb2;font-size:9px}.text-field{width:100%;height:44px;padding:0 12px;border:1px solid rgba(156,213,221,.23);color:var(--ink);background:#08151d}.setting-row{margin-top:21px;padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:12px}.setting-row small{margin-top:5px;color:#98afb5;font-size:10px}.setting-row input{width:18px;height:18px;accent-color:#69dbe4}.settings-notice{display:flex;gap:10px;margin:20px 0;padding:12px;border-left:2px solid #e1aa74;background:#e1aa7414;color:#d5c6b6}.settings-notice span{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:11px var(--mono)}.settings-notice p{margin:0;font-size:11px;line-height:1.6}.save-settings{width:100%;height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border:0;color:#062027;background:var(--cyan);font:10px var(--mono);cursor:pointer}.save-settings span{font:16px Manrope,sans-serif}.delete-history{margin:17px auto 0;display:block;border:0;color:#a8babd;background:none;font-size:10px;text-decoration:underline;cursor:pointer}.toast{position:absolute;z-index:12;top:96px;left:50%;max-width:calc(100% - 36px);padding:12px 18px;transform:translate(-50%,-8px);border:1px solid rgba(156,213,221,.3);color:#e6f7f5;background:#102630;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:12px;text-align:center}.toast.visible{transform:translate(-50%);opacity:1}.listening{filter:drop-shadow(0 0 12px #57dbe8)}@keyframes settle-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:760px){.topbar{height:64px;padding:0 20px}.interface{inset:64px 0 75px}.intro-panel{top:9%;left:22px;width:min(270px,57vw)}h1{margin-top:16px;font-size:38px}.intro-copy{max-width:210px;margin:8px 0 16px;font-size:12px}.robot-state b{font-size:9px}.robot-state small{font-size:10px}.world-label{margin-top:13px}.world-select{max-width:min(230px,58vw);height:38px}.chat-panel{right:16px;bottom:4%;width:min(360px,58vw);min-height:184px;padding:12px}.messages{height:94px}.message p{font-size:11px}.scene-caption{left:22px;bottom:5%;font-size:8px}.caption-detail{display:none}.mode-dock{height:70px;padding:0 16px}.mode-option{min-height:38px;padding:0 10px;font-size:8px}.orientation-note{font-size:8px}.orientation-note span{font-size:16px}}@media(max-width:520px){.top-status{font-size:8px}.intro-panel{top:5%;left:16px;width:calc(100% - 32px)}h1{margin:8px 0 4px;font-size:30px}.intro-copy{max-width:205px;margin:4px 0 9px;font-size:11px;line-height:1.4}.robot-state{gap:8px}.state-orbit{width:27px;height:27px}.state-orbit:before{width:15px;height:15px}.robot-state b{font-size:8px}.robot-state small{margin-top:2px;font-size:9px}.world-label{margin-top:7px}.world-select{max-width:180px;height:32px}.chat-panel{right:8px;bottom:2%;width:calc(100% - 16px);min-height:0;padding:7px 9px}.chat-heading{display:none}.messages{height:42px;padding:2px 0 4px}.message{gap:6px;margin-bottom:4px}.message-avatar{flex-basis:20px;width:20px;height:20px}.message p{margin-top:1px;font-size:10px;line-height:1.35}.composer{height:36px}.privacy-note,.scene-caption,.orientation-note{display:none}.mode-dock{justify-content:center}.mode-option{min-height:40px;padding:0 17px;font-size:9px}.settings-panel{padding:22px}}@media(max-height:560px)and (orientation:landscape){.topbar{height:52px}.interface{inset:52px 0 58px}.intro-panel{top:10%;left:5vw;width:30vw}h1{margin:12px 0 5px;font-size:32px}.intro-copy{margin:7px 0 12px}.chat-panel{right:4vw;bottom:3%;width:min(350px,42vw);min-height:160px}.messages{height:62px}.mode-dock{height:56px}.scene-caption{bottom:3%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}