:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-border: #2a2d3a;--color-text: #e2e4ed;--color-muted: #7b7f96;--color-accent: #7c8cf8;--color-accent-dim: #3d4580;--color-tag-bg: #1e2235;--color-tag-text: #a3a8c9;--color-code-bg: #141720;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--line-height-body: 1.75;--line-height-heading: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--max-width-content: 72ch;--max-width-site: 90rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-body);min-height:100dvh;display:flex;flex-direction:column}img,video{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}a:hover{color:#a5b0ff}.site-header{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-8)}.site-header__inner{max-width:var(--max-width-site);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.site-header__brand:hover{color:var(--color-accent)}.site-header__nav{display:flex;gap:var(--space-6);list-style:none}.site-header__nav a{color:var(--color-muted);text-decoration:none;font-size:var(--text-sm);transition:color .15s}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{color:var(--color-text)}.site-main{flex:1;width:100%;max-width:var(--max-width-site);margin:0 auto;padding:var(--space-12) var(--space-8)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-8);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:var(--space-3)}.post-card:hover{border-color:var(--color-accent-dim);box-shadow:0 0 0 1px var(--color-accent-dim)}.post-card__title{font-size:var(--text-xl);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em}.post-card__title a{color:var(--color-text);text-decoration:none}.post-card__title a:hover{color:var(--color-accent)}.post-card__meta{font-size:var(--text-sm);color:var(--color-muted);display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.post-card__description{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.tag-badge{background:var(--color-tag-bg);color:var(--color-tag-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:.75rem;font-family:var(--font-mono);text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}.tag-badge:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.post-list{display:flex;flex-direction:column;gap:var(--space-6)}.page-hero{margin-bottom:var(--space-12)}.page-hero__title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.03em;line-height:var(--line-height-heading);margin-bottom:var(--space-4)}.page-hero__subtitle{color:var(--color-muted);font-size:var(--text-lg);max-width:60ch}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12)}.tag-cloud__item{display:flex;align-items:center;gap:var(--space-2)}.tag-cloud__count{color:var(--color-muted);font-size:var(--text-sm)}.prose{max-width:100%;color:var(--color-text)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;margin-top:var(--space-12);margin-bottom:var(--space-4);scroll-margin-top:var(--space-8)}.prose h1{font-size:var(--text-4xl);margin-top:0}.prose h2{font-size:var(--text-3xl)}.prose h3{font-size:var(--text-2xl)}.prose h4{font-size:var(--text-xl)}.prose p{margin-bottom:var(--space-6)}.prose a{color:var(--color-accent)}.prose strong{color:var(--color-text);font-weight:600}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:0}.prose blockquote{border-left:3px solid var(--color-accent-dim);padding-left:var(--space-4);color:var(--color-muted);font-style:italic;margin:var(--space-6) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-12) 0}.prose :not(pre)>code{background:var(--color-code-bg);color:#c9d1e8;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;font-family:var(--font-mono);font-size:.875em}.prose pre{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;margin:var(--space-8) 0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65}.prose pre code{background:transparent;border:none;padding:0;font-size:inherit;color:#c9d1e8}.prose table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--text-sm)}.prose thead{background:var(--color-surface)}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.prose th{color:var(--color-text);font-weight:600}.prose td{color:var(--color-muted)}.prose tr:nth-child(2n) td{background:#ffffff05}.post-layout{max-width:min(80%,64rem);margin:0 auto}.post-header{margin-bottom:var(--space-12)}.post-header__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-8);transition:color .15s}.post-header__back:hover{color:var(--color-text)}.post-header__title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em;line-height:var(--line-height-heading);margin-bottom:var(--space-6)}.post-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.post-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-header__divider{border:none;border-top:1px solid var(--color-border);margin-top:var(--space-8)}.prose h2:first-of-type+ul,.prose h2#tldr+ul{background:var(--color-surface);border:1px solid var(--color-accent-dim);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);margin-bottom:var(--space-8)}.prose h2:first-of-type+ul li,.prose h2#tldr+ul li{color:var(--color-text);margin-bottom:var(--space-3)}.prose h2:first-of-type+ul li:last-child,.prose h2#tldr+ul li:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:640px){.site-header{padding:var(--space-4)}.site-main{padding:var(--space-8) var(--space-4)}.page-hero__title{font-size:var(--text-3xl)}.post-layout{max-width:100%}}