.blog-ease{--blog-ease:cubic-bezier(0.22,1,0.36,1)}.blog-card{transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 32%,transparent);background-color:var(--color-bg-3);box-shadow:0 22px 52px -26px color-mix(in srgb,var(--color-accent) 42%,transparent)}.blog-card__media{transition:transform .64s cubic-bezier(.22,1,.36,1);will-change:transform}.blog-card:hover .blog-card__media{transform:scale(1.05)}.blog-feature{transition:border-color .34s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.blog-feature:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 34%,transparent);box-shadow:0 32px 72px -34px color-mix(in srgb,var(--color-accent) 48%,transparent)}.blog-media-fallback{background:radial-gradient(120% 86% at 100% 0,color-mix(in srgb,var(--color-accent) 17%,transparent),transparent 56%),linear-gradient(152deg,var(--color-bg-3) 0,var(--color-bg-2) 100%)}.blog-media-fallback:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--color-accent-soft,#f2cf9f) 12%,transparent)}.blog-pill{cursor:pointer;display:inline-flex;align-items:center;border-radius:9999px;padding:.42rem .95rem;font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.blog-pill[aria-pressed=false]{border:1px solid var(--color-line-strong);background:color-mix(in srgb,var(--color-bg-2) 55%,transparent);color:var(--color-fg-muted)}.blog-pill[aria-pressed=false]:hover{border-color:color-mix(in srgb,var(--color-accent) 42%,transparent);background:var(--color-bg-3);color:var(--color-fg)}.blog-pill[aria-pressed=true]{border:1px solid transparent;background:var(--color-accent);color:var(--color-bg);box-shadow:0 8px 22px -12px color-mix(in srgb,var(--color-accent) 70%,transparent)}.blog-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__media,.blog-feature,.blog-pill{transition:none}.blog-card:hover,.blog-card:hover .blog-card__media,.blog-feature:hover{transform:none}}.blog-prose{max-width:68ch}.blog-prose .blog-code{margin:1.9rem 0;border-radius:.875rem;border:1px solid color-mix(in srgb,var(--color-fg) 14%,transparent);background-color:color-mix(in srgb,var(--color-bg) 56%,#000);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04),0 18px 42px -26px rgba(0,0,0,.85);overflow:hidden}.blog-prose .blog-code__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.4rem;padding:.3rem .5rem .3rem 1.15rem;background:color-mix(in srgb,var(--color-fg) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-fg) 9%,transparent)}.blog-prose .blog-code__dots{display:block;flex:none;width:.55rem;height:.55rem;margin-right:1.9rem;border-radius:9999px;background:color-mix(in srgb,var(--color-accent) 62%,transparent);box-shadow:.95rem 0 0 color-mix(in srgb,var(--color-fg-subtle) 50%,transparent),1.9rem 0 0 color-mix(in srgb,var(--color-fg-faint) 95%,transparent)}.blog-prose .blog-code__copy{display:inline-flex;align-items:center;gap:.4rem;flex:none;cursor:pointer;border-radius:9999px;border:1px solid var(--color-line-strong);background-color:color-mix(in srgb,var(--color-fg) 8%,transparent);padding:.32rem .72rem .32rem .62rem;font-family:var(--font-hanken),ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:600;line-height:1;letter-spacing:.01em;color:var(--color-fg-muted);transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)}.blog-prose .blog-code__copy:hover{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.blog-prose .blog-code__copy[data-copied=true]{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);background-color:color-mix(in srgb,var(--color-accent) 12%,transparent)}.blog-prose .blog-code__copy:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-prose .blog-code__copy-label{white-space:nowrap}.blog-prose .blog-code__icon{width:.85rem;height:.85rem;flex:none}.blog-prose .blog-code__copy[data-copied=true] .blog-code__icon--copy,.blog-prose .blog-code__icon--check{display:none}.blog-prose .blog-code__copy[data-copied=true] .blog-code__icon--check{display:block}.blog-prose pre{margin:0;padding:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-fg) 22%,transparent) transparent}.blog-prose pre::-webkit-scrollbar{height:8px}.blog-prose pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-fg) 20%,transparent);border-radius:999px}.blog-prose .blog-code__code{display:block;padding:1rem 1.3rem 1.15rem;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.7;tab-size:2;color:var(--color-fg);background-color:transparent;white-space:pre}.blog-prose .blog-code__code::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}.blog-prose :not(pre)>code{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;padding:.1em .4em;border-radius:.375rem;border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent-pale);word-break:break-word}.blog-prose table{width:100%;margin:1.75rem 0;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}.blog-prose td,.blog-prose th{border:1px solid var(--color-line-strong);padding:.6rem .85rem;text-align:left;vertical-align:top}.blog-prose th{background-color:var(--color-bg-2);color:var(--color-fg);font-weight:600}.blog-prose td{color:var(--color-fg-muted)}.blog-prose hr{margin:2.5rem 0;border:0;height:1px;background:var(--color-line-strong)}@media (max-width:640px){.blog-prose .blog-code{margin-inline:0;border-radius:.75rem}.blog-prose .blog-code__code{padding:.9rem 1rem 1rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.blog-prose .blog-code__copy{transition:none}}