:root{--font-sans: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "Courier New", monospace;--text-sm: 0.8rem;--text-base: 1.125rem;--text-lg: 1.4rem;--text-xl: 1.75rem;--text-2xl: 2.2rem;--text-3xl: 2.75rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--bg-primary: #f9fafb;--bg-secondary: #f1f5f9;--bg-code: #1e2433;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent: #0ea5e9;--accent-warm: #f97316;--border: #e2e8f0;--border-subtle: #f1f5f9;--radius: 6px;--transition: 150ms ease}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-code: #1e2433;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #38bdf8;--accent-warm: #fb923c;--border: #30363d;--border-subtle: #21262d}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.75;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.3;font-weight:700}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl);margin-top:var(--space-8)}h3{font-size:var(--text-lg);margin-top:var(--space-6)}h4{font-size:var(--text-base);margin-top:var(--space-4)}.prose{color:var(--text-primary)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose h2,.prose h3,.prose h4{margin-bottom:var(--space-3)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{opacity:.8}.prose blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--text-secondary);font-style:italic;margin:var(--space-6) 0}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.prose table th,.prose table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left}.prose table th{background:var(--bg-secondary);font-family:var(--font-mono);font-weight:600}.prose img{border-radius:var(--radius);margin:var(--space-6) auto}.prose code:not(pre code){font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);color:#e6edf3;padding:.15em .4em;border-radius:3px}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:var(--space-6)}@media(max-width: 600px){.container{padding-inline:var(--space-4)}}.prose-container{width:100%;max-width:820px;margin-inline:auto;padding-inline:var(--space-6)}@media(max-width: 600px){.prose-container{padding-inline:var(--space-4)}}main{flex:1}.post-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3, 1fr)}@media(max-width: 1100px){.post-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.post-grid{grid-template-columns:1fr}}.section-divider{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.hero{border-bottom:1px solid var(--border-subtle);padding-block:var(--space-16) var(--space-12)}.hero__inner{max-width:820px;display:flex;align-items:center;gap:var(--space-8)}@media(max-width: 600px){.hero__inner{flex-direction:column;align-items:flex-start;gap:var(--space-6)}}.hero__avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;flex-shrink:0}@media(max-width: 600px){.hero__avatar{width:88px;height:88px}}.hero__text{flex:1}.hero__title{font-size:var(--text-3xl);font-family:var(--font-mono);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:var(--space-4)}@media(max-width: 600px){.hero__title{font-size:var(--text-2xl)}}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.posts-section{padding-block:var(--space-12)}.list-page{padding-block:var(--space-12)}.list-page__header{margin-bottom:var(--space-8)}.list-page__title{font-size:var(--text-2xl);font-family:var(--font-mono);margin-bottom:var(--space-3)}.list-page__desc{color:var(--text-secondary)}.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36;-webkit-text-size-adjust:none}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em 0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em 0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nc{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .bp{font-style:italic}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .vm{color:#8be9fd;font-style:italic}.chroma .nf{color:#50fa7b}.chroma .fm{color:#50fa7b}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:bold}.chroma .gi{color:#50fa7b;font-weight:bold}.chroma .go{color:#44475a}.chroma .gu{font-weight:bold}.chroma .gl{text-decoration:underline}.highlight{position:relative;margin:var(--space-6) 0;border-radius:var(--radius);overflow:hidden}.highlight[data-lang]::before{content:attr(data-lang);position:absolute;top:var(--space-2);right:var(--space-3);font-family:var(--font-mono);font-size:.7rem;color:#6e7681;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;z-index:1}.highlight pre{background:var(--bg-code) !important;padding:var(--space-6);overflow-x:auto;line-height:1.6;border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:#30363d rgba(0,0,0,0)}.highlight pre code{font-family:var(--font-mono);font-size:.875rem;background:none !important;padding:0;border-radius:0;color:#e6edf3}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4)}@media(max-width: 600px){.site-header__inner{flex-direction:column;gap:var(--space-3);align-items:center}}.site-header__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.site-header__brand:hover .site-header__title{color:var(--accent)}.site-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.site-header__title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:-0.02em;transition:color var(--transition)}.site-nav{display:flex;align-items:center;gap:var(--space-6)}@media(max-width: 600px){.site-nav{gap:var(--space-4);overflow-x:auto;width:100%;justify-content:center}}.site-nav__link{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;transition:color var(--transition);padding-bottom:2px}.site-nav__link:hover{color:var(--text-primary)}.site-nav__link--active{color:var(--text-primary);border-bottom:2px solid var(--accent)}.site-nav__dropdown{position:relative;display:flex;align-items:center}.site-nav__dropdown.open .site-nav__dropdown-menu{display:flex}.site-nav__dropdown-trigger{background:none;border:none;padding:0;cursor:pointer}.site-nav__dropdown-menu{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;z-index:200;padding:var(--space-2) 0}.site-nav__dropdown-menu .site-nav__link--child{padding:var(--space-2) var(--space-4);display:block}.site-nav__dropdown-menu .site-nav__link--child:hover{background:var(--bg-primary)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin-left:var(--space-4);flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.theme-toggle__sun{display:none}.theme-toggle__moon{display:block}[data-theme=dark] .theme-toggle__sun{display:block}[data-theme=dark] .theme-toggle__moon{display:none}.site-footer{border-top:1px solid var(--border-subtle);padding-block:var(--space-8);margin-top:var(--space-12)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}@media(max-width: 600px){.site-footer__inner{flex-direction:column;text-align:center}}.site-footer__col{flex:1}.site-footer__col--center{text-align:center}.site-footer__col--right{text-align:right}@media(max-width: 600px){.site-footer__col{text-align:center !important}}.site-footer__copy{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.site-footer__rss{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition)}.site-footer__rss:hover{color:var(--accent-warm)}.site-footer__social{display:flex;align-items:center;gap:var(--space-4);justify-content:flex-end}@media(max-width: 600px){.site-footer__social{justify-content:center}}.site-footer__social-link{color:var(--text-muted);display:flex;transition:color var(--transition)}.site-footer__social-link:hover{color:var(--accent)}.post-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow var(--transition)}.post-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.post-card:hover .post-card__title{color:var(--accent)}.post-card__link{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);height:100%;text-decoration:none;color:inherit}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-card__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.3;transition:color var(--transition)}.post-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}.post-card__meta{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-top:auto}.post-card__sep{opacity:.5}.post-single{padding-block:var(--space-12)}.post-single__tags{margin-bottom:var(--space-6)}.post-single__title{font-size:var(--text-2xl);line-height:1.2;margin-bottom:var(--space-3)}@media(max-width: 600px){.post-single__title{font-size:var(--text-xl)}}.post-single__subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-4)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.post-meta__sep{opacity:.4}.related-posts{margin-top:var(--space-12)}.related-posts__title{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.06em}.social-share{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-8)}.social-share__label{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.social-share__sep{opacity:.4}.social-share__link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;transition:opacity var(--transition)}.social-share__link:hover{opacity:.7}.comments{margin-top:var(--space-8)}.comments__title{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-6)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--accent-warm);border-radius:3px;padding:.1em .5em;text-decoration:none;transition:background-color var(--transition),color var(--transition);white-space:nowrap}.tag:hover{background-color:color-mix(in srgb, var(--accent-warm) 15%, transparent);color:var(--text-primary)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.terms-list{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-8) 0}.terms-list__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.terms-list__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.tag--lg{font-size:var(--text-base);padding:.25em .75em}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);font-family:var(--font-mono);font-size:var(--text-sm);list-style:none;padding:0}.pagination li{display:inline-flex}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.pagination a:hover,.pagination span:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent)}.pagination .active a{background:var(--accent);border-color:var(--accent);color:#fff}.pagination .active a:hover{opacity:.9}.pagination .disabled span{opacity:.3;cursor:not-allowed}