/* ==========================================================================
   itshover icons — sistema de ícones animados (portado p/ vanilla)
   Fonte: https://www.itshover.com/icons  (shadcn registry, MIT)
   Animações originais: motion (framer) → CSS puro.
   Disparam em :hover (mouse) e :active (toque/celular).
   Cores: apenas currentColor / branco / preto / transparente (RULES.md).
   ========================================================================== */

.ih {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ====== x-icon (fechar) ====== */
@keyframes ihk-x1 { 100% { transform: rotate(15deg) scale(1.1); } }
@keyframes ihk-x2 { 100% { transform: rotate(-15deg) scale(1.1); } }
.ih-x-icon:hover .x-line-1, .ih-x-icon:active .x-line-1 { animation: ihk-x1 0.2s ease-out forwards; }
.ih-x-icon:hover .x-line-2, .ih-x-icon:active .x-line-2 { animation: ihk-x2 0.2s ease-out forwards; }

/* ====== gear-icon (config) — roda e pulsa ====== */
@keyframes ihk-gear-rot { 100% { transform: rotate(360deg); } }
@keyframes ihk-gear-center { 100% { transform: scale(1.15); } }
@keyframes ihk-gear-body { 50% { transform: scale(1.03); } }
.ih-gear-icon:hover .gear-rotator, .ih-gear-icon:active .gear-rotator { animation: ihk-gear-rot 0.9s ease-in-out; }
.ih-gear-icon:hover .gear-center, .ih-gear-icon:active .gear-center { animation: ihk-gear-center 0.3s ease-out; }
.ih-gear-icon:hover .gear-body, .ih-gear-icon:active .gear-body { animation: ihk-gear-body 0.6s ease-out; }

/* ====== send-icon (enviar) — avião voa e volta ====== */
@keyframes ihk-send {
  0%   { transform: translate(0, 0); opacity: 1; }
  45%  { transform: translate(24px, -24px); opacity: 0; }
  55%  { transform: translate(-24px, 24px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; }
}
.ih-send-icon:hover .send-icon, .ih-send-icon:active .send-icon { animation: ihk-send 0.55s ease-in-out; }

/* ====== trash-icon (apagar) — tampa abre ====== */
@keyframes ihk-trash-lid-lower { 100% { transform: rotate(-25deg) translateY(-4px); } }
@keyframes ihk-trash-lid-upper { 100% { transform: rotate(-35deg) translate(-2px, -6px); } }
.ih-trash-icon:hover .trash-lid-lower, .ih-trash-icon:active .trash-lid-lower { animation: ihk-trash-lid-lower 0.25s ease-out forwards; }
.ih-trash-icon:hover .trash-lid-upper, .ih-trash-icon:active .trash-lid-upper { animation: ihk-trash-lid-upper 0.25s ease-out forwards; }

/* ====== pen-icon (editar) — escreve ====== */
@keyframes ihk-pen-group {
  0%   { transform: translate(0, 0) rotate(0); }
  20%  { transform: translate(1px, -2px) rotate(-6deg); }
  40%  { transform: translate(-1px, -4px) rotate(-4deg); }
  60%  { transform: translate(1px, -6px) rotate(-6deg); }
  80%  { transform: translate(-1px, -8px) rotate(-4deg); }
  100% { transform: translate(0, -10px) rotate(0); }
}
@keyframes ihk-pen-slash-in { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 1; } }
@keyframes ihk-pen-slash-out { 100% { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; } }
.ih-pen-icon:hover .pen-group, .ih-pen-icon:active .pen-group { animation: ihk-pen-group 0.8s ease-in-out; }
.ih-pen-icon:hover .pen-slash, .ih-pen-icon:active .pen-slash { animation: ihk-pen-slash-in 0.3s ease-out 0.8s forwards, ihk-pen-slash-out 0.2s ease-in-out 1.1s forwards; }

/* ====== user-icon (perfil) — avatar pula ====== */
@keyframes ihk-user { 100% { transform: scale(1.05) translateY(-1px); } }
.ih-user-icon:hover .user-avatar, .ih-user-icon:active .user-avatar { animation: ihk-user 0.25s ease-out forwards; }

/* ====== users-group-icon ====== */
@keyframes ihk-ug-center { 100% { transform: translateY(-2px) scale(1.05); } }
@keyframes ihk-ug-left { 100% { transform: translateX(-1px) scale(1.02); } }
@keyframes ihk-ug-right { 100% { transform: translateX(1px) scale(1.02); } }
.ih-users-group-icon:hover .user-center, .ih-users-group-icon:active .user-center { animation: ihk-ug-center 0.25s ease-out; }
.ih-users-group-icon:hover .user-left, .ih-users-group-icon:active .user-left { animation: ihk-ug-left 0.3s ease-out; }
.ih-users-group-icon:hover .user-right, .ih-users-group-icon:active .user-right { animation: ihk-ug-right 0.3s ease-out; }

/* ====== message-circle-icon (mensagens) — desenha o traço ====== */
@keyframes ihk-msg {
  0%   { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0.6; }
  100% { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 1; }
}
.ih-message-circle-icon:hover .message-path, .ih-message-circle-icon:active .message-path { animation: ihk-msg 0.4s ease-out forwards; }

/* ====== home-icon / gamepad (jogo) — pulsa + dpad ====== */
@keyframes ihk-gamepad-body { 100% { transform: scale(1.05); } }
@keyframes ihk-gamepad-dpad {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-0.5px, 0.5px); }
  50% { transform: translate(0.5px, -0.5px); }
  75% { transform: translate(-0.5px, 0.5px); }
}
@keyframes ihk-gamepad-dot1 { 50% { opacity: 0.4; transform: scale(1.2); } }
@keyframes ihk-gamepad-dot2 { 50% { opacity: 0.4; transform: scale(1.2); } }
.ih-gamepad-icon:hover, .ih-gamepad-icon:active { animation: ihk-gamepad-body 0.2s ease-out; }
.ih-gamepad-icon:hover .gamepad-dpad, .ih-gamepad-icon:active .gamepad-dpad { animation: ihk-gamepad-dpad 0.4s linear; }
.ih-gamepad-icon:hover .gamepad-dot-1, .ih-gamepad-icon:active .gamepad-dot-1 { animation: ihk-gamepad-dot1 0.6s ease-in-out; }
.ih-gamepad-icon:hover .gamepad-dot-2, .ih-gamepad-icon:active .gamepad-dot-2 { animation: ihk-gamepad-dot2 0.6s ease-in-out 0.15s; }

