@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,ui-sans-serif,system-ui,sans-serif;color:#e8fbfb;background:#030708;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan:#00fff0;--cyan-soft:#82fff7;--muted:#779092;--line:rgba(105,221,219,.13);--panel:#081012}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 8%,rgba(0,109,110,.12),transparent 38%),#030708}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 40px,1000px);margin:0 auto;position:relative}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#efffff}.brand-mark{height:36px;width:36px;border:1px solid rgba(0,255,240,.3);background:#00fff012;border-radius:11px;display:grid;place-items:center;color:var(--cyan);box-shadow:0 0 22px #00fff00f}.brand strong{display:block;font-size:15px;letter-spacing:.18em}.brand small{display:block;color:#62888a;font:9px DM Mono,monospace;letter-spacing:.13em;margin-top:3px}.top-actions{display:flex;align-items:center;gap:20px}.status{font:9px DM Mono,monospace;letter-spacing:.08em;color:#78a4a2;display:flex;align-items:center;gap:8px}.status i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.icon-button{border:1px solid var(--line);background:#091113;color:#8ab0b1;border-radius:10px;height:37px;width:37px;display:grid;place-items:center;transition:.2s}.icon-button:hover{color:var(--cyan);border-color:#168a88}.hero{text-align:center;padding:53px 0 26px;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#70b9b8;font:10px DM Mono,monospace;letter-spacing:.17em}.eyebrow svg{color:var(--cyan)}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.055em;margin:18px 0 13px;font-weight:700;color:#eaffff}h1 span{color:var(--cyan);text-shadow:0 0 32px rgba(0,255,240,.16)}.hero-subtitle{color:#789092;font-size:14px;margin:0}.robot-scene{height:322px;width:min(100%,440px);margin:0 auto;position:relative;display:grid;place-items:center;isolation:isolate}.aura{position:absolute;left:50%;top:48%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.aura-one{width:330px;height:330px;background:radial-gradient(circle,rgba(0,255,240,.13) 0%,rgba(0,255,240,.045) 38%,transparent 70%);filter:blur(12px)}.aura-two{width:230px;height:230px;border:1px solid rgba(0,255,240,.06);box-shadow:0 0 75px #00fff012,inset 0 0 65px #00fff00a}.orb{position:relative;width:230px;height:230px;border-radius:50%;border:1px solid rgba(75,255,249,.27);background:radial-gradient(circle at 34% 24%,#15383d,#0a2025 35%,#041013 68%,#020607);box-shadow:0 0 28px #00fff01a,inset 0 0 42px #00fff012,inset -18px -24px 45px #000c;overflow:hidden;display:grid;place-items:center}.orb:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(115,255,250,.055);border-radius:50%}.orb-shine{position:absolute;left:26px;top:17px;width:100px;height:30px;border-radius:50%;background:#dcffff0f;filter:blur(15px);transform:rotate(-28deg)}.orb-ring{position:absolute;border:1px solid rgba(0,255,240,.055);border-radius:50%;width:176px;height:196px}.ring-two{width:145px;height:170px;opacity:.6}.eyes{display:flex;align-items:center;justify-content:center;gap:19px;position:relative;z-index:2;margin-top:-5px}.eye{width:73px;height:72px;border-radius:22px;background:linear-gradient(145deg,#a7fffc,#00fff0 36%,#00dcd8);box-shadow:0 0 10px #00fff0eb,0 0 26px #00fff0b8,0 0 54px #00fff057,inset 0 2px 5px #ffffff85;position:relative;transform-origin:center;overflow:hidden}.eye span{position:absolute;left:12px;right:12px;top:3px;height:8px;border-radius:50%;background:#ffffff42;filter:blur(3px)}.orb-shadow{position:absolute;bottom:22px;width:138px;height:13px;border-radius:50%;background:#00fff01c;filter:blur(13px)}.mood-thinking .eye{animation:thinkPulse 2.5s ease-in-out infinite alternate}.mood-speaking .eye{animation:speakPulse .5s ease-in-out infinite alternate}.mood-listening .orb{box-shadow:0 0 48px #00fff038,inset 0 0 42px #00fff01a}.mood-happy .orb{box-shadow:0 0 52px #00fff03d,inset 0 0 42px #00fff01a}.mood-empathetic .orb{filter:saturate(.8)}.listening-ripple{position:absolute;width:265px;height:265px;border:1px solid var(--cyan);border-radius:50%;z-index:3;pointer-events:none}.thinking-dots{position:absolute;bottom:45px;display:flex;gap:5px}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:dot 1s infinite alternate}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}.state-label{display:inline-flex;align-items:center;gap:9px;color:#70a2a3;font:9px DM Mono,monospace;letter-spacing:.14em;border:1px solid var(--line);border-radius:30px;padding:9px 13px;background:#051315a6;margin-top:-8px}.state-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.state-thinking .state-dot{animation:blink .8s infinite}.state-listening .state-dot{animation:blink .55s infinite}.chat-panel{width:min(100%,720px);margin:12px auto 0;background:linear-gradient(145deg,#091315fa,#050c0efa);border:1px solid rgba(92,209,206,.15);border-radius:18px;box-shadow:0 18px 80px #00000038;overflow:hidden}.chat-heading{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:12px}.chat-heading>div{display:flex;align-items:center;gap:9px}.chat-heading strong{font-weight:600;color:#d4eded}.chat-caption{color:#5e7c7d;font-size:11px;margin-left:-6px}.clear-button{border:0;background:none;color:#6c9696;font-size:11px}.clear-button:hover{color:var(--cyan)}.messages{padding:20px 20px 12px;max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#183638 transparent}.message-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.message-row.user{justify-content:flex-end}.message-avatar{width:25px;height:25px;flex:0 0 25px;border:1px solid rgba(0,255,240,.24);border-radius:8px;display:grid;place-items:center;background:#082326;margin-top:2px}.message-avatar span{width:7px;height:7px;border-radius:3px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.message-content{max-width:min(82%,520px)}.message-row.user .message-content{text-align:right}.message-meta{font:9px DM Mono,monospace;letter-spacing:.1em;color:#6e9c9d;margin:0 0 7px}.welcome-tag{font-size:8px;margin-left:8px;padding:3px 5px;border-radius:4px;color:#00dcd4;background:#00fff014}.bubble{font-size:13px;line-height:1.8;color:#c7dddd;padding:12px 14px;background:#0d1a1c;border:1px solid rgba(104,211,207,.1);border-radius:3px 13px 13px;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:#083436;border-color:#00fff024;color:#e3ffff;border-radius:13px 3px 13px 13px;text-align:left}.speak-message{background:none;border:0;color:#547c7c;padding:4px;margin-top:26px}.speak-message:hover{color:var(--cyan)}.typing{display:flex;gap:5px;align-items:center;min-width:55px}.typing i{height:5px;width:5px;border-radius:50%;background:var(--cyan);animation:dot .7s infinite alternate}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.suggestions{padding:4px 20px 16px}.suggestions>span{display:block;color:#537a7a;font:9px DM Mono,monospace;letter-spacing:.12em;margin-bottom:9px}.suggestions>div{display:flex;gap:7px;flex-wrap:wrap}.suggestions button{display:flex;align-items:center;gap:12px;background:#091618;border:1px solid rgba(95,202,198,.15);border-radius:9px;color:#91b6b5;font-size:11px;padding:9px 11px;transition:.2s}.suggestions button span{color:var(--cyan)}.suggestions button:hover{border-color:#00fff073;color:#d8ffff}.inline-notice{margin:0 20px 12px;padding:10px;border:1px solid rgba(255,195,112,.18);border-radius:9px;color:#cbb58f;font-size:11px;display:flex;gap:8px;align-items:flex-start;line-height:1.6}.composer{display:flex;align-items:center;gap:10px;margin:0 15px;padding:7px 8px 7px 10px;border:1px solid rgba(94,207,202,.2);border-radius:13px;background:#050c0e;transition:border-color .2s}.composer:focus-within{border-color:#00fff07a;box-shadow:0 0 0 3px #00fff009}.composer input{flex:1;min-width:0;background:none;border:0;outline:0;color:#e5ffff;font-size:12px;padding:9px 0}.composer input::placeholder{color:#4f7374}.mic-button,.send-button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:#73999a;transition:.2s}.mic-button:hover,.mic-button.recording{color:var(--cyan);background:#00fff014;border-color:#00fff02b}.mic-button.recording{animation:micGlow 1s infinite alternate}.send-button{background:var(--cyan);color:#02201f;box-shadow:0 0 20px #00fff01f}.send-button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.composer-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 14px;color:#476a6b;font-size:9px}.composer-foot span{display:flex;align-items:center;gap:6px}.keyboard-key{border:1px solid #234143;border-radius:4px;padding:1px 4px;font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 2px 22px;color:#3e6465;font:9px DM Mono,monospace;letter-spacing:.1em}footer i{font-style:normal;color:var(--cyan);font-size:8px;margin:0 5px}.settings-panel{position:absolute;z-index:20;right:0;top:66px;width:min(350px,100%);padding:17px;background:#0b1719;border:1px solid rgba(0,255,240,.2);border-radius:14px;box-shadow:0 20px 60px #0008}.settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;font-size:13px}.settings-panel label{display:block;color:#7fa6a6;font-size:11px;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#071012;color:#c9e5e4;border:1px solid var(--line);border-radius:8px;padding:11px 35px 11px 10px;font-size:11px;outline:none}.select-wrap svg{position:absolute;right:10px;top:11px;color:#78a0a0;pointer-events:none}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 0;background:none;border:0;color:#b4d3d2;font-size:11px}.setting-row>span:first-child{display:flex;align-items:center;gap:9px}.setting-row svg{color:var(--cyan)}.toggle{width:34px;height:19px;border-radius:20px;background:#253638;padding:3px;transition:.2s}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#7d9898;transition:.2s}.toggle.on{background:#006f6c}.toggle.on i{transform:translate(15px);background:var(--cyan)}.settings-note{font-size:10px;line-height:1.6;color:#648586;margin:5px 0 0}.mood-happy .eye{animation:happyEye 2.6s ease-in-out infinite}.mood-idle .eye{animation:blinkEyes 6s infinite}.mood-empathetic .eye{filter:saturate(.7);box-shadow:0 0 9px #00fff0a6,0 0 26px #00fff059}@keyframes blinkEyes{0%,45%,48%,78%,81%,to{transform:scaleY(1)}46.5%,79.5%{transform:scaleY(.12)}}@keyframes thinkPulse{0%{opacity:.72;filter:brightness(.8)}to{opacity:1;filter:brightness(1.25)}}@keyframes speakPulse{0%{transform:scaleY(.86)}to{transform:scaleY(1.04)}}@keyframes happyEye{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes dot{0%{opacity:.25;transform:translateY(1px)}to{opacity:1;transform:translateY(-3px)}}@keyframes blink{50%{opacity:.25}}@keyframes micGlow{to{box-shadow:0 0 18px #00fff03b}}@media(min-width:900px){.hero{padding-top:48px}.robot-scene{height:300px}.orb{width:220px;height:220px}.eye{width:69px;height:68px}.chat-panel{margin-top:0}}@media(max-width:600px){.app-shell{width:calc(100% - 24px)}.topbar{height:66px}.status{font-size:8px;letter-spacing:0}.top-actions{gap:10px}.hero{padding-top:38px}h1{font-size:35px}.hero-subtitle{font-size:12px}.robot-scene{height:280px}.orb{width:205px;height:205px}.eye{width:63px;height:62px;border-radius:19px}.eyes{gap:16px}.aura-one{width:280px;height:280px}.aura-two{width:200px;height:200px}.chat-panel{border-radius:14px}.chat-heading{padding:0 13px}.chat-caption{display:none}.messages{padding:16px 12px 8px;max-height:360px}.message-content{max-width:84%}.bubble{font-size:12px;padding:10px 11px}.suggestions{padding:4px 12px 14px}.suggestions button{font-size:10px;padding:8px 9px}.composer{margin:0 9px;gap:5px}.composer-foot{padding-left:13px;padding-right:13px}footer{font-size:8px;letter-spacing:.03em}.listening-ripple{width:230px;height:230px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}