:root{--text:#6b6375;--text-h:#17131e;--bg:#faf9fc;--surface:#fff;--border:#e9e6ee;--code-bg:#f4f1f8;--accent:#9639e8;--accent-bg:#9639e814;--accent-border:#9639e866;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.65}@media (prefers-color-scheme:dark){:root{--text:#aaa3b6;--text-h:#f5f1fa;--bg:#131117;--surface:#1b1820;--border:#302a38;--code-bg:#211d29;--accent:#c084fc;--accent-bg:#c084fc1f;--accent-border:#c084fc66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:2rem}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--sans);margin:0}#root{text-align:left;flex-direction:column;width:100%;max-width:1440px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3,h4{color:var(--text-h);font-weight:600;line-height:1.2}p{margin-top:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}::selection{background:var(--accent-bg);color:var(--text-h)}.site-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{align-items:center;max-width:46rem;height:3.5rem;margin:0 auto;padding:0 1rem;display:flex}.home-link{color:var(--text-h);align-items:center;gap:.5rem;font-weight:600;transition:color .18s;display:inline-flex}.home-link:hover{color:var(--accent)}.home-link svg{flex-shrink:0}.blog-wrap{width:100%;max-width:46rem;margin:0 auto;padding:3rem 1rem}.blog-empty{text-align:center;padding:3rem 1rem}.meta{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-small{font-size:.8rem}.featured{margin-bottom:4rem;display:block}.featured article{text-align:center}.featured-img{border-radius:.75rem;max-width:40rem;margin:0 auto 1.5rem;overflow:hidden}.featured-img img{object-fit:cover;width:100%;height:20rem;transition:transform .3s;display:block}.featured:hover .featured-img img{transform:scale(1.04)}.featured-title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,5vw,2.5rem)}.featured:hover .featured-title,.post-row:hover .post-title{text-decoration:underline}.featured-excerpt{max-width:36rem;margin:0 auto 1rem}.featured .meta{justify-content:center}.tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.tag{background:var(--code-bg);border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.recent-heading{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.5rem}.recent-list{flex-direction:column;gap:1.75rem;display:flex}.post-row{display:block}.post-thumb{background:var(--code-bg);border-radius:.5rem;height:5rem;margin-bottom:.6rem;overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.post-row:hover .post-thumb img{transform:scale(1.03)}.post-title{margin:0 0 .2rem;font-size:1.05rem}article img,.prose img,.blog-post img{object-fit:contain;max-width:100%;height:auto;margin-inline:auto;display:block}article,.prose,.blog-post{overflow-wrap:break-word;min-width:0;max-width:100%}article pre,.prose pre,.blog-post pre,article table,.prose table,.blog-post table{max-width:100%;overflow-x:auto}img{max-width:100%}.post-cover{background:var(--code-bg);border-radius:16px;width:100%;max-width:900px;margin:0 auto 2.5rem;overflow:hidden}.post-cover img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:auto;max-height:480px;margin:0 auto;display:block}@media (width<=640px){.post-cover{border-radius:10px;margin-bottom:1.5rem}.post-cover img{max-height:280px}}.post-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:950px;margin:0 auto 3.5rem;padding:0 1.5rem 2rem;display:flex;position:relative}.post-header:before{content:"";background:linear-gradient(90deg, var(--accent), #d5a5ff);width:52px;height:4px;box-shadow:0 0 18px var(--accent-bg);border-radius:999px;margin-bottom:1.75rem}.post-header h1{width:100%;max-width:850px;color:var(--text-h);letter-spacing:-.065em;text-align:center;text-wrap:balance;margin:0 auto 1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.08}.post-header time{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:7px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.post-header h1{transition:color .2s}@media (width<=640px){.post-header{margin-bottom:2.5rem;padding:2.5rem 1rem 1rem}.post-header:before{margin-bottom:1.25rem}.post-header h1{letter-spacing:-.05em;margin-bottom:1.25rem;font-size:clamp(2.2rem,9vw,3.2rem);line-height:1.12}}.site-nav{align-items:center;gap:1.25rem;margin-left:auto;display:flex}.nav-link{color:var(--text);font-size:.95rem;font-weight:500;transition:color .18s}.nav-link:hover{color:var(--accent)}