*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--theme:rgb(255,255,255);--entry:rgb(246,246,249);--primary:rgb(30,30,30);--secondary:rgb(108,108,108);--tertiary:rgb(214,214,214);--content:rgb(49,49,49);--code-block-bg:rgb(255,255,255);--code-bg:rgb(228,228,228);--border:rgb(229,229,229);--hljs-fg:#abb2bf}[data-theme=dark]{--theme:rgb(29,30,32);--entry:rgb(46,46,51);--primary:rgb(218,218,219);--secondary:rgb(155,156,157);--tertiary:rgb(65,66,68);--content:rgb(196,196,197);--code-block-bg:rgb(30,31,36);--code-bg:rgb(55,56,62);--border:rgb(51,51,51);--hljs-fg:#abb2bf}html{scroll-behavior:smooth}body{background:var(--theme);color:var(--primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:15px;line-height:1.7;min-height:100vh;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:100;background:var(--theme);border-bottom:1px solid var(--border);transition:background .3s ease,border-color .3s ease}.header-inner{max-width:750px;margin:0 auto;padding:0 20px;height:60px;gap:12px}.header-inner,.logo-wrap{display:flex;align-items:center}.logo-wrap{gap:8px;text-decoration:none;flex-shrink:0;margin-right:auto}.logo-text{font-size:.95rem;font-weight:700;color:var(--primary);white-space:nowrap}.header-nav{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.nav-link{font-size:.875rem;color:var(--secondary);padding:6px 11px;border-radius:6px;white-space:nowrap;transition:background .15s,color .15s;display:flex;align-items:center;gap:4px}.nav-link:hover{background:var(--tertiary)}.nav-link.active,.nav-link:hover{color:var(--primary)}.theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:none;cursor:pointer;border-radius:6px;color:var(--secondary);transition:background .15s,color .15s;flex-shrink:0}.theme-btn:hover{background:var(--tertiary);color:var(--primary)}.icon-moon{display:block}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}.main{max-width:750px;margin:0 auto;padding:40px 20px 80px}.profile-wrap{margin-bottom:40px}.profile-text h1{font-size:1.5rem;font-weight:700;margin-bottom:6px;color:var(--primary)}.profile-text p{color:var(--secondary);font-size:.925rem;line-height:1.6;margin-bottom:4px}.profile-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.profile-link{font-size:.875rem;color:var(--secondary);border-bottom:1px solid var(--border);transition:color .15s,border-color .15s}.profile-link:hover{color:var(--primary);border-color:var(--primary)}.posts-section h2{font-size:1.15rem;font-weight:700;color:var(--primary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.post-list{display:flex;flex-direction:column;gap:1px}.post-entry{background:var(--entry);border-radius:8px;margin-bottom:10px;transition:transform .12s ease,box-shadow .12s ease;overflow:hidden}.post-entry:hover{transform:translateY(-2px);box-shadow:0 4px 18px rgba(0,0,0,.08)}[data-theme=dark] .post-entry:hover{box-shadow:0 4px 18px rgba(0,0,0,.45)}.post-link{display:block;padding:18px 22px;text-decoration:none;color:inherit}.post-title{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:6px;line-height:1.35;transition:color .15s}.post-entry:hover .post-title{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.post-desc{font-size:.875rem;line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-desc,.post-meta{color:var(--secondary)}.post-meta{font-size:.8rem;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.meta-sep{opacity:.4;margin:0 1px}.post-tags{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.tag-pill{font-size:.72rem;padding:2px 8px;border-radius:20px;background:var(--tertiary);color:var(--secondary);transition:background .15s,color .15s}.tag-pill:hover{background:var(--border);color:var(--primary)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.page-btn{font-size:.875rem;color:var(--secondary);padding:7px 16px;border-radius:6px;border:1px solid var(--border);background:var(--entry);cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.page-btn:hover{background:var(--tertiary);color:var(--primary)}.page-btn[aria-disabled=true]{opacity:.35;cursor:default;pointer-events:none}.page-info{font-size:.8rem;color:var(--secondary)}.page-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-header h1{font-size:1.8rem;font-weight:800;color:var(--primary);margin-bottom:4px;letter-spacing:-.02em}.page-header p{font-size:.875rem;color:var(--secondary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.tag-item{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--entry);font-size:.875rem;color:var(--secondary);transition:background .15s,color .15s,border-color .15s;text-decoration:none}.tag-item:hover{background:var(--tertiary);color:var(--primary);border-color:var(--tertiary)}.tag-count{font-size:.75rem;opacity:.65}.tag-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.tag-heading h1{font-size:1.6rem;font-weight:800;color:var(--primary)}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;color:var(--secondary);margin-bottom:24px;transition:color .15s}.back-link:hover{color:var(--primary)}.inline-search-wrap,.tag-filter-row{margin-bottom:20px}.tag-filter-row{display:flex;flex-wrap:wrap;gap:6px}.tag-filter-btn{font-size:.78rem;padding:3px 11px;border-radius:20px;border:1px solid var(--border);background:var(--entry);color:var(--secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.tag-filter-btn:hover{background:var(--tertiary);color:var(--primary)}.tag-filter-btn.active{background:var(--primary);color:var(--theme);border-color:var(--primary)}.search-wrap{position:relative;margin-bottom:28px}.search-input{width:100%;padding:11px 16px 11px 42px;font-size:.95rem;background:var(--entry);color:var(--primary);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.search-input::placeholder{color:var(--secondary);opacity:.7}.search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(155,156,157,.15)}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--secondary);pointer-events:none}.search-count{font-size:.8rem;color:var(--secondary);margin-bottom:16px}.no-results{text-align:center;color:var(--secondary);padding:48px 0;font-size:.925rem}.post-single{margin-top:8px}.post-header{margin-bottom:32px}.post-title-large{font-size:1.95rem;font-weight:800;color:var(--primary);line-height:1.22;letter-spacing:-.025em;margin:0 0 14px}.article-meta{font-size:.85rem}.toc{background:var(--entry);border:1px solid var(--border);border-radius:8px;padding:18px 22px;margin:0 0 36px;font-size:.875rem;line-height:1.5}.toc-heading{font-weight:700;color:var(--primary);font-size:.9rem;margin-bottom:12px;letter-spacing:.01em}.toc ul{margin:0;padding:0 0 0 16px;list-style:none}.toc>ul{padding-left:0}.toc li{margin:5px 0}.toc a{color:var(--secondary);text-decoration:none;transition:color .15s}.toc a:hover{color:var(--primary)}.article-body{color:var(--content);font-size:1rem;line-height:1.82}.article-body h2,.article-body h3,.article-body h4{color:var(--primary);font-weight:700;margin:2.2em 0 .65em;line-height:1.3;scroll-margin-top:72px}.article-body h2{font-size:1.35rem}.article-body h3{font-size:1.12rem}.article-body h4{font-size:1rem}.heading-anchor{opacity:0;margin-left:6px;font-size:.85em;color:var(--secondary);text-decoration:none;transition:opacity .15s;font-weight:400}.article-body h2:hover .heading-anchor,.article-body h3:hover .heading-anchor,.article-body h4:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--primary)}.article-body p{margin:0 0 1.25em}.article-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{opacity:.7}.article-body a.heading-anchor{text-decoration:none}.article-body a.heading-anchor:hover{opacity:1}.article-body ol,.article-body ul{margin:0 0 1.25em 1.5em;padding:0}.article-body li{margin-bottom:.35em}.article-body blockquote{border-left:3px solid var(--tertiary);margin:1.8em 0;padding:.2em 0 .2em 1.2em;color:var(--secondary);font-style:italic}.article-body blockquote p{margin-bottom:.4em}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.875em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.article-body pre{position:relative;border-radius:8px;padding:16px 20px;overflow-x:auto;margin:1.6em 0;background:var(--code-block-bg)}.article-body pre,.copy-btn{border:1px solid var(--border)}.copy-btn{position:absolute;top:9px;right:9px;display:flex;align-items:center;justify-content:center;padding:5px 6px;background:var(--entry);border-radius:5px;cursor:pointer;color:var(--secondary);opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;line-height:1}.article-body pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--tertiary)}.copy-btn.copied{color:#22c55e;opacity:1}.article-body pre code,.article-body pre code.hljs{padding:0;overflow-x:visible;background:transparent;font-size:.875rem;line-height:1.65;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}[data-theme=dark] .article-body pre{background:var(--code-block-bg)}[data-theme=dark] .article-body pre code,[data-theme=dark] .article-body pre code.hljs{color:#abb2bf}[data-theme=dark] .hljs-deletion,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag{color:#c678dd}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title\.class_,[data-theme=dark] .hljs-title\.function_{color:#61afef}[data-theme=dark] .hljs-meta .hljs-string,[data-theme=dark] .hljs-string{color:#98c379}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-variable{color:#d19a66}[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-formula{color:#7f848e;font-style:italic}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-name{color:#e06c75}[data-theme=dark] .hljs-type{color:#e5c07b}.article-body hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.article-body strong{color:var(--primary);font-weight:600}.article-body .katex-display{overflow-x:auto;overflow-y:hidden;padding:.4em 0;margin:1.4em 0}.article-body details{border:1px solid var(--border);border-radius:8px;padding:12px 18px;margin:1.6em 0;background:var(--entry)}.article-body details[open]{padding-bottom:16px}.article-body summary{font-weight:600;cursor:pointer;color:var(--primary);user-select:none;padding:2px 0;font-size:.95rem;display:flex;align-items:center;gap:8px;list-style:none}.article-body summary::-webkit-details-marker{display:none}.article-body summary::marker{display:none;content:""}.article-body summary:before{content:"▶";font-size:.65em;display:inline-block;transition:transform .2s ease;flex-shrink:0;line-height:1}.article-body details[open]>summary:before{transform:rotate(90deg)}.article-body details[open]>summary{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.article-body details ol,.article-body details ul{margin-top:.5em}.post-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border)}.post-tags-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.post-tags-list li a{display:inline-block;font-size:.8rem;padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--entry);color:var(--secondary);text-decoration:none;transition:background .15s,color .15s}.post-tags-list li a:hover{background:var(--tertiary);color:var(--primary)}.top-link{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background:var(--secondary);color:var(--theme);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background .15s;z-index:500}.top-link--visible{opacity:1;visibility:visible}.top-link:hover{background:var(--primary)}.site-footer{border-top:1px solid var(--border);padding:20px;text-align:center;font-size:.8rem;color:var(--secondary)}.site-footer a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.site-footer a:hover{color:var(--primary)}@media (max-width:600px){.header-inner{padding:0 14px;height:54px}.main{padding:28px 14px 60px}.post-link{padding:14px 16px}}