@charset "UTF-8";.content{margin:0 auto;font-size:var(--text-lg);line-height:var(--leading-relaxed)}.content-centered{text-align:center}.content-title{margin:0 0 .8em;font-size:var(--display-xl);font-weight:var(--font-weight-black);line-height:var(--leading-tight);letter-spacing:var(--letter-spacing-display);color:var(--color-text-strong);text-wrap:balance}.content-body{display:flex;flex-direction:column;font-family:var(--font-family-serif);font-optical-sizing:auto;font-size:1.9rem;line-height:1.75;letter-spacing:0;color:var(--color-text-primary)}.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h6{font-family:var(--font-family-display);font-optical-sizing:auto;color:var(--color-text-strong);letter-spacing:var(--letter-spacing-display)}.content-body h1{margin:var(--space-xl) 0 var(--space-md) 0;font-size:var(--display-md);font-weight:var(--font-weight-black)}.content-body h2{margin:var(--space-xl) 0 var(--space-sm) 0;font-size:var(--display-md);font-weight:var(--font-weight-bold)}.content-body h3{margin:var(--space-lg) 0 var(--space-2xs) 0;font-size:var(--display-sm);font-weight:var(--font-weight-bold)}.content-body h4{margin:var(--space-md) 0 var(--space-2xs) 0;font-size:2rem;font-weight:var(--font-weight-semibold)}.content-body h5{display:block;margin:var(--space-lg) 0;padding:var(--space-lg) 0;border:0;font-family:var(--font-family-serif);font-style:italic;font-weight:var(--font-weight-medium);font-size:var(--display-sm);line-height:var(--leading-snug);text-align:center;color:var(--color-accent-text);text-wrap:balance}.content-body h6{margin:var(--space-md) 0 var(--space-2xs) 0;font-size:var(--text-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.content-body>p:first-child{font-size:2.2rem;line-height:1.6}.content-body>p:first-child:first-letter{float:left;margin:.1em .16em 0 0;font-family:var(--font-family-serif);font-size:3.4em;font-weight:var(--font-weight-bold);line-height:.75;color:var(--color-accent-text);text-shadow:-.03em .02em 0 color-mix(in srgb,var(--color-accent) 30%,transparent),.05em -.02em 0 color-mix(in srgb,var(--color-accent-2) 40%,transparent)}.content-body a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--color-link) 50%,transparent);text-underline-offset:.2em;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.content-body a:hover{color:var(--color-link-hover);text-decoration-thickness:2px;text-decoration-color:var(--color-link-hover)}.content-body blockquote{position:relative;margin:var(--space-lg) 0;padding:var(--space-sm) var(--space-lg);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in srgb,var(--color-accent) 5%,transparent);font-style:italic}.content-body blockquote p{margin:var(--space-2xs) 0;font-size:var(--text-lg);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.content-body figure{margin:var(--space-lg) 0}.content-body figure img{border-radius:var(--radius-md)}.content-body figure figcaption{margin-top:var(--space-xs);font-family:var(--font-family-mono);font-size:var(--text-xs);font-style:normal;letter-spacing:.06em;text-align:center;color:var(--color-text-muted)}.content-body img{border-radius:var(--radius-md)}.content-body .heading-anchor{margin-left:.4em;font-family:var(--font-family-mono);font-size:.7em;font-weight:var(--font-weight-normal);color:var(--color-accent-text);text-decoration:none;opacity:0;transition:opacity var(--transition-fast)}.content-body :is(h2,h3):hover .heading-anchor{opacity:1}.content-body pre{margin:var(--space-sm) 0 var(--space-lg);padding:var(--space-md) var(--space-lg);font-family:var(--font-family-mono);font-size:1.4rem;line-height:1.6;white-space:pre;overflow-x:auto;border:1px solid var(--code-border);background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.content-body .code-frame{margin:var(--space-sm) 0 var(--space-lg);border:1px solid var(--code-border);border-radius:var(--radius-lg);background:var(--code-bg);box-shadow:var(--shadow-sm);overflow:clip}.content-body .code-frame pre{margin:0;border:0;border-radius:0;box-shadow:none}.content-body .code-frame-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-md);border-bottom:1px solid var(--code-border)}.content-body .code-frame-dots{display:inline-flex;gap:.55rem}.content-body .code-frame-dots i{width:.9rem;height:.9rem;border-radius:50%}.content-body .code-frame-dots i:nth-child(1){background:color-mix(in srgb,var(--color-pink-500) 75%,transparent)}.content-body .code-frame-dots i:nth-child(2){background:color-mix(in srgb,var(--color-violet-500) 75%,transparent)}.content-body .code-frame-dots i:nth-child(3){background:color-mix(in srgb,var(--color-cyan-500) 75%,transparent)}.content-body .code-frame-lang{font-family:var(--font-family-mono);font-size:var(--text-2xs);letter-spacing:var(--letter-spacing-mono);text-transform:uppercase;color:var(--code-comment)}.content-body .code-frame-copy{margin-left:auto;padding:.2rem 1.1rem;font-family:var(--font-family-mono);font-size:var(--text-2xs);letter-spacing:var(--letter-spacing-mono);text-transform:uppercase;color:var(--code-comment);background:none;border:1px solid var(--code-border);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.content-body .code-frame-copy:hover{color:var(--color-accent-text);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--code-border))}.content-body .code-frame-copy[data-copied=true]{color:var(--color-accent-2-text);border-color:color-mix(in srgb,var(--color-accent-2) 55%,var(--code-border))}.content-body pre code{display:block;padding:0;border-radius:0;white-space:inherit;background:transparent;color:inherit;font-family:var(--font-family-mono);font-size:1em}.content-body table{width:100%;margin:var(--space-lg) 0;font-family:var(--font-family-sans);font-size:var(--text-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);border-collapse:separate;border-spacing:0;overflow:hidden}.content-body table th{font-family:var(--font-family-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--color-text-muted);background:var(--color-surface-muted)}.content-body table th,.content-body table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-subtle)}.content-body table tr:last-child td{border-bottom:0}.video-container{width:100%;height:100%;aspect-ratio:16/9}@media(max-width:680px){.content{font-size:var(--text-md)}.content-body{font-size:1.7rem}.content-body>p:first-child{font-size:1.9rem}}#scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));box-shadow:var(--glow-pink);z-index:var(--z-progress);transform:scaleX(0);transform-origin:0 50%}.post-article{display:flex;flex-direction:column}.post-head{width:100%;max-width:var(--layout-width-reading);margin:0 auto var(--space-xl)}.post-kicker{margin:0 0 var(--space-md)}.post-kicker time{color:inherit}.post-title{margin:0}.post-feature{position:relative;width:100%;max-width:92rem;margin:0 auto var(--space-2xl)}.post-feature img{width:100%;aspect-ratio:16/9;max-height:52rem;object-fit:cover;display:block;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg)}.post-feature:before,.post-feature:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;z-index:-1}.post-feature:before{transform:translate(-1rem,1rem);background:color-mix(in srgb,var(--color-accent) 16%,transparent);filter:blur(2px)}.post-feature:after{transform:translate(1rem,-1rem);background:color-mix(in srgb,var(--color-accent-2) 13%,transparent);filter:blur(2px)}.post-body{position:relative;width:100%}.post-full-content{width:100%;max-width:var(--layout-width-reading);margin:0 auto}.post-toc{display:none;position:absolute;top:0;bottom:0;left:calc(50% + var(--layout-width-reading) / 2 + var(--space-2xl));width:22rem}@media(min-width:1280px){.post-toc{display:block}}.post-toc-inner{position:sticky;top:calc(var(--header-height) + var(--space-lg));max-height:calc(100vh - var(--header-height) - var(--space-2xl));overflow-y:auto;scrollbar-width:thin}.post-toc-label{margin:0 0 var(--space-sm)}.post-toc-list{margin:0;padding:0;list-style:none;border-left:1px solid var(--color-border-subtle)}.post-toc-item{margin:0;padding:0}.post-toc-item--h3 .post-toc-link{padding-left:var(--space-md)}.post-toc-link{position:relative;display:block;padding:var(--space-3xs) 0 var(--space-3xs) var(--space-sm);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.post-toc-link:before{content:"";position:absolute;left:-1px;top:.4rem;bottom:.4rem;width:2px;background:var(--color-accent);opacity:0;transform:scaleY(.4);transition:opacity var(--transition-fast),transform var(--transition-fast)}.post-toc-link:hover{color:var(--color-text-primary);text-decoration:none}.post-toc-link.is-active{color:var(--color-accent-text)}.post-toc-link.is-active:before{opacity:1;transform:scaleY(1)}.post-end{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;max-width:var(--layout-width-reading);margin:var(--space-3xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle)}.post-end-actions{display:flex;align-items:baseline;gap:var(--space-md)}.post-end-share{padding:0;border:0;background:none;cursor:pointer;color:var(--color-accent-2-text);transition:color var(--transition-fast)}.post-end-share:hover{color:var(--color-link-hover)}.post-end-share[data-copied=true]{color:var(--color-accent-2-text)}.post-end-back{color:var(--color-accent-text);transition:color var(--transition-fast)}.post-end-back:hover{color:var(--color-link-hover);text-decoration:none}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);width:100%;max-width:var(--layout-width-reading);margin:var(--space-lg) auto 0}.post-nav-link{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);color:inherit;text-decoration:none;background:color-mix(in srgb,var(--color-surface-raised) 88%,transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.post-nav-link:hover{color:inherit;text-decoration:none;transform:translateY(-.3rem);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border-subtle));box-shadow:var(--shadow-md),var(--glow-pink)}.post-nav-link--newer{align-items:flex-end;text-align:right}.post-nav-direction{color:var(--color-accent-text)}.post-nav-title{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);letter-spacing:var(--letter-spacing-display);color:var(--color-text-strong);text-wrap:balance}.post-nav-date{margin-top:auto;padding-top:var(--space-2xs)}@media(max-width:680px){.post-feature:before,.post-feature:after{display:none}.post-end{flex-wrap:wrap}.post-nav{grid-template-columns:1fr}.post-nav-link--newer{align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){.post-toc-link,.post-nav-link{transition:none}.post-nav-link:hover{transform:none}}