.article-robot{position:fixed;z-index:150;right:clamp(14px,2.5vw,34px);bottom:clamp(14px,2.5vw,28px);width:58px;height:84px;padding:0;border:0;background:transparent;color:#f3f4ff;cursor:pointer;filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));-webkit-tap-highlight-color:transparent}.article-robot:focus-visible{outline:1px solid #aeb8ff;outline-offset:9px;border-radius:18px}.article-robot__speech{position:absolute;right:46px;bottom:68px;width:max-content;max-width:min(330px,72vw);padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:15px 15px 3px 15px;background:rgba(8,8,12,.92);color:#fff;font:500 12px/1.45 "Space Grotesk",Inter,Arial,sans-serif;letter-spacing:.01em;text-align:left;opacity:0;visibility:hidden;transform:translate(8px,8px) scale(.95);transition:opacity .35s,visibility .35s,transform .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(14px);pointer-events:none}.article-robot.has-speech .article-robot__speech{opacity:1;visibility:visible;transform:none}.article-robot__antenna{position:absolute;left:27px;top:1px;width:3px;height:12px;border-radius:3px;background:#d8dcff;transform-origin:bottom}.article-robot__antenna i{position:absolute;left:-3px;top:-4px;width:9px;height:9px;border:1px solid #d8dcff;border-radius:50%;background:#10111a;box-shadow:0 0 10px rgba(158,169,255,.75)}.article-robot__head{position:absolute;left:10px;top:14px;width:39px;height:30px;border:1px solid rgba(235,238,255,.88);border-radius:12px 12px 9px 9px;background:linear-gradient(145deg,#24273a,#0d0e16);transform-origin:bottom;transition:transform .4s}.article-robot__head>i{position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:#bbc4ff;box-shadow:0 0 7px #9ea9ff}.article-robot__head>i:first-child{left:10px}.article-robot__head>i:nth-child(2){right:10px}.article-robot__head b{position:absolute;left:11px;right:11px;bottom:6px;height:1px;background:rgba(255,255,255,.55)}.article-robot__body{position:absolute;left:15px;top:47px;display:grid;place-items:center;width:29px;height:25px;border:1px solid rgba(235,238,255,.72);border-radius:8px 8px 11px 11px;background:#151722;color:#cbd1ff;font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.08em}.article-robot__arm,.article-robot__leg{position:absolute;width:3px;border-radius:4px;background:#d8dcff;transform-origin:top}.article-robot__arm{top:50px;height:21px}.article-robot__arm--left{left:10px;rotate:12deg}.article-robot__arm--right{right:10px;rotate:-12deg}.article-robot__leg{top:71px;height:13px}.article-robot__leg--left{left:22px;rotate:6deg}.article-robot__leg--right{right:22px;rotate:-6deg}.article-robot.is-waving .article-robot__arm--right{animation:articleRobotWave .42s ease-in-out infinite alternate}.article-robot.is-thinking .article-robot__head{transform:rotate(9deg)}.article-robot.is-thinking .article-robot__arm--right{transform:rotate(-72deg) translateY(-3px)}.article-robot.is-talking .article-robot__antenna{animation:articleRobotAntenna .5s ease-in-out infinite alternate}.article-robot.is-talking .article-robot__head b{animation:articleRobotTalk .28s ease-in-out infinite alternate}@keyframes articleRobotWave{to{transform:rotate(-105deg) translateY(-4px)}}@keyframes articleRobotAntenna{to{transform:rotate(17deg)}}@keyframes articleRobotTalk{to{transform:scaleX(.55)}}@media(max-width:700px){.article-robot{right:10px;bottom:12px;scale:.82;transform-origin:bottom right}.article-robot__speech{max-width:78vw;font-size:13px}}@media(prefers-reduced-motion:reduce){.article-robot,.article-robot *{animation:none!important;transition:none!important}}

.article-robot__plane{position:absolute;z-index:4;right:22px;bottom:62px;color:#fff;font:700 17px/1 Arial,sans-serif;opacity:0;filter:drop-shadow(0 0 7px rgba(188,198,255,.9));pointer-events:none;transform:translate(0,14px) rotate(-18deg)}
.article-robot__letter{display:inline-block;white-space:pre;transform-origin:center bottom}
.article-robot__letter.is-hit{animation:articleRobotLetterHit .75s var(--letter-delay,500ms) cubic-bezier(.2,.8,.2,1) both}
.article-robot.is-launching-plane .article-robot__plane{animation:articleRobotPlane 2.25s cubic-bezier(.25,.7,.25,1) both}
.article-robot.is-dancing{animation:articleRobotDance .52s ease-in-out 4 alternate}
.article-robot.is-dancing .article-robot__arm--left{animation:articleRobotDanceArmLeft .3s ease-in-out infinite alternate}
.article-robot.is-dancing .article-robot__arm--right{animation:articleRobotDanceArmRight .3s ease-in-out infinite alternate}
.article-robot.is-dancing .article-robot__leg--left{animation:articleRobotDanceLeg .26s ease-in-out infinite alternate}
.article-robot.is-dancing .article-robot__leg--right{animation:articleRobotDanceLeg .26s -.13s ease-in-out infinite alternate}
.article-robot.is-spinning{animation:articleRobotSpin 1.8s cubic-bezier(.4,.05,.2,1) both}
@keyframes articleRobotDance{0%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-8px,-8px) rotate(5deg)}100%{transform:translate(7px,-2px) rotate(-3deg)}}
@keyframes articleRobotDanceArmLeft{to{transform:rotate(82deg) translateY(-3px)}}
@keyframes articleRobotDanceArmRight{to{transform:rotate(-82deg) translateY(-3px)}}
@keyframes articleRobotDanceLeg{to{transform:rotate(20deg) translateY(-4px)}}
@keyframes articleRobotSpin{0%{transform:perspective(300px) rotateY(0) translateY(0)}45%{transform:perspective(300px) rotateY(180deg) translateY(-9px)}100%{transform:perspective(300px) rotateY(360deg) translateY(0)}}
@keyframes articleRobotPlane{0%{opacity:0;transform:translate(0,14px) rotate(-18deg)}12%{opacity:1}55%{transform:translate(-155px,-54px) rotate(-9deg)}84%{opacity:1;transform:translate(-292px,-78px) rotate(7deg)}100%{opacity:0;transform:translate(-340px,-58px) rotate(20deg)}}
@keyframes articleRobotLetterHit{0%,32%{opacity:1;transform:none}55%{opacity:.25;transform:translateY(-8px) rotate(11deg)}100%{opacity:1;transform:none}}
@media(max-width:700px){.article-robot.is-dancing{animation-name:articleRobotDanceMobile}.article-robot.is-launching-plane .article-robot__plane{animation-name:articleRobotPlaneMobile}@keyframes articleRobotDanceMobile{from{transform:translate(0,0) rotate(-3deg)}to{transform:translate(-5px,-6px) rotate(4deg)}}@keyframes articleRobotPlaneMobile{0%{opacity:0;transform:translate(0,12px) rotate(-18deg)}15%{opacity:1}80%{opacity:1;transform:translate(-225px,-62px) rotate(5deg)}100%{opacity:0;transform:translate(-260px,-45px) rotate(18deg)}}}
@media(prefers-reduced-motion:reduce){.article-robot__plane{display:none}.article-robot__letter.is-hit{animation:none!important}}

/* Keep the home assistant above page controls and fully inside small screens. */
.home-page .article-robot{z-index:1200}
@media(max-width:700px){.home-page .article-robot__speech{position:fixed;left:14px;right:14px;bottom:112px;width:auto;max-width:none;box-sizing:border-box}}
