:root{color-scheme:dark;--color-bg: #2d333b;--color-surface: #373e47;--color-border: #444c56;--color-text: #adbac7;--color-text-muted: #768390;--color-accent: #539bf5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-8: 32px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.5rem;--font-2xl: 2.25rem;background-color:var(--color-bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}body{max-width:960px;margin-inline:auto;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:var(--font-base);font-family:system-ui;padding-inline:var(--space-4)}.container{max-width:640px;margin-inline:auto}.header{border-bottom:1px solid var(--color-border)}.about-me-hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.about-profile{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4)}.about-avatar{border-radius:50%;flex-shrink:0}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-4)}.nav-links{margin:0;padding:0;display:flex;gap:var(--space-4);list-style:none}.nav-logo{color:var(--color-text);font-weight:600;font-size:var(--font-xl);text-decoration:none}.nav-logo:hover{color:var(--color-accent)}.nav-link{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none}.nav-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.nav-toggle{display:none}.nav-menu{display:flex;align-items:center;gap:var(--space-4)}@media(width<48rem){.nav{align-items:flex-start}.nav-toggle{display:block}.nav-menu{flex-direction:column;align-items:flex-end;gap:var(--space-2)}.nav-links{display:none}.nav--open .nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}}.blog-list{list-style:none;padding:0;margin:0;margin-top:var(--space-8)}.blog-card{padding-top:var(--space-4);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.blog-card-title{margin:0;padding:0}.blog-card-link{color:var(--color-text);text-decoration:none;font-size:var(--font-xl);font-weight:600;opacity:.8}.blog-card-link:hover{color:var(--color-accent)}.blog-card-link:active{opacity:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-4)}.blog-card-date{font-size:var(--font-sm);color:var(--color-text-muted)}@media(width<48rem){.blog-card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.tag-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-link{display:inline-block;padding:2px var(--space-2);font-size:var(--font-sm);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none}.tag-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.post-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8);align-items:start}.post-toc{position:sticky;top:var(--space-16);margin-top:var(--space-8)}.toc{font-size:var(--font-sm)}.toc summary{cursor:pointer;list-style:none;list-style-position:inside;font-size:var(--font-base);color:var(--color-text-muted);font-weight:600;margin-top:var(--space-4);margin-bottom:var(--space-4);opacity:.8}.toc summary::marker{content:"▶    "}.toc details[open] summary::marker{content:"▼    "}.toc summary:hover{color:var(--color-text)}.toc summary:active{opacity:1}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.toc-link{color:var(--color-text-muted);text-decoration:none;opacity:.8}.toc-link:hover{color:var(--color-accent)}.toc-link:active{opacity:1}.blog-header{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-8) 0}.blog-content{min-width:0}.blog-content hr{margin-top:var(--space-16);border:none;border-top:1px solid var(--color-border)}.blog-title{margin:0;font-size:var(--font-2xl);font-weight:700;line-height:1.2}.blog-date{font-size:var(--font-sm);color:var(--color-text-muted)}.blog-body code{font-size:var(--font-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2)}.blog-body h2 code,.blog-body h3 code{font-size:.9em}.blog-body pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4);max-width:100%}.blog-body pre code{background:none;border:none;padding:0}.blog-body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-muted)}@media(width<48rem){.post-layout{grid-template-columns:1fr;gap:0}.post-toc{position:static;margin-bottom:0}}.tags-index{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.tags-index-item{display:flex;align-items:center;gap:var(--space-4)}.tags-index-link{color:var(--color-text);text-decoration:none;opacity:.8}.tags-index-link:hover{color:var(--color-accent)}.tags-index-link:active{opacity:1}.tags-index-count{font-size:var(--font-sm);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2)}