:root{--bg:#050816;--bg-elevated:#070d20d9;--panel-bg:linear-gradient(180deg, #0c132ae0, #050918e0);--panel-border:#6ca1ff2e;--panel-shadow:0 40px 120px #00000085, inset 0 1px 0 #ffffff0f, 0 0 40px #3997ff14;--text:#99a6c7;--text-h:#f2f7ff;--accent-cyan:#73e7ff;--accent-blue:#4f8cff;--accent-purple:#8e5dff;--accent-pink:#ff6fc2;--border:#8cb5ff29;--sans:"Bahnschrift", "Segoe UI", "Trebuchet MS", sans-serif;--heading:"Arial Nova", "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.02em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:radial-gradient(circle at top, #4777ff24, transparent 30%), radial-gradient(circle at bottom, #9b56ff1f, transparent 26%), var(--bg)}body{background:0 0;min-width:320px;min-height:100vh;margin:0}#root{min-height:100svh}h1,h2,h3,p,button,input{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}p{color:var(--text)}a{color:inherit}button,input{font:inherit}.app-shell{box-sizing:border-box;place-items:center;width:100%;min-height:100svh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.ambient-grid,.ambient-orb{pointer-events:none;position:absolute}.ambient-grid{background-color:#0000;background-image:linear-gradient(#6fd0ff0d 1px,#0000 1px),linear-gradient(90deg,#6fd0ff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:radial-gradient(circle,#000 32%,#0000 90%);mask-image:radial-gradient(circle,#000 32%,#0000 90%)}.ambient-orb{filter:blur(110px);opacity:.34;border-radius:50%;width:32rem;height:32rem}.ambient-orb-left{background:radial-gradient(circle,#149fff6b,#0000 70%);top:8%;left:-8rem}.ambient-orb-right{background:radial-gradient(circle,#a85cff57,#0000 72%);bottom:4%;right:-10rem}.console-stage{z-index:1;justify-items:center;gap:1.3rem;width:min(100%,52rem);padding:0;display:grid;position:relative}.stage-copy{text-align:center;max-width:30rem}.eyebrow{letter-spacing:.38em;text-transform:uppercase;color:var(--accent-cyan);text-shadow:0 0 18px #73e7ff59,0 0 42px #4f8cff38,0 0 64px #4f8cff29;margin:0;font-size:clamp(2.75rem,10vw,5.9rem);font-weight:700;line-height:.92}@media (width<=720px){.app-shell{padding:18px 14px}.console-stage{gap:1rem;width:min(100%,34rem)}.eyebrow{letter-spacing:.28em}}.voice-input{justify-items:center;gap:.8rem;width:min(100%,32rem);display:grid}.voice-action-button{color:#d9f5fff5;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#0f1e3deb,#091123fa),#091123fa;border:1px solid #73e7ff70;border-radius:999px;min-width:min(90vw,20rem);padding:.95rem 1.9rem;font-weight:700;transition:transform .17s,box-shadow .17s,border-color .17s,opacity .17s;box-shadow:inset 0 1px #ffffff14,0 16px 32px #06122c70,0 0 30px #73e7ff3d}.voice-action-button:hover,.voice-action-button:focus-visible{border-color:#73e7ffbd;transform:translateY(-1px)}.voice-action-awaken{background:linear-gradient(135deg,#1d4685f5,#0f2e66f5),#0a1428fa}.voice-action-sleep{border-color:#ff9dd86b;min-width:min(70vw,9rem);box-shadow:inset 0 1px #ffffff14,0 14px 28px #1f0a1c61,0 0 24px #ff9dd83d}.voice-footer{letter-spacing:.08em;color:#d9f5ffa8;margin:0;font-size:.72rem}@media (width<=720px){.voice-action-button{letter-spacing:.18em;min-width:min(100%,18rem);padding:.9rem 1.3rem}}.robot-head{justify-items:center;gap:.85rem;display:grid;position:relative}.robot-aura{filter:blur(32px);opacity:.85;background:radial-gradient(circle,#5bd0ff33,#0000 68%);width:23rem;height:23rem;animation:4.6s ease-in-out infinite auraPulse;position:absolute;inset:2.5rem auto auto 50%;transform:translate(-50%)}.robot-shell{justify-items:center;width:min(29rem,84vw);animation:5.8s ease-in-out infinite robotIdle;display:grid;position:relative}.robot-crown{background:linear-gradient(90deg,#0000,#73e7ffbf,#0000);border-radius:999px;width:44%;height:1rem;margin-bottom:-.35rem;box-shadow:0 0 26px #5de0ff66}.robot-faceplate{aspect-ratio:1/.92;background:linear-gradient(#152246fa,#080e20fa),linear-gradient(135deg,#73e7ff26,#8e5dff24);border:1px solid #7aadff33;border-radius:42% 42% 38% 38%/30% 30% 48% 48%;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -14px 28px #0000005c,0 22px 80px #00000061}.robot-faceplate:before,.robot-faceplate:after{content:"";position:absolute;inset:0}.robot-faceplate:before{background:radial-gradient(circle at 50% 36%,#96f6ff24,#0000 26%),linear-gradient(#ffffff0f,#0000 18%)}.robot-faceplate:after{border:1px solid #82aaff21;border-radius:38% 38% 36% 36%/28% 28% 44% 44%;inset:7% 11%}.robot-sensor{opacity:.75;background:linear-gradient(90deg,#0000,#73e7ffcc,#0000);width:18%;height:1px;position:absolute;top:28%}.robot-sensor-left{left:8%}.robot-sensor-right{right:8%}.robot-eyes{justify-content:space-between;width:42%;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.robot-eye{background:linear-gradient(90deg,#73e7ff3d,#73e7ff);border-radius:999px;width:3.2rem;height:1rem;animation:6.2s ease-in-out infinite eyeBlink;position:relative;box-shadow:0 0 16px #73e7ffbd,0 0 38px #73e7ff70}.robot-eye:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#ffffff3d,#0000);position:absolute;inset:.1rem .42rem}.robot-mouth{justify-content:center;align-items:center;gap:.26rem;width:32%;height:1.9rem;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.robot-mouth span{transform-origin:bottom;background:linear-gradient(#4f8cff1a,#4f8cffd9);border-radius:999px;width:.24rem;height:.8rem;box-shadow:0 0 12px #4f8cff59}.robot-neck{background:linear-gradient(#1d2f5bf2,#0a0f20fa);border:1px solid #7099ed2e;border-radius:0 0 1rem 1rem;width:22%;height:2rem;margin-top:-.25rem;box-shadow:inset 0 1px #ffffff0f}.robot-status{text-transform:uppercase;letter-spacing:.24em;color:#73e7ffc7;font-size:.72rem}.robot-head-connecting .robot-aura{background:radial-gradient(circle,#5fa0ff47,#0000 68%);animation-duration:2.8s}.robot-head-connecting .robot-eye{background:linear-gradient(90deg,#7ab2ff66,#7ab2fff2);box-shadow:0 0 16px #7ab2ffb8,0 0 30px #7ab2ff66}.robot-head-listening .robot-eye{background:linear-gradient(90deg,#96f5ff73,#96f5ff);box-shadow:0 0 24px #96f5fff2,0 0 46px #96f5ff8f}.robot-head-listening .robot-aura{background:radial-gradient(circle,#6ddfff4d,#0000 68%)}.robot-head-thinking .robot-shell{animation-duration:2.2s}.robot-head-thinking .robot-aura{background:radial-gradient(circle,#8e5dff47,#0000 68%)}.robot-head-thinking .robot-eye{background:linear-gradient(90deg,#8e5dff57,#8e5dff);box-shadow:0 0 20px #8e5dffcc,0 0 44px #8e5dff75}.robot-head-thinking .robot-mouth span{animation:.9s ease-in-out infinite alternate equalizer}.robot-head-thinking .robot-mouth span:nth-child(2){animation-delay:.14s}.robot-head-thinking .robot-mouth span:nth-child(3){animation-delay:.28s}.robot-head-thinking .robot-mouth span:nth-child(4){animation-delay:.42s}.robot-head-thinking .robot-mouth span:nth-child(5){animation-delay:.56s}.robot-head-thinking .robot-aura{animation-duration:2.2s}.robot-head-speaking .robot-aura{background:radial-gradient(circle,#ff6fc22e,#0000 68%)}.robot-head-speaking .robot-eye{background:linear-gradient(90deg,#ff6fc247,#73e7ff)}.robot-head-speaking .robot-mouth span{animation:.42s ease-in-out infinite alternate equalizer}.robot-head-error .robot-aura{background:radial-gradient(circle,#ff607c47,#0000 68%)}.robot-head-error .robot-eye{background:linear-gradient(90deg,#ff639073,#ff8ca8fa);box-shadow:0 0 16px #ff6390a6,0 0 34px #ff63906b}@keyframes robotIdle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-.8deg)}}@keyframes auraPulse{0%,to{opacity:.68;transform:translate(-50%)scale(.96)}50%{opacity:.95;transform:translate(-50%)scale(1.06)}}@keyframes eyeBlink{0%,43%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.16)}}@keyframes equalizer{0%{opacity:.52;height:.6rem}to{opacity:1;height:1.55rem}}@media (width<=720px){.robot-shell{width:min(21rem,88vw)}.robot-eye{width:2.4rem;height:.8rem}.robot-mouth{width:38%}}