/* ====== star-icon — preenche e balança ====== */
@keyframes ihk-star-fill { 100% { opacity: 1; transform: scale(1); } }
@keyframes ihk-star-out {
  0%, 100% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.1) rotate(-5deg); }
  50% { transform: scale(1.1) rotate(5deg); }
  75% { transform: scale(1.1) rotate(-5deg); }
}
.ih-star-icon:hover .star-fill, .ih-star-icon:active .star-fill { animation: ihk-star-fill 0.4s ease-out forwards; }
.ih-star-icon:hover .star-outline, .ih-star-icon:active .star-outline { animation: ihk-star-out 0.5s ease-in-out; }

/* ====== heart-icon — bate ====== */
@keyframes ihk-heart {
  0%, 100% { transform: scale(1); }
  30% { transform: scale(1.15); }
  60% { transform: scale(0.95); }
}
.ih-heart-icon:hover .heart, .ih-heart-icon:active .heart { animation: ihk-heart 0.5s ease-in-out; }

/* ====== like-icon — sacode ====== */
@keyframes ihk-like {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-8deg) scale(1.05); }
  75% { transform: rotate(8deg) scale(1.05); }
}
.ih-like-icon:hover .like-icon, .ih-like-icon:active .like-icon { animation: ihk-like 0.4s ease-in-out; }

/* ====== moon-icon — balança ====== */
@keyframes ihk-moon {
  0%, 100% { transform: rotate(0); }
  30% { transform: rotate(-10deg) scale(1.05); }
  70% { transform: rotate(10deg) scale(1.05); }
}
.ih-moon-icon:hover .moon, .ih-moon-icon:active .moon { animation: ihk-moon 0.5s ease-in-out; }

/* ====== expand-icon — setas saem ====== */
@keyframes ihk-exp-tr { 100% { transform: translate(2px, -2px); } }
@keyframes ihk-exp-tl { 100% { transform: translate(-2px, -2px); } }
@keyframes ihk-exp-br { 100% { transform: translate(2px, 2px); } }
@keyframes ihk-exp-bl { 100% { transform: translate(-2px, 2px); } }
@keyframes ihk-exp-corner { 100% { transform: scale(1.08); } }
.ih-expand-icon:hover .arrows-tr, .ih-expand-icon:active .arrows-tr { animation: ihk-exp-tr 0.25s ease-out; }
.ih-expand-icon:hover .arrows-tl, .ih-expand-icon:active .arrows-tl { animation: ihk-exp-tl 0.25s ease-out; }
.ih-expand-icon:hover .arrows-br, .ih-expand-icon:active .arrows-br { animation: ihk-exp-br 0.25s ease-out; }
.ih-expand-icon:hover .arrows-bl, .ih-expand-icon:active .arrows-bl { animation: ihk-exp-bl 0.25s ease-out; }
.ih-expand-icon:hover .corners, .ih-expand-icon:active .corners { animation: ihk-exp-corner 0.25s ease-out; }

/* ====== copy-icon — frente desliza ====== */
@keyframes ihk-copy { 100% { transform: translate(1.5px, -1.5px); } }
.ih-copy-icon:hover .front-copy, .ih-copy-icon:active .front-copy { animation: ihk-copy 0.3s ease-out forwards; }

/* ====== magnifier-icon — lupa aproxima ====== */
@keyframes ihk-magn {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
.ih-magnifier-icon:hover .magnifier-group, .ih-magnifier-icon:active .magnifier-group { animation: ihk-magn 0.4s ease-in-out; }

/* ====== lock-icon — cadeado abre ====== */
@keyframes ihk-lock { 100% { transform: scaleY(1.08); } }
.ih-lock-icon:hover .lock-upper-body, .ih-lock-icon:active .lock-upper-body { animation: ihk-lock 0.3s ease-out; }

/* ====== camera-icon — lente pulsa ====== */
@keyframes ihk-cam-lens {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}
.ih-camera-icon:hover .lens, .ih-camera-icon:active .lens { animation: ihk-cam-lens 0.5s ease-in-out; }

/* ====== eye-icon — pisca ====== */
@keyframes ihk-eye { 100% { transform: scale(0.7); } }
@keyframes ihk-eye-shape { 100% { transform: scaleY(0.9); } }
.ih-eye-icon:hover .eye-pupil, .ih-eye-icon:active .eye-pupil { animation: ihk-eye 0.15s ease-out; }
.ih-eye-icon:hover .eye-shape, .ih-eye-icon:active .eye-shape { animation: ihk-eye-shape 0.15s ease-out; }

/* ====== logout-icon — seta sai ====== */
@keyframes ihk-logout-arrow {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}
@keyframes ihk-logout-door {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-2px); }
}
.ih-logout-icon:hover .logout-arrow, .ih-logout-icon:active .logout-arrow,
.ih-logout-icon:hover .logout-arrow-bottom, .ih-logout-icon:active .logout-arrow-bottom { animation: ihk-logout-arrow 0.3s ease-in-out; }
.ih-logout-icon:hover .logout-door, .ih-logout-icon:active .logout-door { animation: ihk-logout-door 0.25s ease-out; }

/* ====== target-icon — círculos pulsam ====== */
@keyframes ihk-target-out { 50% { transform: scale(1.1); opacity: 0.7; } }
@keyframes ihk-target-mid { 50% { transform: scale(1.15); opacity: 0.6; } }
@keyframes ihk-target-in { 50% { transform: scale(1.3); opacity: 0.5; } }
.ih-target-icon:hover .circle-outer, .ih-target-icon:active .circle-outer { animation: ihk-target-out 0.6s ease-in-out; }
.ih-target-icon:hover .circle-middle, .ih-target-icon:active .circle-middle { animation: ihk-target-mid 0.6s ease-in-out 0.1s; }
.ih-target-icon:hover .circle-inner, .ih-target-icon:active .circle-inner { animation: ihk-target-in 0.6s ease-in-out 0.2s; }

