body{margin:0;font:16px/1.7 "IBM Plex Sans",system-ui,sans-serif;background:#101113;color:#ecebe4}
main{max-width:760px;margin:0 auto;padding:32px 20px 80px}
h1{font:800 36px "Bricolage Grotesque",system-ui,sans-serif;margin:10px 0 6px}
h2{font:700 22px "Bricolage Grotesque",system-ui,sans-serif;margin:30px 0 8px}
a{color:#8ea2ff}
.top{display:inline-block;margin-bottom:12px;font-weight:600}
.muted{color:#a3a3ab;font-size:14px}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#ff5a5f,#ff9f1c,#ffd23f,#3ddc84,#00c2a8,#2ec4f1,#4d7cff,#8b5cf6,#e056fd,#ff4fa3)}
@media (prefers-color-scheme: light){body{background:#f3f1ea;color:#16171c}a{color:#2a44c9}.muted{color:#565663}}