*{box-sizing:border-box}:root{color:#eaf7ff;background:#030712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--center-x:50vw;--center-y:43vh;--robot-width:min(500px,76vw);--chat-width:min(920px,calc(100vw - 24px))}body,html{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;background:#020617}button,input{font:inherit}button{cursor:pointer}.website-stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#020617}.website-stage:before{position:fixed;inset:-30%;z-index:1;content:"";background:linear-gradient(hsla(0,0%,100%,.032) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.032) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle,#000,transparent 72%);mask-image:radial-gradient(circle,#000,transparent 72%);opacity:.18;pointer-events:none}.cyber-background{position:fixed;inset:0;z-index:0;overflow:hidden;background:#020617;pointer-events:none}.cyber-background-image{position:absolute;inset:-4%;background:linear-gradient(rgba(2,6,23,.04),rgba(2,6,23,.24)),url(/backgrounds/iomind-cyber-bg.png) 50% /cover no-repeat;opacity:.88;transform:scale(1.04);animation:cyberImageDrift 30s ease-in-out infinite alternate}.cyber-background-robot-glow{position:absolute;left:50%;top:var(--center-y);z-index:2;width:min(560px,82vw);height:min(560px,82vw);border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.24),rgba(59,130,246,.09) 42%,transparent 68%);transform:translate(-50%,-50%);filter:blur(12px);animation:cyberRobotGlow 5.8s ease-in-out infinite alternate}.cyber-background-canvas{position:absolute;inset:0;z-index:5;opacity:.8;mix-blend-mode:screen}.cyber-background-vignette{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 50% 42%,rgba(2,6,23,.01),rgba(2,6,23,.48) 74%),linear-gradient(180deg,rgba(2,6,23,.06),rgba(2,6,23,.52))}.orb-layer{position:fixed;left:var(--center-x);top:var(--center-y);z-index:4;width:1px;height:1px;transform:translate(-50%,-50%);pointer-events:none}.website-orb-system{position:absolute;left:0;top:0;width:1px;height:1px}.website-project-orb{position:absolute;left:-46px;top:-46px;display:grid;width:92px;height:92px;place-items:center;border:1px solid rgba(126,240,255,.58);border-radius:999px;background:radial-gradient(circle at 35% 26%,hsla(0,0%,100%,.9),transparent 13%),radial-gradient(circle,rgba(34,211,238,.88),rgba(31,80,180,.36) 55%,rgba(2,6,23,.82));box-shadow:0 0 32px rgba(34,211,238,.5),inset 0 0 22px hsla(0,0%,100%,.2);transform:none;transition:filter .18s ease,border-color .18s ease,scale .18s ease;pointer-events:auto;text-decoration:none;scale:1}.website-project-orb.active:hover,.website-project-orb:hover{filter:brightness(1.22);border-color:rgba(167,243,208,.95);scale:1.08}.website-project-orb.active:not(:hover){filter:none;border-color:rgba(126,240,255,.58);scale:1}.website-project-orb .orb-inner{width:26px;height:26px;border-radius:inherit;background:rgba(240,253,250,.96);box-shadow:0 0 18px rgba(240,253,250,.86)}.orb-project-label{position:absolute;top:calc(100% + 10px);left:50%;width:152px;transform:translateX(-50%);color:rgba(224,242,254,.98);font-size:.76rem;font-weight:800;letter-spacing:.02em;line-height:1.12;text-align:center;text-shadow:0 0 10px rgba(34,211,238,.62),0 2px 12px rgba(0,0,0,.92);pointer-events:none}.avatar-layer{position:fixed;inset:0;z-index:3;pointer-events:none}.avatar-card{position:absolute;left:var(--center-x);top:var(--center-y);transform:translate(-50%,-50%);width:100vw;display:flex;flex-direction:column;align-items:center;pointer-events:none}.robot-stage{display:grid;width:100%;place-items:center}.robot-svg{display:block;width:var(--robot-width);height:auto;margin:0 auto;overflow:visible;filter:drop-shadow(0 0 18px rgba(34,211,238,.12)) drop-shadow(0 22px 45px rgba(0,0,0,.36))}.robot-panel-line{fill:none;stroke:rgba(188,247,255,.42);stroke-width:2.5;stroke-linecap:round}.female-robot-head.speaking .robot-core{filter:url(#friendlyCyanGlowStrong)}.female-robot-head.listening,.female-robot-head.thinking{animation:thinkingFloat 1.2s ease-in-out infinite alternate}.female-robot-head.error{filter:drop-shadow(0 0 16px rgba(248,113,113,.75))}.avatar-audio{display:none}.website-chatbox{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:5;display:grid;width:var(--chat-width);transform:translateX(-50%);grid-gap:8px;gap:8px;margin:0}.website-chat-log{display:flex;max-height:210px;flex-direction:column;gap:8px;overflow-y:auto;padding:4px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000);mask-image:linear-gradient(transparent,#000 12%,#000)}.website-bubble{width:-moz-fit-content;width:fit-content;max-width:min(720px,88vw);padding:12px 16px;border:1px solid rgba(126,240,255,.22);border-radius:18px;color:#e0f2fe;background:rgba(15,23,42,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.26);font-size:1rem;line-height:1.42;white-space:pre-wrap}.website-bubble.user{align-self:flex-end;color:#04111f;background:linear-gradient(135deg,#67e8f9,#a7f3d0)}.website-bubble.assistant{align-self:flex-start}.website-bubble.guide{opacity:.82}.website-bubble.thinking{opacity:.78}.website-bubble.error{color:#fecaca;border-color:hsla(0,91%,71%,.44)}.website-chat-controls{display:grid;grid-template-columns:52px minmax(0,1fr) 52px 52px;grid-gap:10px;gap:10px;width:100%;padding:10px;border:1px solid rgba(126,240,255,.24);border-radius:999px;background:rgba(2,6,23,.78);box-shadow:0 18px 70px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.website-chat-controls input{min-width:0;border:0;outline:none;color:#e0f2fe;background:transparent;font-size:1rem}.website-chat-controls input::placeholder{color:rgba(224,242,254,.54)}.control-button{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(126,240,255,.28);border-radius:999px;color:#e0f2fe;background:rgba(15,23,42,.84);transition:filter .18s ease,border-color .18s ease,transform .18s ease}.control-button:hover:not(:disabled){filter:brightness(1.14);border-color:rgba(167,243,208,.72);transform:translateY(-1px)}.control-button.active{color:#042f2e;border-color:rgba(167,243,208,.95);background:linear-gradient(135deg,#67e8f9,#a7f3d0)}.control-button:disabled{cursor:not-allowed;opacity:.42}@keyframes thinkingFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes cyberImageDrift{0%{transform:scale(1.04) translate3d(-.7%,-.5%,0)}to{transform:scale(1.08) translate3d(.7%,.5%,0)}}@keyframes cyberRobotGlow{0%{opacity:.46;transform:translate(-50%,-50%) scale(.96)}to{opacity:.82;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width:820px){:root{--center-y:42vh;--robot-width:min(380px,86vw);--chat-width:min(760px,calc(100vw - 18px))}.cyber-background-image{inset:-8%;opacity:.8;background-position:top}.cyber-background-canvas{opacity:.74}.cyber-background-robot-glow{width:min(430px,92vw);height:min(430px,92vw)}.website-project-orb{width:64px;height:64px;left:-32px;top:-32px}.website-project-orb .orb-inner{width:18px;height:18px}.orb-project-label{top:calc(100% + 7px);width:92px;font-size:.62rem;line-height:1.08;letter-spacing:0}.website-chat-log{max-height:165px}.website-chat-controls{grid-template-columns:46px minmax(0,1fr) 46px 46px;gap:8px;padding:8px}.website-chat-controls input{font-size:.95rem}.control-button{width:46px;height:46px}}@media (max-width:420px){:root{--center-y:42vh;--robot-width:min(350px,88vw)}.website-project-orb{width:60px;height:60px;left:-30px;top:-30px}.website-project-orb .orb-inner{width:17px;height:17px}.orb-project-label{width:84px;font-size:.58rem}.website-chat-log{max-height:140px}.website-bubble{max-width:min(620px,88vw);padding:10px 13px;font-size:.9rem;line-height:1.34}}@media (max-height:760px){:root{--center-y:39vh;--robot-width:min(330px,82vw)}.website-chat-log{max-height:120px}}@media (max-height:680px){:root{--center-y:36vh;--robot-width:min(285px,76vw)}.website-project-orb{width:56px;height:56px;left:-28px;top:-28px}.orb-project-label{width:82px;font-size:.54rem}.website-chat-log{max-height:92px}.website-bubble{padding:8px 12px;font-size:.82rem;line-height:1.28}}@media (max-height:600px){:root{--center-y:32vh;--robot-width:min(235px,68vw)}.website-chat-log{max-height:68px}.website-chat-controls{grid-template-columns:42px minmax(0,1fr) 42px 42px;padding:7px}.control-button{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.cyber-background-image,.cyber-background-robot-glow,.female-robot-head.listening,.female-robot-head.thinking{animation:none}.cyber-background-canvas{display:none}}