@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap";:root{--night-deep: #0D1620;--night-base: #121E2D;--night-surface: #1A2838;--night-raised: #223344;--night-muted: #3A4A5A;--twilight-rose: #C4849A;--twilight-peach: #E8A896;--twilight-gold: #F5C890;--bg: var(--night-base);--surface-raised: var(--night-surface);--surface-subtle: var(--night-raised);--surface-accent: var(--night-muted);--fg: #E8ECF0;--fg-secondary: #B0BCC8;--fg-muted: #7A8A9A;--accent: #5AADE0;--accent-hover: #7BBFEA;--accent-glow: rgba(90, 173, 224, .2);--shadow-md: 0 0 0 1px rgba(90, 173, 224, .1), 0 2px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-lg: 0 0 0 1px rgba(90, 173, 224, .2), 0 4px 12px rgba(0, 0, 0, .3), 0 16px 32px rgba(0, 0, 0, .4), 0 0 24px rgba(245, 200, 144, .1), inset 0 1px 0 rgba(255, 255, 255, .05);--max-width: 680px;--font-display: "Newsreader", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);color:var(--fg);line-height:1.7;-webkit-font-smoothing:antialiased}body{min-height:100vh;font-family:var(--font-body)}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}header{padding:2.5rem 0;margin-bottom:4rem}header .container{display:flex;align-items:center;justify-content:space-between}header .logo{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--fg);letter-spacing:-.02em}header nav a{color:var(--fg-muted);font-size:.9rem;margin-left:1.5rem;transition:color var(--duration-fast) var(--ease-out)}header nav a:hover{color:var(--fg)}footer{margin-top:5rem;padding:2.5rem 0;color:var(--fg-muted);font-size:.85rem;text-align:center}.post-list{list-style:none}.post-list li{padding:1.75rem 0}.post-list li+li{border-top:1px solid rgba(90,173,224,.08)}.post-list .post-date{font-size:.85rem;color:var(--fg-muted);font-variant-numeric:tabular-nums}.post-list .post-title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;margin:.3rem 0;letter-spacing:-.02em;line-height:1.3}.post-list .post-title a{color:var(--fg);transition:color var(--duration-fast) var(--ease-out)}.post-list .post-title a:hover{color:var(--accent)}.post-list .post-desc{color:var(--fg-secondary);font-size:.95rem;line-height:1.6}.post-header{margin-bottom:3rem}.post-header h1{font-family:var(--font-display);font-size:2.2rem;font-weight:500;letter-spacing:-.03em;line-height:1.2;margin-bottom:.75rem;color:var(--fg)}.post-meta{color:var(--fg-muted);font-size:.9rem}.post-tags{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.post-tags span{font-size:.8rem;color:var(--accent);background:var(--accent-glow);padding:.2rem .75rem;border-radius:9999px;font-weight:500}.prose h2{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin:2.5rem 0 1rem;letter-spacing:-.02em;color:var(--fg)}.prose h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin:2rem 0 .75rem;color:var(--fg)}.prose p{margin-bottom:1.5rem;color:var(--fg-secondary);line-height:1.8}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--fg-secondary)}.prose li{margin-bottom:.5rem}.prose strong{color:var(--fg);font-weight:600}.prose em{font-family:var(--font-display);font-style:italic;color:var(--accent)}.prose blockquote{border-left:3px solid var(--twilight-gold);padding-left:1.25rem;color:var(--fg-muted);margin:2rem 0;font-family:var(--font-display);font-style:italic;font-size:1.05rem}.prose code{background:var(--surface-raised);padding:.2em .5em;border-radius:8px;font-size:.88em;font-family:SF Mono,Fira Code,monospace;color:var(--twilight-peach)}.prose pre{background:var(--night-deep);border-radius:16px;padding:1.5rem;overflow-x:auto;margin:2rem 0;box-shadow:var(--shadow-md)}.prose pre code{background:none;padding:0;font-size:.85rem;color:var(--fg-secondary)}.prose img{max-width:100%;border-radius:16px;margin:2rem 0;box-shadow:var(--shadow-md)}.prose hr{border:none;border-top:1px solid rgba(90,173,224,.08);margin:3rem 0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#5aade04d;text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.prose a:hover{text-decoration-color:var(--accent)}.back-link{display:inline-block;margin-bottom:2.5rem;color:var(--fg-muted);font-size:.9rem;transition:color var(--duration-fast) var(--ease-out)}.back-link:hover{color:var(--fg)}.empty{text-align:center;padding:5rem 0;color:var(--fg-muted);font-family:var(--font-display);font-style:italic;font-size:1.1rem}body:before{content:"";position:fixed;top:0;left:0;right:0;height:60%;pointer-events:none;z-index:-1;opacity:.7;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,250,.7) 100%,transparent),radial-gradient(1.5px 1.5px at 25% 8%,rgba(255,255,250,.5) 100%,transparent),radial-gradient(1px 1px at 55% 22%,rgba(255,255,250,.8) 100%,transparent),radial-gradient(1px 1px at 70% 12%,rgba(255,255,250,.4) 100%,transparent),radial-gradient(1.5px 1.5px at 85% 28%,rgba(255,255,250,.6) 100%,transparent),radial-gradient(1px 1px at 40% 5%,rgba(255,255,250,.5) 100%,transparent),radial-gradient(1px 1px at 15% 35%,rgba(255,255,250,.3) 100%,transparent),radial-gradient(1.5px 1.5px at 60% 40%,rgba(255,255,250,.4) 100%,transparent),radial-gradient(1px 1px at 92% 18%,rgba(255,255,250,.6) 100%,transparent),radial-gradient(1px 1px at 33% 30%,rgba(255,255,250,.3) 100%,transparent),radial-gradient(2px 2px at 78% 6%,rgba(255,255,250,1) 100%,transparent),radial-gradient(1px 1px at 48% 45%,rgba(255,255,250,.25) 100%,transparent)}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:-1;opacity:.4;background:linear-gradient(to top,var(--twilight-gold) 0%,var(--twilight-peach) 15%,var(--twilight-rose) 30%,transparent 100%)}@media(max-width:640px){.post-header h1{font-size:1.75rem}header .container{flex-direction:column;gap:.75rem}header nav a{margin-left:0;margin-right:1.5rem}header{margin-bottom:3rem}footer{margin-top:4rem}}