*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#020504;--surface:#071510;--border:#0f2f24;--text:#e6f4ea;--muted:#8de5c6;--accent:#27c894;--code:#1e1e2e;--green:#16a34a;--red:#dc2626;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;display:flex}#root,.app{flex-direction:column;height:100%;display:flex}header{padding:calc(12px + var(--safe-top)) 16px 12px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#18181bd9;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}#chat{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.welcome{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.welcome h2{color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:700}.welcome p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.5}.msg{align-items:flex-start;gap:8px;max-width:85%;animation:.25s cubic-bezier(.2,.8,.2,1) msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg.assistant{align-self:flex-start}.msg.user .av{display:none}.av{perspective:100px;flex-shrink:0;width:28px;height:28px;position:relative}.av.av-sm{width:24px;height:24px}.av .cube-s{width:22px;height:22px;transform-style:preserve-3d;margin:3px auto;position:relative;transform:rotateX(-12deg)rotateY(22deg)}.av.av-sm .cube-s{width:18px;height:18px;margin:3px auto}.av .face-s{background:radial-gradient(circle at 30% 25%,#ffffff80,#0000 18%),linear-gradient(145deg,#7fffd4,#2dd6a0 18%,#16b784 38%,#0a7a59 70%,#044634 100%);border:1.2px solid #111;border-radius:4px;width:22px;height:22px;position:absolute;overflow:hidden;box-shadow:inset -2px -2px 4px #0000004d,inset 1px 1px 3px #fff3,0 3px 6px #0006}.av.av-sm .face-s{border-width:1px;border-radius:3px;width:18px;height:18px}.av .front-s{transform:translateZ(11px)}.av .back-s{transform:rotateY(180deg)translateZ(11px)}.av .right-s{transform:rotateY(90deg)translateZ(11px)}.av .left-s{transform:rotateY(-90deg)translateZ(11px)}.av .top-s{transform:rotateX(90deg)translateZ(11px)}.av .bottom-s{transform:rotateX(-90deg)translateZ(11px)}.av.av-sm .front-s{transform:translateZ(9px)}.av.av-sm .back-s{transform:rotateY(180deg)translateZ(9px)}.av.av-sm .right-s{transform:rotateY(90deg)translateZ(9px)}.av.av-sm .left-s{transform:rotateY(-90deg)translateZ(9px)}.av.av-sm .top-s{transform:rotateX(90deg)translateZ(9px)}.av.av-sm .bottom-s{transform:rotateX(-90deg)translateZ(9px)}.av .eyes-s{pointer-events:none;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0;transform:translateZ(12px)}.av.av-sm .eyes-s{transform:translateZ(10px)}.av .eye-s{background:#fff;border:1.5px solid #111;border-radius:50%;width:7px;height:10px;position:relative;overflow:hidden}.av.av-sm .eye-s{border-width:1px;width:6px;height:8px}.av .pupil-s{background:#111;border-radius:50%;width:3px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.av.av-sm .pupil-s{width:2px;height:3px}.av .pupil-s:before{content:"";background:#fff;border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:1px;left:1px}.av .mouth-s{z-index:5;pointer-events:none;border-bottom:1.5px solid #111;border-radius:0 0 10px 10px;width:10px;height:5px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.av.av-sm .mouth-s{border-bottom-width:1px;width:8px;height:4px}.msg .bubble{border-radius:14px;min-width:0;padding:10px 14px;font-size:15px;line-height:1.55}.msg.user .bubble{background:var(--accent);color:#000;border-bottom-right-radius:4px}.msg.assistant .bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.tool-msg .bubble{background:0 0;border:none;padding:4px 0}.msg pre{background:var(--code);border-radius:10px;margin:8px 0;padding:12px;position:relative;overflow-x:auto}.msg pre code{white-space:pre;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.45}.msg code{background:#ffffff14;border-radius:4px;padding:2px 5px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em}.msg.user code{background:#00000026}.msg img{border-radius:12px;max-width:100%;margin:8px 0}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:1px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#input-area{padding:8px 12px calc(8px + var(--safe-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bd9;flex-shrink:0}#input-row{align-items:flex-end;gap:6px;max-width:700px;margin:0 auto;display:flex}#prompt-wrap{flex:1;min-width:0;position:relative}#prompt{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:none;-webkit-appearance:none;border-radius:22px;min-height:42px;max-height:120px;padding:10px 16px;font-family:inherit;font-size:16px;line-height:1.4}#prompt:focus{border-color:var(--accent);outline:none}#prompt::placeholder{color:var(--muted)}#send-btn,#stop-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex}#send-btn:active,#stop-btn:active{transform:scale(.9)}#send-btn:disabled,#stop-btn:disabled{opacity:.3}#stop-btn{background:var(--red);display:none}.is-streaming #stop-btn{display:flex}.is-streaming #send-btn{display:none}.status-bar{color:var(--muted);text-align:center;min-height:16px;padding:4px 16px 0;font-size:11px}.quick-reply{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.quick-reply button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .15s}.quick-reply button:active{background:var(--accent);color:#000;border-color:var(--accent)}.cube-wrap{perspective:400px;width:160px;height:170px;margin:0 auto 4px;position:relative}.cube-m{width:140px;height:140px;transform-style:preserve-3d;margin:0 auto;animation:3.7s linear infinite floatM;position:relative;transform:rotateX(-10deg)rotateY(18deg)}@keyframes floatM{0%{transform:rotateX(-10deg)rotateY(18deg)translateY(0)}8%{transform:rotateX(-13deg)rotateY(21deg)translateY(-6px)}21%{transform:rotateX(-9deg)rotateY(16deg)translateY(-3px)}34%{transform:rotateX(-16deg)rotateY(24deg)translateY(-15px)}48%{transform:rotateX(-11deg)rotateY(20deg)translateY(-8px)}62%{transform:rotateX(-14deg)rotateY(17deg)translateY(-4px)}76%{transform:rotateX(-8deg)rotateY(25deg)translateY(-12px)}92%{transform:rotateX(-12deg)rotateY(19deg)translateY(-2px)}to{transform:rotateX(-10deg)rotateY(18deg)translateY(0)}}.face-m{background:radial-gradient(circle at 30% 25%,#ffffff80,#0000 18%),linear-gradient(145deg,#7fffd4,#2dd6a0 18%,#16b784 38%,#0a7a59 70%,#044634 100%);border:4px solid #111;border-radius:24px;width:140px;height:140px;position:absolute;overflow:hidden;box-shadow:inset -8px -8px 16px #0000004d,inset 6px 6px 12px #ffffff40,0 10px 20px #00000073}.face-m:before{content:"";background:linear-gradient(90deg,#ffffff40,#ffffff0a);border-radius:30px;width:60px;height:130px;position:absolute;top:-15px;left:10px;transform:rotate(18deg)}.front-m{transform:translateZ(70px)}.back-m{transform:rotateY(180deg)translateZ(70px)}.right-m{transform:rotateY(90deg)translateZ(70px)}.left-m{transform:rotateY(-90deg)translateZ(70px)}.top-m{transform:rotateX(90deg)translateZ(70px)}.bottom-m{transform:rotateX(-90deg)translateZ(70px)}.eyes-m{pointer-events:none;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;transform:translateZ(72px)}.eye-m{background:#fff;border:5px solid #111;border-radius:50%;width:48px;height:72px;animation:3.5s ease-in-out infinite wobbleM;position:relative;overflow:hidden}.eye-m:after{content:"";transform-origin:50%;background:linear-gradient(145deg,#7fffd4,#2dd6a0 18%,#16b784 38%,#0a7a59 70%,#044634 100%);border-radius:50%;animation:5s ease-in-out infinite eyelidM;position:absolute;inset:-5px;transform:scaleY(0)}@keyframes eyelidM{0%,91%,to{transform:scaleY(0)}94%,97%{transform:scaleY(1)}}@keyframes wobbleM{0%,to{transform:rotate(0)}10%{transform:rotate(-1.2deg)}25%{transform:rotate(1.8deg)}42%{transform:rotate(-2.5deg)}58%{transform:rotate(1.3deg)}75%{transform:rotate(-.8deg)}90%{transform:rotate(2.2deg)}}.pupil-m{background:#111;border-radius:50%;width:18px;height:26px;transition:all 60ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pupil-m:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:4px}.mouth-m{z-index:5;pointer-events:none;border-bottom:5px solid #111;border-radius:0 0 60px 60px;width:60px;height:30px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.shadow-m{filter:blur(12px);background:#00000073;border-radius:50%;width:160px;height:35px;animation:2.5s ease-in-out infinite shadowMoveM;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes shadowMoveM{0%,to{opacity:.45;transform:translate(-50%)scale(1)}50%{opacity:.25;transform:translate(-50%)scale(.85)}}@media (width<=480px){.cube-wrap{perspective:300px;width:120px;height:128px}.cube-wrap .cube-m{width:100px;height:100px}.cube-wrap .face-m{border-radius:18px;width:100px;height:100px}.cube-wrap .front-m{transform:translateZ(50px)}.cube-wrap .back-m{transform:rotateY(180deg)translateZ(50px)}.cube-wrap .right-m{transform:rotateY(90deg)translateZ(50px)}.cube-wrap .left-m{transform:rotateY(-90deg)translateZ(50px)}.cube-wrap .top-m{transform:rotateX(90deg)translateZ(50px)}.cube-wrap .bottom-m{transform:rotateX(-90deg)translateZ(50px)}.cube-wrap .eyes-m{gap:12px;transform:translateZ(52px)}.cube-wrap .eye-m{border-width:4px;width:34px;height:52px}.cube-wrap .pupil-m{width:13px;height:18px}.cube-wrap .mouth-m{border-bottom-width:4px;width:42px;height:22px;bottom:10px}.cube-wrap .shadow-m{filter:blur(8px);width:120px;height:24px}.msg .av{perspective:80px;width:24px;height:24px}.msg .bubble{padding:8px 12px;font-size:15px}.av .cube-s{width:18px;height:18px;margin:3px auto}.av .face-s{border-width:1px;border-radius:3px;width:18px;height:18px}.av .front-s{transform:translateZ(9px)}.av .back-s{transform:rotateY(180deg)translateZ(9px)}.av .right-s{transform:rotateY(90deg)translateZ(9px)}.av .left-s{transform:rotateY(-90deg)translateZ(9px)}.av .top-s{transform:rotateX(90deg)translateZ(9px)}.av .bottom-s{transform:rotateX(-90deg)translateZ(9px)}.av .eye-s{border-width:1px;width:6px;height:8px}.av .pupil-s{width:2px;height:3px}.av .mouth-s{border-bottom-width:1px;width:8px;height:4px}}