.alfred-mode-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; font-size: 26px; line-height: 1; transition: transform .25s ease, opacity .25s ease; } .alfred-mode-icon[data-mode="thinking"] { animation: alfred-thinking 1.8s ease-in-out infinite; } @keyframes alfred-thinking { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } } @media (prefers-reduced-motion: reduce) { .alfred-mode-icon { animation: none !important; } }