*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:100%}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-base);min-height:100dvh;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);opacity:.7;background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 70% 0,#000 35%,#0000 80%);mask-image:radial-gradient(120% 90% at 70% 0,#000 35%,#0000 80%)}::selection{background:var(--color-highlight);color:var(--color-on-highlight)}img,video{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:underline}ul,ol{list-style:none}button,input,textarea,select{font:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}hr{border:none;border-top:2px solid var(--color-border)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:root{--color-paper:#f5f6fb;--color-surface:#fff;--color-ink:#0a0a0a;--color-ink-muted:#4a4a55;--color-border:#0a0a0a;--color-border-soft:#dfe2f2;--color-accent:#2233e0;--color-highlight:#f2e014;--color-block:#0a0a0a;--color-block-ink:#fff;--color-code-bg:#eaecf7;--color-grid-line:#151ea824;--color-on-highlight:#0a0a0a;--color-on-accent:#fff;--shell-bg:#0a0a0c;--shell-text:#e8e8ee;--shell-prompt:#f2e014;--shell-output:#9a9aa6;--syntax-comment:#7a7a90;--syntax-keyword:#2233e0;--syntax-string:#8a6a00;--syntax-number:#a52a5a;--syntax-name:#0a0a0a;--radius:2px;--ease:cubic-bezier(.2, .7, .2, 1);--transition:10ms var(--ease);--color-shadow:#0a0a0a;--shadow-hard-sm:4px 4px 0 0 var(--color-shadow);--shadow-hard:8px 8px 0 0 var(--color-shadow);--shadow-hard-lg:12px 12px 0 0 var(--color-shadow);--shadow-text:2px 2px 0 var(--color-shadow);--font-mono:"Space Mono", "Courier New", monospace;--track-label:.12em;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3.25rem;--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;--max-width-prose:72ch;--max-width-wide:90ch;--max-width-layout:1280px;--sidebar-width:200px;--column-gap:var(--space-8)}body.theme-dark{--color-paper:#0a0a0c;--color-surface:#141419;--color-ink:#fff;--color-ink-muted:#9a9aa8;--color-border:#fff;--color-border-soft:#2a2a35;--color-accent:#4d5cff;--color-highlight:#f2e014;--color-block:#fff;--color-block-ink:#0a0a0c;--color-code-bg:#17171d;--color-grid-line:#ffffff1a;--color-shadow:#3242f0;--shadow-hard-sm:4px 4px 0 0 var(--color-shadow);--shadow-hard:8px 8px 0 0 var(--color-shadow);--shadow-hard-lg:12px 12px 0 0 var(--color-shadow);--shadow-text:2px 2px 0 var(--color-shadow);--syntax-comment:#6f6f82;--syntax-keyword:#8b93ff;--syntax-string:#e6c95c;--syntax-number:#ff8fb8;--syntax-name:#fff}h1{font-size:clamp(1.75rem, 5vw, var(--text-3xl));text-transform:uppercase;letter-spacing:-.03em;font-weight:700;line-height:1.02}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4,h5,h6{font-size:var(--text-lg)}blockquote{border-left:4px solid var(--color-border);padding-left:var(--space-4);color:var(--color-ink-muted);margin:var(--space-6) 0;font-style:italic}hr{margin:var(--space-8) 0}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-weight:400}home-page,post-page,tag-page,category-page,archive-page,about-page,tags-index,categories-index{padding:var(--space-4) var(--space-6);display:block}site-header,site-footer,tag-tree,recent-posts,scroll-top{display:block}app-sidebar{gap:var(--space-8);flex-direction:column;display:flex}body{flex-direction:column;min-height:100vh;display:flex}#app{min-width:0}#main-layout{grid-template-columns:1fr var(--sidebar-width);gap:var(--column-gap);width:100%;max-width:var(--max-width-layout);flex:1;align-items:start;margin:0 auto;display:grid}#app-sidebar{padding:var(--space-4) 0;top:var(--space-6);position:sticky}@media (width<=1024px){#main-layout{grid-template-columns:1fr}#app-sidebar{display:none}}@media (width<=768px){home-page,post-page,tag-page,category-page,archive-page,about-page,tags-index,categories-index{padding:var(--space-3) var(--space-4)}.post-layout{grid-template-columns:1fr}}a:focus,button:focus{outline:none}.site-brand:hover,.site-nav a:hover,.tag-tree a:hover,.recent-posts a:hover,.archive-item a:hover,.toc-item a:hover,.post-body a:hover,.footer-nav a:hover,.pagination-btn:hover,.pagination-num:hover{text-shadow:var(--shadow-text)}.post{min-width:0}post-page>.post{margin-left:calc(160px + var(--space-8))}.post-layout{gap:var(--space-8);grid-template-columns:160px 1fr;align-items:start;display:grid}.post-list{margin-top:var(--space-4);gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.post-card{background:var(--color-surface);padding:var(--space-4);border:1px solid var(--color-border-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.post-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-hard);transform:translate(-4px,-4px)}.post-card-cover{object-fit:cover;width:100%;height:170px;margin-bottom:var(--space-4);filter:grayscale()contrast(1.1);border:1px solid var(--color-border-soft);display:block}.post-card:hover .post-card-cover{filter:none}.post-card a{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-2);font-weight:700;line-height:1.3;text-decoration:none;display:block}.post-card a:hover{color:var(--color-accent)}.post-card p{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-3);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card time{font-size:var(--text-xs);letter-spacing:var(--track-label);color:var(--color-ink-muted);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-soft);display:block}.tag-list{gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.tag{display:inline-flex}.tag a{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-ink-muted);padding:3px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius);margin-bottom:0;text-decoration:none;display:inline-block}.tag a:hover{background:var(--color-highlight);border-color:var(--color-ink);color:var(--color-on-highlight);box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.sidebar{padding-top:var(--space-2)}.post-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.post-header h1{margin-bottom:var(--space-3)}.post-header time{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-4);display:block}.post-summary{font-size:var(--text-base);color:var(--color-ink-muted);margin-top:var(--space-4);font-style:italic}.post-body h2{margin:var(--space-8) 0 var(--space-4)}.post-body h3{margin:var(--space-6) 0 var(--space-3)}.post-body p{margin-bottom:var(--space-4)}.post-body ul,.post-body ol{padding-left:var(--space-6);margin-bottom:var(--space-4);list-style:outside}.post-body a{color:var(--color-accent);text-decoration:underline}.post-body img,.post-body video{border:2px solid var(--color-border);box-shadow:var(--shadow-hard-sm);margin:var(--space-6) 0}.post-cover{object-fit:cover;width:100%;max-height:420px;margin-top:var(--space-6);border:2px solid var(--color-border);box-shadow:var(--shadow-hard);display:block}.site-header-inner{max-width:var(--max-width-layout);padding:var(--space-8) var(--space-6) var(--space-6);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-header-brand{flex:none}.site-header-left{align-items:center;gap:var(--space-8);display:flex}.site-avatar{object-fit:cover;border:2px solid var(--color-border);width:110px;height:110px;transition:transform var(--transition), box-shadow var(--transition);border-radius:50%;flex-shrink:0;margin-top:-12px}.site-avatar-link{text-decoration:none;display:flex}.site-avatar-link:hover .site-avatar{box-shadow:var(--shadow-hard-sm);transform:translate(-3px,-3px)}.site-brand{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--color-ink);margin-bottom:var(--space-2);font-weight:700;line-height:1;text-decoration:none;display:block}.site-brand:hover{color:var(--color-accent)}.site-tagline{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-ink-muted);margin-bottom:var(--space-1);margin-left:0}.site-nav{align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.site-nav a{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-accent);font-weight:700;text-decoration:none}.site-nav a:hover{color:var(--color-ink)}.nav-sep{display:none}.theme-toggle{font-size:var(--text-xs);color:var(--color-block-ink);background:var(--color-block);cursor:pointer;padding:var(--space-2) var(--space-3);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;line-height:1}.theme-toggle:hover{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.tag-tree,.recent-posts{font-family:var(--font-mono);font-size:var(--text-sm)}.tag-tree h3,.recent-posts h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-accent);padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-soft);font-weight:700}.tag-tree h3:before,.recent-posts h3:before{content:"";width:22px;height:10px;margin-right:var(--space-2);background:var(--color-highlight);border:2px solid var(--color-ink);display:inline-block}.tag-tree ul{padding-left:var(--space-4);list-style:none}.tag-tree>ul{padding-left:0}.tag-tree a{color:var(--color-ink-muted);padding:var(--space-1) 0;text-decoration:none;display:block}.tag-tree a:hover{color:var(--color-accent)}.recent-posts ul{counter-reset:recent-post}.recent-post-item{counter-increment:recent-post;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft)}.recent-post-item:first-child{padding-top:0}.recent-post-item:last-child{border-bottom:none}.recent-posts a{color:var(--color-ink);margin-bottom:var(--space-1);line-height:1.4;text-decoration:none;display:block}.recent-posts a:before{content:counter(recent-post, decimal-leading-zero) "  ";color:var(--color-ink-muted)}.recent-posts a:hover{color:var(--color-accent)}.recent-posts time{font-size:var(--text-xs);letter-spacing:var(--track-label);color:var(--color-ink-muted);display:block}.site-footer-inner{max-width:var(--max-width-layout);padding:var(--space-4) var(--space-6);border-top:2px solid var(--color-border);margin:0 auto;margin-top:var(--space-16);justify-content:space-between;align-items:center;display:flex}.footer-copy{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-ink-muted)}.footer-nav{gap:var(--space-6);display:flex}.footer-nav a{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--color-ink-muted);text-decoration:none}.footer-nav a:hover{color:var(--color-accent)}.archive-year{margin-top:var(--space-8)}.archive-year h2{border-bottom:1px solid var(--color-border-soft);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.archive-list{gap:var(--space-2);flex-direction:column;display:flex}.archive-item{gap:var(--space-4);align-items:baseline;display:flex}.archive-item time{font-size:var(--text-sm);color:var(--color-ink-muted);min-width:6ch}.archive-item a{color:var(--color-ink);text-decoration:none}.archive-item a:hover{color:var(--color-accent)}.pagination{align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-4);display:flex}.pagination-btn{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);font-weight:700;text-decoration:none}.pagination-btn:hover{color:var(--color-accent)}.pagination-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-muted);padding:var(--space-1) var(--space-3);text-decoration:none}.pagination-num--active{background:var(--color-block);color:var(--color-block-ink)}.pagination-num:hover{color:var(--color-accent)}.pagination-num--active:hover{color:var(--color-block-ink)}.scroll-top-btn{bottom:var(--space-6);right:var(--space-6);font-size:var(--text-sm);color:var(--color-block-ink);background:var(--color-block);cursor:pointer;padding:var(--space-3) var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;position:fixed}.scroll-top-btn.visible{opacity:1;pointer-events:auto}.scroll-top-btn:hover{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.post-toc{top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);padding-top:var(--space-4);position:sticky}.toc-list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.toc-item a{color:var(--color-ink-muted);line-height:1.3;text-decoration:none;display:block}.toc-item a:hover{color:var(--color-accent)}.toc-h3 a{padding-left:var(--space-3)}@media (width<=768px){post-page>.post{margin-left:0}.site-header-inner{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);flex-direction:column}.site-tagline{margin-left:0}.site-nav{justify-content:flex-start;padding-top:0}.site-avatar{width:80px;height:80px;margin-top:0}.site-brand{font-size:var(--text-2xl)}.site-footer-inner{gap:var(--space-3);flex-direction:column}}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);border:2px solid var(--color-border);padding:var(--space-4);margin:var(--space-6) 0;line-height:1.6;overflow-x:auto}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);padding:.1em .3em}pre>code{background:0 0;padding:0}pre code.hljs{color:inherit;background:0 0;padding:0}.shell-block{background:var(--shell-bg);color:var(--shell-text)}.shell-prompt{color:var(--shell-prompt);-webkit-user-select:none;user-select:none;margin-right:var(--space-2)}.shell-output{color:var(--shell-output)}.shell-block code{color:inherit}.shell-line{display:inline}blockquote{border-left:4px solid var(--color-border);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-ink-muted);font-style:italic}.hljs-comment,.hljs-quote{color:var(--syntax-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-built_in,.hljs-type{color:var(--syntax-keyword)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute{color:var(--syntax-string)}.hljs-number,.hljs-variable,.hljs-template-variable,.hljs-attr,.hljs-selector-attr,.hljs-symbol,.hljs-bullet,.hljs-link{color:var(--syntax-number)}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:var(--syntax-name);font-weight:700}.hljs-meta,.hljs-punctuation,.hljs-deletion{color:var(--color-ink-muted)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}