/* Custom styles ported from the React app's index.css */
* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background-color: #fdf2f8;
  color: #1f1f2e;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #fce7f3; }
::-webkit-scrollbar-thumb { background: #f9a8d4; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #ec4899; }

/* Smooth transitions */
.page-fade { animation: fadeIn 0.3s ease-in; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Ring progress */
.ring-progress {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

/* Utility helpers the Play CDN may not generate inline */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}