/* ====== trophy-icon — levanta + confete ====== */
@keyframes ihk-trophy {
  0% { transform: translate(0, 0) rotate(0); }
  40% { transform: translate(0, -4px) rotate(-10deg); }
  70% { transform: translate(0, -4px) rotate(10deg); }
  100% { transform: translate(0, 0) rotate(0); }
}
@keyframes ihk-confetti1 { 100% { transform: translate(-12px, -15px) rotate(140deg); opacity: 1; } }
@keyframes ihk-confetti2 { 100% { transform: translate(-5px, -18px) rotate(-100deg); opacity: 1; } }
@keyframes ihk-confetti3 { 100% { transform: translate(5px, -18px) rotate(120deg); opacity: 1; } }
@keyframes ihk-confetti4 { 100% { transform: translate(12px, -15px) rotate(-140deg); opacity: 1; } }
.ih-trophy-icon:hover .trophy-group, .ih-trophy-icon:active .trophy-group { animation: ihk-trophy 0.8s ease-out; }
.ih-trophy-icon:hover .confetti-1, .ih-trophy-icon:active .confetti-1 { animation: ihk-confetti1 0.5s ease-out forwards; }
.ih-trophy-icon:hover .confetti-2, .ih-trophy-icon:active .confetti-2 { animation: ihk-confetti2 0.5s ease-out 0.1s forwards; }
.ih-trophy-icon:hover .confetti-3, .ih-trophy-icon:active .confetti-3 { animation: ihk-confetti3 0.5s ease-out 0.2s forwards; }
.ih-trophy-icon:hover .confetti-4, .ih-trophy-icon:active .confetti-4 { animation: ihk-confetti4 0.5s ease-out 0.3s forwards; }

/* ====== party-popper-icon — confete ====== */
@keyframes ihk-popp { 100% { transform: translate(-3px, 3px); } }
@keyframes ihk-confetti {
  0% { transform: translate(0, 0) scale(1); opacity: 1; }
  100% { transform: translate(6px, -10px) scale(0.8); opacity: 0; }
}
.ih-party-popper-icon:hover .popper, .ih-party-popper-icon:active .popper { animation: ihk-popp 0.25s ease-out; }
.ih-party-popper-icon:hover .confetti, .ih-party-popper-icon:active .confetti { animation: ihk-confetti 0.6s ease-out; }

/* ====== rocket-icon — foguete sobe ====== */
@keyframes ihk-rocket {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes ihk-rocket-flame {
  0%, 100% { transform: scaleY(1); opacity: 1; }
  50% { transform: scaleY(1.3); opacity: 0.7; }
}
.ih-rocket-icon:hover .rocket-body, .ih-rocket-icon:active .rocket-body,
.ih-rocket-icon:hover .rocket-upper, .ih-rocket-icon:active .rocket-upper { animation: ihk-rocket 0.5s ease-in-out; }
.ih-rocket-icon:hover .rocket-flame, .ih-rocket-icon:active .rocket-flame { animation: ihk-rocket-flame 0.3s ease-in-out; }

/* ====== sparkles-icon — gira ====== */
@keyframes ihk-spark-main { 100% { transform: rotate(180deg) scale(1.2); } }
@keyframes ihk-spark-top { 100% { transform: rotate(-90deg) scale(1.1); } }
@keyframes ihk-spark-bottom { 100% { transform: rotate(90deg) scale(1.15); } }
.ih-sparkles-icon:hover .sparkle-main, .ih-sparkles-icon:active .sparkle-main { animation: ihk-spark-main 0.6s ease-in-out; }
.ih-sparkles-icon:hover .sparkle-top, .ih-sparkles-icon:active .sparkle-top { animation: ihk-spark-top 0.5s ease-in-out 0.1s; }
.ih-sparkles-icon:hover .sparkle-bottom, .ih-sparkles-icon:active .sparkle-bottom { animation: ihk-spark-bottom 0.5s ease-in-out 0.1s; }

/* ====== flame-icon — chama treme ====== */
@keyframes ihk-flame {
  0%, 100% { transform: scale(1) rotate(0); }
  30% { transform: scale(1.06) rotate(-3deg); }
  70% { transform: scale(1.06) rotate(3deg); }
}
.ih-flame-icon:hover .flame-group, .ih-flame-icon:active .flame-group { animation: ihk-flame 0.5s ease-in-out; }

/* ====== skull-emoji — cabeça balança ====== */
@keyframes ihk-skull-head {
  0%, 100% { transform: rotate(0) translateY(0); }
  25% { transform: rotate(-8deg) translateY(-2px); }
  50% { transform: rotate(8deg) translateY(0); }
  75% { transform: rotate(-4deg) translateY(-1px); }
}
@keyframes ihk-skull-eye {
  0%, 100% { transform: scale(1); }
  40% { transform: scale(1.3); }
  70% { transform: scale(0.8); }
}
@keyframes ihk-skull-tooth { 50% { transform: translateY(-3px); } }
.ih-skull-emoji:hover .skull-head, .ih-skull-emoji:active .skull-head { animation: ihk-skull-head 0.6s ease-in-out; }
.ih-skull-emoji:hover .skull-eye-left, .ih-skull-emoji:active .skull-eye-left,
.ih-skull-emoji:hover .skull-eye-right, .ih-skull-emoji:active .skull-eye-right { animation: ihk-skull-eye 0.6s ease-in-out; }
.ih-skull-emoji:hover .skull-tooth, .ih-skull-emoji:active .skull-tooth { animation: ihk-skull-tooth 0.5s ease-in-out 0.1s; }

/* ====== checked-icon / double-check — desenha ====== */
@keyframes ihk-check { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 1; } }
.ih-checked-icon:hover .check-icon, .ih-checked-icon:active .check-icon { animation: ihk-check 0.4s ease-out forwards; }
.ih-double-check-icon:hover .check-first, .ih-double-check-icon:active .check-first { animation: ihk-check 0.5s ease-in-out forwards; }
.ih-double-check-icon:hover .check-second, .ih-double-check-icon:active .check-second { animation: ihk-check 0.5s ease-in-out 0.15s forwards; }

