.blog-content{scroll-behavior:smooth}.blog-content .reveal{opacity:0;transform:translateY(30px);transition:all .7s ease}.blog-content .reveal.active{opacity:1;transform:translateY(0)}.blog-content .group{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background-color .35s ease}.blog-content .group:hover{box-shadow:0 10px 40px #06b6d41a}.blog-content img{border-radius:1rem;max-width:100%;height:auto}.blog-content table{width:100%;border-collapse:collapse}.blog-content th{font-weight:700}.blog-content td,.blog-content th{vertical-align:top}.blog-content blockquote{position:relative}.blog-content blockquote:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:4px;background:#06b6d4;border-radius:999px}.blog-content ul{list-style:none;padding:0}.blog-content ul li{position:relative;padding-left:1.6rem}.blog-content ul li:before{content:"";position:absolute;left:0;top:.8rem;width:.45rem;height:.45rem;border-radius:999px;background:#06b6d4}.blog-content a{transition:.25s}.blog-content a:hover{color:#22d3ee}.blog-content code{border-radius:.5rem;padding:.2rem .45rem;background:#ffffff0f}.blog-content pre{overflow:auto;border-radius:1rem}.blog-content ::-moz-selection{background:#0891b2;color:#fff}.blog-content ::selection{background:#0891b2;color:#fff}.blog-content ::-webkit-scrollbar{width:8px;height:8px}.blog-content ::-webkit-scrollbar-thumb{background:#155e75;border-radius:999px}.blog-content details summary{-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-content details[open]{box-shadow:0 10px 30px #06b6d414}.blog-content .promo-banner{overflow:hidden;position:relative}.blog-content .promo-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(6,182,212,.08),transparent 60%);pointer-events:none}@media(max-width:768px){.blog-content h2{line-height:1.2}.blog-content p{line-height:1.8}.blog-content table{display:block;overflow-x:auto;white-space:nowrap}}.prose pre,section pre{overflow-x:auto;padding:1.5rem;margin:2rem 0;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#0f172a}.prose code,section code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.prose :not(pre)>code,section :not(pre)>code{padding:.15rem .4rem;border-radius:.35rem;background:#ffffff14;color:#67e8f9}#reading-progress{position:fixed;top:0;left:0;width:0;height:4px;z-index:9999;background:linear-gradient(90deg,#22d3ee,#3b82f6,#06b6d4);box-shadow:0 0 10px #22d3ee99,0 0 20px #22d3ee40;transition:width .15s linear}