:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { background: #0d131a; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.hero-gradient { background: linear-gradient(0deg, #0d131a 0%, rgba(13,19,26,.72) 42%, rgba(13,19,26,0) 100%); }
.detail-gradient { background: linear-gradient(0deg, #0d131a 0%, rgba(13,19,26,.9) 60%, rgba(13,19,26,.35) 100%); }
.fade-in { animation: fadeIn .4s cubic-bezier(.4,0,.2,1); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.line-clamp-1, .line-clamp-2, .line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
img { background-color: #151b23; }
code { background: rgba(255,255,255,.08); padding: .15rem .35rem; border-radius: .35rem; }