@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:400;src:url(../fonts/lora-v37-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lora;font-style:italic;font-weight:400;src:url(../fonts/lora-v37-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:600;src:url(../fonts/lora-v37-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Mono;font-style:normal;font-weight:400;src:url(../fonts/dm-mono-v16-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Mono;font-style:normal;font-weight:500;src:url(../fonts/dm-mono-v16-latin-500.woff2) format("woff2")}:root{--color-ink: #1a1916;--color-ink-muted: #6b6860;--color-ink-faint: #b0ada8;--color-surface: #faf9f7;--color-accent: #c0440a;--color-accent-bg: #f5ece6;--color-border: #e4e2dd;--font-serif: "Lora", Georgia, serif;--font-mono: "DM Mono", "Fira Mono", monospace}@media(prefers-color-scheme:dark){:root{--color-ink: #ede9e3;--color-ink-muted: #9e9a94;--color-ink-faint: #787369;--color-surface: #1a1916;--color-accent: #e06030;--color-accent-bg: #2a1e18;--color-border: #2e2c28}}*,*:before,*:after{box-sizing:border-box}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-serif);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;margin:0 40px;padding:20px 0}.content-wrap{max-width:680px;margin:0 auto;padding:2rem 1.5rem}.logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--color-accent)}h1{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--color-ink);margin:0 0 .5rem}h2{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--color-accent);margin:3rem 0 .75rem}h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--color-ink);margin:2rem 0 .5rem}h4,h5,h6{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--color-ink-muted);margin:1.5rem 0 .4rem}p{margin:0 0 1.25rem}em{font-style:italic}strong{font-weight:600}a{z-index:100;color:inherit;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .12s ease,background .12s ease,box-shadow .2s ease}a:hover{color:var(--color-accent);border-radius:2px}blockquote{margin:1.75rem 0;padding:.75rem 1.25rem;border-left:2.5px solid var(--color-accent);background:var(--color-accent-bg);border-radius:0 4px 4px 0;font-style:italic;color:var(--color-ink-muted)}blockquote p{margin:0}code{font-family:var(--font-mono);font-size:.82em;background:var(--color-border);color:var(--color-accent);padding:.1em .4em;border-radius:3px}pre{font-family:var(--font-mono);font-size:.82rem;line-height:1.6;background:var(--color-border);padding:1rem 1.25rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}pre code{background:none;color:var(--color-ink);padding:0;font-size:inherit}img{display:block;max-width:100%;height:auto;border-radius:4px;margin:2rem 0}figure{margin:2rem 0}figure img{margin:0}figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--color-ink-faint);letter-spacing:.04em;margin-top:.6rem}ul,ol{padding-left:1.25rem;margin:0 0 1.25rem}li{margin-bottom:.4rem}ul li::marker{content:"— ";color:var(--color-accent)}hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}.meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.text-muted{color:var(--color-ink-muted)}.mono{font-family:var(--font-mono);font-size:.85em}a.header-link{text-decoration:none}a.header-link:hover,a.header-link.active{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.header{display:flex;justify-content:space-between}@media(max-width:768px){.header{flex-direction:column;margin-bottom:30px}}.header-links{display:flex;align-items:center;gap:20px}.post img{max-width:200px;border-radius:10px;box-shadow:2px 2px 10px #999}.post .astro-code{padding:10px;border-radius:10px}img,picture,video,canvas,svg{display:block;max-width:100%}