:root{--bg:oklch(14% 0.011 260);--bg-deep:oklch(11% 0.011 260);--bg-subtle:oklch(17% 0.012 260);--bg-raised:oklch(21% 0.013 260);--border:oklch(27% 0.013 260);--border-strong:oklch(36% 0.015 260);--text:oklch(93% 0.006 80);--text-muted:oklch(67% 0.012 80);--text-faint:oklch(48% 0.012 260);--accent:oklch(72% 0.17 45);--accent-hot:oklch(80% 0.16 60);--accent-bg:oklch(72% 0.17 45 / 0.1);--c-homelab:oklch(74% 0.12 215);--c-ai:oklch(70% 0.15 295);--c-trading:oklch(78% 0.14 85);--c-thoughts:oklch(74% 0.14 155);--font-display:'Bricolage Grotesque', 'Avenir Next', sans-serif;--font-serif:'Newsreader', Georgia, serif;--font-mono:'IBM Plex Mono', ui-monospace, 'Courier New', monospace;--grid-line:oklch(60% 0.02 260 / 0.045);--gutter:2rem;--max-w:1140px;--nav-h:64px}[data-section=homelab]{--ch:var(--c-homelab)}[data-section=ai]{--ch:var(--c-ai)}[data-section=trading]{--ch:var(--c-trading)}[data-section=thoughts]{--ch:var(--c-thoughts)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}@view-transition{navigation: auto; }}body{background:radial-gradient(1100px 520px at 75% -120px,oklch(40% .07 45/.13),transparent 65%),linear-gradient(var(--grid-line) 1px,transparent 1px)0 0/52px 52px,linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)0 0/52px 52px,var(--bg);color:var(--text);font-family:var(--font-display);font-optical-sizing:auto;min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75 0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.content-layer{position:relative;z-index:2}::selection{background:var(--accent);color:var(--bg-deep)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-48px;left:12px;z-index:200;background:var(--accent);color:var(--bg-deep);font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:0 0 6px 6px;transition:top .2s}.skip-link:focus{top:0}html.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--ri,0) * 70ms)}html.js .reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}.cursor{display:inline-block;width:.55em;height:1.05em;margin-left:.35em;vertical-align:text-bottom;background:var(--accent);animation:blink 1.1s steps(1)infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}.site-nav{position:sticky;top:0;z-index:50;background:oklch(14% .011 260/.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:var(--nav-h)}.nav-logo{font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text);display:flex;align-items:center;gap:9px;flex-shrink:0}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px var(--accent)}}@media(prefers-reduced-motion:reduce){.logo-dot{animation:none}}.nav-sections{display:none;align-items:center;gap:4px}@media(min-width:880px){.nav-sections{display:flex}}.nav-ch{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--text-muted);padding:7px 12px;border-radius:5px;transition:color .2s,background .2s}.nav-ch:hover,.nav-ch.active{color:var(--ch,var(--accent));background:color-mix(in oklab,var(--ch,var(--accent)) 10%,transparent)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-about{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);transition:color .2s}.nav-about:hover{color:var(--text)}.search-toggle{background:0 0;border:1px solid var(--border);border-radius:6px;color:var(--text-faint);cursor:pointer;padding:6px 9px;display:flex;align-items:center;gap:7px;transition:color .2s,border-color .2s}.search-toggle:hover{color:var(--accent);border-color:var(--border-strong)}.nav-kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}@media(max-width:600px){.nav-kbd{display:none}}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:34px;padding:0 8px;background:0 0;border:1px solid var(--border);border-radius:6px;cursor:pointer}.menu-toggle span{display:block;height:1.5px;background:var(--text-muted);transition:transform .25s ease,opacity .25s}@media(max-width:879px){.menu-toggle{display:flex}}.site-nav.menu-open .menu-toggle span:first-child{transform:translateY(3.25px)rotate(45deg)}.site-nav.menu-open .menu-toggle span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;padding:8px var(--gutter)16px;border-top:1px solid var(--border)}.site-nav.menu-open .mobile-menu{display:flex}@media(min-width:880px){.site-nav.menu-open .mobile-menu{display:none}}.mm-link{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);padding:12px 4px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;transition:color .2s}.mm-link:last-child{border-bottom:none}.mm-link:hover{color:var(--text)}.mm-link[data-section]:not([data-section=""])::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ch,var(--text-faint))}.search-overlay{display:none;position:fixed;inset:0;z-index:100;background:oklch(11% .011 260/.72);backdrop-filter:blur(5px);align-items:flex-start;justify-content:center;padding:80px 16px 0}.search-overlay.active{display:flex}.search-modal{width:580px;max-width:100%;max-height:70vh;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px oklch(0% 0 0/.55)}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.search-input-wrap svg{flex-shrink:0;color:var(--text-faint)}#search-input{flex:1;background:0 0;border:none;outline:none;color:var(--text);font-size:15px;font-family:var(--font-mono)}#search-input::placeholder{color:var(--text-faint)}.search-kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.search-results{overflow-y:auto;padding:6px}.search-result{display:block;padding:12px 14px;border-radius:6px;transition:background .15s}.search-result:hover{background:var(--accent-bg)}.search-result-top{display:flex;align-items:center;gap:10px;margin-bottom:5px}.search-date{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.search-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}.search-summary{font-size:12.5px;color:var(--text-muted);line-height:1.5}.search-tags{display:flex;gap:5px;margin-top:6px}.search-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);background:var(--bg-raised);padding:2px 6px;border-radius:3px}.search-hint{padding:2rem;text-align:center;color:var(--text-faint);font-family:var(--font-mono);font-size:12px}.hero{max-width:var(--max-w);margin:0 auto;padding:clamp(3.5rem,9vh,6.5rem)var(--gutter)3rem}.hero-kicker{font-family:var(--font-mono);font-size:clamp(11px,1.6vw,13px);color:var(--text-faint);margin-bottom:1.75rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.7rem,8.5vw,5.5rem);font-weight:750;font-variation-settings:'opsz' 96;line-height:1.02;letter-spacing:-.035em;margin-bottom:1.5rem;text-wrap:balance}.hero-title em{font-family:var(--font-serif);font-style:italic;font-weight:420;font-variation-settings:'opsz' 72;color:var(--accent);letter-spacing:-.01em}.hero-lede{font-size:clamp(16px,2.2vw,19px);font-weight:350;color:var(--text-muted);line-height:1.6;max-width:52ch}.statboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.25rem;border-top:1px solid var(--border);padding-top:1.75rem}.stat{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid var(--border);transition:border-color .3s}.stat:hover{border-left-color:var(--accent)}.stat dd{font-family:var(--font-display);font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat dt{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);order:1}@media(max-width:640px){.statboard{grid-template-columns:repeat(2,1fr);row-gap:1.5rem}}.channels{max-width:var(--max-w);margin:0 auto;padding:1rem var(--gutter)0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.channel{position:relative;display:flex;flex-direction:column;gap:8px;padding:1.5rem 1.25rem 1.25rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}.channel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--ch);opacity:.55;transition:opacity .3s}.channel:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--ch) 45%,var(--border));background:color-mix(in oklab,var(--ch) 4%,var(--bg-subtle))}.channel:hover::before{opacity:1}.channel-count{font-family:var(--font-mono);font-size:11px;color:var(--ch)}.channel-name{font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.channel-desc{font-size:13px;font-weight:350;color:var(--text-muted);line-height:1.55;flex:1}.channel-arrow{font-family:var(--font-mono);font-size:14px;color:var(--text-faint);transition:transform .3s,color .3s;align-self:flex-end}.channel:hover .channel-arrow{transform:translateX(4px);color:var(--ch)}@media(max-width:880px){.channels{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.channels{grid-template-columns:1fr}}.block-label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:1.25rem}.block-label span{color:var(--accent)}.featured-block{max-width:var(--max-w);margin:0 auto;padding:4rem var(--gutter)0}.post-card--featured{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .3s}.post-card--featured:hover{border-color:color-mix(in oklab,var(--ch,var(--accent)) 45%,var(--border))}.post-card--featured .post-card-link{display:grid;grid-template-columns:1.05fr 1fr;min-height:330px}.post-img{position:relative;overflow:hidden;background:var(--bg-raised)}.post-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s}.post-card--featured:hover .post-img img{transform:scale(1.04);filter:saturate(1)}.post-img-placeholder{width:100%;height:100%;min-height:240px;display:flex;align-items:center;justify-content:center}.post-img-placeholder span{font-family:var(--font-mono);font-size:3rem;color:oklch(100% 0 0/.07)}.post-img-placeholder.section-bg-homelab{background:oklch(74% .12 215/.08)}.post-img-placeholder.section-bg-ai{background:oklch(70% .15 295/.08)}.post-img-placeholder.section-bg-trading{background:oklch(78% .14 85/.08)}.post-img-placeholder.section-bg-thoughts{background:oklch(74% .14 155/.08)}.post-card-id{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text);background:oklch(11% .011 260/.75);backdrop-filter:blur(6px);border:1px solid oklch(100% 0 0/.12);padding:3px 8px;border-radius:4px}.post-body{padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:.875rem}.post-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.post-date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.post-body h3{font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;transition:color .2s;text-wrap:balance}.post-card--featured:hover .post-body h3{color:var(--ch,var(--accent))}.post-body p{font-size:14.5px;font-weight:350;color:var(--text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-cta{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-top:.25rem}.post-card-cta span{display:inline-block;transition:transform .3s}.post-card--featured:hover .post-card-cta span{transform:translateX(4px)}@media(max-width:760px){.post-card--featured .post-card-link{grid-template-columns:1fr;min-height:0}.post-card--featured .post-img{height:210px}.post-body{padding:1.5rem}}.post-section{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:4px;white-space:nowrap}.section-homelab{color:var(--c-homelab);background:oklch(74% .12 215/.12)}.section-ai{color:var(--c-ai);background:oklch(70% .15 295/.12)}.section-trading{color:var(--c-trading);background:oklch(78% .14 85/.12)}.section-thoughts{color:var(--c-thoughts);background:oklch(74% .14 155/.12)}.log{max-width:var(--max-w);margin:0 auto;padding:4rem var(--gutter)6rem}.ledger{border-top:1px solid var(--border)}.ledger-head,.ledger-row{display:grid;grid-template-columns:52px 100px 110px 1fr 64px 28px;align-items:center;gap:1.25rem}.ledger-head{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:12px 10px;border-bottom:1px solid var(--border)}.ledger-row{position:relative;padding:18px 10px;border-bottom:1px solid var(--border);transition:background .25s}.ledger-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ch,var(--accent));transform:scaleY(0);transform-origin:center;transition:transform .25s ease}.ledger-row:hover{background:color-mix(in oklab,var(--ch,var(--accent)) 5%,transparent)}.ledger-row:hover::before{transform:scaleY(1)}.lr-index{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums;transition:color .2s}.ledger-row:hover .lr-index{color:var(--ch,var(--accent))}.lr-date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);white-space:nowrap}.lr-title{font-family:var(--font-display);font-size:15.5px;font-weight:550;letter-spacing:-.015em;line-height:1.35;transition:color .2s;min-width:0}.ledger-row:hover .lr-title{color:var(--ch,var(--accent))}.lr-time{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:right;white-space:nowrap}.lr-arrow{font-family:var(--font-mono);font-size:14px;color:var(--text-faint);transition:transform .25s,color .25s}.ledger-row:hover .lr-arrow{transform:translateX(4px);color:var(--ch,var(--accent))}@media(max-width:760px){.ledger-head{display:none}.ledger-row{grid-template-columns:1fr auto;grid-template-areas:"meta  arrow" "title arrow";row-gap:6px;padding:16px 6px}.lr-index{display:none}.lr-date{grid-area:meta;display:flex;align-items:center;gap:10px}.lr-section-col{grid-area:meta;justify-self:end}.lr-title{grid-area:title;font-size:15px}.lr-time{display:none}.lr-arrow{grid-area:arrow;align-self:center}}.cursor-preview{position:fixed;top:0;left:0;z-index:80;width:240px;aspect-ratio:3/2;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:0 20px 50px oklch(0% 0 0/.5);pointer-events:none;opacity:0;scale:.9;transition:opacity .25s ease,scale .3s cubic-bezier(.22,1,.36,1);will-change:transform}.cursor-preview.on{opacity:1;scale:1}.cursor-preview img{width:100%;height:100%;object-fit:cover}@media(hover:none),(max-width:880px){.cursor-preview{display:none}}.channel-header{max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,7vh,4.5rem)var(--gutter)0}.crumb{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-header h1{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.5rem);font-weight:750;letter-spacing:-.035em;line-height:1.05;color:var(--ch,var(--text));margin-bottom:.75rem}.channel-header-desc{font-size:16px;font-weight:350;color:var(--text-muted);max-width:55ch;line-height:1.6}.channel-header-count{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-top:1rem}.log--channel{padding-top:2rem}.channel-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.switch-pill{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:99px;padding:6px 14px;transition:color .2s,border-color .2s,background .2s}.switch-pill:hover{color:var(--ch,var(--text));border-color:color-mix(in oklab,var(--ch,var(--accent)) 40%,var(--border))}.switch-pill.active{color:var(--bg-deep);background:var(--ch,var(--accent));border-color:var(--ch,var(--accent))}.page-prose{max-width:720px;margin:0 auto;padding:2rem var(--gutter)5rem;font-family:var(--font-serif);font-size:18px;line-height:1.75;color:oklch(85% .006 80)}.page-prose p{margin-bottom:1.5rem}.page-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:60}.progress-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hot));transform:scaleX(0);transform-origin:0 50%}.article-layout{display:grid;grid-template-columns:1fr;max-width:var(--max-w);margin:0 auto}@media(min-width:1100px){.article-layout{grid-template-columns:1fr 210px;gap:56px;padding:0 var(--gutter)}}.article-wrapper{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 5rem;width:100%;min-width:0}@media(min-width:1100px){.article-wrapper{padding-left:0;padding-right:0}}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-header h1{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.9rem);font-weight:750;letter-spacing:-.035em;line-height:1.1;margin-bottom:1.25rem;text-wrap:balance}.post-meta-row{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);flex-wrap:wrap}.post-meta-row .author{color:var(--text-muted)}.post-meta-row .dot{opacity:.4}.hero-img{width:100%;aspect-ratio:21/9;border-radius:8px;overflow:hidden;margin-bottom:2.5rem;border:1px solid var(--border)}.hero-img img{width:100%;height:100%;object-fit:cover}.article-body{font-family:var(--font-serif);font-size:18.5px;font-weight:380;line-height:1.8;color:oklch(85% .006 80);max-width:68ch}.article-body>p:first-child::first-line{font-variation-settings:'opsz' 18}.article-body p{margin-bottom:1.5rem}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:90px}.article-body h2{font-family:var(--font-display);font-size:1.55rem;font-weight:700;color:var(--text);margin:3rem 0 1rem;letter-spacing:-.03em;display:flex;align-items:baseline;gap:10px}.article-body h2::before{content:'//';font-family:var(--font-mono);font-size:.8em;font-weight:500;color:var(--ch,var(--accent))}.article-body h3{font-family:var(--font-display);font-size:1.15rem;font-weight:650;color:var(--text);margin:2rem 0 .75rem}.article-body a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color .2s}.article-body a:hover{text-decoration-color:var(--accent)}.article-body strong{color:var(--text);font-weight:600}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body li::marker{color:var(--ch,var(--accent))}.article-body blockquote{border-left:2px solid var(--ch,var(--accent));background:var(--bg-subtle);border-radius:0 6px 6px 0;padding:1.25rem 1.5rem;margin:1.75rem 0;color:var(--text-muted);font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body .pullquote{border:none;border-left:3px solid var(--accent);background:0 0;border-radius:0;margin:2rem 0;padding:.25rem 0 .25rem 1.5rem;font-size:1.4rem;line-height:1.45;font-weight:500;font-style:italic;color:var(--text)}.article-body .pullquote cite{display:block;margin-top:.75rem;font-size:.9rem;font-style:normal;color:var(--text-muted)}.article-body .callout{margin:1.75rem 0;padding:1rem 1.25rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;background:var(--bg-subtle)}.article-body .callout-title{margin-bottom:.35rem;font-size:.95rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.article-body .callout-body p:last-child{margin-bottom:0}.article-body .callout-tip{border-left-color:oklch(72% .15 155)}.article-body .callout-warning{border-left-color:oklch(80% .16 60)}.article-body .callout-important{border-left-color:oklch(65% .2 25)}.article-body .callout-tip .callout-title{color:oklch(80% .15 155)}.article-body .callout-warning .callout-title{color:oklch(85% .16 70)}.article-body .callout-important .callout-title{color:oklch(75% .2 25)}.article-body hr{border:none;height:1px;background:var(--border);margin:2.5rem 0}.article-body code{font-family:var(--font-mono);font-size:.8em;background:var(--bg-raised);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--accent-hot)}.article-body pre{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;margin:1.75rem 0;overflow-x:auto}.article-body pre code{background:0 0;border:none;padding:0;font-size:13.5px;color:var(--text);line-height:1.7}.article-body .highlight pre,.article-body .chroma{background:var(--bg-deep)!important}.article-body table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-family:var(--font-display);font-size:14.5px;font-weight:380}.article-body th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-strong)}.article-body td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-muted)}.article-body img{border-radius:8px;margin:2rem 0;border:1px solid var(--border);max-width:100%}.article-wrapper>.post-tags{margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border);padding:4px 10px;border-radius:99px;transition:color .2s,border-color .2s}.tag:hover{color:var(--accent);border-color:var(--border-strong)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.post-nav a{padding:1.25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);transition:border-color .2s,transform .25s;display:flex;flex-direction:column;gap:5px}.post-nav a:hover{border-color:var(--border-strong);transform:translateY(-2px)}.post-nav .label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.post-nav .title{font-family:var(--font-display);font-size:14px;font-weight:550;color:var(--text)}.post-nav-next{text-align:right;align-items:flex-end}@media(max-width:600px){.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left;align-items:flex-start}}.comments-section{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)}.comments-section h2{font-family:var(--font-display);font-size:1.15rem;font-weight:650;margin-bottom:1.5rem}.comments-dev-note{color:var(--text-faint);font-family:var(--font-mono);font-size:12px}.toc-sidebar{display:none}@media(min-width:1100px){.toc-sidebar{display:block;padding-top:120px}}.toc-sticky{position:sticky;top:90px}.toc-heading{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.875rem}.toc-sidebar nav#TableOfContents ul{list-style:none;padding:0;margin:0}.toc-sidebar nav#TableOfContents li{margin-bottom:4px}.toc-sidebar nav#TableOfContents a{font-family:var(--font-display);font-size:12.5px;font-weight:420;color:var(--text-faint);display:block;padding:3px 0 3px 12px;border-left:1px solid var(--border);line-height:1.4;transition:color .2s,border-color .2s}.toc-sidebar nav#TableOfContents a:hover{color:var(--text-muted)}.toc-sidebar nav#TableOfContents a.active{color:var(--ch,var(--accent));border-left-color:var(--ch,var(--accent))}.toc-sidebar nav#TableOfContents ul ul{padding-left:12px}.toc-sidebar nav#TableOfContents ul ul a{font-size:11.5px}.site-footer{border-top:1px solid var(--border);background:var(--bg-deep);position:relative;z-index:2}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:3rem var(--gutter)2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-logo{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--text)}.footer-tag{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);line-height:1.8;margin-top:.75rem}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-bottom:4px}.footer-col a{font-family:var(--font-display);font-size:13.5px;font-weight:420;color:var(--text-muted);transition:color .2s;width:fit-content}.footer-col a:hover{color:var(--accent)}.footer-meta{max-width:var(--max-w);margin:0 auto;padding:1.25rem var(--gutter)1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-meta p{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}@media(max-width:640px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.page-404{max-width:640px;margin:0 auto;padding:8rem 2rem;text-align:left}.page-404 h1{font-family:var(--font-display);font-size:clamp(5rem,18vw,9rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--accent);margin:1rem 0 .5rem}.page-404 p{color:var(--text-muted);font-family:var(--font-mono);font-size:14px;margin-bottom:2.5rem}.btn-404{font-family:var(--font-mono);font-size:13px;color:var(--bg-deep);background:var(--accent);padding:10px 20px;border-radius:6px;transition:background .2s}.btn-404:hover{background:var(--accent-hot)}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:2rem 0;border:1px solid var(--border)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.instagram-card{margin:1.5rem 0}.instagram-card a{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--accent);transition:border-color .2s}.instagram-card a:hover{border-color:var(--border-strong)}.instagram-icon{font-size:22px}.article-figure{margin:2rem 0}.article-figure img{width:100%;border-radius:8px;border:1px solid var(--border);cursor:zoom-in}.article-figure figcaption{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-top:.625rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:2rem 0}.gallery-item{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.gallery-item img{width:100%;height:180px;object-fit:cover;cursor:zoom-in;display:block}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:oklch(11% .011 260/.85);font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}@media(max-width:600px){:root{--gutter:1.25rem}.article-body{font-size:17px}.hero{padding-top:3rem}}