/* Kagi's face: the screen wakes, the eyes blink now and then */
.kagi { display: block; overflow: visible; }
.kagi .kagi-eyes { animation: kagi-wake .5s ease-out both; transform-origin: 50px 30px; }
@keyframes kagi-wake { from { opacity: 0; } 40% { opacity: .3; } to { opacity: 1; } }
.kagi-neutral .kagi-eyes, .kagi-match .kagi-eyes, .kagi-curiosity .kagi-eyes { animation: kagi-wake .5s ease-out both, kagi-blink 5.5s steps(1) 2s infinite; }
@keyframes kagi-blink { 0%, 96%, 100% { transform: translate(30px, 52px) scaleY(1); } 97%, 99% { transform: translate(30px, 52px) scaleY(.1); } }
.kagi-scanning .kagi-eyes { animation: kagi-wake .5s ease-out both, kagi-scan 1.1s ease-in-out infinite alternate; }
@keyframes kagi-scan { from { transform: translate(24px, 52px); } to { transform: translate(36px, 52px); } }
@media (prefers-reduced-motion: reduce) { .kagi .kagi-eyes { animation: none; } }