body.v14 .web-guided-mindful-live {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin: 18px 0 14px;
  padding: 18px;
  border: 1px solid rgba(104, 91, 167, 0.16);
  background: rgba(255, 255, 255, 0.72);
  border-radius: 7px;
}
body.v14 .web-guided-mindful-clock {
  width: 98px;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 50%;
  color: #514888;
  background: radial-gradient(circle at 35% 30%, #fff 0 12%, #e8e5fa 44%, #cae8df 100%);
  box-shadow: 0 0 0 9px rgba(111, 98, 179, 0.06), 0 15px 32px rgba(66, 58, 112, 0.12);
}
body.v14 .web-guided-mindful-clock strong { font-size: 28px; line-height: 1; }
body.v14 .web-guided-mindful-clock span { margin-top: 5px; color: #77718f; font-size: 11px; }
body.v14 .web-guided-mindful-live > div:last-child { min-width: 0; }
body.v14 .web-guided-mindful-live > div:last-child > strong { color: #403a61; font-size: 17px; }
body.v14 .web-guided-mindful-live p { margin: 8px 0; color: #665f77; line-height: 1.65; }
body.v14 .web-guided-mindful-live small { color: #817a93; }
body.v14 .web-guided-mindful-program.is-active .web-guided-mindful-clock { animation: v146WebMindfulBreath 10s ease-in-out infinite; }
body.v14 .web-guided-mindful-program.is-complete .web-guided-mindful-clock { background: #e7f1ed; box-shadow: none; }
@keyframes v146WebMindfulBreath { 0%, 100% { transform: scale(.94); } 40% { transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) { body.v14 .web-guided-mindful-program.is-active .web-guided-mindful-clock { animation: none; } }