:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.4;font-weight:400;--fs-sm: clamp(.8rem, .17vi + .76rem, .89rem);--fs-base: clamp(1rem, .34vi + .91rem, 1.19rem);--fs-md: clamp(1.25rem, .61vi + 1.1rem, 1.58rem);--fs-lg: clamp(1.56rem, 1vi + 1.31rem, 2.11rem);--fs-xl: clamp(1.95rem, 1.56vi + 1.56rem, 2.81rem);--fs-xxl: clamp(2.44rem, 2.38vi + 1.85rem, 3.75rem);--fs-xxxl: clamp(3.05rem, 3.54vi + 2.17rem, 5rem);color:#f5f5f7;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;padding:1.5rem;background:#000}#app{width:100%;max-width:1000px;margin:0 auto}.back-link{display:inline-block;font-size:var(--fs-base);color:#fff9;text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:#fff}.blog-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.blog-meta time,.blog-date{font-size:var(--fs-sm);color:#fff6}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tag{font-size:var(--fs-sm);color:#fff9;background:#ffffff1a;padding:.2rem .6rem;border-radius:1rem}.page-header{margin-bottom:3rem}.page-header h1{font-size:var(--fs-xxxl);font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;color:#fff}.subtitle{font-size:var(--fs-md);color:#ffffff80}.blog-grid{display:flex;flex-direction:column;gap:1.5rem}.blog-card{position:relative;border-radius:32px;padding:clamp(1.5rem,3vw,2rem);isolation:isolate;text-decoration:none;color:inherit;transition:all .3s ease}.blog-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:32px;background:linear-gradient(135deg,#ff00000f,#ff9a000f,#d0de210f,#4fdc4a0f,#3fdad80f,#2f6be80f 80%,#8b5cf60f);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);filter:url(#glass-distortion);-webkit-filter:url(#glass-distortion)}.blog-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:32px;box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #ffffff1a,inset 1px 0 1px #ffffff1a,inset -1px 0 1px #ffffff1a,inset 0 0 20px -10px #fff3,0 10px 40px #0003;pointer-events:none}.blog-card:hover{transform:translateY(-4px) scale(1.01)}.blog-card .blog-meta{position:relative;z-index:1;margin-bottom:.75rem}.blog-card h2{font-size:var(--fs-lg);font-weight:600;color:#fff;margin-bottom:.5rem;position:relative;z-index:1}.blog-description{font-size:var(--fs-base);color:#fff9;line-height:1.6;position:relative;z-index:1}.blog-header{margin-bottom:3rem}.blog-header h1{font-size:var(--fs-xxl);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.2}.blog-content{position:relative;border-radius:32px;padding:clamp(1.25rem,2vw,1.75rem) clamp(1rem,1.5vw,1.25rem);isolation:isolate}.blog-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:32px;background:linear-gradient(135deg,#ff00000f,#ff9a000f,#d0de210f,#4fdc4a0f,#3fdad80f,#2f6be80f 80%,#8b5cf60f);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);filter:url(#glass-distortion);-webkit-filter:url(#glass-distortion)}.blog-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:32px;box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #ffffff1a,inset 1px 0 1px #ffffff1a,inset -1px 0 1px #ffffff1a,inset 0 0 20px -10px #fff3,0 10px 40px #0003;pointer-events:none}.blog-content>*{position:relative;z-index:1}.blog-content p{font-size:var(--fs-base);color:#fffc;line-height:1.8;margin-bottom:1.5rem}.blog-content h2{font-size:var(--fs-xl);font-weight:600;color:#fff;margin-top:2.5rem;margin-bottom:1rem}.blog-content h3{font-size:var(--fs-lg);font-weight:600;color:#fff;margin-top:2rem;margin-bottom:.75rem}.blog-content h4{font-size:var(--fs-md);font-weight:600;color:#fff;margin-top:1.5rem;margin-bottom:.5rem}.blog-content a{color:#646cff;text-decoration:none;transition:color .2s}.blog-content a:hover{color:#818cf8}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li{font-size:var(--fs-base);color:#fffc;line-height:1.8;margin-bottom:.5rem}.blog-content blockquote{border-left:4px solid rgba(139,92,246,.5);padding-left:1.5rem;margin:1.5rem 0;font-style:italic}.blog-content blockquote p{color:#ffffffb3}.blog-content code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;background:#ffffff1a;padding:.2rem .4rem;border-radius:.25rem;color:#e879f9}.blog-content pre{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem}.blog-content pre code{background:none;padding:0;font-size:var(--fs-sm);color:#ffffffe6;line-height:1.6}.blog-content strong{color:#fff;font-weight:600}.blog-content em{font-style:italic}.blog-content img{max-width:100%;height:auto;border-radius:16px}.image-container{margin:.5rem 0}.image-container img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.image-row{display:flex;gap:1rem;margin:1.5rem 0}.image-row img{flex:1;min-width:0;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.image-row.desktop{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.image-row.desktop::-webkit-scrollbar{height:8px}.image-row.desktop::-webkit-scrollbar-track{background:transparent}.image-row.desktop::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.image-row.desktop::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.image-row.desktop img{flex:0 0 auto;height:500px;width:auto;object-fit:contain;scroll-snap-align:start}.blog-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.page-footer{text-align:center;padding:2rem 0;color:#fff6;font-size:var(--fs-sm)}@media(max-width:480px){body{padding:1rem}.blog-content pre{padding:1rem;font-size:.85rem}}@media(min-width:500px)and (max-width:768px){.image-row img{max-height:400px;width:auto;object-fit:contain}}@media(max-width:768px){body:not(.blog-listing){padding:0}body:not(.blog-listing) #app{max-width:100%}body:not(.blog-listing) .blog-header{padding:1rem 1rem 0}body:not(.blog-listing) .blog-content{border-radius:0;padding:1.25rem 1rem}body:not(.blog-listing) .blog-content:before,body:not(.blog-listing) .blog-content:after{display:none}body:not(.blog-listing) .blog-footer{padding:0 1rem 1rem}body:not(.blog-listing) .image-container img{border-radius:0}body:not(.blog-listing) .image-row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.5rem;padding:0 1rem;margin:1.5rem -1rem}body:not(.blog-listing) .image-row img{flex:0 0 85%;scroll-snap-align:center;border-radius:12px}body:not(.blog-listing) .image-row::-webkit-scrollbar{display:none}body:not(.blog-listing) .image-row{-ms-overflow-style:none;scrollbar-width:none}}