[data-blog-theme=light]{--blog-bg:#fff;--blog-bg-secondary:#f5f5f7;--blog-text:#1d1d1f;--blog-text-secondary:#6e6e73;--blog-text-tertiary:#86868b;--blog-border:#d2d2d7;--blog-card-bg:#fff;--blog-card-border:#e8e8ed;--blog-accent:#0071e3;--blog-accent-hover:#0077ed;--blog-code-bg:#f5f5f7;--blog-code-border:#e8e8ed;--blog-pre-bg:#1d1d1f;--blog-pre-text:#f5f5f7;--blog-tag-bg:#f5f5f7;--blog-tag-text:#6e6e73;--blog-link:#0071e3}[data-blog-theme=dark]{--blog-bg:#000;--blog-bg-secondary:#1d1d1f;--blog-text:#f5f5f7;--blog-text-secondary:#a1a1a6;--blog-text-tertiary:#6e6e73;--blog-border:#424245;--blog-card-bg:#1d1d1f;--blog-card-border:#424245;--blog-accent:#2997ff;--blog-accent-hover:#0071e3;--blog-code-bg:#2d2d30;--blog-code-border:#424245;--blog-pre-bg:#1d1d1f;--blog-pre-text:#f5f5f7;--blog-tag-bg:#2d2d30;--blog-tag-text:#a1a1a6;--blog-link:#2997ff}.blog-container{background-color:var(--blog-bg);color:var(--blog-text);min-height:100vh;transition:background-color .3s,color .3s}.blog-header{background-color:var(--blog-bg);border-bottom:1px solid var(--blog-border)}.blog-text-primary{color:var(--blog-text)}.blog-text-secondary{color:var(--blog-text-secondary)}.blog-text-tertiary{color:var(--blog-text-tertiary)}.blog-card{background-color:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:18px;padding:24px;transition:all .3s}.blog-card:hover{border-color:var(--blog-accent);box-shadow:0 4px 20px #00000014}[data-blog-theme=dark] .blog-card:hover{box-shadow:0 4px 20px #0006}.blog-title{letter-spacing:-.025em;color:var(--blog-text);font-size:3.5rem;font-weight:700;line-height:1.1}.blog-subtitle{color:var(--blog-text-secondary);font-size:1.375rem;font-weight:400;line-height:1.5}.blog-content{color:var(--blog-text);font-size:1.125rem;line-height:1.75}.blog-content h2{letter-spacing:-.01em;color:var(--blog-text);margin-top:3rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.blog-content h3{color:var(--blog-text);margin-top:2rem;margin-bottom:.75rem;font-size:1.375rem;font-weight:600}.blog-content p{color:var(--blog-text-secondary);margin-bottom:1.5rem}.blog-content strong{color:var(--blog-text);font-weight:600}.blog-content a{color:var(--blog-link);text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content code{background-color:var(--blog-code-bg);border:1px solid var(--blog-code-border);border-radius:6px;padding:.2em .4em;font-family:SF Mono,Menlo,Monaco,monospace;font-size:.9em}.blog-content pre{background-color:var(--blog-pre-bg);border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.blog-content pre code{color:var(--blog-pre-text);background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.6}.blog-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.blog-content th{text-align:left;border-bottom:1px solid var(--blog-border);color:var(--blog-text-tertiary);padding:.75rem 1rem;font-size:.875rem;font-weight:500}.blog-content td{border-bottom:1px solid var(--blog-card-border);color:var(--blog-text-secondary);padding:.75rem 1rem}.blog-tag{background-color:var(--blog-tag-bg);color:var(--blog-tag-text);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.blog-content ul,.blog-content ol{color:var(--blog-text-secondary);margin:1rem 0 1.5rem 1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content li::marker{color:var(--blog-accent)}.blog-content blockquote{border-left:4px solid var(--blog-accent);color:var(--blog-text-secondary);margin:1.5rem 0;padding-left:1.5rem;font-style:italic}