:root{--bg-light: #f9f7f2;--bg-dark: #131922;--primary-coral: #FF7D66;--berry: #AD3E5A;--text-light: #131922;--text-dark: #ffffff;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container-max: 1200px;--container-pad: 40px;--radius: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-light);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header-wrap{position:sticky;top:0;z-index:100;background:#faf9f7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px var(--container-pad);max-width:var(--container-max);margin:0 auto}.site-header-logo{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--text-light);display:flex;align-items:center;gap:6px}.site-header-icon{height:1.2em;width:auto;margin-bottom:1px}.site-header-nav{display:flex;align-items:center;gap:1.5rem}.site-header-link{font-size:.8rem;font-weight:500;letter-spacing:.04em;opacity:.6;transition:opacity .3s ease}.site-header-link:hover{opacity:1}main{flex:1}.blog-content{max-width:720px;margin:0 auto;padding:60px var(--container-pad) 80px}.blog-header{margin-bottom:3rem}.blog-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.blog-header time{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.blog-category{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--berry);background:#ad3e5a14;padding:3px 10px;border-radius:6px;transition:background .2s ease}.blog-category:hover{background:#ad3e5a26}.blog-header h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem}.blog-description{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;opacity:.65}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:1.2rem}.blog-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--berry);background:#ad3e5a14;padding:4px 10px;border-radius:6px;transition:background .2s ease}.blog-tag:hover{background:#ad3e5a26}.blog-body h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-top:2.5em;margin-bottom:.75em}.blog-body h3{font-size:1.15rem;font-weight:600;margin-top:2em;margin-bottom:.5em}.blog-body p{font-size:1.05rem;line-height:1.8;margin-bottom:1.2em}.blog-body ul,.blog-body ol{padding-left:1.5em;margin-bottom:1.2em}.blog-body li{margin-bottom:.4em;line-height:1.8}.blog-body a{color:var(--berry);text-decoration:underline;text-underline-offset:2px}.blog-body a:hover{color:var(--primary-coral)}.blog-body blockquote{border-left:3px solid var(--berry);padding-left:1.2em;margin:1.5em 0;font-style:italic;opacity:.8}.blog-body img{border-radius:12px;margin:2em 0}.blog-body code{font-family:var(--font-mono);font-size:.9em;background:#0000000a;padding:2px 6px;border-radius:4px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.site-footer{background:var(--bg-dark);color:var(--text-dark);padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.footer-logo{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;display:block}.footer-human-touch{font-family:var(--font-serif);font-style:italic;font-size:.85rem;opacity:.3;margin-bottom:1.5rem}.footer-nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;opacity:.35;transition:opacity .3s ease}.footer-nav a:hover{opacity:.7}.footer-copyright{font-size:.7rem;opacity:.2;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){:root{--container-pad: 24px}.blog-content{padding:40px var(--container-pad) 60px}}@media(max-width:480px){:root{--container-pad: 20px}.footer-nav{gap:1.2rem}}