:root{--paper: #f7f4ef;--paper-warm: #efe9de;--ink: #1a1714;--ink-muted: #6b6560;--ink-faint: #bdb8b2;--accent: #c0392b;--accent-soft: #f0e6e5;--code-bg: #1e1c1a;--code-border: #2e2b28;--font-display: "Fraunces", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--content-width: 720px;--wide-width: 1100px;--ease: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.75;min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .15s var(--ease)}a:hover{opacity:.7}img{max-width:100%;height:auto}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--sp-12) var(--sp-4)}.container{max-width:var(--content-width);margin:0 auto}.container--wide{max-width:var(--wide-width);margin:0 auto}.site-header{border-bottom:1px solid var(--ink-faint);padding:var(--sp-4) var(--sp-4);background:var(--paper);position:sticky;top:0;z-index:100}.site-header__inner{max-width:var(--wide-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.site-logo{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.site-logo:hover{opacity:.7}.site-logo span{color:var(--accent)}.site-nav{display:flex;gap:var(--sp-6);list-style:none}.site-nav a{font-family:var(--font-display);font-size:.85rem;font-weight:300;color:var(--ink-muted);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;transition:color .15s var(--ease)}.site-nav a:hover,.site-nav a.active{color:var(--accent)}.site-footer{border-top:1px solid var(--ink-faint);padding:var(--sp-8) var(--sp-4);text-align:center;font-size:.8rem;color:var(--ink-muted);font-family:var(--font-display);font-weight:300}.home-hero{padding:var(--sp-24) 0 var(--sp-16);border-bottom:1px solid var(--ink-faint);margin-bottom:var(--sp-16)}.home-hero__eyebrow{font-family:var(--font-display);font-weight:300;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4)}.home-hero__title{font-family:var(--font-display);font-weight:300;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--sp-6);text-wrap:balance}.home-hero__title em{font-style:italic;color:var(--accent)}.home-hero__desc{font-size:1.05rem;color:var(--ink-muted);max-width:540px;line-height:1.7}.series-section__title{font-family:var(--font-display);font-size:.75rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--sp-8)}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-16)}.series-card{border:1px solid var(--ink-faint);padding:var(--sp-8);text-decoration:none;color:var(--ink);transition:border-color .2s var(--ease),background .2s var(--ease);display:block;position:relative;overflow:hidden}.series-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s var(--ease)}.series-card:hover{border-color:var(--accent);background:var(--accent-soft);opacity:1}.series-card:hover:before{transform:scaleY(1)}.series-card__tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3)}.series-card__title{font-family:var(--font-display);font-weight:600;font-size:1.2rem;letter-spacing:-.02em;margin-bottom:var(--sp-3)}.series-card__desc{font-size:.875rem;color:var(--ink-muted);line-height:1.6}.series-card__count{margin-top:var(--sp-4);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint)}.series-header{padding:var(--sp-16) 0 var(--sp-12);border-bottom:1px solid var(--ink-faint);margin-bottom:var(--sp-12)}.series-header__back{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6);letter-spacing:.04em}.series-header__back:hover{color:var(--accent);opacity:1}.series-header__tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3)}.series-header__title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.03em;margin-bottom:var(--sp-4)}.series-header__desc{color:var(--ink-muted);max-width:560px}.post-list{list-style:none;display:flex;flex-direction:column;gap:0}.post-list-item{display:flex;align-items:baseline;gap:var(--sp-4);padding:var(--sp-6) 0;border-bottom:1px solid var(--ink-faint)}.post-list-item:first-child{border-top:1px solid var(--ink-faint)}.post-list-item__num{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted);min-width:2ch;flex-shrink:0}.post-list-item__content{flex:1}.post-list-item__link{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:-.015em;color:var(--ink);text-decoration:none;display:block;margin-bottom:var(--sp-1);transition:color .15s var(--ease)}.post-list-item__link:hover{color:var(--accent);opacity:1}.post-list-item__meta{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted)}.post-header{padding:var(--sp-16) 0 var(--sp-12);border-bottom:1px solid var(--ink-faint);margin-bottom:var(--sp-12)}.post-header__breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);margin-bottom:var(--sp-6)}.post-header__breadcrumb a{color:var(--ink-muted);text-decoration:none;font-weight:600}.post-header__breadcrumb a:hover{color:var(--accent);opacity:1}.post-header__meta{display:flex;gap:var(--sp-6);font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);flex-wrap:wrap}.post-header__series{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3)}.post-header__title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.8rem,4.5vw,3.2rem);letter-spacing:-.03em;line-height:1.12;margin-bottom:var(--sp-6)}.post-header__desc{font-size:1.05rem;color:var(--ink-muted);font-style:italic;margin-bottom:var(--sp-4)}.prose{font-size:1rem;line-height:1.85;color:var(--ink)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-top:2.5em;margin-bottom:.75em;color:var(--ink)}.prose h1{font-size:2rem}.prose h2{font-size:1.5rem;padding-bottom:.4em;border-bottom:1px solid var(--ink-faint)}.prose h3{font-size:1.2rem}.prose h4{font-size:1rem;color:var(--ink-muted)}.prose p{margin-bottom:1.5em}.prose ul,.prose ol{margin-bottom:1.5em;padding-left:1.75em}.prose li{margin-bottom:.4em}.prose blockquote{border-left:3px solid var(--accent);padding:var(--sp-4) var(--sp-6);margin:2em 0;background:var(--accent-soft);font-style:italic;color:var(--ink-muted)}.prose blockquote p:last-child{margin-bottom:0}.prose code:not(pre code){font-family:var(--font-mono);font-size:.85em;background:var(--paper-warm);border:1px solid var(--ink-faint);padding:.1em .4em;border-radius:3px;color:var(--accent)}.prose pre{background:var(--code-bg)!important;border:1px solid var(--code-border);border-radius:4px;padding:var(--sp-6) var(--sp-8);overflow-x:auto;margin:2em 0;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;position:relative}.prose pre code{background:none!important;border:none!important;padding:0!important;color:#e8e3dc!important;font-size:inherit}.prose pre[data-language]:before{content:attr(data-language);position:absolute;top:var(--sp-2);right:var(--sp-3);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);opacity:.7}.prose table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.9rem}.prose th{background:var(--paper-warm);border-bottom:2px solid var(--ink-faint);padding:var(--sp-3) var(--sp-4);text-align:left;font-family:var(--font-display);font-weight:600;font-size:.85rem}.prose td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--ink-faint)}.prose img{display:block;margin:2em auto;border:1px solid var(--ink-faint);border-radius:2px}.prose hr{border:none;border-top:1px solid var(--ink-faint);margin:3em 0}.prose .math-display{overflow-x:auto;padding:var(--sp-4) 0;margin:1.5em 0}.mermaid-wrapper{background:var(--paper-warm);border:1px solid var(--ink-faint);border-radius:4px;padding:var(--sp-8);margin:2em 0;overflow-x:auto;text-align:center}.interactive-wrapper{border:1px dashed var(--ink-faint);border-radius:4px;padding:var(--sp-8);margin:2em 0;background:var(--paper-warm);position:relative}.interactive-wrapper:before{content:"interactive";position:absolute;top:-.6em;left:var(--sp-4);background:var(--paper-warm);padding:0 var(--sp-2);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.post-nav{display:flex;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-12);margin-top:var(--sp-12);border-top:1px solid var(--ink-faint)}.post-nav__item{flex:1;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border:1px solid var(--ink-faint);transition:border-color .2s var(--ease)}.post-nav__item:hover{border-color:var(--accent);opacity:1}.post-nav__item--next{text-align:right}.post-nav__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.post-nav__title{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:-.01em}.toc{border:1px solid var(--ink-faint);padding:var(--sp-6) var(--sp-6);margin-bottom:var(--sp-8);font-size:.875rem;background:var(--paper-warm)}.toc__title{font-family:var(--font-display);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--sp-4)}.toc__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.toc__list a{color:var(--ink-muted);text-decoration:none;font-family:var(--font-body);transition:color .15s}.toc__list a:hover{color:var(--accent)}.state-loading,.state-error{padding:var(--sp-24) 0;text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-faint)}.state-error{color:var(--accent)}@media (max-width: 640px){html{font-size:16px}.site-nav{gap:var(--sp-4)}.series-grid{grid-template-columns:1fr}.post-nav{flex-direction:column}.post-nav__item--next{text-align:left}.prose pre{padding:var(--sp-4);font-size:.78rem}.home-hero{padding:var(--sp-12) 0 var(--sp-8)}}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7c7166}.token.punctuation{color:#9e9289}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#d08770}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#a3be8c}.token.operator,.token.entity,.token.url{color:#81a1c1}.token.atrule,.token.attr-value,.token.keyword{color:#b48ead}.token.function{color:#88c0d0}.token.regex,.token.important,.token.variable{color:#ebcb8b}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.post-image-wrapper{margin:2em 0;text-align:center}.post-image-wrapper figcaption{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);margin-top:.5rem}.post-image-zoomable{cursor:zoom-in;display:block;max-width:100%;height:auto;border:1px solid var(--ink-faint);border-radius:4px;transition:opacity .2s,border-color .2s;margin:0 auto}.post-image-zoomable:hover{opacity:.9;border-color:var(--accent)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#141210f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .25s ease-out;padding:1rem}.lightbox-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:1200px}.lightbox-content{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 4px 30px #00000080;border-radius:4px;animation:scaleIn .3s cubic-bezier(.25,.1,.25,1)}.lightbox-caption{margin-top:1rem;color:#e5e5e5;font-family:var(--font-mono);font-size:.85rem;text-align:center;background:#ffffff1a;padding:.5rem 1rem;border-radius:4px;max-width:90%;line-height:1.4}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s;z-index:10000}.lightbox-close:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 768px){.lightbox-overlay{padding:3rem}.lightbox-content{max-height:85vh}.lightbox-caption{font-size:.95rem;max-width:600px}.lightbox-close{top:2rem;right:2rem;width:48px;height:48px}}.code-block-container{margin:2em 0;background:var(--code-bg);border:1px solid var(--code-border);border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.prose .code-block-container pre{margin:0;border:none;border-radius:0;background:transparent!important;padding:var(--sp-4) var(--sp-4);font-size:.85rem}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#272522;border-bottom:1px solid var(--code-border)}.code-lang{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-weight:600}.code-copy-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.code-copy-btn:hover{background:#ffffff1a;color:#fff}.code-copy-btn.copied{color:#a3be8c}.prose pre[data-language]:before{display:none}.code-block-container pre::-webkit-scrollbar{height:8px;width:8px}.code-block-container pre::-webkit-scrollbar-track{background:var(--code-bg)}.code-block-container pre::-webkit-scrollbar-thumb{background-color:#3b3734;border-radius:4px;border:2px solid var(--code-bg)}.code-block-container pre::-webkit-scrollbar-thumb:hover{background-color:#4f4a46}@media (max-width: 640px){.interactive-wrapper{padding:var(--sp-4);margin:2em 0}.interactive-wrapper:before{left:var(--sp-2)}.interactive-wrapper>div{width:100%}input[type=range]{height:24px}button{min-height:36px;touch-action:manipulation}}.post-layout{display:flex;align-items:stretch;gap:var(--sp-12);position:relative}.post-sidebar{display:none;width:200px;flex-shrink:0}@media (min-width: 1024px){.post-sidebar{display:block}}.post-sidebar__sticky{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:1rem}.post-sidebar__sticky::-webkit-scrollbar{width:4px}.post-sidebar__sticky::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:4px}.post-sidebar__title{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--sp-6)}.post-sidebar__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.post-sidebar__item button{background:none;border:none;padding:0;text-align:left;font-family:var(--font-body);font-size:.9rem;color:var(--ink);font-weight:600;cursor:pointer;line-height:1.5;transition:color .15s var(--ease)}.post-sidebar__item button:hover{color:var(--accent)}.post-sidebar__item.level-3 button{padding-left:1rem;font-size:.85rem;color:#4a4540;font-weight:400}.post-sidebar__item.level-3 button:hover{color:var(--accent)}.post-content{flex:1;min-width:0;max-width:var(--content-width)}@media (max-width: 1023px){.post-content{margin:0 auto}}