@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Press+Start+2P&display=swap";.desktop-entry{position:absolute;right:24px;top:92px;z-index:24;border:1px solid #bd9565;background:#252326;color:#f4d3a9;border-radius:5px;padding:12px}.desktop-panel{position:absolute;z-index:60;top:80px;bottom:20px;right:20px;width:min(560px,calc(100% - 40px));overflow:auto;background:#141a20;border:1px solid #b58a58;border-radius:8px;padding:22px;box-shadow:0 20px 80px #000b}.desktop-panel header{display:flex;justify-content:space-between;align-items:start}.desktop-panel h2{margin:0;font-size:23px}.desktop-panel header button{border:0;background:transparent;color:#eee;font-size:26px}.desktop-panel p{font-size:13px;line-height:1.6;color:#bbb6b0}.desktop-panel .desktop-state{color:#edc58d}.desktop-features{display:flex;flex-wrap:wrap;gap:7px}.desktop-features span{font-size:10px;border:1px solid #716046;padding:7px}.desktop-panel label{font-size:12px}.desktop-panel textarea{display:block;width:100%;min-height:88px;margin:8px 0 12px;padding:12px;border:1px solid #7b664b;background:#0c1118;color:#eee;resize:vertical}.desktop-panel button:disabled{opacity:.45}.desktop-commands{padding-left:20px}.desktop-commands li{margin:14px 0;font-size:12px;overflow-wrap:anywhere}.desktop-commands small{display:block;color:#be9b6f;margin-top:5px}.desktop-panel footer{font-size:10px;color:#a89d91;line-height:1.7}.desktop-panel a{color:#e4bf8b}@media(max-width:760px){.desktop-entry{top:144px;right:14px;padding:8px}.desktop-panel{top:68px;right:8px;bottom:8px;width:calc(100% - 16px);padding:16px}}:root{color-scheme:dark;font-family:Manrope,Segoe UI,sans-serif;color:#f6eee8;background:#080b12;font-synthesis:none;--warm:#e2a260;--amber:#ffc36d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#080b12}button,input,textarea{font:inherit}button{cursor:pointer}.center{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#32241f,#080b12 64%)}.pixel-loader{text-align:center;color:#a99c98}.pixel-loader span{display:grid;place-items:center;width:62px;height:62px;margin:auto;border:2px solid #cc8b50;box-shadow:6px 6px #6b3d2b;background:#231a1a;color:#ffc97a;font:20px "Press Start 2P";animation:float 1.5s ease-in-out infinite}.pixel-loader p{font-size:12px;letter-spacing:.08em}.office-app{position:relative;width:100%;height:100%;overflow:hidden;background:#080b12}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff12;background:linear-gradient(180deg,#07090fe6,#07090f59);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #f4b56788;box-shadow:inset 0 0 18px #e7943840,4px 4px #3b2420;color:#ffd18c;font:14px "Press Start 2P"}.brand strong,.brand small{display:block}.brand strong{font:12px "Press Start 2P";letter-spacing:.08em}.brand small{margin-top:4px;color:#a39491;font-size:10px}.topbar-actions{display:flex;align-items:center;gap:10px}.agent-status,.usage-pill,.profile-button{border:1px solid #ffffff1a;background:#151720cc;color:#ddd5d1}.agent-status{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:20px;font-size:11px}.agent-status i,.card-state i,.chat-header small i{width:7px;height:7px;border-radius:50%;background:#68d6a2;box-shadow:0 0 9px #68d6a2}.agent-status.thinking i,.card-state.thinking i{background:var(--amber);animation:blink .8s infinite alternate}.agent-status.error i,.card-state.error i{background:#ff7676;box-shadow:0 0 9px #ff7676}.usage-pill{padding:9px 13px;border-radius:9px;font-size:11px}.usage-pill span{color:#817975}.profile-button{width:36px;height:36px;border-radius:9px;font-weight:700}.room-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 60%,#28212a,#0c1019 58%,#06080e)}.room-viewport:active{cursor:grabbing}.ambient-glow{position:absolute;inset:10% 15%;border-radius:50%;background:#df864111;filter:blur(80px)}.room-scene{position:absolute;top:52%;left:50%;width:min(1536px,92vw);aspect-ratio:3/2;transform-origin:center;transition:transform .45s cubic-bezier(.22,.8,.25,1);-webkit-user-select:none;user-select:none}.room-viewport:active .room-scene{transition:none}.room-layer{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 28px 42px #0009)}.hotspot,.agent-sprite{position:absolute;border:0;background:transparent}.computer-hotspot{top:46%;left:54%;width:17%;height:18%}.hotspot-ring{position:absolute;inset:18%;border:2px solid #ffd38b;border-radius:50%;opacity:0;box-shadow:0 0 0 8px #ffd38b20,inset 0 0 24px #ffd38b50;transition:.25s}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{opacity:1;transform:scale(1.08)}.object-label{position:absolute;bottom:-30px;left:50%;min-width:122px;padding:8px 11px;border:1px solid #f2bc79aa;border-radius:7px;background:#17151ae8;color:#fff4e8;opacity:0;transform:translate(-50%,8px);transition:.25s;box-shadow:0 10px 30px #0008}.object-label b,.object-label small{display:block;white-space:nowrap}.object-label b{font-size:11px}.object-label small{color:#b9a69b;font-size:9px}.hotspot:hover .object-label,.hotspot:focus-visible .object-label{opacity:1;transform:translate(-50%)}.agent-sprite{top:38%;left:59%;width:12%;aspect-ratio:1;padding:0;filter:drop-shadow(0 9px 8px #0008);transition:filter .2s,transform .2s}.agent-sprite img{width:100%;height:100%;object-fit:contain}.agent-sprite:hover{transform:translateY(-3px);filter:drop-shadow(0 12px 10px #000b) brightness(1.08)}.agent-sprite.idle img{animation:breathe 3.3s ease-in-out infinite}.agent-sprite.thinking img{animation:think 1.2s ease-in-out infinite}.agent-sprite.error{filter:drop-shadow(0 0 8px #e46b5d99)}.agent-beacon{position:absolute;top:12%;right:18%;width:10px;height:10px;border:2px solid #2e2119;border-radius:50%;background:#6ad29c;box-shadow:0 0 10px #6ad29c}.thinking .agent-beacon{background:var(--amber);animation:blink .6s alternate infinite}.error .agent-beacon{background:#ff7676}.agent-card{position:absolute;z-index:8;top:25%;left:70%;width:245px;padding:19px;border:1px solid #d99a5a66;border-radius:13px;background:linear-gradient(145deg,#221c1df7,#12131af7);box-shadow:0 20px 55px #000b,inset 0 1px #ffffff14;color:#f7eee7;animation:card-in .22s ease-out}.agent-card:before{content:"";position:absolute;left:-9px;top:42%;width:16px;height:16px;border-left:1px solid #d99a5a66;border-bottom:1px solid #d99a5a66;background:#211c1e;transform:rotate(45deg)}.card-close{position:absolute;top:8px;right:9px;border:0;background:transparent;color:#998d87;font-size:20px}.eyebrow{margin:0 0 7px;color:#d89555;font-size:9px;font-weight:700;letter-spacing:.15em}.agent-card h2{margin:0 0 10px;font:15px "Press Start 2P"}.card-state{display:flex;align-items:center;gap:7px;color:#bbb0aa;font-size:11px}.agent-card dl{margin:16px 0}.agent-card dl div{padding:10px 0;border-top:1px solid #ffffff10}.agent-card dt{color:#877c77;font-size:9px;text-transform:uppercase}.agent-card dd{margin:3px 0 0;font-size:11px}.warm-button{border:1px solid #efb16d;border-radius:8px;padding:10px 14px;background:linear-gradient(#e7aa68,#bf7441);color:#24140d;font-weight:800}.room-title{position:absolute;left:26px;bottom:28px;display:flex;align-items:center;gap:12px;text-shadow:0 2px 9px #000}.room-title>span{color:#8e6960;font:13px "Press Start 2P"}.room-title p{margin:0 0 2px;color:#a8948a;font-size:8px;letter-spacing:.18em}.room-title h1{margin:0;font:16px "Press Start 2P"}.camera-controls{position:absolute;right:24px;bottom:26px;display:flex;gap:7px}.camera-controls button{min-width:38px;height:38px;border:1px solid #ffffff1b;border-radius:8px;background:#151720dc;color:#e9ded8}.camera-controls .reset-view{padding:0 13px;color:#bbaaa1;font-size:10px}.camera-hint{position:absolute;left:50%;bottom:24px;margin:0;color:#81746f;font-size:9px;transform:translate(-50%)}.chat-window{position:absolute;z-index:30;top:88px;right:24px;bottom:24px;width:min(840px,calc(100vw - 48px));overflow:hidden;border:1px solid #f0b46b45;border-radius:18px;background:#0d0e14f0;box-shadow:0 28px 90px #000c,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:window-in .32s cubic-bezier(.2,.8,.2,1)}.chat-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #ffffff12;background:#211b1dcc}.chat-header>div{display:flex;align-items:center;gap:10px}.chat-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d99d5f;border-radius:8px;color:#ffcf92;font:11px "Press Start 2P";background:#32231f}.chat-header strong,.chat-header small{display:block}.chat-header strong{font-size:12px}.chat-header small{display:flex;align-items:center;gap:5px;margin-top:2px;color:#958983;font-size:9px}.chat-header>button{border:0;background:transparent;color:#a99c96;font-size:26px}.chat-body{height:calc(100% - 64px);display:grid;grid-template-columns:190px 1fr}.conversation-panel{display:flex;flex-direction:column;min-width:0;padding:13px 10px;border-right:1px solid #ffffff10;background:#101117aa}.new-chat{border:1px solid #d4955650;border-radius:8px;padding:10px;color:#e5c3a1;background:#2d211e;font-size:10px;text-align:left}.conversation-panel nav{flex:1;margin-top:12px;overflow-y:auto}.conversation-panel nav button{width:100%;display:flex;gap:7px;overflow:hidden;border:0;border-radius:7px;padding:9px;color:#8d8582;background:transparent;font-size:10px;text-align:left;white-space:nowrap;text-overflow:ellipsis}.conversation-panel nav button.selected{color:#f5dfcc;background:#2a2222}.usage-mini{padding:10px;border-top:1px solid #ffffff10;font-size:9px}.usage-mini span,.usage-mini strong,.usage-mini small{display:block}.usage-mini span,.usage-mini small{color:#776f6c}.usage-mini strong{margin:4px 0;color:#d9c7b9}.usage-mini>div{height:3px;margin:6px 0;background:#302b2b}.usage-mini i{display:block;height:100%;background:#d89250}.chat-content{min-width:0;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding:26px 25px 8px}.chat-empty{align-self:center;margin:auto;padding:32px;text-align:center;color:#918783}.chat-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border:1px solid #d69859;box-shadow:4px 4px #3c2822;color:#f6bf7c;font:13px "Press Start 2P"}.chat-empty h2{margin:0 0 8px;color:#f2e8e1;font-size:20px}.chat-empty p{font-size:11px}.chat-empty .warm-button{margin-top:12px}article{display:grid;grid-template-columns:31px 1fr;gap:11px;max-width:600px;margin:0 auto 20px}article>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff1a;border-radius:8px;background:#292930;font-size:10px;font-weight:700}article.assistant>span{border-color:#c88a4d;background:#35251f;color:#ffc37b}article strong{font-size:10px}article p{margin:5px 0 0;color:#d0c8c3;font-size:12px;line-height:1.65;white-space:pre-wrap}.thinking-message p{display:flex;gap:4px}.thinking-message p i{width:5px;height:5px;border-radius:50%;background:#d79858;animation:dots 1s infinite alternate}.thinking-message p i:nth-child(2){animation-delay:.2s}.thinking-message p i:nth-child(3){animation-delay:.4s}.composer{display:grid;grid-template-columns:1fr 40px;gap:8px;margin:12px 18px 18px;padding:8px 8px 8px 14px;border:1px solid #d19a5d45;border-radius:13px;background:#191820;box-shadow:0 12px 30px #0005}.composer textarea{resize:none;border:0;padding:9px 0;outline:none;color:#f5eee9;background:transparent;font-size:12px}.composer button{width:40px;height:40px;border:0;border-radius:9px;background:#d99553;color:#26150d;font-size:19px;font-weight:800}.composer button:disabled{opacity:.3;cursor:default}.error{margin:0 18px;padding:9px 12px;border:1px solid #81484a;border-radius:8px;color:#ffc1bd;background:#321b1e;font-size:10px}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#080b12}.login-room{position:absolute;inset:-5%;background:linear-gradient(90deg,#080b12dd,#080b1288),url(/assets/gabriel-room.png) center/cover;filter:blur(2px);transform:scale(1.04)}.login-card{position:relative;width:min(420px,calc(100vw - 32px));padding:38px;border:1px solid #e3a15e4d;border-radius:16px;background:#131116ed;box-shadow:0 30px 90px #000c,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border:1px solid #e2a15e;box-shadow:5px 5px #4b2d24;color:#ffc67d;font:14px "Press Start 2P"}.login-card h1{margin:6px 0 8px;font-size:27px}.login-card>p:not(.eyebrow){color:#a09691;font-size:13px}.login-card form{display:grid;gap:15px;margin:25px 0}.login-card label{display:grid;gap:7px;color:#c2b7b1;font-size:11px;font-weight:600}.login-card input{border:1px solid #ffffff1c;border-radius:8px;padding:12px 13px;outline:none;color:#fff;background:#0e1016}.login-card input:focus{border-color:#d99a59;box-shadow:0 0 0 3px #d99a591b}.login-card form>button{border:1px solid #ecb26f;border-radius:8px;padding:12px;background:linear-gradient(#e3a25f,#bd713f);color:#26150e;font-weight:800}.login-card>small{color:#6f6865;font-size:9px}@keyframes breathe{50%{transform:translateY(-2px) scale(1.005)}}@keyframes think{50%{transform:translateY(-3px) rotate(-.8deg)}}@keyframes blink{to{opacity:.35}}@keyframes dots{to{transform:translateY(-4px);opacity:.35}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes card-in{0%{opacity:0;transform:translate(-8px) scale(.97)}}@keyframes window-in{0%{opacity:0;transform:translateY(15px) scale(.98)}}@media(max-width:760px){.topbar{height:62px;padding:0 13px}.brand small,.usage-pill span,.agent-status{display:none}.room-scene{width:1180px;top:50%}.room-title{left:15px;bottom:17px}.room-title h1{font-size:12px}.camera-controls{right:14px;bottom:15px}.camera-hint{display:none}.chat-window{top:70px;right:8px;bottom:8px;width:calc(100vw - 16px)}.chat-body{grid-template-columns:1fr}.conversation-panel{display:none}.agent-card{position:fixed;inset:auto 16px 20px;width:auto}.agent-card:before{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.canvas-stage{position:absolute;inset:72px 0 0;display:grid;place-items:center;overflow:hidden}.canvas-stage canvas{display:block;width:min(1280px,100vw);height:auto;max-height:calc(100vh - 72px);aspect-ratio:16/9;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none}.canvas-stage canvas:focus-visible{box-shadow:inset 0 0 0 3px #f2b66e}.scene-a11y{position:absolute;border:2px solid transparent;background:transparent;color:transparent}.scene-a11y:focus-visible{border-color:#ffd078;box-shadow:0 0 0 5px #ffd07833;outline:0}.computer-a11y{left:54%;top:31%;width:10%;height:18%}.agent-a11y{left:66%;top:48%;width:5%;height:15%}.canvas-stage .camera-controls{z-index:5}.room-viewport{cursor:default}.agent-card{position:fixed;top:24%;left:auto;right:7%;z-index:12}.chat-window{z-index:40}.canvas-stage{inset:72px 0 80px;display:block}.canvas-stage canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;image-rendering:pixelated}.scene-actions{position:absolute;top:18px;left:24px;display:flex;gap:8px}.scene-actions button{border:1px solid #d49d5b55;background:#1c1b20;color:#ecd2af;padding:10px 14px;text-align:left;border-radius:4px;font-size:12px}.scene-actions small{display:block;color:#a99a87;font-size:10px;margin-top:4px}.scene-actions button:hover,.scene-actions button:focus-visible{border-color:#f3c782;outline:2px solid #f3c78255}.scene-actions button:disabled{opacity:.6}.canvas-stage .camera-controls{bottom:0}.camera-controls button:disabled{opacity:.3}.chat-window{border-radius:6px;border:3px solid #927555;background:#101819}.chat-header{background:#243332;border-bottom:2px solid #52655a}.chat-header strong:before{content:"▣ TERMINAL · ";font-size:10px;color:#9ab7a3}.chat-avatar{border-radius:2px}.room-viewport{background:#10131b}.ambient-glow{display:none}@media(max-width:760px){.canvas-stage{inset:62px 0 90px}.canvas-stage canvas{width:100%;height:100%;max-width:none;max-height:none}.scene-actions{top:14px;left:14px}.canvas-stage .camera-controls{bottom:0;right:14px}.agent-card{inset:auto 14px 18px;width:auto}.chat-body{grid-template-rows:auto minmax(0,1fr)}.conversation-panel{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px;max-height:70px;border-bottom:1px solid #ffffff18}.conversation-panel nav{display:flex;margin:0;overflow-x:auto;flex:1}.conversation-panel nav button{width:auto;flex-shrink:0}.usage-mini{display:none}.new-chat{flex-shrink:0}.chat-content{min-height:0}.room-title{bottom:20px}.chat-empty{padding:18px}}