.ai-goo-root{--ball-fill: #f2cf4d;--eye-white: #fffdf2;--eye-dark: #292319;--mouth: rgba(48, 38, 18, .95);--rail-thickness: 34px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.ai-goo-defs{position:absolute;width:0;height:0}.ai-goo-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;filter:url(#ai-goo-filter);-webkit-filter:url(#ai-goo-filter)}.ai-rail{position:absolute;background:var(--ball-fill);pointer-events:none;transition:background-color .28s cubic-bezier(.22,1,.36,1)}.ai-rail.top,.ai-rail.bottom{left:0;width:100%;height:var(--rail-thickness)}.ai-rail.top{top:calc(-1 * var(--rail-thickness) + 8px)}.ai-rail.bottom{bottom:calc(-1 * var(--rail-thickness) + 8px)}.ai-rail.left,.ai-rail.right{top:0;width:var(--rail-thickness);height:100%}.ai-rail.left{left:calc(-1 * var(--rail-thickness) + 8px)}.ai-rail.right{right:calc(-1 * var(--rail-thickness) + 8px)}.ai-bridge,.ai-tail{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--ball-fill);pointer-events:none;opacity:0;will-change:transform,width,height,opacity;transition:background-color .28s cubic-bezier(.22,1,.36,1)}.ai-drop{position:absolute;left:0;top:0;width:108px;height:108px;border-radius:50%;background:var(--ball-fill);pointer-events:auto;cursor:grab;touch-action:none;outline:none;will-change:transform;transition:background-color .28s cubic-bezier(.22,1,.36,1)}.ai-drop.dragging{cursor:grabbing}.ai-face{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:center;will-change:transform}.ai-listen-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px solid rgba(93,149,252,.85);opacity:0;transition:border-color .26s cubic-bezier(.22,1,.36,1),opacity .22s ease}.ai-eyes{position:absolute;left:50%;top:47%;display:flex;gap:4px;transform:translate(-50%,-50%);will-change:transform}.ai-eye{width:18px;height:18px;border-radius:50%;background:var(--eye-white);position:relative;transition:background-color .26s cubic-bezier(.22,1,.36,1)}.ai-pupil{width:8px;height:8px;border-radius:50%;background:var(--eye-dark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform;transition:background-color .26s cubic-bezier(.22,1,.36,1)}.ai-mouth{position:absolute;left:50%;top:66%;width:40px;height:14px;transform:translate(-50%,-50%);transform-origin:50% 50%;overflow:visible;will-change:width,height,transform,top}.ai-mouth-shape{fill:var(--mouth);transition:fill .26s cubic-bezier(.22,1,.36,1)}.ai-goo-root.mood-thinking{--ball-fill: #ffcf45}.ai-goo-root.mood-listening{--ball-fill: #ffda58}.ai-goo-root.mood-listening .ai-listen-ring{opacity:.74;animation:ai-signal-pulse 1.2s ease-out infinite}.ai-goo-root.mood-error{--ball-fill: #ffc465;--mouth: rgba(90, 34, 16, .94);--eye-dark: #3c2014}@keyframes ai-signal-pulse{0%{transform:scale(.88);opacity:.72}80%{transform:scale(1.14);opacity:0}to{transform:scale(1.14);opacity:0}}@media (max-width: 640px){.ai-drop{width:92px;height:92px}.ai-eye{width:16px;height:16px}.ai-pupil{width:7px;height:7px}.ai-mouth{width:34px;height:12px}}:root{color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:#233152;background:radial-gradient(1200px 700px at 8% 0%,#fff,#fff0 60%),radial-gradient(900px 500px at 100% 100%,#c8ddff,#c8ddff00 68%),linear-gradient(140deg,#f4f9ff,#dee9ff)}.scene{position:relative;width:100%;height:100%}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0 1px,transparent 1px 100%),radial-gradient(circle at 80% 60%,rgba(255,255,255,.55) 0 1px,transparent 1px 100%);background-size:11px 11px,13px 13px}.hud{position:fixed;left:16px;top:16px;z-index:10;width:min(420px,calc(100vw - 24px));padding:14px 15px;border-radius:14px;background:#ffffffbd;border:1px solid rgba(38,48,75,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px #22355e24}.kicker{margin:0;font-size:11px;letter-spacing:.12em;font-weight:700;color:#47619a}.hud h1{margin:4px 0 8px;font-size:24px;line-height:1.08}.hud p{margin:0;font-size:14px;line-height:1.45}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.controls button{border:0;border-radius:999px;background:linear-gradient(180deg,#f9fbff,#e9f0ff);color:#1f2e4f;font-weight:700;font-size:13px;padding:8px 12px;cursor:pointer;box-shadow:inset 0 0 0 1px #3d5c9f29,0 4px 12px #22355e1f}.controls button:hover{transform:translateY(-1px)}.status{margin-top:10px;font-size:13px;color:#38528e}.keys{margin-top:6px;font-size:12px;color:#5872a9}@media (max-width: 640px){.hud{left:12px;top:12px;padding:12px}.hud h1{font-size:21px}.hud p{font-size:13px}.controls{gap:7px}.controls button{font-size:12px;padding:7px 10px}}