body.leaving #app{opacity:0;transition:all .4s;transform:translateY(-8px)}.blog-nav{margin-bottom:48px;padding-top:48px}.blog-nav a.item-link{color:var(--text-muted);font-size:14px}.blog-nav a.item-link .link-text{background-image:linear-gradient(currentColor,currentColor)}.blog-post{animation-delay:.15s}.blog-title{letter-spacing:.02em;color:var(--text-strong);margin:0;font-size:34px;font-weight:400;line-height:1.16}@media (width<=768px){.blog-title{font-size:27px}}.blog-date{color:var(--text-muted);margin-top:8px;font-size:14px;font-weight:300;display:block}.blog-body{margin-top:40px}.blog-body p{color:var(--text-body);margin:0 0 22px;font-size:17px;font-weight:300;line-height:1.78}.blog-body h2{color:var(--text-primary);margin:48px 0 16px;font-size:22px;font-weight:400;line-height:1.25}.blog-body hr{background:var(--border-faint);border:0;height:1px;margin:36px 0}.blog-body ul,.blog-body ol{color:var(--text-body);margin:0 0 24px;padding-left:22px;font-size:17px;font-weight:300;line-height:1.75}.blog-body li+li{margin-top:8px}.blog-body strong{color:var(--text-primary);font-weight:400}.blog-body p:last-child{margin-bottom:0}.blog-body em{color:var(--text-primary);font-style:italic}.blog-body code:not(pre code){color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-faint);border-radius:4px;padding:.08em .28em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.88em}.blog-body img{opacity:.85;border-radius:4px;width:100%;margin:24px 0}.blog-body>p:first-child:has(img){margin:0 0 34px}.blog-body>p:first-child img{object-fit:cover;border:1px solid var(--border-subtle);opacity:.92;max-height:360px;display:block}.blog-body pre{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:6px;margin:24px 0;padding:20px;overflow-x:auto}.blog-body pre code{color:var(--text-body);white-space:pre;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:14px;line-height:1.6}.blog-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px;display:block;overflow-x:auto}.blog-body table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-weight:400}.blog-body table td{color:var(--text-body);border-bottom:1px solid var(--border-faint);padding:10px 12px;font-weight:300}.blog-body table tr:last-child td{border-bottom:none}.blog-body blockquote{border-left:1px solid var(--border-subtle);margin:26px 0;padding:0 0 0 18px}.blog-body blockquote p{color:var(--text-subtle);font-size:18px;line-height:1.6}.blog-formula{color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-faint);border-radius:6px;place-items:center;margin:24px 0;padding:18px 20px;display:grid;overflow-x:auto}.blog-formula math{font-size:20px}.blog-animation{margin:28px 0}.blog-animation video{aspect-ratio:16/9;background:var(--surface-subtle);border:1px solid var(--border-faint);border-radius:6px;width:100%;display:block}.blog-animation figcaption{color:var(--text-muted);margin-top:10px;font-size:13px;font-weight:300;line-height:1.45}.blog-data-figure{background:var(--surface-subtle);border:1px solid var(--border-faint);border-radius:6px;margin:28px 0;padding:18px}.blog-data-figure figcaption{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:400;line-height:1.4}.blog-chart{gap:12px;display:grid}.blog-chart-row{grid-template-columns:minmax(112px,.9fr) minmax(120px,2fr) minmax(64px,auto);align-items:center;gap:12px;display:grid}.blog-chart-label,.blog-chart-value{color:var(--text-muted);font-size:13px;line-height:1.3}.blog-chart-value{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right}.blog-chart-track{background:var(--border-faint);border-radius:999px;height:11px;overflow:hidden}.blog-chart-bar{width:var(--value);border-radius:inherit;background:#76a9ff;height:100%;display:block}.blog-chart-bar.is-baseline{background:var(--text-faint)}.blog-chart-bar.is-strong{background:#61d394}@media (width<=560px){.blog-chart-row{grid-template-columns:1fr auto;gap:7px 10px}.blog-chart-track{grid-area:2/1/auto/-1}}