/* ====== info-circle-icon ====== */
@keyframes ihk-info-i { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; } }
.ih-info-circle-icon:hover .info-circle-i, .ih-info-circle-icon:active .info-circle-i,
.ih-info-circle-icon:hover .info-line-i, .ih-info-circle-icon:active .info-line-i { animation: ihk-info-i 0.3s ease-out forwards; }

/* ====== triangle-alert-icon ====== */
@keyframes ihk-tri { 50% { transform: translateY(-1.5px); } }
@keyframes ihk-excl-line { 50% { transform: scaleY(1.35); } }
@keyframes ihk-excl-dot { 50% { transform: scale(1.4); opacity: 0.6; } }
.ih-triangle-alert-icon:hover .triangle, .ih-triangle-alert-icon:active .triangle { animation: ihk-tri 0.25s ease-out; }
.ih-triangle-alert-icon:hover .exclamation-line, .ih-triangle-alert-icon:active .exclamation-line { animation: ihk-excl-line 0.3s ease-out; }
.ih-triangle-alert-icon:hover .exclamation-dot, .ih-triangle-alert-icon:active .exclamation-dot { animation: ihk-excl-dot 0.25s ease-out 0.05s; }

/* ====== bell — toca ====== */
@keyframes ihk-bell {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-8deg); }
  50% { transform: rotate(6deg); }
  75% { transform: rotate(-4deg); }
}
.ih-filled-bell-icon:hover .bell, .ih-filled-bell-icon:active .bell { animation: ihk-bell 0.6s ease-in-out; }

/* ====== link-icon ====== */
@keyframes ihk-link-top { 100% { transform: translate(1.5px, -1.5px); } }
@keyframes ihk-link-bottom { 100% { transform: translate(-1.5px, 1.5px); } }
@keyframes ihk-link-mid { 100% { transform: scale(1); opacity: 1; } }
.ih-link-icon:hover .link-top, .ih-link-icon:active .link-top { animation: ihk-link-top 0.25s ease-out; }
.ih-link-icon:hover .link-bottom, .ih-link-icon:active .link-bottom { animation: ihk-link-bottom 0.25s ease-out; }
.ih-link-icon:hover .link-middle, .ih-link-icon:active .link-middle { animation: ihk-link-mid 0.2s ease-out; }

/* ====== question-mark ====== */
@keyframes ihk-question { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; } }
@keyframes ihk-question-group { 100% { transform: scale(1.05); } }
.ih-question-mark:hover .question-mark, .ih-question-mark:active .question-mark { animation: ihk-question 0.4s ease-in-out forwards; }
.ih-question-mark:hover .question-mark-dot, .ih-question-mark:active .question-mark-dot { animation: ihk-question 0.3s ease-out forwards; }
.ih-question-mark:hover .question-group, .ih-question-mark:active .question-group { animation: ihk-question-group 0.2s ease-out; }

/* ====== chevrons ====== */
@keyframes ihk-chevron {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}
@keyframes ihk-chevron-down {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(6px); }
}
.ih-right-chevron:hover .chevron, .ih-right-chevron:active .chevron { animation: ihk-chevron 0.8s ease-in-out; }
.ih-down-chevron:hover .chevron-down, .ih-down-chevron:active .chevron-down { animation: ihk-chevron-down 0.8s ease-in-out; }
.ih-arrow-narrow-right-icon:hover .arrow-group, .ih-arrow-narrow-right-icon:active .arrow-group,
.ih-arrow-back-icon:hover .arrow-group, .ih-arrow-back-icon:active .arrow-group { animation: ihk-chevron 0.5s ease-in-out; }

/* ====== toggle-icon ====== */
@keyframes ihk-toggle { 100% { transform: translateX(12px); } }
.ih-toggle-icon:hover .toggle-knob, .ih-toggle-icon:active .toggle-knob { animation: ihk-toggle 0.4s ease-in-out forwards; }

/* ====== radio-icon ====== */
@keyframes ihk-radio-c { 50% { transform: scale(1.3); } }
@keyframes ihk-radio-in { 50% { transform: scale(1.15); opacity: 0.6; } }
@keyframes ihk-radio-out { 50% { transform: scale(1.2); opacity: 0.4; } }
.ih-radio-icon:hover .center, .ih-radio-icon:active .center { animation: ihk-radio-c 0.5s ease-in-out; }
.ih-radio-icon:hover .wave-inner, .ih-radio-icon:active .wave-inner { animation: ihk-radio-in 0.6s ease-in-out 0.1s; }
.ih-radio-icon:hover .wave-outer, .ih-radio-icon:active .wave-outer { animation: ihk-radio-out 0.7s ease-in-out 0.2s; }

/* ====== wifi-icon ====== */
@keyframes ihk-wifi { 50% { opacity: 0.3; } }
.ih-wifi-icon:hover .wave-1, .ih-wifi-icon:active .wave-1 { animation: ihk-wifi 0.6s ease-in-out; }
.ih-wifi-icon:hover .wave-2, .ih-wifi-icon:active .wave-2 { animation: ihk-wifi 0.6s ease-in-out 0.15s; }
.ih-wifi-icon:hover .wave-3, .ih-wifi-icon:active .wave-3 { animation: ihk-wifi 0.6s ease-in-out 0.3s; }

/* ====== external-link-icon ====== */
@keyframes ihk-ext-arrow { 100% { transform: translate(2px, -2px) scale(1.1); } }
@keyframes ihk-ext-box { 100% { transform: scale(0.95); } }
.ih-external-link-icon:hover .external-arrow, .ih-external-link-icon:active .external-arrow { animation: ihk-ext-arrow 0.3s ease-out; }
.ih-external-link-icon:hover .external-box, .ih-external-link-icon:active .external-box { animation: ihk-ext-box 0.3s ease-out; }

