@font-face{font-family:Manrope;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/manrope.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/public-sans.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-mono-600.woff2) format("woff2")}:root{--white:#fff;--surface:#f8f6fd;--surface-2:#efe9fb;--ink:#14172b;--ink-soft:#5b6178;--ink-faint:#8991aa;--line:#e2d8f7;--blue:#5d9ee8;--blue-deep:#17348c;--blue-tint:#e9eefe;--pink:#e23670;--pink-deep:#b01f52;--pink-tint:#fde7ee;--shade:#6b7280;--shade-tint:#eef0f3;--cat-tech:var(--blue);--cat-tech-tint:var(--blue-tint);--cat-systems:var(--blue-deep);--cat-systems-tint:#e4e9fb;--cat-anime:var(--pink);--cat-anime-tint:var(--pink-tint);--cat-interview:var(--shade);--cat-interview-tint:var(--shade-tint);--font-display:"Manrope",ui-sans-serif,system-ui,sans-serif;--font-body:"Public Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--shadow-sm:0 1px 2px rgba(20,23,43,.05);--shadow-md:0 8px 24px rgba(20,23,43,.08);--shadow-lift:0 16px 32px rgba(20,23,43,.12);--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.25rem;--space-5:3.5rem;--space-6:5.5rem;--hero-a:#9f6bff;--hero-b:#4512ba;--hero-tint:color-mix(in srgb,var(--hero-b) 14%,var(--white));--nav-h:4rem}@media (prefers-color-scheme:dark){:root{--white:#0e1120;--surface:#17132a;--surface-2:#221a3a;--ink:#edeff7;--ink-soft:#aeb4cc;--ink-faint:#7b82a0;--line:#2e2447;--blue:#5d9ee8;--blue-deep:#b7c5ff;--blue-tint:#1b2550;--pink:#ff86ae;--pink-deep:#ffb0c9;--pink-tint:#3a1c2c;--shade:#97a0c2;--shade-tint:#232842;--cat-systems-tint:#1c2452;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.35);--shadow-lift:0 16px 32px rgba(0,0,0,.4)}}:root[data-theme=dark]{--white:#0e1120;--surface:#17132a;--surface-2:#221a3a;--ink:#edeff7;--ink-soft:#aeb4cc;--ink-faint:#7b82a0;--line:#2e2447;--blue:#7d97ff;--blue-deep:#b7c5ff;--blue-tint:#1b2550;--pink:#ff86ae;--pink-deep:#ffb0c9;--pink-tint:#3a1c2c;--shade:#97a0c2;--shade-tint:#232842;--cat-systems-tint:#1c2452;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.35);--shadow-lift:0 16px 32px rgba(0,0,0,.4)}:root[data-theme=light]{--white:#fff;--surface:#f8f6fd;--surface-2:#efe9fb;--ink:#14172b;--ink-soft:#5b6178;--ink-faint:#8991aa;--line:#e2d8f7;--blue:#5d9ee8;--blue-deep:#17348c;--blue-tint:#e9eefe;--pink:#e23670;--pink-deep:#b01f52;--pink-tint:#fde7ee;--shade:#6b7280;--shade-tint:#eef0f3;--cat-systems-tint:#e4e9fb;--shadow-sm:0 1px 2px rgba(20,23,43,.05);--shadow-md:0 8px 24px rgba(20,23,43,.08);--shadow-lift:0 16px 32px rgba(20,23,43,.12)}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);line-height:1.5}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:800;text-wrap:balance;margin:0;letter-spacing:-.01em}button,input{font:inherit;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.eyebrow,.mono{font-family:var(--font-mono)}.eyebrow{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.nav-progress-bar{position:fixed;top:env(safe-area-inset-top);left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,var(--hero-a),var(--hero-b));opacity:0;transition:width 8s cubic-bezier(.1,.7,1,.1),opacity .2s ease}html.nav-loading .nav-progress-bar{width:90%;opacity:1}.sw-update-banner{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:.8rem;background:var(--ink);color:var(--white);font-size:.85rem;padding:.7rem .9rem .7rem 1.1rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.sw-update-banner button{background:var(--white);color:var(--ink);border:none;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.sw-update-banner button:hover{filter:brightness(.94)}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:1.5rem;padding:calc(.65rem + env(safe-area-inset-top)) clamp(1.75rem,5vw,4rem) .65rem;background:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap}.site-nav,.site-nav .brand{display:flex;align-items:center}.site-nav .brand{gap:.6rem;height:100%}.site-nav .mark{width:1.9rem;height:1.9rem;flex-shrink:0;display:block}.site-nav .mark-lockup{height:3.65rem;width:auto;display:block}.site-nav .word{font-family:var(--font-display);font-weight:800;font-size:1.15rem}.site-nav .links{display:flex;gap:1.6rem;font-size:.9rem;font-weight:600;color:var(--ink-soft);flex-wrap:wrap;margin-left:auto}.site-nav .links a.is-active,.site-nav .links a:hover{color:var(--hero-b)}.site-nav .cta{background:linear-gradient(120deg,var(--hero-a),var(--hero-b));color:#fff;font-weight:700;font-size:.85rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:filter .15s ease}.site-nav .cta:hover{filter:brightness(1.08)}@media (max-width:780px){.site-nav{height:var(--nav-h);padding-top:0;padding-bottom:0}.site-nav .mark-lockup{height:2.5rem}}.hero-band{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--hero-a),var(--hero-b));min-height:calc(100vh - var(--nav-h) - 60px);min-height:calc(100dvh - var(--nav-h) - 60px);display:flex;align-items:center}.hero-rings{position:absolute;inset:0;pointer-events:none;opacity:.55}.ring-spin{position:absolute;animation:hero-spin linear infinite}.ring-spin.r1{top:-12rem;left:-8rem;width:34rem;animation-duration:70s}.ring-spin.r2{top:-18rem;right:-14rem;width:42rem;animation-duration:100s;animation-direction:reverse}.ring-breathe{display:block;width:100%;transform-origin:center;animation:ring-breathe 6s ease-in-out infinite}@keyframes hero-spin{to{transform:rotate(1turn)}}@keyframes ring-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.07);opacity:.95}}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-particles span{position:absolute;bottom:-2rem;width:var(--s,6px);height:var(--s,6px);background:hsla(0,0%,100%,.55);border-radius:50%;animation:particle-float var(--dur,14s) linear infinite;animation-delay:var(--delay,0s)}@keyframes particle-float{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.5}to{transform:translateY(-115vh) translateX(var(--drift,20px));opacity:0}}.hero-inner{position:relative;z-index:2;width:100%;max-width:74rem;margin:0 auto;padding:clamp(2rem,8vw,3rem) clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;gap:2.2rem}.hero-copy{max-width:34rem}.hero-inner .eyebrow{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.8)}.site-hero h1{display:flex;flex-direction:column;line-height:1.15;margin-top:.6rem}.hero-line{font-weight:800}.hero-line,.hero-line--rotate{font-size:clamp(2rem,6.5vw,3.2rem)}.hero-line--rotate{min-height:1.2em}.site-hero p{color:hsla(0,0%,100%,.82);font-size:1.05rem;margin-top:1.1rem}.hero-rotate{color:#ffe9a8;display:inline-block}.hero-rotate .w{display:inline-block;animation:hero-word-in .45s ease}@keyframes hero-word-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-particles span,.hero-rotate .w,.ring-breathe,.ring-spin{animation:none!important}}.hero-subscribe{max-width:30rem}.hero-subscribe form{display:flex;flex-direction:column;gap:.7rem}.hero-subscribe input{width:100%;padding:.9rem 1.2rem;border-radius:999px;border:none;font-size:.95rem;font-family:var(--font-body);background:hsla(0,0%,100%,.96);color:var(--ink)}.hero-subscribe input:focus{outline:3px solid hsla(0,0%,100%,.5)}.hero-subscribe button[type=submit]{width:100%;padding:.9rem 1.5rem;border-radius:999px;border:none;font-weight:800;font-size:.95rem;font-family:var(--font-display);background:var(--hero-b);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hero-subscribe button[type=submit]:hover{background:color-mix(in srgb,var(--hero-b) 80%,#000);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.hero-subscribe .modal-feedback{color:#ffe9a8;font-size:.85rem}.hero-subscribe .modal-error{color:#ffd0dd;font-size:.85rem}.hero-fine{font-family:var(--font-mono);font-size:.72rem;color:hsla(0,0%,100%,.55);margin-top:.7rem}@media (min-width:900px){.hero-band{min-height:0}.hero-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem)}.hero-copy{flex:1 1 auto}.hero-subscribe{flex:0 0 22rem;max-width:22rem}}.filter-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:var(--space-3)}.filter-row button{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer}.filter-row button.is-active{background:var(--ink);color:var(--white);border-color:var(--ink)}.wrap{max-width:74rem;margin:0 auto}.cover{position:relative;border-radius:0;overflow:hidden;aspect-ratio:2/1;background-image:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--cat-color,var(--ink-faint)) 40%,transparent) 0,transparent 42%),radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--pink) 22%,transparent) 0,transparent 38%),radial-gradient(circle at 80% 85%,color-mix(in srgb,var(--cat-color,var(--ink-faint)) 30%,transparent) 0,transparent 48%),linear-gradient(155deg,var(--cat-tint,var(--surface-2)) 0,var(--white) 100%)}.cover:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--cat-color,var(--ink-faint)) 45%,transparent) 1px,transparent 1.5px);background-size:16px 16px;opacity:.5}.cover.no-ratio{aspect-ratio:auto}.cover-icon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--cat-color,var(--ink-faint))}.cover-icon svg{width:2.1rem;height:2.1rem;opacity:.6}.cover-icon .cover-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;opacity:.7;background:color-mix(in srgb,var(--white) 55%,transparent);padding:.2rem .55rem;border-radius:999px}.cover-icon.is-lg svg{width:3.75rem;height:3.75rem}.cover-icon.is-lg .cover-label{font-size:.72rem;padding:.3rem .75rem}.pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .75rem;border-radius:999px;background:var(--cat-tint,var(--surface-2));color:var(--cat-color,var(--ink-soft))}.pill .dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.tag-chip{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;padding:.3rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--ink-soft)}.card,.tag-chip{border:1px solid var(--line)}.card{display:flex;flex-direction:column;background:var(--white);border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card .card-cover .cover,.card .card-cover img{border-radius:0;display:block}.card .card-body{display:flex;flex-direction:column;gap:.85rem;padding:var(--space-2);flex:1 1}.card h3{font-size:1.1rem;line-height:1.3}.card .dek{color:var(--ink-soft);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card .meta-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--ink-faint)}.card .meta-row .sep{opacity:.6}.card .card-tags{margin-top:-.3rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1.1rem}.grid-3,.grid-4{display:grid;gap:1.1rem}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:1.1rem}@media (max-width:1080px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid-3,.grid-4{grid-template-columns:1fr}}.section-block{padding:var(--space-3) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--line);max-width:74rem;margin:0 auto}.section-block:first-of-type{border-top:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-head .view-all{font-size:.85rem;font-weight:700;color:var(--hero-b)}.row-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.1rem;gap:1.1rem}@media (max-width:900px){.row-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.row-3{grid-template-columns:1fr}}.series-callout{display:flex;gap:1.25rem;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,var(--blue-tint),var(--pink-tint));border-radius:var(--radius-lg);padding:1.25rem;margin:var(--space-3) clamp(1.25rem,4vw,3rem)}.series-callout .cover{width:6rem;aspect-ratio:1;flex-shrink:0}.series-callout .t{font-weight:800;font-size:1.05rem}.series-callout .d{color:var(--ink-soft);font-size:.88rem;margin-top:.25rem;max-width:34rem}.series-callout .progress{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);margin-top:.4rem}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:var(--space-3) clamp(1.25rem,4vw,3rem) 0;max-width:74rem;margin:0 auto}.list-toolbar .count{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.list-grid{padding:var(--space-3) clamp(1.25rem,4vw,3rem) var(--space-5);max-width:74rem;margin:0 auto}:root{--prose-w:40rem;--wide-w:54rem;--post-w:calc(100% - 2rem)}@media (min-width:900px){:root{--post-w:min(max(70%,900px),96vw)}}.post-hero-banner{max-width:var(--post-w);margin:var(--space-3) auto 0;padding:clamp(.75rem,2vw,1.375rem) clamp(1.25rem,4vw,3rem)}.post-hero-banner,.post-hero-img{position:relative;overflow:hidden}.post-hero-img{width:100%;max-height:70vh;border-radius:0}.post-hero-img .img-shimmer-el{width:100%;height:100%;object-fit:fill}.post-hero-banner.is-placeholder .cover{width:100%;aspect-ratio:16/9;border-radius:0}.back-button{display:none;align-items:center;justify-content:center;height:2.75rem;margin-left:-1.3rem;margin-right:-1.3rem;border:none;background:none;color:var(--ink-soft);cursor:pointer;padding:0}.back-button svg{width:1.6rem;height:1.6rem}.back-button:hover{color:var(--hero-b)}@media (max-width:640px){.back-button{display:flex}}.post-head{max-width:var(--post-w);margin:var(--space-4) auto 0;padding:0 clamp(1.25rem,4vw,3rem);text-align:center}.post-head .pill{margin:0 auto}.post-head h1{font-size:clamp(1.8rem,4.6vw,2.6rem);line-height:1.22;margin-top:.9rem}.post-head .dek{color:var(--ink-soft);font-size:1.05rem;margin-top:.75rem;padding:0 16px}.byline{gap:.6rem;margin-top:1.15rem;font-size:.85rem;color:var(--ink-soft);flex-wrap:wrap}.byline,.byline .avatar{display:flex;align-items:center;justify-content:center}.byline .avatar{width:1.9rem;height:1.9rem;border-radius:50%;background:linear-gradient(135deg,var(--hero-a),var(--hero-b));flex-shrink:0;color:#fff;font-weight:800;font-size:.7rem}.byline .avatar.is-anon{background:var(--shade);overflow:hidden}.byline .avatar.is-anon img{width:100%;height:100%;object-fit:cover}.byline .stats{display:flex;gap:.9rem;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faint)}.post-body{font-size:1.05rem;line-height:1.75;background:var(--white);padding:var(--space-4) clamp(1.25rem,4vw,3rem);box-shadow:var(--shadow-md)}.post-body>.cap{max-width:var(--prose-w);margin-left:auto;margin-right:auto}.post-body h2{font-size:24px;font-weight:700;margin-top:var(--space-3);margin-bottom:.6rem;scroll-margin-top:6rem}.post-body h3{font-size:20px}.post-body h3,.post-body h4{font-weight:700;margin-top:var(--space-3);margin-bottom:.5rem;scroll-margin-top:6rem}.post-body h4{font-size:18px}.post-body .pseudo-heading{scroll-margin-top:6rem}.post-body p{margin-top:.9rem;margin-bottom:.9rem}.post-body code{background:var(--surface-2);padding:.1rem .35rem;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.post-body .blog-code-block__pre code{background:none;padding:0;border-radius:0;color:inherit}.post-body .pullquote{max-width:var(--prose-w);border-left:3px solid var(--hero-b);background:var(--surface-2);border-radius:0;padding:1.15rem 1.5rem;margin:var(--space-3) auto;font-family:var(--font-display);font-weight:700;font-size:1.2rem;line-height:1.4;color:var(--ink)}figure.blog-image-block{max-width:100%;margin:var(--space-4) auto;text-align:center}.blog-image-wrap{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2)}img.blog-image{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;cursor:zoom-in}.blog-image-wrap.is-loaded:after{content:"";position:absolute;bottom:.55rem;right:.55rem;z-index:1;width:1.9rem;height:1.9rem;border-radius:50%;background-color:rgba(20,23,43,.55);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3Cpath d='M11 8v6M8 11h6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:60%;pointer-events:none}figcaption.blog-image-caption{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint);margin-top:.5rem;text-align:center}.image-lightbox{position:fixed;inset:0;z-index:300;padding:clamp(1rem,5vw,3rem);background:rgba(10,10,16,.92);touch-action:none}.image-lightbox,.image-lightbox-card{display:flex;align-items:center;justify-content:center}.image-lightbox-card{max-width:100%;max-height:100%;padding:1rem;background:var(--white);border-radius:var(--radius-md);transform-origin:center;will-change:transform}.image-lightbox img{max-width:100%;max-height:calc(100vh - 6rem);width:auto;height:auto;object-fit:contain;cursor:zoom-out;touch-action:none}.image-lightbox-close{position:absolute;top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:hsla(0,0%,100%,.12);color:#fff;cursor:pointer}.image-lightbox-close svg{width:1.2rem;height:1.2rem}.image-lightbox-close:hover{background:hsla(0,0%,100%,.22)}@media (max-width:599px){.blog-image-wrap{display:block!important;width:calc(100% - 1rem)!important;margin:0 auto!important}img.blog-image{width:100%!important;height:auto!important}}.blog-code-block{max-width:var(--wide-w);margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.blog-code-block__header{display:flex;align-items:center;justify-content:space-between;background:#14172b;padding:.55rem .9rem}.blog-code-block__meta{display:flex;align-items:center;gap:.6rem}.blog-code-block__lang{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:#93b4ff;background:rgba(125,151,255,.18);padding:.15rem .5rem;border-radius:999px}.blog-code-block__filename{font-family:var(--font-mono);font-size:.72rem;color:#b7bdd6}.blog-code-block__copy{font-family:var(--font-mono);font-size:.68rem;background:transparent;border:1px solid #3a3f5c;color:#dbe2ff;border-radius:6px;padding:.25rem .55rem;cursor:pointer}.blog-code-block__pre{margin:0;padding:1rem 1.15rem;background:#0e1120;color:#dbe2ff;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;overflow-x:auto}.post-body blockquote:not([data-indent-auto]):not(.blog-content-box){max-width:var(--prose-w);margin:var(--space-3) auto;border-left:3px solid var(--hero-b);background:var(--surface-2);border-radius:0;padding:1rem 1.4rem;font-style:italic;color:var(--ink)}.post-body blockquote p{margin:.35em 0}.post-body blockquote p:first-child{margin-top:0}.post-body blockquote p:last-child{margin-bottom:0}.post-body blockquote[data-indent-auto]{background:none;border:none}.post-body .blog-content-box{max-width:var(--prose-w);margin:var(--space-3) auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem 1.4rem;color:var(--ink)}.post-body .blog-content-box p{margin:.35em 0}.post-body .blog-content-box p:first-child{margin-top:0}.post-body .blog-content-box p:last-child{margin-bottom:0}.post-body .blog-table-scroll{max-width:var(--prose-w);margin:var(--space-3) auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-body .blog-content-table{width:auto;border-collapse:collapse;font-size:.92rem}.post-body .blog-content-table td,.post-body .blog-content-table th{padding:.55rem .8rem;border:1px solid var(--line);text-align:left;white-space:nowrap}.post-body .blog-content-table th{background:var(--surface-2);font-weight:600;color:var(--ink)}.post-body .blog-flow-chart{max-width:var(--prose-w);margin:var(--space-3) auto;display:flex;flex-direction:column;align-items:center}.post-body .blog-flow-step{width:100%;max-width:360px;box-sizing:border-box;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);text-align:center}.post-body .blog-flow-arrow{font-size:1.1rem;line-height:1;color:var(--ink-faint);padding:.25rem 0}.post-body .blog-flow-chart.is-horizontal{flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:.6rem}.post-body .blog-flow-chart.is-horizontal .blog-flow-step{width:auto;max-width:220px}.post-body .blog-flow-chart.is-horizontal .blog-flow-arrow{padding:0 .4rem}.post-body hr{max-width:var(--prose-w);margin:var(--space-4) auto;border:none;border-top:1px solid var(--line)}.post-body mark.blog-highlight{border-radius:3px;padding:.05em .2em;color:inherit}.post-body .blog-image-edit-btn,.post-body .blog-table-toolbar{display:none!important}.post-body .cap{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);margin-top:-.5rem}.share-row{max-width:var(--prose-w);display:flex;gap:.6rem;padding-top:var(--space-2);border-top:1px solid var(--line);margin:var(--space-3) auto 0}.share-row button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem}.share-row button:hover{border-color:var(--blue);color:var(--blue)}.series-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem .3rem .4rem}.series-pill .ico{width:1.15rem;height:1.15rem;border-radius:5px;background:linear-gradient(135deg,var(--blue),var(--pink));flex-shrink:0}.series-pill:hover{border-color:var(--blue);color:var(--blue)}.related,.series-box{max-width:var(--post-w);margin:var(--space-4) auto 0;padding:0 clamp(1.25rem,4vw,3rem)}.related .box-inner,.series-box .box-inner{display:flex;flex-direction:column;gap:1rem;background:var(--white);border-radius:0;box-shadow:var(--shadow-md);padding:var(--space-3) clamp(1.25rem,4vw,3rem);overflow-x:hidden}.related .box-head,.series-box .box-head{display:flex;gap:1rem;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.related .box-head>div,.series-box .box-head>div{min-width:0;flex:1 1}.series-box .box-head .cover{width:7.8rem;max-width:30%;flex-shrink:0;aspect-ratio:250/150}.series-box .box-head .cover-icon svg{width:1.4rem;height:1.4rem}.box-head-main{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:.35rem}.box-head-title-row{display:flex;align-items:center;gap:1rem}.box-head-title-row>div{min-width:0;flex:1 1}.related .box-head .t,.series-box .box-head .t{font-weight:800;font-size:1rem}.series-box .box-head .d{color:var(--ink-soft);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related .box-head .view-all,.series-box .box-head .view-all{display:flex;align-items:center;gap:.3rem;flex-shrink:0;font-size:.82rem;font-weight:700;color:var(--hero-b);white-space:nowrap}.related .box-head .view-all svg,.series-box .box-head .view-all svg{width:1.1rem;height:1.1rem;flex-shrink:0}@media (max-width:640px){.series-box .box-head{gap:.75rem}.series-box .box-head .cover{width:4rem}.series-box .box-head .view-all .txt{display:none}.series-box .box-head .view-all{width:1.9rem;height:1.9rem;border:1px solid var(--line);border-radius:999px;justify-content:center;padding:0}}.carousel-track{display:flex;gap:1rem;padding:.25rem 0 .5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.carousel-track>*{flex:0 0 30%;min-width:15rem;scroll-snap-align:start}@media (max-width:620px){.carousel-track>*{flex-basis:78%;min-width:0}}.chapter-card{display:flex;flex-direction:column;gap:.6rem;padding-bottom:1rem;border:1px solid var(--line);border-radius:0;background:var(--white);overflow:hidden;text-decoration:none;color:inherit}.chapter-card:hover{border-color:var(--hero-b)}.chapter-card .cover{width:100%;aspect-ratio:16/9;border-radius:0}.chapter-card .cover-icon svg{width:1.4rem;height:1.4rem}.chapter-card .text{padding:0 1rem;display:flex;flex-direction:column;gap:.5rem}.chapter-card .num{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}.chapter-card h4{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.3}.chapter-card .meta-row{font-size:.75rem;color:var(--ink-faint)}.chapter-card.is-current{background:var(--hero-tint);border-color:var(--hero-b)}.chapter-card.is-current .num{color:var(--hero-b)}.chapter-card.is-draft{opacity:.55;pointer-events:none}.chapter-card .status-tag{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hero-b)}.chapter-card.is-draft .status-tag{color:var(--ink-faint)}.related .box-head .eyebrow{margin:0}.series-head{max-width:74rem;margin:0 auto;padding:var(--space-4) clamp(1.25rem,4vw,3rem) var(--space-3);display:grid;grid-template-columns:300px 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.series-head .cover{width:300px;aspect-ratio:3/2}.series-head h1{font-size:clamp(1.7rem,4vw,2.4rem)}.series-head p{color:var(--ink-soft);font-size:1.02rem;margin-top:.8rem;max-width:38rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-count-row{display:flex;align-items:center;gap:.9rem;margin-top:1rem}.series-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}.series-count-row .action-btn{flex:0 0 auto;padding:.55rem 1.1rem;border-radius:var(--radius-sm);background:linear-gradient(120deg,var(--hero-a),var(--hero-b));color:#fff;font-weight:700;transition:filter .15s ease}.series-count-row .action-btn:hover{filter:brightness(1.08);border-color:transparent}@media (max-width:720px){.series-head{grid-template-columns:1fr}}.img-shimmer-wrap{position:relative;overflow:hidden;background:var(--surface-2)}.cover.img-shimmer-wrap{width:100%;height:100%}.img-shimmer-wrap:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--white) 65%,transparent) 50%,transparent 70%);background-size:200% 100%;animation:img-shimmer 1.4s ease-in-out infinite}.img-shimmer-wrap.is-loaded:before{display:none}.img-shimmer-el{opacity:0;transition:opacity .35s ease;display:block}.img-shimmer-wrap.is-loaded .img-shimmer-el{opacity:1}@keyframes img-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.img-shimmer-wrap:before{animation:none}}.post-shell{max-width:var(--post-w);margin:var(--space-3) auto 0;padding:0 clamp(1.25rem,4vw,3rem);display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.post-shell>*{min-width:0}@media (min-width:960px){.post-shell{grid-template-columns:1fr 16rem}}.toc-rail{display:none}@media (min-width:960px){.toc-rail{display:block}.rail-sticky{position:-webkit-sticky;position:sticky;top:6rem;display:flex;flex-direction:column;gap:1.4rem}}.toc-nav{display:flex;flex-direction:column}.toc-nav a{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:.75rem 0;border-bottom:1px solid var(--line);position:relative;text-decoration:none;transition:color .15s ease}.toc-nav a:last-child{border-bottom:none}.toc-nav a.toc-level-3{padding-left:.9rem}.toc-nav a.is-active{color:var(--hero-b);font-weight:700}.toc-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--hero-b)}.rail-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.35rem;flex:1 1;padding:.55rem 0;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;color:var(--hero-b);transition:background-color .15s ease,border-color .15s ease}.action-btn svg{width:1.05rem;height:1.05rem;transition:fill .15s ease}.action-btn .count{font-family:var(--font-mono);font-size:.68rem}.action-btn.is-active,.action-btn:hover{border-color:var(--hero-b)}.action-btn.is-active{background:var(--hero-tint)}.action-btn.is-active svg{fill:currentColor}.action-btn--share{position:relative}.action-btn .action-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:.4rem;background:var(--ink);color:var(--white);font-family:var(--font-mono);font-size:.68rem;padding:.3rem .6rem;border-radius:4px;white-space:nowrap;pointer-events:none}.mobile-actions{display:none;max-width:var(--post-w);margin:var(--space-3) auto 0;padding:0 clamp(1.25rem,4vw,3rem)}@media (max-width:959px){.mobile-actions{display:flex;flex-direction:column;gap:.75rem}}.mobile-actions .rail-actions{width:100%}.series-mini{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:0;background:var(--white);overflow:hidden}.series-mini:hover{border-color:var(--hero-b)}.series-mini .cover{width:100%;aspect-ratio:16/9;border-radius:0}.series-mini .cover-icon svg{width:1.6rem;height:1.6rem}.series-mini .body{padding:.85rem;display:flex;flex-direction:column;gap:.4rem}.series-mini .t{font-weight:700;font-size:.92rem;line-height:1.3}.series-mini .d{color:var(--ink-soft);font-size:.8rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.series-mini .p{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint)}.mobile-actions .series-mini{max-width:20rem}.nav-burger{display:none;background:none;border:none;padding:.4rem;cursor:pointer;color:var(--ink)}.nav-burger svg{width:1.5rem;height:1.5rem;display:block}@media (max-width:780px){.site-nav .cta,.site-nav .links{display:none}.nav-burger{display:block;margin-left:auto}}.mobile-menu-backdrop{position:fixed;inset:0;z-index:99;background:color-mix(in srgb,var(--ink) 45%,transparent);opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-backdrop[data-open=true]{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(85vw,22rem);background:var(--white);display:flex;flex-direction:column;padding:.65rem 1.75rem;box-shadow:-16px 0 40px rgba(20,23,43,.18);transform:translateX(100%);transition:transform .32s cubic-bezier(.32,.72,0,1)}.mobile-menu[data-open=true]{transform:translateX(0)}.mobile-menu .menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu .close-btn{background:none;border:none;padding:.4rem;cursor:pointer;color:var(--ink)}.mobile-menu .close-btn svg{width:1.5rem;height:1.5rem;display:block}.mobile-menu .links{display:flex;flex-direction:column;gap:1.5rem;margin-top:var(--space-4);font-family:var(--font-display);font-weight:700;font-size:1.5rem}.mobile-menu .links a{transition:color .15s ease}.mobile-menu .links a:hover{color:var(--hero-b)}.mobile-menu .cta{margin-top:auto;margin-bottom:var(--space-4);width:100%;padding:.9rem}@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-backdrop{transition:none}}.modal-overlay{position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--ink) 55%,transparent);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-card{width:100%;max-width:26rem;background:var(--white);border-radius:0;box-shadow:var(--shadow-lift);padding:var(--space-4);position:relative}.modal-card .close-btn{position:absolute;top:.9rem;right:.9rem;background:none;border:none;cursor:pointer;color:var(--ink-faint);padding:.3rem}.modal-card .close-btn svg{width:1.25rem;height:1.25rem;display:block}.modal-card h3{font-size:1.3rem;margin-bottom:.5rem}.modal-card p{color:var(--ink-soft);font-size:.92rem;margin-bottom:var(--space-3)}.modal-card form{display:flex;flex-direction:column;gap:.75rem}.modal-card input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.92rem;background:var(--surface)}.modal-card button[type=submit]{background:linear-gradient(120deg,var(--hero-a),var(--hero-b));color:#fff;border:none;border-radius:var(--radius-sm);padding:.7rem;font-weight:700;cursor:pointer;transition:filter .15s ease}.modal-card button[type=submit]:hover{filter:brightness(1.08)}.modal-card .modal-feedback{font-size:.85rem;color:var(--hero-b)}.modal-card .modal-error{font-size:.85rem;color:var(--pink-deep)}.offline-page{max-width:32rem;margin:0 auto;padding:var(--space-5) clamp(1.25rem,4vw,3rem);text-align:center}.offline-page h1{font-size:clamp(1.6rem,4vw,2.1rem);margin-bottom:.6rem}.offline-page p{color:var(--ink-soft);font-size:1rem}.site-footer{position:relative;overflow:hidden;margin-top:var(--space-5);padding:var(--space-5) clamp(1.75rem,5vw,4rem) var(--space-4);background:#0e1120;color:#aeb4cc}.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 800px 420px at 8% 0,color-mix(in srgb,var(--hero-a) 26%,transparent) 0,transparent 60%),radial-gradient(ellipse 700px 420px at 96% 100%,color-mix(in srgb,var(--hero-b) 30%,transparent) 0,transparent 60%)}.site-footer .footer-inner{position:relative;max-width:74rem;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.site-footer .footer-brand{display:flex;align-items:center;gap:.6rem}.site-footer .footer-brand img{height:2.7rem;width:auto}.site-footer .footer-tag{color:#7b82a0;font-size:.85rem;margin-top:.7rem;max-width:24rem}.site-footer .footer-sub{display:flex;flex-direction:column;gap:.6rem;min-width:16rem}.site-footer .footer-sub .eyebrow{color:#7b82a0}.site-footer .footer-sub form{display:flex;gap:.5rem}.site-footer .footer-sub input{flex:1 1;border:1px solid #2a2f49;border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.88rem;background:#161a2e;color:#edeff7}.site-footer .footer-sub input::placeholder{color:#565d7c}.site-footer .footer-sub button{background:linear-gradient(120deg,var(--hero-a),var(--hero-b));color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease}.site-footer .footer-sub button:hover{filter:brightness(1.1)}.site-footer .footer-sub .modal-feedback{color:#cbb2ff;font-size:.85rem}.site-footer .footer-sub .modal-error{color:#ff86ae;font-size:.85rem}.site-footer .footer-bottom{position:relative;max-width:74rem;margin:var(--space-4) auto 0;padding-top:var(--space-3);border-top:1px solid #232842;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.72rem;color:#565d7c}@media (max-width:640px){.post-head,.post-hero-banner,.post-shell,.related,.series-box{padding-left:0;padding-right:0}}footer.site-foot{max-width:74rem;margin:0 auto;padding:var(--space-4) clamp(1.25rem,4vw,3rem) var(--space-6);font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);border-top:1px solid var(--line)}