/* LingoBase 2.6.8 — scoped avatar animation, sleeping scene and toolbar. */
.lb-avatar-v3 .lb-eyes-open { opacity: 1; animation: lb-avatar-open 6.2s steps(1,end) infinite; }
.lb-avatar-v3 .lb-eyes-open + .lb-eyes-shut { opacity: 0; animation: lb-avatar-shut 6.2s steps(1,end) infinite; }
.lb-avatar-v3 .lb-eyes-shut:only-child { opacity: 1; }
.lb-avatar-v3.state-sleep .lb-eyes-shut { opacity: 1; animation: none; }
.lb-avatar-v3.preview .buddy-svg { transform: translateY(5px); }
.lb-avatar-v3.compact .buddy-svg { transform: translateY(15px); }
.buddy-mini-btn .lb-avatar-v3.compact .buddy-svg { transform: translateY(7px) scale(1.18); }
.buddy-mini-btn { flex: 0 0 44px; }
.buddy-mini-btn .lb-avatar-v3.portrait { width: 42px; height: 42px; min-width: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; }
.buddy-mini-btn .lb-avatar-v3.portrait .buddy-svg { display: block; width: 42px; height: 42px; transform: none; overflow: hidden; }
.buddy-mini-btn .lb-avatar-v3.portrait .buddy-head { transform: none; }
.lb-sleep-scene.state-sleep .buddy-head { transform: none; }
.lb-sleep-scene.state-sleep .buddy-character { animation: lb-rest-breathe 4.5s ease-in-out infinite; transform-origin: 120px 182px; }
.rest-buddy-wrap .lb-sleep-scene.compact { width: 220px; height: 250px; min-width: 0; }
.rest-buddy-wrap .lb-sleep-scene.compact .buddy-svg { width: 210px; height: 245px; transform: none; }
.lb-sleep-scene .buddy-z { top: 25px; right: 20px; }
@keyframes lb-rest-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(1px); } }
@media (max-width: 760px) {
  .rest-buddy-wrap { min-width: 0; }
  .rest-buddy-wrap .lb-sleep-scene.compact { width: 190px; height: 210px; }
  .rest-buddy-wrap .lb-sleep-scene.compact .buddy-svg { width: 180px; height: 210px; }
}
/* Keep the title and customization controls inside narrow phone screens. */
@media (max-width: 620px) {
  .topbar { flex-wrap: wrap; gap: 12px; }
  .topbar-title-wrap { min-width: 0; }
  .top-actions { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
}
@keyframes lb-avatar-open { 0%,43%,46%,100% { opacity: 1; } 44%,45% { opacity: 0; } }
@keyframes lb-avatar-shut { 0%,43%,46%,100% { opacity: 0; } 44%,45% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .lb-avatar-v3 .buddy-character, .lb-sleep-scene.state-sleep .buddy-character, .lb-avatar-v3 .buddy-pencil,
  .lb-avatar-v3 .lb-eyes-open, .lb-avatar-v3 .lb-eyes-shut,
  .lb-avatar-v3 .buddy-z span, .lb-avatar-v3 .buddy-spark span, .lb-avatar-v3 .buddy-notes span { animation: none; }
  .lb-avatar-v3 .lb-eyes-open + .lb-eyes-shut { opacity: 0; }
}