.ami-hero-visual{--ami-accent:#00cfff;--ami-accent-soft:#00cfff2b;--ami-secondary:#ffbd002b}
.ami-hero-visual[data-ami-state=thinking]{--ami-accent:#ffbe22;--ami-accent-soft:#ffbe2245;--ami-secondary:#ff7e1828}
.ami-hero-visual[data-ami-state=complete]{--ami-accent:#21e9b0;--ami-accent-soft:#21e9b03b;--ami-secondary:#36baf323}
.ami-avatar-stage{position:relative;width:100%;max-width:480px;aspect-ratio:1;isolation:isolate;margin:0 auto;z-index:1}
.ami-avatar-float{position:relative;display:block;width:100%;height:100%;animation:ami-breathe 6.4s ease-in-out infinite;transform-origin:50% 80%;will-change:transform}
.ami-hero-visual .ami-avatar-stage .ami-mascot{width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 0 8px var(--ami-accent-soft)) drop-shadow(0 12px 25px var(--ami-accent-soft));transition:filter 1.2s ease}
.ami-expression{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;mix-blend-mode:normal;z-index:2}
.ami-expression-smile{clip-path:ellipse(10% 5.5% at 49% 53.5%);transition:opacity .5s ease}
.ami-expression-blink{clip-path:polygon(32% 36%,65% 36%,65% 45%,32% 45%);transition:opacity .065s ease;z-index:3}
.ami-hero-visual.is-smiling:not(.is-paused) .ami-expression-smile{opacity:1}
.ami-hero-visual.is-blinking:not(.is-paused) .ami-expression-blink{opacity:1}
.ami-hero-visual .ami-aura{background:radial-gradient(ellipse at 58% 25%,var(--ami-accent-soft),transparent 59%),radial-gradient(ellipse at 50% 80%,var(--ami-secondary),transparent 61%);animation:ami-glow-breathe 6.4s ease-in-out infinite}
.ami-hero-visual .ami-orbit{border-color:var(--ami-accent-soft);transition:border-color 1.1s ease}
.ami-hero-visual .orbit-one{animation:ami-orbit-drift 24s linear infinite;border-style:dashed;border-width:1px}
.ami-hero-visual .ami-online{border-color:var(--ami-accent-soft);transition:border-color 1s ease}
.ami-hero-visual .ami-online .status-dot{background:var(--ami-accent);box-shadow:0 0 13px var(--ami-accent-soft);transition:background-color 1s ease,box-shadow 1s ease}
.ami-motion-controls{position:relative;margin:14px auto 0;max-width:370px;text-align:center}
.ami-state-picker{display:flex;justify-content:center;align-items:center;gap:5px;background:#081322ad;border:1px solid #ffffff16;border-radius:30px;padding:4px;width:max-content;max-width:100%;margin:0 auto}
.ami-state-picker button{display:flex;gap:5px;align-items:center;justify-content:center;border-radius:22px;min-height:34px;font-size:8px;font-weight:550;color:#8ca4bd;padding:7px 10px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.ami-state-picker button span{width:5px;height:5px;border-radius:50%;background:#00cfff;box-shadow:0 0 8px #00cfff44}
.ami-state-picker button[data-ami-state=thinking] span{background:#ffbe22;box-shadow:0 0 8px #ffbe2244}
.ami-state-picker button[data-ami-state=complete] span{background:#21e9b0;box-shadow:0 0 8px #21e9b044}
.ami-state-picker button[aria-pressed=true]{background:#ffffff09;color:#ecf6ff;border-color:#ffffff1c}
.ami-state-picker button:hover{background:#ffffff0b;color:#f7fbff}
.ami-motion-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:5px}
.ami-motion-actions button{font-size:7px;color:#819ab7;padding:7px 1px;min-height:30px}
.ami-motion-actions button:hover{color:#e4edf8}
.ami-motion-actions button[aria-pressed=true]{color:#b9cee4}
.ami-motion-controls>small{display:block;font-size:6px;color:#647d9a;letter-spacing:.015em;margin-top:2px}
.ami-hero-visual.is-paused .ami-avatar-float,.ami-hero-visual.is-paused .ami-aura,.ami-hero-visual.is-paused .ami-orbit{animation-play-state:paused;will-change:auto}
.ami-hero-visual.is-paused .ami-expression{opacity:0!important;transition:none}
.ami-hero-visual.is-offscreen .ami-avatar-float,.ami-hero-visual.is-offscreen .ami-aura,.ami-hero-visual.is-offscreen .ami-orbit{animation-play-state:paused;will-change:auto}
@keyframes ami-breathe{0%,100%{transform:translateY(0) rotate(-.35deg) scale(1)}45%{transform:translateY(-6px) rotate(.35deg) scale(1.007)}75%{transform:translateY(-2px) rotate(.05deg) scale(1.002)}}
@keyframes ami-glow-breathe{0%,100%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@keyframes ami-orbit-drift{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(min-width:1500px){.ami-avatar-stage{max-width:500px}}
@media(max-width:850px){.ami-state-picker button{font-size:6px;padding:6px 7px;min-height:31px}.ami-state-picker{gap:1px}.ami-motion-actions{gap:9px}.ami-motion-actions button{font-size:6px}.ami-motion-controls>small{font-size:5px}}
@media(max-width:600px){.ami-avatar-stage{max-width:355px}.ami-motion-controls{margin-top:12px}.ami-state-picker button{font-size:8px;min-height:40px;padding:8px 11px}.ami-motion-actions button{font-size:8px;min-height:38px}.ami-motion-controls>small{font-size:6px}.ami-motion-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.ami-avatar-float,.ami-aura,.ami-orbit{animation:none!important;transform:none!important;will-change:auto!important}.ami-expression{opacity:0!important;transition:none!important}.ami-hero-visual .ami-mascot,.ami-hero-visual .ami-online,.ami-hero-visual .ami-online .status-dot{transition:none!important}}