/* ====== stack-icon ====== */
@keyframes ihk-stack-top { 100% { transform: translateY(-2px) scale(1.05); } }
@keyframes ihk-stack-bottom { 100% { transform: translateY(1px); opacity: 0.7; } }
.ih-stack-icon:hover .layer-top, .ih-stack-icon:active .layer-top { animation: ihk-stack-top 0.3s ease-out; }
.ih-stack-icon:hover .layer-bottom, .ih-stack-icon:active .layer-bottom { animation: ihk-stack-bottom 0.3s ease-out; }

/* ====== terminal-icon ====== */
@keyframes ihk-term-cursor {
  0%, 100% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
}
@keyframes ihk-term-chev {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(2px); }
}
.ih-terminal-icon:hover .cursor-line, .ih-terminal-icon:active .cursor-line { animation: ihk-term-cursor 0.8s ease-in-out; }
.ih-terminal-icon:hover .terminal-chevron, .ih-terminal-icon:active .terminal-chevron { animation: ihk-term-chev 0.3s ease-in-out; }

/* ====== world/globe-icon ====== */
@keyframes ihk-world { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; } }
.ih-world-icon:hover .world-meridians, .ih-world-icon:active .world-meridians,
.ih-globe-icon:hover .globe-continent-1, .ih-globe-icon:active .globe-continent-1,
.ih-globe-icon:hover .globe-continent-2, .ih-globe-icon:active .globe-continent-2,
.ih-globe-icon:hover .globe-continent-3, .ih-globe-icon:active .globe-continent-3 { animation: ihk-world 0.5s ease-out; }

/* ====== locate-icon / focus-icon ====== */
@keyframes ihk-locate { 100% { transform: rotate(90deg); } }
.ih-locate-icon:hover .locate-crosshairs, .ih-locate-icon:active .locate-crosshairs,
.ih-focus-icon:hover .focus-cross, .ih-focus-icon:active .focus-cross { animation: ihk-locate 0.3s ease-in-out; }

/* ====== satellite-dish / router ====== */
@keyframes ihk-sig-in { 50% { transform: scale(1.15); opacity: 0.6; } }
@keyframes ihk-sig-out { 50% { transform: scale(1.25); opacity: 0.4; } }
.ih-satellite-dish-icon:hover .signal-inner, .ih-satellite-dish-icon:active .signal-inner,
.ih-router-icon:hover .signal-inner, .ih-router-icon:active .signal-inner { animation: ihk-sig-in 0.6s ease-in-out; }
.ih-satellite-dish-icon:hover .signal-outer, .ih-satellite-dish-icon:active .signal-outer,
.ih-router-icon:hover .signal-outer, .ih-router-icon:active .signal-outer { animation: ihk-sig-out 0.7s ease-in-out 0.1s; }

/* ====== volume-2-icon ====== */
@keyframes ihk-vol-in { 50% { transform: scale(1.15); opacity: 0.7; } }
@keyframes ihk-vol-out { 50% { transform: scale(1.2); opacity: 0.5; } }
.ih-volume-2-icon:hover .wave-inner, .ih-volume-2-icon:active .wave-inner { animation: ihk-vol-in 0.6s ease-in-out; }
.ih-volume-2-icon:hover .wave-outer, .ih-volume-2-icon:active .wave-outer { animation: ihk-vol-out 0.6s ease-in-out 0.1s; }

/* ====== volume-x-icon ====== */
@keyframes ihk-volx-speaker {
  0%, 100% { transform: translateX(0); }
  30% { transform: translateX(-1px); }
  70% { transform: translateX(1px); }
}
@keyframes ihk-volx-x { 50% { transform: scale(1.15); } }
.ih-volume-x-icon:hover .speaker, .ih-volume-x-icon:active .speaker { animation: ihk-volx-speaker 0.3s ease-in-out; }
.ih-volume-x-icon:hover .x-mark, .ih-volume-x-icon:active .x-mark { animation: ihk-volx-x 0.4s ease-out; }

/* ====== dots — pontos pulsam ====== */
@keyframes ihk-dot-l { 100% { transform: translateX(-2px) scale(1.2); } }
@keyframes ihk-dot-m { 100% { transform: scale(1.3); } }
@keyframes ihk-dot-r { 100% { transform: translateX(2px) scale(1.2); } }
@keyframes ihk-dot-t { 100% { transform: translateY(-2px) scale(1.2); } }
@keyframes ihk-dot-b { 100% { transform: translateY(2px) scale(1.2); } }
.ih-dots-horizontal-icon:hover .dot-left, .ih-dots-horizontal-icon:active .dot-left { animation: ihk-dot-l 0.3s ease-out; }
.ih-dots-horizontal-icon:hover .dot-center, .ih-dots-horizontal-icon:active .dot-center { animation: ihk-dot-m 0.3s ease-out 0.1s; }
.ih-dots-horizontal-icon:hover .dot-right, .ih-dots-horizontal-icon:active .dot-right { animation: ihk-dot-r 0.3s ease-out 0.2s; }
.ih-dots-vertical-icon:hover .dot-top, .ih-dots-vertical-icon:active .dot-top { animation: ihk-dot-t 0.3s ease-out; }
.ih-dots-vertical-icon:hover .dot-middle, .ih-dots-vertical-icon:active .dot-middle { animation: ihk-dot-m 0.3s ease-out 0.1s; }
.ih-dots-vertical-icon:hover .dot-bottom, .ih-dots-vertical-icon:active .dot-bottom { animation: ihk-dot-b 0.3s ease-out 0.2s; }

/* ====== player-icon (play) ====== */
@keyframes ihk-play { 100% { transform: scale(0.8); } }
.ih-player-icon:hover .play-icon, .ih-player-icon:active .play-icon { animation: ihk-play 0.4s ease-out; }

