:root{--color-bg: #0a0b0d;--color-surface-1: #0f1113;--color-surface-2: #15181b;--color-line: rgba(230, 235, 240, .1);--color-line-strong: rgba(230, 235, 240, .2);--color-text: #e8ebee;--color-text-dim: #8a9199;--color-text-faint: #7d848a;--color-live: #34d97e;--color-live-dim: rgba(52, 217, 126, .14);--color-diff-add: #2ea043;--color-diff-add-bg: rgba(46, 160, 67, .12);--color-diff-del: #f85149;--color-diff-del-bg: rgba(248, 81, 73, .1);--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", monospace;--font-body: var(--font-mono);--text-small: .8125rem;--text-body: 1rem;--text-lede: clamp(1.05rem, 1rem + .4vw, 1.3rem);--text-h3: clamp(1.15rem, 1rem + .6vw, 1.5rem);--text-h2: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--text-hero: clamp(1.9rem, 1.1rem + 4vw, 3.5rem);--leading-body: 1.65;--leading-tight: 1.25;--tracking-wide: .02em;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4.5rem;--section-y: clamp(3.5rem, 10vh, 7rem);--content-max: 60rem;--header-h: 3.25rem;--radius: 3px;--blink-duration: 1.6s}@media(prefers-reduced-motion:reduce){:root{--blink-duration: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0}html{color-scheme:dark;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-mono);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);font-weight:600}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--color-live-dim)}.container{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-3)}.section{padding-block:var(--section-y);border-top:1px solid var(--color-line)}.eyebrow{font-size:var(--text-small);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em}.live-dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--color-live);box-shadow:0 0 0 0 var(--color-live-dim);animation:live-pulse var(--blink-duration) ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-surface-2);color:var(--color-text);padding:var(--space-1) var(--space-2);z-index:100}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.post-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-faint);font-size:var(--text-small);margin-bottom:var(--space-4)}.post-title{font-size:var(--text-hero);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);margin-block:var(--space-2) var(--space-3);max-width:22ch}.post-lede{font-size:var(--text-lede);color:var(--color-text-dim);line-height:var(--leading-body);margin-bottom:var(--space-6)}.prose h2{font-size:var(--text-h3);margin-block:var(--space-6) var(--space-2)}.prose p{margin-bottom:var(--space-3);max-width:68ch}.prose p+h2{margin-top:var(--space-6)}.prose a{color:var(--color-live);border-bottom:1px solid var(--color-live-dim)}.prose a:hover,.prose a:focus-visible{border-color:var(--color-live)}.post-footer-nav{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-line);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-small)}.post-footer-nav a{color:var(--color-text-dim)}.post-footer-nav a:hover,.post-footer-nav a:focus-visible{color:var(--color-live)}.post-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.post-list-item{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface-1);transition:border-color .15s ease}.post-list-item:has(a:hover),.post-list-item:has(a:focus-visible){border-color:var(--color-live)}.post-list-link{display:block;padding:var(--space-3)}.post-list-title{font-weight:600;font-size:var(--text-h3);margin-bottom:.35rem}.post-list-desc{color:var(--color-text-dim);font-size:var(--text-small);line-height:var(--leading-body)}
