:root{--black: oklch(5% .005 175);--white: #e8e8e8;--white-bright: #fff;--gray: #888;--gray-dim: #7e7e7e;--gray-rule: #1a1a1a;--accent: oklch(72% .1 175);--accent-dim: oklch(55% .08 175);--cherry: #e0303e;--cherry-glow: color-mix(in srgb, var(--cherry) 12%, transparent);--font-mono: "Source Code Pro", "SF Mono", monospace;--font-display: "Chakra Petch", system-ui, sans-serif;--text-body: .9375rem;--text-secondary: .8125rem;--text-ui: .75rem;--text-chrome: .6875rem;--text-micro: .5625rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--space-3xl: 8rem;--max-width: 720px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--dither-accent: color-mix(in srgb, var(--accent) 10%, transparent);--dither-accent-strong: color-mix(in srgb, var(--accent) 12%, transparent);--dither-gray: color-mix(in srgb, var(--gray) 10%, transparent);--backdrop: rgba(0, 0, 0, .85);--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-display);font-size:var(--text-body);line-height:1.65;min-height:100vh;font-kerning:normal}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px);background-size:24px 24px}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,color-mix(in srgb,var(--black) 3%,transparent) 2px,color-mix(in srgb,var(--black) 3%,transparent) 4px)}@keyframes crt-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes accent-pulse{0%,to{text-shadow:0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}50%{text-shadow:0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}}@keyframes transmit{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes target-sweep{0%{transform:translate(0);opacity:1}60%{opacity:.6}to{transform:translate(100vw);opacity:0}}@keyframes glitch-slice{0%,95%,to{clip-path:none;transform:translate(0)}95.5%{clip-path:inset(25% 0 55% 0);transform:translate(6px)}96.5%{clip-path:inset(60% 0 10% 0);transform:translate(-4px)}97.5%{clip-path:none;transform:translate(0)}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--white-bright)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h3{font-size:1.1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}strong{color:var(--white-bright);font-weight:700}em{color:var(--accent);font-style:italic}a{color:var(--accent);text-decoration:none;transition:color .15s ease,text-shadow .15s ease}a:hover{color:var(--white-bright)}a:focus-visible{color:var(--white-bright);outline:1px solid var(--accent);outline-offset:2px}:root{--shiki-color-text: var(--accent);--shiki-color-background: transparent;--shiki-token-constant: var(--white-bright);--shiki-token-string: var(--accent);--shiki-token-comment: var(--gray-dim);--shiki-token-keyword: var(--cherry);--shiki-token-parameter: var(--white);--shiki-token-function: var(--white-bright);--shiki-token-string-expression: var(--accent-dim);--shiki-token-punctuation: var(--gray);--shiki-token-link: var(--accent)}code{font-family:var(--font-mono);font-size:.85em;color:var(--accent);padding:.1em .3em;font-variant-ligatures:none}pre{background:color-mix(in srgb,var(--accent) 3%,transparent)!important;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);overflow-x:auto;margin:var(--space-lg) 0;font-size:var(--text-ui);line-height:1.6;font-variant-ligatures:none;position:relative;color:var(--accent);border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent)}pre code{font-size:inherit;color:inherit;padding:0;background:transparent!important}pre[data-language=plaintext]{background:#ffffff05!important;border-left-color:var(--gray-dim);color:var(--gray);font-size:var(--text-ui)}pre[data-language=plaintext]:before{content:"▮ stdout";display:block;font-size:var(--text-ui);color:var(--gray-dim);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}blockquote{border-top:1px solid var(--gray-dim);padding:var(--space-md);color:var(--gray);margin:var(--space-lg) 0;position:relative}blockquote:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-conic-gradient(var(--dither-gray) 0% 25%,transparent 0% 50%) 0 0 / 3px 3px;mask-image:linear-gradient(to bottom,transparent,black);-webkit-mask-image:linear-gradient(to bottom,transparent,black);pointer-events:none}hr{border:none;height:1px;background:var(--gray-rule);margin:var(--space-xl) 0;position:relative}hr:after{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-conic-gradient(var(--dither-accent) 0% 25%,transparent 0% 50%) 0 0 / 3px 3px;mask-image:linear-gradient(to bottom,black,transparent);-webkit-mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs)}li::marker{color:var(--accent)}.site-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-md);position:relative;z-index:1}.site-header{position:relative;padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-rule);margin-bottom:var(--space-xl);animation:crt-flicker 8s infinite}.site-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--white-bright);position:relative;text-shadow:-1.5px 0 color-mix(in srgb,var(--cherry) 35%,transparent),1.5px 0 color-mix(in srgb,var(--accent) 25%,transparent);animation:crt-flicker 8s infinite,glitch-slice 10s step-end infinite}.site-title .accent{color:var(--accent)}.site-title .ai-highlight{color:var(--cherry)}.site-title .cursor{color:var(--accent);animation:cursor-blink 1s step-end infinite;font-weight:400;margin-left:.05em}.site-tagline{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--gray);margin-top:var(--space-md);letter-spacing:.15em;text-transform:uppercase}.site-tagline .separator{color:var(--accent);margin:0 .5em}.header-micro{font-family:var(--font-mono);font-size:.55rem;color:var(--gray-dim);letter-spacing:.2em;text-transform:uppercase;position:absolute;pointer-events:none}.header-micro--top-right{top:var(--space-lg);right:0}.header-micro--bottom-left{bottom:var(--space-lg);left:0}.header-micro .accent-dot{color:var(--accent);animation:accent-pulse 3s ease-in-out infinite}.site-nav{display:flex;gap:var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-ui);letter-spacing:.1em;text-transform:uppercase}.site-nav a{color:var(--gray);transition:color .15s ease;padding:.75rem .25rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a:before{content:">";display:block;color:var(--gray-dim)}.nav-search{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--gray);letter-spacing:.1em;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:.75rem .25rem;transition:color .15s ease}.nav-search:before{content:">";display:block;color:var(--gray-dim)}.nav-search:hover{color:var(--accent)}.nav-search:focus-visible{color:var(--accent);outline:1px solid var(--accent);outline-offset:2px}.nav-search kbd{font-family:var(--font-mono);font-size:var(--text-chrome);color:var(--gray-dim);border:1px solid var(--gray-rule);padding:.1em .3em;margin-left:.3em;vertical-align:middle}.section-label{font-family:var(--font-mono);font-size:var(--text-chrome);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--accent) 6%,transparent);display:flex;align-items:center;gap:.6em}.section-label:before{content:"//";color:var(--white-bright);font-weight:700}.post-list{list-style:none;padding:0}.post-item{padding:var(--space-xl) 0;border-bottom:1px solid var(--gray-rule);position:relative;transition:background .3s ease}.post-item:hover{border-image:linear-gradient(to right,var(--accent) 0%,transparent 100%) 1}.post-item:first-child{padding-top:0}.post-item:last-child{border-bottom:none}.post-index{position:absolute;top:var(--space-xl);right:0;font-family:var(--font-mono);font-size:var(--text-chrome);font-weight:300;color:var(--gray-dim);letter-spacing:.15em}.post-item:first-child .post-index{top:0}.post-item:after{content:"◢ TRANSMITTING";position:absolute;bottom:var(--space-sm);right:0;font-family:var(--font-mono);font-size:.45rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.post-item:hover:after{opacity:1;animation:transmit 1.5s ease-in-out infinite}.post-date{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--gray);letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:var(--space-sm)}.post-date:before{content:"LOG.";color:var(--gray-dim);font-weight:300}.post-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}.post-title a{color:var(--white-bright);padding:.05em .15em;margin:-.05em -.15em;position:relative;overflow:hidden;background:linear-gradient(90deg,var(--accent) 50%,transparent 50%);background-size:200% 100%;background-position:100% 0;transition:background-position .3s var(--ease-out-expo),color .2s ease}.post-title a:after{content:"";position:absolute;top:0;left:-2px;width:2px;height:100%;background:var(--white-bright);box-shadow:0 0 6px var(--accent),0 0 12px color-mix(in srgb,var(--accent) 40%,transparent);opacity:0;pointer-events:none;will-change:transform,opacity}.post-title a:hover{background-position:0 0;color:var(--black);text-shadow:none}.post-title a:hover:after,.post-title a:focus-visible:after{animation:target-sweep .35s var(--ease-out-expo) forwards}.post-title a:focus-visible,.post-title a:active{background-position:0 0;color:var(--black);text-shadow:none;outline:none}.post-excerpt{color:var(--gray);font-size:var(--text-secondary);line-height:1.6}.post-tags{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.tag{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:.15em .5em;font-weight:500}.tag:before{content:"#"}a.tag{text-decoration:none;transition:background .15s ease,color .15s ease}a.tag:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--white-bright)}a.tag:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.project-list{display:flex;flex-direction:column;gap:var(--space-xl)}.project-card{border:1px solid var(--gray-rule);padding:var(--space-xl);position:relative;background:var(--noise),var(--black);background-size:200px 200px,auto;transition:border-color .3s ease,background-color .3s ease}.project-card:hover{border-color:var(--gray-dim);background-color:color-mix(in srgb,var(--accent) 2%,var(--black))}.corner-marks{position:absolute;inset:0;pointer-events:none}.corner-marks:before{content:"┌";position:absolute;top:4px;left:8px;font-family:var(--font-mono);font-size:.5rem;color:var(--gray-dim);opacity:.3;transition:opacity .3s ease}.corner-marks:after{content:"┘";position:absolute;bottom:4px;right:8px;font-family:var(--font-mono);font-size:.5rem;color:var(--gray-dim);opacity:.3;transition:opacity .3s ease}.project-card:hover .corner-marks:before,.project-card:hover .corner-marks:after{opacity:.7}.project-status{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--accent) 6%,transparent)}.project-status:before{content:"▮ ";animation:cursor-blink 2s step-end infinite}.project-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--space-md);color:var(--white-bright);text-shadow:-1px 0 color-mix(in srgb,var(--cherry) 20%,transparent),1px 0 color-mix(in srgb,var(--accent) 15%,transparent)}.project-targets{font-size:var(--text-ui);color:var(--gray);letter-spacing:.1em;margin-top:var(--space-lg);padding:var(--space-sm);border:1px solid var(--gray-rule);background:color-mix(in srgb,var(--cherry) 2%,transparent)}.project-targets:before{content:"▮ TARGETS: ";color:var(--cherry);letter-spacing:.15em}.project-link{display:inline-flex;align-items:center;gap:.5em;margin-top:var(--space-lg);padding:.6em 1.1em;font-size:var(--text-ui);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;text-decoration:none;color:var(--cherry);border:1px solid color-mix(in srgb,var(--cherry) 35%,transparent);background:color-mix(in srgb,var(--cherry) 4%,transparent);transition:color .2s ease,border-color .2s ease,background .2s ease}.project-link:hover{color:var(--white);border-color:var(--cherry);background:color-mix(in srgb,var(--cherry) 14%,transparent)}.project-link span{transition:transform .2s ease}.project-link:hover span{transform:translate(2px)}.project-body p{color:var(--gray);font-size:var(--text-secondary);line-height:1.7}.project-body strong{color:var(--white)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-lg) 0;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.table-wrap__caption{font-family:var(--font-mono);font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.table-wrap__caption:before{content:"▮ "}.table-wrap table{margin:0}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-family:var(--font-mono);font-size:var(--text-ui);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.post-content thead th{text-align:left;padding:var(--space-xs) var(--space-sm);font-size:var(--text-ui);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.post-content tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--gray-rule);color:var(--gray);vertical-align:top}.post-content tbody td:first-child{color:var(--white);white-space:nowrap}.post-content tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}.post-content tbody td code{font-size:.85em}.post-header{padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--gray-rule);position:relative}.post-meta .ai-highlight{color:var(--cherry)}.post-header .post-title{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-md);padding-right:6rem;text-shadow:-1px 0 color-mix(in srgb,var(--cherry) 25%,transparent),1px 0 color-mix(in srgb,var(--accent) 20%,transparent)}.post-meta{font-size:var(--text-ui);color:var(--gray);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap}.post-meta .separator{color:var(--gray-dim)}.post-meta .post-tags{margin-top:0}.post-content{padding-bottom:var(--space-2xl)}.post-content>p,.post-content>ul,.post-content>ol,.post-content>blockquote{max-width:65ch}.post-content h2{border-top:1px solid var(--accent);padding:var(--space-sm) 0;background:color-mix(in srgb,var(--accent) 4%,transparent);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.post-content h3{color:var(--white-bright);letter-spacing:.02em}.post-content a[href^=http]:not([href*="alanifan.club"]):after{content:" ↗";font-size:.75em;opacity:.4;transition:opacity .15s ease}.post-content a[href^=http]:not([href*="alanifan.club"]):hover:after{opacity:.8}.post-content h3+p:has(>em:only-child){padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:color-mix(in srgb,var(--accent) 3%,transparent);font-size:var(--text-secondary);line-height:1.6}.series-indicator{font-family:var(--font-mono);font-size:var(--text-chrome);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:.8em}.series-indicator__segments{display:inline-flex;align-items:center;gap:.35em}.series-indicator__on{color:var(--accent)}.series-indicator__off,.series-indicator__sep{color:var(--gray-dim)}.callout{border:none;border-top:1px solid var(--cherry);border-image:linear-gradient(to right,var(--cherry),transparent) 1;padding:var(--space-sm) var(--space-md);margin:var(--space-lg) 0;font-family:var(--font-mono);font-size:var(--text-secondary);line-height:1.5;color:var(--gray);background:color-mix(in srgb,var(--cherry) 3%,transparent)}.callout:before{content:"▮ COMM";display:block;font-size:var(--text-chrome);color:var(--cherry);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.callout p{margin:0}.callout strong{color:var(--cherry)}.alert{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:var(--space-md);margin:var(--space-lg) 0;font-family:var(--font-mono)}.alert+.alert{margin-top:var(--space-sm)}.alert-label{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-md)) var(--space-sm) calc(-1 * var(--space-md));padding:var(--space-xs) var(--space-md);background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.alert-label:before{content:"▮ "}.alert-title{font-family:var(--font-display);font-size:var(--text-body);font-weight:700;color:var(--white-bright);margin-bottom:var(--space-xs)}.alert-desc{font-size:var(--text-secondary);color:var(--gray)}.diagram{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);margin:var(--space-lg) 0;position:relative;font-family:var(--font-mono)}.diagram-label{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;padding:var(--space-xs) var(--space-md);background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.diagram-label:before{content:"▮ "}.dg-box{border:1px solid var(--gray-dim);padding:var(--space-sm) var(--space-md);text-align:center;background:color-mix(in srgb,var(--accent) 3%,transparent)}.dg-box--primary{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 8%,transparent)}.dg-box--primary .dg-name{color:var(--accent)}.dg-name{display:block;font-size:var(--text-ui);color:var(--white);font-weight:500;letter-spacing:.02em;white-space:nowrap}.dg-sub{display:block;font-size:var(--text-chrome);color:var(--gray);margin-top:2px}.dg-arr-r{height:0;border-top:1px solid var(--accent);position:relative;min-width:1.5rem}.dg-arr-r:after{content:"";position:absolute;right:0;top:-4px;width:0;height:0;border-left:6px solid var(--accent);border-top:4px solid transparent;border-bottom:4px solid transparent}.dg-arr-l{height:0;border-top:1px solid var(--accent);position:relative;width:100%}.dg-arr-l:before{content:"";position:absolute;left:0;top:-4px;width:0;height:0;border-right:6px solid var(--accent);border-top:4px solid transparent;border-bottom:4px solid transparent}.dg-arr-u,.dg-arr-d{width:0;border-left:1px solid var(--accent);min-height:1.5rem;justify-self:center;position:relative}.dg-arr-u:before{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-bottom:6px solid var(--accent);border-left:4px solid transparent;border-right:4px solid transparent}.dg-arr-d:after{content:"";position:absolute;bottom:0;left:-4px;width:0;height:0;border-top:6px solid var(--accent);border-left:4px solid transparent;border-right:4px solid transparent}.dg-arr-ret{border-top:1px solid var(--accent);border-left:1px solid var(--accent);border-right:1px solid var(--accent);min-height:1rem;margin:0 calc(100% / 6);position:relative}.dg-arr-ret:before{content:"";position:absolute;bottom:0;left:-4px;width:0;height:0;border-top:6px solid var(--accent);border-left:4px solid transparent;border-right:4px solid transparent}.dg-cycle{display:grid;grid-template-areas:".   .   .   .   ." "a   r1  b   r2  c" "up  .   .   .   dn" "d   lf  lf  lf  e";grid-template-columns:1fr auto 1fr auto 1fr;grid-template-rows:auto auto auto auto;align-items:center;justify-items:stretch;padding:var(--space-lg);font-family:var(--font-mono);gap:0}.dg-cycle .dg-arr-r{margin:0 var(--space-xs)}.dg-cycle .dg-arr-u,.dg-cycle .dg-arr-d{justify-self:center}.dg-stream{display:grid;grid-template-columns:auto repeat(5,1fr);gap:2px;align-items:center;padding:var(--space-lg);font-family:var(--font-mono)}.dg-stream-time{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-ui);color:var(--gray-dim);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.dg-stream-line{flex:1;height:1px;background:var(--gray-dim)}.dg-stream-arrow{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--gray-dim)}.dg-stream-lbl{font-size:var(--text-ui);color:var(--gray);letter-spacing:.12em;text-transform:uppercase;padding-right:var(--space-sm);white-space:nowrap}.dg-seg{padding:var(--space-xs) var(--space-sm);font-size:var(--text-ui);text-align:center;min-height:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.dg-seg--dim{background:color-mix(in srgb,var(--gray) 8%,transparent);color:var(--gray-dim);border:1px solid var(--gray-rule)}.dg-seg--tool{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-weight:500}.dg-stream-txt{font-size:var(--text-ui);color:var(--white);padding:1px 0}.dg-stream-txt--dim{color:var(--gray)}.dg-stream-txt--done{color:var(--accent)}.dg-stream-conn{display:flex;flex-direction:column;align-items:center;gap:0;padding:2px 0}.dg-stream-conn:before{content:"";width:2px;height:.75rem;background:var(--accent)}.dg-stream-conn:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--accent)}.dg-stream-note{font-size:var(--text-chrome);color:var(--gray);text-align:center;padding-top:var(--space-xs);letter-spacing:.05em}.dg-nest{padding:var(--space-lg);font-family:var(--font-mono)}.dg-nest-outer{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:color-mix(in srgb,var(--accent) 2%,transparent)}.dg-nest-title{font-size:var(--text-secondary);color:var(--white);font-weight:500;letter-spacing:.02em;margin-bottom:var(--space-xs)}.dg-nest-title span{color:var(--gray);font-weight:400}.dg-nest-flow{font-size:var(--text-ui);color:var(--gray);letter-spacing:.05em}.dg-nest-conn{display:flex;flex-direction:column;align-items:center;gap:0}.dg-nest-conn:before{content:"";width:2px;height:.75rem;background:var(--accent)}.dg-nest-conn:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--accent)}.dg-nest-inner{border:1px solid var(--gray-dim);background:color-mix(in srgb,var(--accent) 3%,transparent);padding:var(--space-md) var(--space-lg);width:80%}.dg-nest-inner .dg-nest-title{font-size:var(--text-ui);color:var(--accent);margin-bottom:var(--space-sm)}.dg-nest-props{display:flex;flex-direction:column;gap:2px;font-size:var(--text-ui);color:var(--gray);padding-left:var(--space-sm)}.dg-nest-props span:before{content:"▸ ";color:var(--accent-dim)}.dg-nest-result{font-size:var(--text-ui);color:var(--white);background:color-mix(in srgb,var(--accent) 6%,transparent);padding:var(--space-xs) var(--space-md);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}@media (max-width: 640px){.dg-cycle,.dg-stream{padding:var(--space-md) var(--space-sm);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.dg-nest-inner{width:95%}}.section-index{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:var(--space-md);margin:var(--space-lg) 0;font-family:var(--font-mono)}.section-index-label{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.section-index-label:before{content:"// "}.section-index ol{list-style:none;padding:0;margin:0;counter-reset:idx}.section-index li{counter-increment:idx;margin-bottom:var(--space-xs);font-size:var(--text-ui);letter-spacing:.05em}.section-index li:before{content:counter(idx,decimal-leading-zero) " — ";color:var(--gray-dim)}.section-index a{color:var(--gray);text-transform:uppercase;transition:color .15s ease}.section-index a:hover{color:var(--accent)}.section-index a:focus-visible{color:var(--accent);outline:1px solid var(--accent);outline-offset:2px}.schematic{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);margin:var(--space-lg) auto;padding:var(--space-lg);position:relative;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;max-width:28rem}.schematic-label{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg);align-self:center}.schematic-label:before{content:"▮ "}.schematic-flow{font-size:var(--text-secondary);color:var(--gray-dim);line-height:1.2;margin:var(--space-xs) 0;text-align:center}.schematic-node{padding:var(--space-sm) var(--space-md);border-top:2px solid var(--gray-dim);margin:0;width:100%;text-align:center}.schematic-node-name{display:block;font-size:var(--text-body);font-weight:500;letter-spacing:.02em}.schematic-node-meta{display:block;font-size:var(--text-ui);color:var(--gray);margin-top:2px}.schematic-node--source{border-color:var(--accent)}.schematic-node--source .schematic-node-name{color:var(--accent)}.schematic-node--mid{border-color:var(--gray)}.schematic-node--mid .schematic-node-name{color:var(--white)}.schematic-node--end{border-color:var(--cherry)}.schematic-node--end .schematic-node-name{color:var(--cherry)}.schematic-node--end .schematic-node-meta{color:color-mix(in srgb,var(--cherry) 60%,var(--gray))}.back-link{display:inline-block;font-size:var(--text-ui);color:var(--gray);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-lg);padding:.2em .4em;background:linear-gradient(90deg,var(--accent) 50%,transparent 50%);background-size:200% 100%;background-position:100% 0;transition:background-position .25s var(--ease-out-expo),color .15s ease}.back-link:before{content:"<< "}.back-link:hover{background-position:0 0;color:var(--black)}.back-link:focus-visible,.back-link:active{background-position:0 0;color:var(--black);outline:none}.site-footer{border-top:1px solid var(--gray-rule);padding-top:var(--space-lg);margin-top:var(--space-xl);padding-bottom:var(--space-lg)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:var(--text-ui);letter-spacing:.1em;text-transform:uppercase}.footer-links:before{content:"//";color:var(--gray-dim);font-weight:700;padding:.5rem 0}.footer-links a{color:var(--gray);padding:.5rem .25rem}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:var(--text-chrome);color:var(--gray-dim);margin-top:var(--space-md)}.footer-status{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gray-dim);letter-spacing:.25em;text-transform:uppercase;margin-top:var(--space-md)}.footer-status .status-dot{color:var(--accent);animation:accent-pulse 3s ease-in-out infinite}.page-header{padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-rule);margin-bottom:var(--space-2xl);position:relative}.page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;color:var(--white-bright);text-shadow:-1px 0 color-mix(in srgb,var(--cherry) 25%,transparent),1px 0 color-mix(in srgb,var(--accent) 20%,transparent)}.page-subtitle{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--gray);margin-top:var(--space-sm);letter-spacing:.1em}@media (max-width: 640px){body{font-size:1rem}.site-header{padding:var(--space-xl) 0 var(--space-lg);margin-bottom:var(--space-lg)}.site-nav{flex-wrap:wrap;gap:var(--space-sm)}.site-nav a,.nav-search,.footer-links a{padding:.75rem .5rem;min-height:44px}a.tag{padding:.4em .6em;min-height:44px;display:inline-flex;align-items:center}.post-item{padding:var(--space-lg) 0}.post-item:before,.post-item:after{display:none}.project-card{padding:var(--space-lg)}.post-meta{flex-direction:column;gap:var(--space-xs)}.post-meta .separator,.header-micro,.corner-marks{display:none}.callout{padding:var(--space-xs) var(--space-sm);margin:var(--space-md) 0}.alert{padding:var(--space-sm);margin:var(--space-sm) 0}.alert-label{margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) var(--space-xs) calc(-1 * var(--space-sm));padding:var(--space-xs) var(--space-sm)}.section-index{padding:var(--space-sm);margin:var(--space-md) 0}.schematic{max-width:100%;padding:var(--space-md)}.post-content h2{padding:var(--space-sm) 0}.page-header{padding:var(--space-xl) 0 var(--space-lg);margin-bottom:var(--space-lg)}.post-header{padding-bottom:var(--space-lg);margin-bottom:var(--space-lg)}}@media (min-width: 1440px){:root{--text-body: 1rem}}::selection{background:var(--accent);color:var(--black)}html{scrollbar-width:thin;scrollbar-color:var(--gray-dim) var(--black)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-dim)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.agent-note{font-size:var(--text-ui);color:var(--gray-dim);font-family:var(--font-mono);margin:var(--space-sm) 0 var(--space-md)}.agent-note a{color:var(--accent-dim)}.skip-to-content{position:absolute;top:-100%;left:var(--space-md);background:var(--accent);color:var(--black);padding:.5rem 1rem;font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:.1em;text-transform:uppercase;z-index:10000}.skip-to-content:focus{top:var(--space-sm)}.command-palette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;display:none;align-items:flex-start;justify-content:center;padding-top:15vh}.command-palette.open{display:flex}.command-palette-backdrop{position:absolute;inset:0;background:var(--backdrop)}.command-palette-modal{position:relative;width:90%;max-width:560px;background:var(--black);border:1px solid var(--gray-rule);font-family:var(--font-mono)}.command-palette-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);font-size:var(--text-chrome);color:var(--gray-dim);letter-spacing:.2em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.command-palette-label{color:var(--accent)}.command-palette-input-wrap{display:flex;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--gray-rule);gap:var(--space-sm)}.command-palette-prompt{color:var(--accent);font-size:var(--text-body);animation:cursor-blink 1s step-end infinite;flex-shrink:0}.command-palette-input-wrap input{flex:1;background:none;border:none;color:var(--white);font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:.02em;outline:none}.command-palette-input-wrap input::placeholder{color:var(--gray-dim);letter-spacing:.05em}.command-palette-kbd{font-family:var(--font-mono);font-size:var(--text-chrome);color:var(--gray-dim);border:1px solid var(--gray-rule);padding:.15em .4em;flex-shrink:0}.command-palette-results{max-height:50vh;overflow-y:auto}.command-palette-group{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-md) var(--space-xs)}.command-palette-group:before{content:"// "}.command-palette-empty{font-size:var(--text-secondary);color:var(--gray-dim);padding:var(--space-lg) var(--space-md);text-align:center;letter-spacing:.05em}.command-palette-result{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--gray-rule);cursor:pointer;transition:background .1s ease}.command-palette-result:last-child{border-bottom:none}.command-palette-result.active{background:color-mix(in srgb,var(--accent) 8%,transparent)}.command-palette-result.active .cpr-title{color:var(--accent)}.cpr-title{font-size:var(--text-body);font-weight:500;color:var(--white-bright);transition:color .1s ease}.cpr-excerpt{font-size:var(--text-ui);color:var(--gray);line-height:1.4}.cpr-tags{font-size:var(--text-chrome);color:var(--accent-dim);letter-spacing:.08em}.command-palette-footer{display:flex;gap:var(--space-lg);padding:var(--space-xs) var(--space-md);font-size:var(--text-chrome);color:var(--gray-dim);letter-spacing:.1em;border-top:1px solid var(--gray-rule)}.command-palette-footer kbd{font-family:var(--font-mono);color:var(--gray)}.command-palette-results::-webkit-scrollbar{width:4px}.command-palette-results::-webkit-scrollbar-track{background:var(--black)}.command-palette-results::-webkit-scrollbar-thumb{background:var(--gray-dim)}@media (max-width: 640px){.command-palette{padding-top:var(--space-lg)}.command-palette-modal{width:95%}.command-palette-footer{gap:var(--space-md)}.nav-search kbd{display:none}}.site-container:before{content:"┌";position:fixed;top:12px;left:12px;font-family:var(--font-mono);font-size:.6rem;color:var(--gray-dim);opacity:.3;pointer-events:none;z-index:9997;line-height:1}.site-container:after{content:"┘";position:fixed;bottom:12px;right:12px;font-family:var(--font-mono);font-size:.6rem;color:var(--gray-dim);opacity:.3;pointer-events:none;z-index:9997;line-height:1}.post-header:after{content:"REF ◢ " attr(data-coord);position:absolute;top:0;right:0;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gray-dim);letter-spacing:.15em;text-transform:uppercase;opacity:.4;pointer-events:none}.page-header:after{content:"SECTOR " attr(data-sector) " ◢ CLASSIFIED";position:absolute;bottom:var(--space-md);right:0;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gray-dim);letter-spacing:.15em;text-transform:uppercase;opacity:.35;pointer-events:none}hr:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--accent) 15%,transparent) 0px,color-mix(in srgb,var(--accent) 15%,transparent) 1px,transparent 1px,transparent 12px);pointer-events:none}@supports (animation-timeline: view()){@keyframes scan-sweep{0%{transform:translate(-100%);opacity:1}30%{opacity:1}50%{transform:translate(100%);opacity:0}to{transform:translate(100%);opacity:0}}@keyframes micro-reveal{0%{opacity:0}40%{opacity:0}60%{opacity:1}to{opacity:1}}.post-content h2{position:relative;overflow:hidden}.post-content h2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 15%,transparent) 45%,color-mix(in srgb,var(--accent) 40%,transparent) 50%,color-mix(in srgb,var(--accent) 15%,transparent) 55%,transparent 100%);pointer-events:none;animation:scan-sweep linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.section-label:after{content:"◢";margin-left:auto;opacity:0;animation:micro-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.post-item{view-timeline-name:--post-item}.post-index{animation:micro-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 50%}}.scroll-hud{position:fixed;left:calc(50% - var(--max-width) / 2 - 40px);top:50%;transform:translateY(-50%);z-index:9997;pointer-events:none;display:none;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-mono)}body:has(.post-content) .scroll-hud{display:flex}.scroll-hud__track{width:2px;height:180px;background:var(--gray-rule);position:relative;overflow:visible}.scroll-hud__fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .15s ease-out}.scroll-hud__pip{position:absolute;left:50%;top:0;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 12px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .15s ease-out;transform:translate(-50%,-50%)}.scroll-hud__tick{position:absolute;left:-2px;width:6px;height:1px;background:color-mix(in srgb,var(--gray-dim) 60%,transparent);pointer-events:none}.scroll-hud__depth{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.2em;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-transform:uppercase}.scroll-hud__time{font-size:var(--text-chrome);color:var(--gray);letter-spacing:.1em;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-transform:uppercase}.scroll-hud__sector{font-size:var(--text-chrome);color:var(--accent);letter-spacing:.15em;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-transform:uppercase;transition:color .3s ease,text-shadow .3s ease}.scroll-hud__sector.flash{color:color-mix(in srgb,var(--accent) 80%,white);text-shadow:0 0 6px color-mix(in srgb,var(--accent) 50%,transparent)}.scroll-hud-cross{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:9997;pointer-events:none;font-family:var(--font-mono);font-size:.5rem;color:var(--gray-dim);opacity:.25;line-height:1;text-align:center}.project-card{counter-increment:project-counter}.project-card:after{content:"PRJ-" counter(project-counter,decimal-leading-zero);position:absolute;top:var(--space-sm);right:var(--space-md);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gray-dim);letter-spacing:.15em;opacity:.4;pointer-events:none}.project-list{counter-reset:project-counter}@media (max-width: 860px){.scroll-hud{left:12px}}@media (max-width: 640px){.site-container:before,.site-container:after{display:none}body:has(.post-content) .scroll-hud,.scroll-hud,.scroll-hud-cross{display:none}.post-header:after,.page-header:after{display:none}.project-card:after{display:none}.math-block{margin:var(--space-md) 0}.math-block p{padding:var(--space-sm) var(--space-md)}.math-block:after{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.katex-mathml{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.katex{font-size:1.1em;color:var(--white-bright)}.math-block{margin:var(--space-xl) 0;font-family:var(--font-mono);position:relative;border-top:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--accent) 25%,transparent)}.math-block__label{font-size:var(--text-micro);color:var(--accent);letter-spacing:.25em;text-transform:uppercase;margin:0;padding:var(--space-xs) 0}.math-block__label:before{content:"// ";color:var(--gray-dim)}.math-block:after{content:"◢";position:absolute;top:var(--space-xs);right:0;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gray-dim);pointer-events:none}.math-block .katex{font-size:1.1em}.math-block p{margin:0;padding:var(--space-lg) var(--space-md);overflow-x:auto;text-align:center}