/* ====== download/upload — seta desce/sobe ====== */
@keyframes ihk-down-arrow {
  0%   { transform: translateY(0); opacity: 1; }
  40%  { transform: translateY(8px); opacity: 0; }
  50%  { transform: translateY(8px); opacity: 0; }
  60%  { transform: translateY(-8px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes ihk-up-arrow {
  0%   { transform: translateY(0); opacity: 1; }
  40%  { transform: translateY(-8px); opacity: 0; }
  50%  { transform: translateY(-8px); opacity: 0; }
  60%  { transform: translateY(8px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.ih-download-icon:hover .arrow-head, .ih-download-icon:active .arrow-head,
.ih-download-icon:hover .arrow-stem, .ih-download-icon:active .arrow-stem { animation: ihk-down-arrow 0.6s ease-in-out; }
.ih-upload-icon:hover .arrow-group, .ih-upload-icon:active .arrow-group { animation: ihk-up-arrow 0.6s ease-in-out; }

/* ====== refresh-icon — gira ====== */
@keyframes ihk-refresh { 100% { transform: rotate(360deg); } }
.ih-refresh-icon:hover svg, .ih-refresh-icon:hover, .ih-refresh-icon:active svg, .ih-refresh-icon:active { animation: ihk-refresh 0.6s ease-in-out; }

/* ====== book-icon — abre ====== */
@keyframes ihk-book-cover { 100% { transform: rotate(-6deg); } }
.ih-book-icon:hover .book-cover, .ih-book-icon:active .book-cover { animation: ihk-book-cover 0.4s ease-out; }

/* ====== clock-icon — ponteiro anda ====== */
@keyframes ihk-clock-hand { 100% { transform: rotate(20deg); } }
.ih-clock-icon:hover .clock-hands, .ih-clock-icon:active .clock-hands { animation: ihk-clock-hand 0.3s ease-out; }

/* ====== history-circle-icon ====== */
@keyframes ihk-history { 100% { transform: rotate(-45deg); } }
@keyframes ihk-history-hand { 100% { transform: rotate(-30deg); } }
.ih-history-circle-icon:hover .history-circle, .ih-history-circle-icon:active .history-circle { animation: ihk-history 0.35s ease-out; }
.ih-history-circle-icon:hover .clock-hand, .ih-history-circle-icon:active .clock-hand { animation: ihk-history-hand 0.25s ease-out; }

/* ====== save-icon ====== */
@keyframes ihk-save { 50% { transform: translateY(-1px); } }
@keyframes ihk-save-label { 50% { opacity: 0.4; } }
.ih-save-icon:hover, .ih-save-icon:active { animation: ihk-save 0.4s ease-in-out; }
.ih-save-icon:hover .save-label, .ih-save-icon:active .save-label { animation: ihk-save-label 0.4s ease-in-out; }

/* ====== keyframes-icon ====== */
@keyframes ihk-kf1 { 50% { transform: translateX(-2px); } }
@keyframes ihk-kf2 { 50% { transform: translateX(2px); } }
@keyframes ihk-kf3 { 50% { transform: translateX(4px); } }
.ih-keyframes-icon:hover .frame-1, .ih-keyframes-icon:active .frame-1 { animation: ihk-kf1 0.4s ease-in-out; }
.ih-keyframes-icon:hover .frame-2, .ih-keyframes-icon:active .frame-2 { animation: ihk-kf2 0.4s ease-in-out 0.1s; }
.ih-keyframes-icon:hover .frame-3, .ih-keyframes-icon:active .frame-3 { animation: ihk-kf3 0.4s ease-in-out 0.2s; }

/* ====== layers-icon — bloco sobe ====== */
@keyframes ihk-layers { 100% { transform: translateY(-2px); } }
.ih-layers-icon:hover .top-block, .ih-layers-icon:active .top-block { animation: ihk-layers 0.3s ease-out; }

/* ====== bulb-svg — raios pulsam ====== */
@keyframes ihk-bulb { 50% { opacity: 0.4; } }
.ih-bulb-svg:hover .ray-left, .ih-bulb-svg:active .ray-left,
.ih-bulb-svg:hover .ray-right, .ih-bulb-svg:active .ray-right,
.ih-bulb-svg:hover .ray-top, .ih-bulb-svg:active .ray-top,
.ih-bulb-svg:hover .ray-top-left, .ih-bulb-svg:active .ray-top-left,
.ih-bulb-svg:hover .ray-top-right, .ih-bulb-svg:active .ray-top-right { animation: ihk-bulb 0.4s ease-in-out; }

/* ====== meh-icon — pisca ====== */
@keyframes ihk-meh-eye {
  0%, 100% { transform: scaleY(1); }
  30% { transform: scaleY(0.3); }
  60% { transform: scaleY(1); }
  80% { transform: scaleY(0.3); }
}
@keyframes ihk-meh-mouth { 50% { transform: scaleX(0.9); } }
.ih-meh-icon:hover .eyes, .ih-meh-icon:active .eyes { animation: ihk-meh-eye 0.8s ease-in-out; }
.ih-meh-icon:hover .mouth, .ih-meh-icon:active .mouth { animation: ihk-meh-mouth 0.5s ease-in-out; }

/* ====== battery-icon — carga pulsa ====== */
@keyframes ihk-battery { 50% { opacity: 0.5; } }
.ih-battery-icon:hover .battery-bolt, .ih-battery-icon:active .battery-bolt { animation: ihk-battery 0.5s ease-in-out; }

/* ====== coffee-icon — vapor sobe ====== */
@keyframes ihk-steam {
  0% { transform: translateY(0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(-3px); opacity: 0; }
}
.ih-coffee-icon:hover .steam, .ih-coffee-icon:active .steam { animation: ihk-steam 0.8s ease-in-out; }

/* ====== plug-connected-icon — pluga ====== */
@keyframes ihk-plug-up { 100% { transform: translate(-2px, 2px); } }
@keyframes ihk-plug-low { 100% { transform: translate(2px, -2px); } }
@keyframes ihk-plug-leg { 100% { opacity: 0; } }
.ih-plug-connected-icon:hover .plug-upper-part, .ih-plug-connected-icon:active .plug-upper-part { animation: ihk-plug-up 0.35s ease-out; }
.ih-plug-connected-icon:hover .plug-lower-part, .ih-plug-connected-icon:active .plug-lower-part { animation: ihk-plug-low 0.35s ease-out; }
.ih-plug-connected-icon:hover .plug-lower-leg, .ih-plug-connected-icon:active .plug-lower-leg { animation: ihk-plug-leg 0.35s ease-out forwards; }

/* ====== telephone-icon — toca ====== */
@keyframes ihk-phone {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-8deg); }
  75% { transform: rotate(8deg); }
}
.ih-telephone-icon:hover .phone-handset, .ih-telephone-icon:active .phone-handset { animation: ihk-phone 0.5s ease-in-out; }

/* ====== file-description-icon ====== */
@keyframes ihk-file-line { 100% { opacity: 0.4; } }
.ih-file-description-icon:hover .file-line, .ih-file-description-icon:active .file-line { animation: ihk-file-line 0.3s ease-in-out; }

/* ====== mail-filled-icon ====== */
@keyframes ihk-mail { 100% { transform: translateY(-1px); } }
.ih-mail-filled-icon:hover, .ih-mail-filled-icon:active { animation: ihk-mail 0.3s ease-out; }

/* ====== chart-bar-icon ====== */
@keyframes ihk-chart { 50% { transform: scaleY(0.9); } }
.ih-chart-bar-icon:hover .chart-bar, .ih-chart-bar-icon:active .chart-bar { animation: ihk-chart 0.4s ease-in-out; }

/* ====== shield-check — desenha check ====== */
@keyframes ihk-shield-check { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; } }
.ih-shield-check:hover .shield-check-mark, .ih-shield-check:active .shield-check-mark { animation: ihk-shield-check 0.4s ease-out forwards; }

/* ====== layout-dashboard-icon / unordered-list / align-center — linhas sobem ====== */
@keyframes ihk-lines { 50% { transform: translateY(-1px); opacity: 0.7; } }
.ih-layout-dashboard-icon:hover .line, .ih-layout-dashboard-icon:active .line,
.ih-unordered-list-icon:hover .line, .ih-unordered-list-icon:active .line,
.ih-align-center-icon:hover .line, .ih-align-center-icon:active .line { animation: ihk-lines 0.3s ease-in-out; }

/* ====== vinyl-icon — disco gira (idle, sempre) ====== */
@keyframes ihk-vinyl-spin { 100% { transform: rotate(360deg); } }
.ih-vinyl-icon .vinyl-disc, .ih-vinyl-icon:active .vinyl-disc { animation: ihk-vinyl-spin 3.5s linear infinite; transform-box: fill-box; transform-origin: 50% 50%; }

/* ====== passport-icon — carimba ====== */
@keyframes ihk-passport { 100% { transform: scale(1.04); } }
.ih-passport-icon:hover, .ih-passport-icon:active { animation: ihk-passport 0.3s ease-out; }

/* ====== brightness-down-icon — sol pulsa ====== */
@keyframes ihk-sun-rays { 50% { transform: scale(1.1); } }
.ih-brightness-down-icon:hover .sun-rays, .ih-brightness-down-icon:active .sun-rays { animation: ihk-sun-rays 0.4s ease-in-out; }

/* ====== eye-off-icon ====== */
@keyframes ihk-eye-off { 100% { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 1; } }
.ih-eye-off-icon:hover .eye-strike, .ih-eye-off-icon:active .eye-strike { animation: ihk-eye-off 0.3s ease-out forwards; }

/* ====== lock-icon (com corpo) ====== */
@keyframes ihk-lock-body { 100% { transform: translateY(-2px); } }
.ih-lock-icon:hover .lock-upper-body, .ih-lock-icon:active .lock-upper-body { animation: ihk-lock-body 0.25s ease-out; }

/* Fallback: qualquer botão com .ih dentro reage no clique (pop) */
.ih-wrap { display: inline-flex; }
.ih-wrap:active .ih, .ih-wrap.tapped .ih { animation: ihk-pop 0.25s ease-out; }
@keyframes ihk-pop {
  0% { transform: scale(1); }
  40% { transform: scale(0.85) rotate(-4deg); }
  100% { transform: scale(1); }
}

/* ====== Tab-buttons: animações idle (como as anteriores) ====== */
/* jogo: dpad treme de leve */
@keyframes ihk-tab-dpad {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-0.6px, 0.6px); }
}
.tab-icon-btn .ih-gamepad-icon .gamepad-dpad {
  animation: ihk-tab-dpad 2.4s ease-in-out infinite;
}
.tab-icon-btn .ih-gamepad-icon:hover .gamepad-dpad,
.tab-icon-btn .ih-gamepad-icon:active .gamepad-dpad {
  animation: ihk-gamepad-dpad 0.4s linear;
}

/* perfil: avatar respira */
@keyframes ihk-tab-user {
  0%, 100% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.06) translateY(-1px); }
}
.tab-icon-btn .ih-user-icon .user-avatar {
  animation: ihk-tab-user 3s ease-in-out infinite;
}
.tab-icon-btn .ih-user-icon:hover .user-avatar,
.tab-icon-btn .ih-user-icon:active .user-avatar {
  animation: ihk-user 0.25s ease-out forwards;
}

