:root { color-scheme: dark; }
[x-cloak] { display: none !important; }
body { font-family: Inter, sans-serif; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
* { scrollbar-width: thin; scrollbar-color: #334155 #020617; }
.toast-enter { animation: toast-in .24s ease-out; }
.chat-bubble { animation: chat-in .22s ease-out; }
.loading-pulse { animation: pulse 1.8s ease-in-out infinite; }
@keyframes toast-in {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes chat-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
  0%, 100% { opacity: .45; }
  50% { opacity: 1; }
}