:root { color-scheme: dark; }

html, body { background: #0a0a0f; }

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

*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #0a0a0f; }
*::-webkit-scrollbar-thumb { background: #2a2a3a; border-radius: 9999px; border: 2px solid #0a0a0f; }
*::-webkit-scrollbar-thumb:hover { background: #3a3a50; }

.line-clamp-2, .line-clamp-3, .line-clamp-4 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; }

*:focus-visible { outline: 2px solid #ff2d55; outline-offset: 2px; border-radius: 10px; }

::selection { background: #ff2d55; color: #fff; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

img:not([src]), img[src=""] { content: url('/placeholder.svg'); background: #181823; }