:root{--color-bg: #fafaf9;--color-bg-subtle: #f3f2ef;--color-fg: #18181b;--color-fg-muted: #52525b;--color-accent: #6d5df6;--color-accent-hover: #5b4de0;--color-accent-subtle: #ede9fe;--color-muted: #a1a1aa;--color-border: #e4e4e7;--color-border-hover: #d1d1d6;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", ui-monospace, monospace;--text-xs: .75rem;--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;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 720px;--max-width-wide: 1100px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .2s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f11;--color-bg-subtle: #18181b;--color-fg: #fafafa;--color-fg-muted: #a1a1aa;--color-accent: #8b7dfa;--color-accent-hover: #a594fc;--color-accent-subtle: #1e1b4b;--color-muted: #52525b;--color-border: #27272a;--color-border-hover: #3f3f46}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.container--wide{max-width:var(--max-width-wide)}.site-header{border-bottom:1px solid var(--color-border);padding-block:var(--space-5);position:sticky;top:0;background-color:var(--color-bg);z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--color-bg) 85%,transparent)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-logo{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--color-fg);transition:color var(--transition-fast)}.site-logo:hover,.site-logo span{color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-fg-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-fg);background-color:var(--color-bg-subtle)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-10);margin-top:var(--space-24)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.site-footer p{font-size:var(--text-sm);color:var(--color-muted)}.site-footer a{color:var(--color-fg-muted);transition:color var(--transition-fast)}.site-footer a:hover{color:var(--color-accent)}.hero{padding-block:var(--space-20) var(--space-16);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-16)}.hero__eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-4)}.hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-fg);margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-fg-muted);max-width:480px;line-height:1.6}.posts-list{display:flex;flex-direction:column;gap:0}.post-card{display:block;padding-block:var(--space-8);border-bottom:1px solid var(--color-border);transition:none}.post-card:first-child{border-top:1px solid var(--color-border)}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.post-card__date{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.post-card__category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.post-card__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--color-fg);margin-bottom:var(--space-2);transition:color var(--transition-fast)}.post-card:hover .post-card__title{color:var(--color-accent)}.post-card__description{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.6;margin-bottom:var(--space-4);max-width:580px}.post-card__footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.post-card__read-more{font-size:var(--text-sm);font-weight:500;color:var(--color-accent);margin-left:auto;flex-shrink:0}.tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:500;color:var(--color-fg-muted);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px var(--space-3);line-height:1.6;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tag:hover{color:var(--color-accent);background-color:var(--color-accent-subtle);border-color:var(--color-accent)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-index-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.tag-index-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-fg-muted);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.tag-index-item:hover{color:var(--color-accent);background-color:var(--color-accent-subtle);border-color:var(--color-accent)}.tag-index-item__count{font-size:var(--text-xs);font-weight:400;color:var(--color-muted);background-color:var(--color-border);border-radius:var(--radius-full);padding:1px var(--space-2);min-width:22px;text-align:center}.page-header{padding-top:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12)}.page-header__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-3)}.page-header__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--color-fg);margin-bottom:var(--space-3)}.page-header__description{font-size:var(--text-base);color:var(--color-fg-muted)}.post-header{padding-top:var(--space-16);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12)}.post-header__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.post-header__category{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.post-header__date{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.post-header__reading-time{font-size:var(--text-sm);color:var(--color-muted)}.post-header__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--color-fg);margin-bottom:var(--space-4)}.post-header__description{font-size:var(--text-lg);color:var(--color-fg-muted);line-height:1.6;margin-bottom:var(--space-6)}.post-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-footer{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.post-footer__back{font-size:var(--text-sm);font-weight:500;color:var(--color-fg-muted);display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.post-footer__back:hover{color:var(--color-accent)}.prose{font-size:var(--text-base);line-height:1.8;color:var(--color-fg)}.prose>*+*{margin-top:1.5em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-fg);letter-spacing:-.02em;line-height:1.3;font-weight:700}.prose h1{font-size:var(--text-3xl);margin-top:2em;font-weight:800}.prose h2{font-size:var(--text-2xl);margin-top:2em}.prose h3{font-size:var(--text-xl);margin-top:1.75em}.prose h4{font-size:var(--text-lg);margin-top:1.5em}.prose p{color:var(--color-fg)}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose strong{font-weight:700;color:var(--color-fg)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-top:.4em}.prose li::marker{color:var(--color-accent)}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-5);color:var(--color-fg-muted);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;color:var(--color-accent);background-color:var(--color-accent-subtle);border-radius:var(--radius-sm);padding:.15em .4em}.prose pre{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.prose pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}.prose hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-10)}.prose img{border-radius:var(--radius-md);margin-inline:auto}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{font-weight:600;background-color:var(--color-bg-subtle)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding-block:var(--space-20)}.not-found__code{font-size:clamp(4rem,15vw,8rem);font-weight:900;letter-spacing:-.04em;color:var(--color-border);line-height:1;margin-bottom:var(--space-6)}.not-found__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-fg);margin-bottom:var(--space-3)}.not-found__description{font-size:var(--text-base);color:var(--color-fg-muted);margin-bottom:var(--space-8)}.not-found__link{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);border:1.5px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);transition:background-color var(--transition-fast),color var(--transition-fast)}.not-found__link:hover{background-color:var(--color-accent);color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-6)}