/* mensagens: balão respira + pontinhos */
@keyframes ihk-tab-msg {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.92; }
}
.tab-icon-btn .ih-message-circle-icon .message-path {
  animation: ihk-tab-msg 3.2s ease-in-out infinite;
}

/* notas: caneta escreve em loop */
@keyframes ihk-tab-pen {
  0%, 100% { transform: translate(0, 0) rotate(0); }
  30% { transform: translate(1px, -2px) rotate(-4deg); }
  60% { transform: translate(-1px, -4px) rotate(4deg); }
}
.tab-icon-btn .ih-pen-icon .pen-group {
  animation: ihk-tab-pen 3.6s ease-in-out infinite;
}
.tab-icon-btn .ih-pen-icon:hover .pen-group,
.tab-icon-btn .ih-pen-icon:active .pen-group {
  animation: ihk-pen-group 0.8s ease-in-out;
}

/* ====== Menu lateral: vinil e engrenagem giram idle ====== */
.menu-tab .ih-vinyl-icon .vinyl-disc {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: ihk-vinyl-spin 8s linear infinite;
}
.menu-tab .ih-gear-icon .gear-rotator {
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: ihk-vinyl-spin 14s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ih * { animation: none !important; }
  .ih { animation: none !important; }
}

/* ====== plus-icon (adicionar) — vira e gira ====== */
@keyframes ihk-plus-v { 100% { transform: rotate(90deg) scale(0.9); } }
@keyframes ihk-plus-h { 100% { transform: rotate(-90deg) scale(0.9); } }
.ih-plus-icon:hover .plus-v, .ih-plus-icon:active .plus-v { animation: ihk-plus-v 0.25s ease-out forwards; }
.ih-plus-icon:hover .plus-h, .ih-plus-icon:active .plus-h { animation: ihk-plus-h 0.25s ease-out forwards; }

