[x-cloak]{display:none!important}

.gradient-text{
  background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.sidebar-scrollbar::-webkit-scrollbar{width:3px}
.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}
.sidebar-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:99px}

.article-prose h1{font-size:1.4rem;font-weight:700;margin:1.5em 0 .5em;color:#0f172a;line-height:1.3}
.article-prose h2{font-size:1.15rem;font-weight:600;margin:1.3em 0 .4em;color:#1e293b}
.article-prose h3{font-size:1rem;font-weight:600;margin:1em 0 .3em;color:#334155}
.article-prose p{margin-bottom:1em;line-height:1.8;color:#334155}
.article-prose ul,.article-prose ol{margin:0 0 1em 1.5em}
.article-prose li{margin-bottom:.35em;color:#475569}

@keyframes fadeSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeSlide .2s ease}

@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}
.pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite}