:root{color-scheme:light dark;--bg: #ffffff;--bg-soft: #f5f5f7;--bg-softer: #fbfbfd;--surface: #ffffff;--surface-tint: #f2fbfd;--text: #1d1d1f;--muted: #6e6e73;--muted-strong: #424245;--border: #d2d2d7;--border-soft: rgba(0, 0, 0, .08);--accent: #8fa7a1;--accent-strong: #607b75;--accent-soft: #edf3f1;--link-internal: #416fae;--link-external: #a77763;--code-accent: #6f8f98;--code-soft: #eef4f5;--code-bg: #f6f7f8;--code-text: #24292f;--code-muted: #57606a;--quote-accent: #8b8198;--quote-soft: #f4f1f6;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .08);--shadow-hover: 0 26px 70px rgba(96, 123, 117, .16);--content-width: 960px;--article-width: 760px;--radius-lg: 34px;--radius-md: 24px;--radius-sm: 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111315;--bg-soft: #1a1d20;--bg-softer: #15181b;--surface: #1d1d1f;--surface-tint: #0f252a;--text: #f5f5f7;--muted: #a1a1a6;--muted-strong: #d2d2d7;--border: #3a3a3c;--border-soft: rgba(255, 255, 255, .12);--accent: #a8c0ba;--accent-strong: #d0dfdc;--accent-soft: #263431;--link-internal: #9fc2f2;--link-external: #d4a08d;--code-accent: #a7c2ca;--code-soft: #1e2d31;--code-bg: #0d1117;--code-text: #e6edf3;--code-muted: #8b949e;--quote-accent: #c3b6d0;--quote-soft: #2a2530;--shadow-soft: 0 20px 60px rgba(0, 0, 0, .36);--shadow-hover: 0 28px 80px rgba(168, 192, 186, .14)}}html[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-soft: #f5f5f7;--bg-softer: #fbfbfd;--surface: #ffffff;--surface-tint: #f2fbfd;--text: #1d1d1f;--muted: #6e6e73;--muted-strong: #424245;--border: #d2d2d7;--border-soft: rgba(0, 0, 0, .08);--accent: #8fa7a1;--accent-strong: #607b75;--accent-soft: #edf3f1;--link-internal: #416fae;--link-external: #a77763;--code-accent: #6f8f98;--code-soft: #eef4f5;--code-bg: #f6f7f8;--code-text: #24292f;--code-muted: #57606a;--quote-accent: #8b8198;--quote-soft: #f4f1f6;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .08);--shadow-hover: 0 26px 70px rgba(96, 123, 117, .16)}html[data-theme=dark]{color-scheme:dark;--bg: #111315;--bg-soft: #1a1d20;--bg-softer: #15181b;--surface: #1d1d1f;--surface-tint: #0f252a;--text: #f5f5f7;--muted: #a1a1a6;--muted-strong: #d2d2d7;--border: #3a3a3c;--border-soft: rgba(255, 255, 255, .12);--accent: #a8c0ba;--accent-strong: #d0dfdc;--accent-soft: #263431;--link-internal: #9fc2f2;--link-external: #d4a08d;--code-accent: #a7c2ca;--code-soft: #1e2d31;--code-bg: #0d1117;--code-text: #e6edf3;--code-muted: #8b949e;--quote-accent: #c3b6d0;--quote-soft: #2a2530;--shadow-soft: 0 20px 60px rgba(0, 0, 0, .36);--shadow-hover: 0 28px 80px rgba(168, 192, 186, .14)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;scrollbar-gutter:stable}html[data-page=blog-index]{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.2em;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.site-shell{width:min(100% - 40px,var(--content-width));margin:0 auto}.empty-page,.page-heading,.not-found{padding:78px 0 54px}h1{margin:0 0 16px;font-size:clamp(2.75rem,8vw,5.4rem);font-weight:760;letter-spacing:0;line-height:1.04}p{margin:0 0 16px}.empty-page p,.page-heading+p,.article-header>p:not(.article-meta),.post-card p{color:var(--muted)}.site-header{position:sticky;top:0;left:50%;z-index:10;width:100vw;margin-left:calc(50% - 50vw);border-bottom:1px solid var(--border-soft);padding:6px 0;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(180%) blur(20px)}@supports (width: 100dvw){.site-header{width:100dvw;margin-left:calc(50% - 50dvw)}}.site-header-inner{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;width:100%;padding:0 clamp(14px,3vw,32px)}.brand{color:var(--text);font-weight:700;letter-spacing:0;text-decoration:none;white-space:nowrap}.site-nav{display:flex;gap:8px;justify-content:center;white-space:nowrap}.site-nav a{color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.94rem;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{color:var(--text)}.site-nav a[aria-current=page]{background:var(--bg-soft);font-weight:650}.theme-toggle{justify-self:end;display:inline-flex;align-items:center;gap:6px;min-width:70px;min-height:31px;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-soft);color:var(--muted-strong);font:inherit;font-size:.86rem;font-weight:650;line-height:1;padding:4px 10px;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 38%,var(--border-soft));color:var(--text)}.theme-toggle:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.theme-toggle-mark{display:inline-grid;place-items:center;width:16px;height:16px;color:var(--accent-strong);flex:0 0 16px}.theme-toggle-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.home-hero,.home-section{max-width:760px;margin-inline:auto}.home-hero{padding:clamp(88px,16vw,156px) 0 clamp(70px,10vw,112px)}.home-kicker{margin-bottom:12px;color:var(--muted);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:360;line-height:1.35}.home-hero h1{margin-bottom:18px;font-size:clamp(4.2rem,13vw,8.6rem);font-weight:780;line-height:.94;text-wrap:balance}.home-subtitle{max-width:36rem;color:var(--muted-strong);font-size:clamp(1.16rem,2.5vw,1.45rem);line-height:1.75}.home-section{padding:0 0 clamp(72px,9vw,104px)}.home-recent-posts{max-width:var(--content-width)}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:18px}.home-section h2{margin:0;color:var(--text);font-size:clamp(1.65rem,3vw,2.1rem);font-weight:720;line-height:1.2}.text-button{color:var(--muted-strong);font-size:1rem;font-weight:660;text-decoration:none;white-space:nowrap}.text-button:hover,.text-button:focus-visible{color:var(--link-internal)}.home-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-post-card-link{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none}.home-post-card-link:hover,.home-post-card-link:focus-visible{border-color:color-mix(in srgb,var(--link-internal) 42%,var(--border-soft));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.home-post-cover{flex:0 0 auto;position:relative;inline-size:100%;aspect-ratio:2 / 1;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 88%,var(--accent-soft)),var(--surface-tint));border-bottom:1px solid var(--border-soft);contain:paint}.home-post-cover img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover}.home-post-body{display:flex;flex:1;flex-direction:column;padding:18px}.home-post-body h3{margin:0 0 10px;font-size:clamp(1.18rem,2.2vw,1.42rem);font-weight:720;line-height:1.25}.home-post-body p{color:var(--muted);font-size:.96rem;line-height:1.65}.home-post-body time{margin-top:auto;color:var(--muted);font-size:.9rem}.home-empty{color:var(--muted)}.post-list{display:grid;gap:0;padding-bottom:72px}.archive-filter{display:grid;grid-template-columns:minmax(20px,1fr) repeat(3,minmax(0,calc(var(--content-width) / 6))) minmax(0,calc((var(--content-width) / 2) - 148px)) auto minmax(20px,1fr);gap:14px;align-items:center;background:var(--bg-soft);margin:-28px calc(50% - 50vw) 18px;padding:18px 0}@supports (width: 100dvw){.archive-filter{margin-inline:calc(50% - 50dvw)}}.archive-filter-control{position:relative;min-width:0}.archive-filter-control-category{grid-column:2}.archive-filter-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:.95rem;font-weight:600;line-height:1;padding:0 17px 0 26px;text-align:left;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.archive-filter-button [data-filter-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-filter-arrow{position:relative;width:18px;height:16px;flex:0 0 auto;color:var(--muted-strong);transition:color .18s ease}.archive-filter-arrow-line{position:absolute;top:var(--arrow-line-y-closed);width:10px;height:2px;border-radius:999px;background:currentColor;transform:rotate(var(--arrow-line-rotation-closed));transform-origin:var(--arrow-line-origin);transition:top .18s ease,transform .18s ease}.archive-filter-arrow-line:nth-child(1){--arrow-line-y-closed: 10.5px;--arrow-line-y-open: 3.5px;--arrow-line-rotation-closed: 45deg;--arrow-line-rotation-open: -45deg;--arrow-line-origin: 100% 50%;left:calc(50% - 10px)}.archive-filter-arrow-line:nth-child(2){--arrow-line-y-closed: 10.5px;--arrow-line-y-open: 3.5px;--arrow-line-rotation-closed: -45deg;--arrow-line-rotation-open: 45deg;--arrow-line-origin: 0 50%;left:50%}.archive-filter-button:hover,.archive-filter-button[aria-expanded=true]{border-color:var(--accent)}.archive-filter-button:hover .archive-filter-arrow,.archive-filter-button[aria-expanded=true] .archive-filter-arrow{color:var(--text)}.archive-filter-button[aria-expanded=true] .archive-filter-arrow-line{top:var(--arrow-line-y-open);transform:rotate(var(--arrow-line-rotation-open))}.archive-filter-button:focus-visible{border-color:var(--accent);outline:3px solid var(--accent-soft);outline-offset:2px}.archive-filter-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:100%;max-height:min(320px,58vh);overflow-y:auto;border:1px solid var(--border-soft);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft);padding:6px}.archive-filter-menu[hidden]{display:none}.archive-filter-option{width:100%;border:0;border-radius:999px;background:transparent;color:var(--muted-strong);cursor:pointer;font:inherit;font-size:.92rem;font-weight:600;line-height:1.2;padding:11px 14px 11px 22px;text-align:left}.archive-filter-option:hover,.archive-filter-option:focus-visible,.archive-filter-option[aria-selected=true]{background:var(--bg-soft);color:var(--text)}.archive-filter-option:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.archive-sort{display:flex;align-items:center;justify-content:flex-end;margin-bottom:28px}.archive-sort-button{grid-column:6;justify-self:end;width:108px;height:38px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--muted-strong);display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.9rem;font-weight:650;line-height:1;padding:0;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.archive-sort-triangle{position:relative;width:10px;height:10px;flex:0 0 auto;transform:rotate(var(--sort-triangle-rotation, 180deg));transform-origin:50% 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.archive-sort-triangle:before{content:"";position:absolute;top:-.77px;left:0;width:10px;height:8.66px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.archive-sort-button:hover,.archive-sort-button:focus-visible{border-color:var(--accent);color:var(--text)}.archive-sort-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.filter-empty{color:var(--muted);border-radius:var(--radius-md);background:var(--bg-soft);padding:24px}.post-card-link{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,28px);align-items:center;border-bottom:1px solid var(--border-soft);padding:26px 0;text-decoration:none}.post-card-link.has-cover{grid-template-columns:minmax(0,1fr) clamp(144px,32vw,280px)}.post-card-cover{position:relative;inline-size:100%;aspect-ratio:2 / 1;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 88%,var(--accent-soft)),var(--surface-tint));contain:paint}.post-card-cover img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover}.post-card-body{min-width:0}.post-card-link:hover,.post-card-link:focus-visible{color:var(--accent-strong)}.post-card h2{margin:0 0 10px;color:var(--text);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:720;line-height:1.22}.post-card p,.post-card time,.article-header p,.article-header time{color:var(--muted)}.article-reading-shell{width:100%}.article-page{max-width:var(--article-width);margin-inline:auto;padding:58px 0 96px}.article-outline{position:fixed;left:clamp(14px,1.5vw,24px);top:50vh;width:clamp(126px,13vw,190px);max-height:min(56vh,560px);overflow:auto;padding:0;scrollbar-width:thin;transform:translateY(-50%)}.article-outline-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.article-outline-item a{display:block;padding:4px 0;color:color-mix(in srgb,var(--muted) 78%,var(--bg));font-size:.8rem;font-weight:480;line-height:1.45;text-decoration-color:color-mix(in srgb,var(--link-internal) 32%,transparent);text-decoration-thickness:.08em;text-underline-offset:.2em}.article-outline-item a:not(.is-active){text-decoration:none}.article-outline-depth-3 a{padding-left:16px;color:color-mix(in srgb,var(--muted) 62%,var(--bg));font-size:.76rem}.article-outline-item a:hover,.article-outline-item a:focus-visible{color:var(--link-internal);text-decoration-color:currentColor}.article-outline-item a.is-active{color:color-mix(in srgb,var(--link-internal) 78%,var(--muted));font-weight:560;text-decoration:none}.article-header{margin-bottom:48px}.article-cover{position:relative;inline-size:100%;aspect-ratio:2 / 1;margin:-14px 0 52px;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 88%,var(--accent-soft)),var(--surface-tint));contain:paint}.article-cover img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover}.article-meta{display:flex;flex-wrap:wrap;gap:.65em;margin-bottom:12px;font-size:.95rem;font-weight:650}.article-header h1{margin-bottom:18px;max-width:100%;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:0;text-wrap:wrap}.article-header .article-meta{color:var(--accent-strong)}.article-header>p:not(.article-meta){max-width:38rem;font-size:1.05rem;line-height:1.8}.article-category{display:inline-flex;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:6px 12px;font-size:.92rem;font-weight:650}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.tag-list li{border-radius:999px;background:var(--bg-soft);color:var(--muted-strong);padding:5px 12px;font-size:.9rem;font-weight:600}.prose :where(h2,h3,h4){margin:1em 0 .65em;color:var(--text);font-weight:720;line-height:1.25}.prose h2{font-size:clamp(1.8rem,4vw,2.3rem)}.prose h3{font-size:clamp(1.35rem,3vw,1.65rem)}.prose h4{font-size:clamp(1.18rem,2.4vw,1.3rem)}.prose p{margin-bottom:1.25em;line-height:1.95}.prose [id]{scroll-margin-top:33vh}.prose :where([id]:target,.is-anchor-highlight){border-radius:6px;animation:anchor-highlight 2.1s ease}@keyframes anchor-highlight{0%,54%{background:color-mix(in srgb,var(--link-internal) 16%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--link-internal) 12%,transparent)}to{background:transparent;box-shadow:0 0 0 0 transparent}}.prose a{color:var(--link-internal);text-decoration-color:color-mix(in srgb,var(--link-internal) 42%,transparent);text-decoration-thickness:.08em}.prose a[href^="http://"],.prose a[href^="https://"],.prose a[href^="//"],.prose a[href^="mailto:"],.prose a[href^="tel:"]{color:var(--link-external);text-decoration-color:color-mix(in srgb,var(--link-external) 46%,transparent)}.prose a:hover,.prose a:focus-visible{text-decoration-color:currentColor}.prose :where(blockquote,table){border-radius:var(--radius-md)}.prose blockquote{margin:1.35em 0;border:1px solid var(--border-soft);border-left:3px solid var(--quote-accent);background:var(--quote-soft);padding:12px 18px;color:var(--muted-strong)}.prose blockquote p:last-child{margin-bottom:0}.prose :where(ul,ol){padding-left:1.4em;margin:0 0 1.35em}.prose ol{list-style-type:decimal}.prose ol ol{margin-top:.45em;margin-bottom:.65em;padding-left:1.25em;color:var(--muted-strong);list-style-type:lower-alpha}.prose ol ol ol{padding-left:1.15em;color:var(--muted);list-style-type:lower-roman}.prose li{margin:.35em 0}.prose table{display:table;width:100%;max-width:100%;table-layout:auto;border:1px solid var(--border-soft);border-spacing:0;background:var(--bg-soft);margin:2em 0}.prose :where(th,td){min-width:8rem;border-bottom:1px solid var(--border-soft);padding:12px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal}.prose tr:last-child td{border-bottom:0}.prose hr{border:0;border-top:1px solid var(--border-soft);margin:2.8em 0}.prose img{display:block;width:auto;height:auto;max-width:100%;max-height:min(28.8vh,288px);margin:1.6em auto;box-shadow:var(--shadow-soft);object-fit:contain}.post-image-zoom{display:block;max-width:100%;margin:1.6em auto;border:0;background:transparent;padding:0;cursor:zoom-in;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.post-image-zoom img{margin:0 auto}.image-carousel{position:relative;display:grid;gap:12px;margin:1.8em 0}.image-stack{display:grid;place-items:center;isolation:isolate}.image-stack-item{grid-area:1 / 1;opacity:0;pointer-events:none;transform:translateY(0) rotate(0) scale(.96);transform-origin:center;transition:opacity .18s ease,transform .22s ease;backface-visibility:hidden;will-change:opacity,transform}.image-stack-item.is-active{z-index:3;opacity:1;pointer-events:auto;transform:translateY(0) rotate(0) scale(1)}.image-stack-item.is-stacked-1{z-index:2;opacity:.28;transform:translate(var(--image-stack-next-x, 14px),var(--image-stack-next-y, 10px)) rotate(var(--image-stack-next-rotate, 2deg)) scale(.97)}.image-stack-item.is-stacked-2{z-index:1;opacity:.1;transform:translate(var(--image-stack-back-x, -14px),var(--image-stack-back-y, 18px)) rotate(var(--image-stack-back-rotate, -2.4deg)) scale(.94)}.image-carousel-viewport{position:relative;padding:0 44px 18px}.image-carousel-slide{display:block;border:0;background:transparent;padding:0;cursor:zoom-in;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-carousel-slide img{margin:0 auto}.is-lightbox-source-hidden{visibility:hidden}.image-carousel.is-turning-next .image-carousel-slide.is-active{animation:image-carousel-next .24s ease both}.image-carousel.is-turning-prev .image-carousel-slide.is-active{animation:image-carousel-prev .24s ease both}.image-carousel-nav{position:absolute;top:50%;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);padding:0;cursor:pointer;box-shadow:var(--shadow-soft);transform:translateY(-50%);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-carousel-nav svg,.image-lightbox-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.image-carousel-nav:hover,.image-carousel-nav:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-soft));color:var(--accent-strong)}.image-carousel-prev{left:10px}.image-carousel-next{right:10px}.image-carousel-counter{justify-self:center;color:var(--muted);font-size:.88rem;font-weight:650;line-height:1}.image-lightbox{position:fixed;inset:0;z-index:50;--image-lightbox-backdrop-open-duration: .26s;--image-lightbox-backdrop-close-duration: 90ms;--image-lightbox-max-height: calc(100vh - 96px) ;--image-lightbox-max-width: calc(100vw - 128px) ;display:grid;grid-template-rows:1fr;background:transparent;opacity:1;overflow:hidden;padding:14px}.image-lightbox:before{content:"";position:absolute;inset:0;z-index:0;background:color-mix(in srgb,var(--bg) 90%,rgba(0,0,0,.82));opacity:0;transition:opacity var(--image-lightbox-backdrop-close-duration) ease}.image-lightbox.is-open:before{opacity:1;transition-duration:var(--image-lightbox-backdrop-open-duration);transition-timing-function:cubic-bezier(.22,1,.36,1)}.image-lightbox[hidden]{display:none}.image-lightbox.is-closing{pointer-events:none}.image-lightbox.is-closing:before{opacity:0}.image-lightbox-toolbar{position:absolute;top:12px;right:12px;left:12px;z-index:5;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;pointer-events:none}.image-lightbox-toolbar>*{pointer-events:auto}.image-lightbox-counter{justify-self:center;border:1px solid color-mix(in srgb,var(--border-soft) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);padding:8px 12px;color:var(--muted-strong);font-size:.92rem;font-weight:650;line-height:1;text-align:center;backdrop-filter:blur(12px)}.image-lightbox-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:0}.image-lightbox-stack{--image-stack-next-x: 18px;--image-stack-next-y: 14px;--image-stack-next-rotate: 1.8deg;--image-stack-back-x: -18px;--image-stack-back-y: 26px;--image-stack-back-rotate: -2.2deg;width:100%;padding:0}.image-lightbox-motion,.image-lightbox-motion.is-active,.image-lightbox-motion.is-stacked-1,.image-lightbox-motion.is-stacked-2{transform:none;transition:opacity .18s ease}.image-lightbox-img{position:relative;display:inline-block;width:min(var(--image-lightbox-max-width),calc(var(--image-lightbox-max-height) * var(--image-lightbox-aspect-ratio, 1.5)));aspect-ratio:var(--image-lightbox-aspect-ratio, 1.5);max-width:var(--image-lightbox-max-width);max-height:var(--image-lightbox-max-height);box-shadow:var(--shadow-soft);overflow:hidden;background:color-mix(in srgb,var(--surface) 34%,transparent);transform:translateY(0) rotate(0) scale(.96);transform-origin:center;transition:transform .22s ease;backface-visibility:hidden;will-change:transform}.image-lightbox-motion.is-active .image-lightbox-img{transform:translateY(0) rotate(0) scale(1)}.image-lightbox-motion.is-stacked-1 .image-lightbox-img{transform:translate(var(--image-stack-next-x, 18px),var(--image-stack-next-y, 14px)) rotate(var(--image-stack-next-rotate, 1.8deg)) scale(.97)}.image-lightbox-motion.is-stacked-2 .image-lightbox-img{transform:translate(var(--image-stack-back-x, -18px),var(--image-stack-back-y, 26px)) rotate(var(--image-stack-back-rotate, -2.2deg)) scale(.94)}.image-lightbox-layer{display:block;width:100%;height:auto;max-width:var(--image-lightbox-max-width);max-height:var(--image-lightbox-max-height);object-fit:contain}.image-lightbox-full{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;opacity:0;transition:opacity .18s ease}.image-lightbox-full.is-loaded{opacity:1}.image-lightbox-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);padding:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-carousel-nav[hidden],.image-lightbox-button[hidden]{display:none}.image-lightbox-close{justify-self:end}.image-lightbox-button:hover,.image-lightbox-button:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-soft));color:var(--accent-strong)}.image-lightbox-prev{position:absolute;top:50%;left:12px;z-index:4;transform:translateY(-50%)}.image-lightbox-next{position:absolute;top:50%;right:12px;z-index:4;transform:translateY(-50%)}.image-lightbox.is-turning-next .image-lightbox-motion.is-active .image-lightbox-img{animation:image-carousel-next .24s ease both}.image-lightbox.is-turning-prev .image-lightbox-motion.is-active .image-lightbox-img{animation:image-carousel-prev .24s ease both}@keyframes image-carousel-next{0%{opacity:0;transform:translate(22px) rotate(2deg) scale(.97)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes image-carousel-prev{0%{opacity:0;transform:translate(-22px) rotate(-2deg) scale(.97)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@media(hover:none)and (pointer:coarse){.image-carousel.is-turning-next .image-carousel-slide.is-active,.image-carousel.is-turning-prev .image-carousel-slide.is-active,.image-lightbox.is-turning-next .image-lightbox-motion.is-active .image-lightbox-img,.image-lightbox.is-turning-prev .image-lightbox-motion.is-active .image-lightbox-img{animation:none}}.download-card{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-soft);color:var(--text);padding:14px;text-decoration:none}.download-card:hover,.download-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 70%,var(--border-soft));background:var(--surface);color:var(--text);transform:translateY(-1px)}.download-card:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.download-card-badge{display:inline-grid;min-width:52px;min-height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border-soft));border-radius:8px;background:var(--surface);color:var(--accent-strong);font-size:.78rem;font-weight:760;letter-spacing:.04em;line-height:1;text-transform:uppercase}.download-card-body{min-width:0}.download-card-title,.download-card-meta{display:block;overflow-wrap:anywhere}.download-card-title{color:var(--accent-strong);font-size:1rem;font-weight:720;line-height:1.45}.download-card-meta{margin-top:3px;color:var(--muted);font-size:.88rem;line-height:1.45}.download-card-action{border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:7px 12px;font-size:.9rem;font-weight:700;line-height:1;white-space:nowrap}.prose .download-card{margin:2em 0}@media(max-width:560px){.download-card{gap:12px}.download-card-badge{min-width:46px;min-height:40px}}.prose code{border-radius:8px;background:var(--code-soft);color:var(--code-accent);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.92em;padding:.14em .38em}.prose code[data-copy-ready=true]{cursor:copy;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.prose code[data-copy-ready=true]:hover,.prose code[data-copy-ready=true]:focus-visible{background:color-mix(in srgb,var(--code-accent) 16%,var(--code-soft));box-shadow:0 0 0 2px color-mix(in srgb,var(--code-accent) 18%,transparent)}.prose code[data-copy-ready=true]:focus-visible{outline:2px solid color-mix(in srgb,var(--code-accent) 42%,transparent);outline-offset:2px}.prose code[data-copy-state=copied]{background:color-mix(in srgb,var(--code-accent) 20%,var(--code-soft));color:var(--code-text)}.prose code[data-copy-state=error]{color:#b42318}.code-block{position:relative;margin:2em 0}.prose pre{overflow-x:auto;margin:0;border:1px solid color-mix(in srgb,var(--code-accent) 20%,var(--border-soft));border-radius:var(--radius-md);background:var(--code-bg)!important;color:var(--code-text);padding:24px 22px;line-height:1.75;scrollbar-color:color-mix(in srgb,var(--code-muted) 42%,transparent) transparent}.prose pre code{border-radius:0;background:transparent;color:inherit;font-size:.9rem;line-height:inherit;padding:0}.prose pre.astro-code,.prose pre.astro-code span{color:var(--shiki-light)!important}@media(prefers-color-scheme:dark){:root:not([data-theme]) .prose pre.astro-code,:root:not([data-theme]) .prose pre.astro-code span{color:var(--shiki-dark)!important}}html[data-theme=dark] .prose pre.astro-code,html[data-theme=dark] .prose pre.astro-code span{color:var(--shiki-dark)!important}html[data-theme=light] .prose pre.astro-code,html[data-theme=light] .prose pre.astro-code span{color:var(--shiki-light)!important}.code-copy-button{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--code-muted) 22%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted-strong);padding:0;cursor:pointer;box-shadow:0 8px 20px #00000014;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.code-copy-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.code-copy-button:hover,.code-copy-button:focus-visible{border-color:color-mix(in srgb,var(--code-accent) 56%,var(--border-soft));background:var(--surface);color:var(--code-accent)}.code-copy-button:focus-visible{outline:3px solid var(--code-soft);outline-offset:2px}.code-copy-button[data-state=copied]{border-color:color-mix(in srgb,var(--code-accent) 50%,var(--border-soft));background:var(--code-soft);color:var(--code-accent)}.code-copy-button[data-state=error]{color:#b42318}@media(max-width:1260px){.article-reading-shell{width:100%}.article-outline{display:none}}@media(max-width:820px){.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.site-shell{width:min(100% - 28px,var(--content-width))}.site-header{padding:5px 0}.site-header-inner{gap:8px;padding-inline:14px}.site-nav{gap:2px}.site-nav a{padding-inline:8px;font-size:.9rem}.theme-toggle{min-width:34px;padding-inline:9px}.theme-toggle-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.empty-page,.page-heading,.not-found{padding:58px 0 46px}.home-hero{padding:68px 0 54px}.home-hero h1{font-size:clamp(3.25rem,18vw,5rem)}.home-section{padding-bottom:64px}.home-section-header{align-items:flex-end;gap:12px}.home-post-grid{grid-template-columns:1fr}.home-post-body{padding:16px}.archive-filter{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,calc((min(var(--content-width),100vw - 28px) - 14px)/2))) minmax(0,1fr);margin-top:-42px}.archive-filter-control-category{grid-column:2 / 4}.archive-filter-control:nth-of-type(2){grid-column:2}.archive-filter-control:nth-of-type(3){grid-column:3}.archive-sort-button{grid-column:2 / 4;justify-self:end}.archive-sort{justify-content:flex-start;margin-bottom:24px}.article-page{padding-top:40px}.article-header{margin-bottom:34px}.article-cover{margin:-8px 0 38px}.article-header h1{font-size:clamp(1.75rem,10vw,2.25rem)}.prose blockquote,.prose pre{border-radius:var(--radius-sm)}.prose blockquote{padding:10px 16px}.image-carousel-nav{width:34px;height:34px;font-size:1.45rem}.image-carousel-viewport{padding-inline:34px}.image-carousel-prev{left:4px}.image-carousel-next{right:4px}.image-lightbox{--image-lightbox-max-height: calc(100vh - 64px) ;--image-lightbox-max-width: calc(100vw - 32px) ;padding:8px}.image-lightbox-toolbar{grid-template-columns:38px 1fr 38px;top:8px;right:8px;left:8px}.image-lightbox-button{width:38px;height:38px;font-size:1.45rem}.image-lightbox-stack{padding:0}.image-lightbox-prev{left:8px}.image-lightbox-next{right:8px}.prose pre{padding:18px}}