/* xboost.info — small extras that Tailwind utilities don't cover */
.bg-grid {
  background-image:
    radial-gradient(70rem 36rem at 50% -12%, rgb(139 92 246 / .14), transparent 72%),
    linear-gradient(rgb(255 255 255 / .022) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / .022) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}
.toast-in  { animation: toastIn .35s cubic-bezier(.2,.9,.3,1.2) both; }
.toast-out { animation: toastOut .3s ease-in both; }
@keyframes toastIn  { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes toastOut { to   { opacity: 0; transform: translateX(-24px); } }

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }

.tab-btn[aria-selected="true"] { background: #8B5CF6; color: #fff; border-color: #8B5CF6; }
.fav-tab-btn[aria-selected="true"] { background: #FB7185; color: #fff; border-color: #FB7185; }

@media (prefers-reduced-motion: reduce) {
  .toast-in, .toast-out, .animate-ping { animation: none !important; }
}