/* EID Events - small custom styles on top of Tailwind */
.fade-in { animation: fadeIn .35s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.pulse-dot { animation: pulseDot 1.2s ease-in-out infinite; }
@keyframes pulseDot { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }

.spin-slow { animation: spin 2.4s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.score-ring {
  --p: 0;
  width: 56px; height: 56px; border-radius: 9999px;
  background: conic-gradient(var(--ring, #7c3aed) calc(var(--p) * 1%), #e2e8f0 0);
  display: grid; place-items: center;
}
.score-ring > span {
  width: 44px; height: 44px; border-radius: 9999px; background: #fff;
  display: grid; place-items: center; font-weight: 800; font-size: 14px; color: #1e293b;
}

input[type=range] { accent-color: #7c3aed; }
input[type=range]::-webkit-slider-thumb { cursor: pointer; }

.chip-active { background: #7c3aed; color: #fff; border-color: #7c3aed; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }