:root{--g:linear-gradient(90deg,#8B5CF6,#3730A3 50%,#06B6D4)}
body{-webkit-font-smoothing:antialiased}
.gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.gb{background:linear-gradient(120deg,#8B5CF6,#4f46e5 55%,#06B6D4)}
.card{background:#fff;border:1px solid #eef0f6;border-radius:22px;box-shadow:0 10px 30px -18px rgba(55,48,163,.25)}
.eyebrow{letter-spacing:.4em;font-size:11px;text-transform:uppercase;color:#8B5CF6;font-weight:600}
.fade{animation:fade .35s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.shimmer{background:linear-gradient(90deg,#eef0f8 25%,#f7f5ff 50%,#eef0f8 75%);background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}
.pulse-ring{box-shadow:0 0 0 0 rgba(139,92,246,.6);animation:pr 1.4s infinite}
@keyframes pr{to{box-shadow:0 0 0 18px rgba(139,92,246,0)}}
.prose h1{font-size:1.6rem;font-weight:800;margin:.8em 0 .4em}.prose h2{font-size:1.25rem;font-weight:700;margin:1em 0 .4em;color:#3730A3}
.prose h3{font-weight:700;margin:.8em 0 .3em}.prose p{margin:.5em 0;line-height:1.7;color:#334155}
.prose ul{list-style:disc;padding-left:1.4em}.prose ol{list-style:decimal;padding-left:1.4em}.prose li{margin:.25em 0}
.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose td,.prose th{border:1px solid #e2e8f0;padding:6px 8px}.prose th{background:#f5f3ff}
.prose code{font-family:JetBrains Mono;background:#f1f5f9;padding:1px 5px;border-radius:5px;font-size:12px}
.prose pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;overflow:auto}
.prose pre code{background:none;color:inherit}
.scene{background:radial-gradient(ellipse at 70% 20%,#fde7f3 0,transparent 45%),radial-gradient(ellipse at 20% 80%,#e0e7ff 0,transparent 50%),linear-gradient(180deg,#f5f3ff,#ecfeff)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#dcd8f5;border-radius:8px}
.mermaid-box svg{max-width:100%;height:auto}