*,: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-typewriter);font-size:var(--text-base);min-height:100dvh;line-height:1.7}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:#0e0f10;--color-ink:#d8e4e8;--color-ink-muted:#607880;--color-border:#1e2224;--color-accent:#2a5c6e;--color-code-bg:#1e2426;--shell-bg:#0d1416;--shell-text:#b8ccd4;--shell-prompt:#4a9ab4;--shell-output:#526870;--font-mono:"Space Mono", "Courier New", monospace;--font-typewriter:"Special Elite", "Courier New", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--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-light{--color-paper:#e8eaec;--color-ink:#0e1618;--color-ink-muted:#506070;--color-border:#a0aab0;--color-accent:#2a5c6e;--color-code-bg:#d4d8dc}body.theme-dark .hljs{color:#b0bcc0;background:#1e2426}body.theme-dark .hljs-comment{color:#506870;font-style:italic}body.theme-dark .hljs-punctuation,body.theme-dark .hljs-variable,body.theme-dark .hljs-number{color:#607880}body.theme-dark .hljs-keyword{color:#d8e4e8}body.theme-dark .hljs-literal{color:#607880}body.theme-dark .hljs-built_in{color:#c0ccd0}body.theme-dark .hljs-title.function_,body.theme-dark .hljs-title{color:#d8e4e8}body.theme-dark .hljs-params{color:#c0ccd0}body.theme-dark .hljs-decorator{color:#607880}body.theme-dark .hljs-string{color:#4a9ab4}body.theme-dark .hljs-regexp,body.theme-dark .hljs-template-string{color:#2a5c6e}body.theme-dark .hljs-name{color:#d8e4e8}body.theme-dark .hljs-attr,body.theme-dark .hljs-attribute{color:#607880}body.theme-dark .hljs-selector-tag{color:#d8e4e8}body.theme-dark .hljs-meta{color:#607880}body.theme-dark .hljs-section{color:#d8e4e8}body.theme-dark .hljs-addition{color:#2a5c6e}body.theme-dark .hljs-deletion{color:#607880}body.theme-light .hljs{color:#2a3438;background:#d4d8dc}body.theme-light .hljs-comment{color:#a0b0bc;font-style:italic}body.theme-light .hljs-punctuation,body.theme-light .hljs-variable,body.theme-light .hljs-number{color:#8090a0}body.theme-light .hljs-keyword{color:#0e1618}body.theme-light .hljs-literal{color:#8090a0}body.theme-light .hljs-built_in{color:#506070}body.theme-light .hljs-title.function_,body.theme-light .hljs-title{color:#0e1618}body.theme-light .hljs-params{color:#506070}body.theme-light .hljs-decorator{color:#8090a0}body.theme-light .hljs-string,body.theme-light .hljs-regexp,body.theme-light .hljs-template-string{color:#2a5c6e}body.theme-light .hljs-name{color:#0e1618}body.theme-light .hljs-attr,body.theme-light .hljs-attribute{color:#8090a0}body.theme-light .hljs-selector-tag{color:#0e1618}body.theme-light .hljs-meta{color:#8090a0}body.theme-light .hljs-section{color:#0e1618}body.theme-light .hljs-addition{color:#2a5c6e}body.theme-light .hljs-deletion{color:#8090a0}h1{font-size:var(--text-3xl)}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:Special Elite;src:url(/fonts/SpecialElite-Regular.ttf)format("truetype");font-weight:400;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:500}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}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}a:focus,button:focus{outline:none}.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{padding-top:0}.post-card time{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-3);margin-bottom:var(--space-1);display:block}.post-card a{font-family:var(--font-typewriter);font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-2);font-weight:700;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-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card-cover{object-fit:cover;width:100%;height:180px;margin-bottom:var(--space-3);display:block}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);border:1px solid var(--color-border);padding:2px var(--space-1);color:var(--color-ink-muted);letter-spacing:.02em}.tag a{font-family:var(--font-typewriter);font-size:var(--text-xs);color:inherit;margin-bottom:0;font-weight:400;text-decoration:none;display:inline}.tag:hover{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-paper)}.tag a:hover{color:var(--color-paper)}.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-cover{object-fit:cover;width:100%;max-height:420px;margin-top:var(--space-6);border:2px solid var(--color-border);display:block}.site-header-inner{max-width:var(--max-width-layout);padding:var(--space-6) var(--space-6) var(--space-4);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);border-radius:50%;flex-shrink:0;width:110px;height:110px;margin-top:-12px}.site-avatar-link{text-decoration:none;display:flex}.site-brand{font-family:var(--font-typewriter);font-size:var(--text-3xl);color:var(--color-ink);margin-bottom:var(--space-3);font-weight:900;line-height:1;text-decoration:none;display:block}.site-brand:hover{color:var(--color-accent)}.site-tagline{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-1);margin-left:var(--space-6)}.site-nav{align-items:center;gap:var(--space-1);padding-top:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.site-nav a{font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:none}.site-nav a:hover{color:var(--color-accent)}.nav-sep{color:var(--color-border);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.theme-toggle{font-size:var(--text-base);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.theme-toggle:hover{color:var(--color-accent)}.tag-tree{font-family:var(--font-typewriter);font-size:var(--text-sm)}.tag-tree h3{margin-bottom:var(--space-4)}.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{margin-top:var(--space-8);font-family:var(--font-typewriter);font-size:var(--text-sm)}.recent-posts h3{margin-bottom:var(--space-4)}.recent-post-item{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.recent-post-item:first-child{padding-top:0}.recent-posts a{color:var(--color-accent);margin-bottom:var(--space-1);text-decoration:none;display:block}.recent-posts a:hover{text-decoration:underline}.recent-posts time{font-size:var(--text-xs);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-sm);color:var(--color-ink-muted)}.footer-nav{gap:var(--space-6);display:flex}.footer-nav a{font-size:var(--text-sm);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:2px solid var(--color-border);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-typewriter);color:var(--color-ink-muted);text-decoration:none}.pagination-btn:hover{color:var(--color-accent)}.pagination-num{font-size:var(--text-sm);color:var(--color-ink-muted);padding:2px var(--space-2);border:1px solid #0000;text-decoration:none}.pagination-num--active{color:var(--color-ink);border-color:var(--color-border)}.pagination-num:hover{color:var(--color-accent)}.scroll-top-btn{bottom:var(--space-6);right:var(--space-6);font-size:var(--text-xl);color:var(--color-ink-muted);cursor:pointer;padding:var(--space-2);opacity:0;pointer-events:none;background:0 0;border:none;transition:opacity .2s;position:fixed}.scroll-top-btn.visible{opacity:1;pointer-events:auto}.scroll-top-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.post-toc{top:var(--space-6);font-family:var(--font-typewriter);font-size:var(--text-s);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)}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);border-color: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}