.blog-page{--blog-background:#fff;--blog-heading:#13181a;--blog-text:#2b2e32;--blog-muted:#59616b;--blog-link:#a5262e;--blog-surface:#f1f3f4;--blog-border:#d7dce0;--blog-control-border:#737b84;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--blog-background);min-height:100vh;color:var(--blog-text);padding:48px 24px 96px;font-family:Inter,sans-serif;line-height:1.7}.blog-inner{max-width:760px;margin:0 auto}.blog-back-link{color:var(--blog-link);align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.blog-back-link:hover{text-decoration:underline}html[data-blog-theme=dark] .blog-page{--blog-background:#0a0a0a;--blog-heading:#f5f5f5;--blog-text:#d6d9dd;--blog-muted:#a8afb8;--blog-link:#ff858d;--blog-surface:#1c2024;--blog-border:#393f46;--blog-control-border:#838b95;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:32px;display:flex}.blog-theme-toggle{border:1px solid var(--blog-control-border);min-height:44px;color:var(--blog-heading);background:var(--blog-background);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.blog-theme-toggle:hover{background:var(--blog-surface)}.blog-theme-toggle svg{width:18px;height:18px}.blog-page :focus-visible{outline:2px solid var(--blog-link);outline-offset:4px}.blog-index-header h1{color:var(--blog-heading);letter-spacing:-.02em;margin:0 0 8px;font-size:40px;font-weight:700}.blog-index-header p{color:var(--blog-muted);margin:0 0 48px;font-size:16px}.blog-index-list{margin:0;padding:0;list-style:none}.blog-index-list li{border-top:1px solid var(--blog-border)}.blog-index-list li:last-child{border-bottom:1px solid var(--blog-border)}.blog-index-list a{gap:6px;padding:24px 0;text-decoration:none;display:grid}.blog-index-list a:hover{background:var(--blog-surface)}.blog-index-date{color:var(--blog-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.blog-index-title{color:var(--blog-heading);letter-spacing:-.01em;font-size:22px;font-weight:600}.blog-index-desc{color:var(--blog-text);font-size:15px}.blog-empty{color:var(--blog-muted);font-size:15px}.blog-meta{color:var(--blog-muted);margin:0 0 8px;font-size:14px}.blog-content h1{color:var(--blog-heading);letter-spacing:-.02em;margin:0 0 24px;font-size:36px;font-weight:700;line-height:1.2}.blog-content h2{color:var(--blog-heading);margin:48px 0 16px;font-size:24px;font-weight:600}.blog-content h3{color:var(--blog-heading);margin:32px 0 12px;font-size:19px;font-weight:600}.blog-content p{color:var(--blog-text);margin:0 0 20px;font-size:16px}.blog-content ul,.blog-content ol{color:var(--blog-text);margin:0 0 20px;padding-left:24px;font-size:16px}.blog-content li{margin-bottom:8px}.blog-content a{color:var(--blog-link);text-decoration:underline}.blog-content strong{color:var(--blog-heading)}.blog-content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0}.blog-content blockquote{border-left:3px solid var(--blog-link);color:var(--blog-muted);margin:0 0 20px;padding:4px 0 4px 20px;font-style:italic}.blog-content code{background:var(--blog-surface);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.blog-content pre{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:12px;margin:0 0 20px;padding:20px;overflow-x:auto}.blog-content pre code{background:0 0;padding:0}.blog-content hr{border:none;border-top:1px solid var(--blog-border);margin:40px 0}