/* ====== mic-icon (microfone) — balança ====== */
@keyframes ihk-mic-body { 50% { transform: scale(1.12); } }
@keyframes ihk-mic-arc { 50% { transform: translateY(-1px); } }
.ih-mic-icon:hover .mic-body, .ih-mic-icon:active .mic-body { animation: ihk-mic-body 0.5s ease-in-out; }
.ih-mic-icon:hover .mic-arc, .ih-mic-icon:active .mic-arc { animation: ihk-mic-arc 0.3s ease-in-out; }

/* ====== music-note-icon (nota musical) — salta ====== */
@keyframes ihk-note-stem { 50% { transform: translateY(-3px) rotate(-4deg); } }
@keyframes ihk-note-head1 { 50% { transform: translateY(-3px); } }
@keyframes ihk-note-head2 { 50% { transform: translateY(-3px); } }
.ih-music-note-icon:hover .note-stem, .ih-music-note-icon:active .note-stem { animation: ihk-note-stem 0.5s ease-in-out; }
.ih-music-note-icon:hover .note-head-1, .ih-music-note-icon:active .note-head-1 { animation: ihk-note-head1 0.5s ease-in-out; }
.ih-music-note-icon:hover .note-head-2, .ih-music-note-icon:active .note-head-2 { animation: ihk-note-head2 0.5s ease-in-out 0.06s; }

/* ====== pause-icon (pausar) — barras juntam ====== */
@keyframes ihk-pause-l { 100% { transform: scaleX(1.6); } }
@keyframes ihk-pause-r { 100% { transform: scaleX(1.6); } }
.ih-pause-icon:hover .pause-left, .ih-pause-icon:active .pause-left { animation: ihk-pause-l 0.25s ease-out; }
.ih-pause-icon:hover .pause-right, .ih-pause-icon:active .pause-right { animation: ihk-pause-r 0.25s ease-out; }

/* ====== stop-icon (parar) — encolhe ====== */
@keyframes ihk-stop { 100% { transform: scale(0.8); } }
.ih-stop-icon:hover .stop-square, .ih-stop-icon:active .stop-square { animation: ihk-stop 0.25s ease-out; }

/* ====== database-icon (banco de dados) — cilindro pulsa ====== */
@keyframes ihk-db-top { 50% { transform: translateY(-2px); } }
@keyframes ihk-db-bot { 50% { transform: translateY(2px); } }
.ih-database-icon:hover .db-top, .ih-database-icon:active .db-top { animation: ihk-db-top 0.5s ease-in-out; }
.ih-database-icon:hover .db-bot, .ih-database-icon:active .db-bot { animation: ihk-db-bot 0.5s ease-in-out; }

/* ====== share-icon (compartilhar) — pontinhos dançam ====== */
@keyframes ihk-share-dot1 { 50% { transform: translate(-2px, 2px); } }
@keyframes ihk-share-dot2 { 50% { transform: translate(0, -2px); } }
@keyframes ihk-share-dot3 { 50% { transform: translate(2px, -2px); } }
@keyframes ihk-share-line { 50% { opacity: 0.4; } }
.ih-share-icon:hover .share-dot-1, .ih-share-icon:active .share-dot-1 { animation: ihk-share-dot1 0.5s ease-in-out; }
.ih-share-icon:hover .share-dot-2, .ih-share-icon:active .share-dot-2 { animation: ihk-share-dot2 0.5s ease-in-out 0.05s; }
.ih-share-icon:hover .share-dot-3, .ih-share-icon:active .share-dot-3 { animation: ihk-share-dot3 0.5s ease-in-out 0.1s; }
.ih-share-icon:hover .share-line-1, .ih-share-icon:active .share-line-1 { animation: ihk-share-line 0.5s ease-in-out; }
.ih-share-icon:hover .share-line-2, .ih-share-icon:active .share-line-2 { animation: ihk-share-line 0.5s ease-in-out 0.05s; }

/* ====== image-icon (vídeo/imagem) — play pulsa ====== */
@keyframes ihk-img-play { 50% { transform: scale(1.15); } }
.ih-image-icon:hover .img-play, .ih-image-icon:active .img-play { animation: ihk-img-play 0.4s ease-in-out; }

/* ====== monitor-icon (monitor) — tela brilha ====== */
@keyframes ihk-mon { 50% { transform: scale(1.04); } }
.ih-monitor-icon:hover .mon-screen, .ih-monitor-icon:active .mon-screen { animation: ihk-mon 0.4s ease-in-out; }

/* ====== meh-icon (carinha neutra) — olhos piscam, boca encolhe ====== */
@keyframes ihk-meh-eyes { 50% { transform: scaleY(0.3); } }
@keyframes ihk-meh-mouth { 50% { transform: scaleX(0.85); } }
.ih-meh-icon:hover .meh-eyes, .ih-meh-icon:active .meh-eyes { animation: ihk-meh-eyes 0.8s ease-in-out; }
.ih-meh-icon:hover .meh-mouth, .ih-meh-icon:active .meh-mouth { animation: ihk-meh-mouth 0.5s ease-in-out 0.4s; }