:root{--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--accent: #ff5252;--radius: 4px}:root[data-theme=dark]{--bg: #0e0f12;--bg-elev: #15171c;--bg-card: #16181d;--fg: #e8e8ea;--fg-dim: #c4c5cb;--fg-mute: #6b6e76;--border: #2a2d34;--border-soft: #1d2026;--code-bg: #1a1d23;--shadow: 0 1px 0 rgba(255,255,255,.02), 0 4px 24px rgba(0,0,0,.4)}:root[data-theme=light]{--bg: #f6f5f2;--bg-elev: #ffffff;--bg-card: #ffffff;--fg: #1a1c20;--fg-dim: #4a4d55;--fg-mute: #888a92;--border: #d8d6d0;--border-soft: #e7e5df;--code-bg: #ecebe5;--shadow: 0 1px 0 rgba(0,0,0,.02), 0 4px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--fg);text-decoration:none;transition:color .12s ease}a:hover{color:var(--accent)}::selection{background:color-mix(in oklab,var(--accent) 40%,transparent);color:var(--fg)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 56px;max-width:1240px;margin:0 auto;width:100%}.logo{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--fg);display:inline-flex;align-items:center;gap:8px}.logo-prompt{color:var(--accent);font-weight:600}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:14px;color:var(--fg-dim);padding:6px 2px;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.site-nav a:hover{color:var(--fg)}.site-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg);cursor:pointer;transition:all .12s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.site-footer{margin-top:auto;padding:48px 56px 36px;display:flex;flex-direction:column;align-items:center;gap:16px;border-top:1px dashed var(--border-soft)}.footer-icons{display:flex;gap:22px;color:var(--fg-dim)}.footer-icons a{color:inherit}.footer-credit{font-size:12.5px;color:var(--fg-mute);letter-spacing:.01em}.container{width:100%;max-width:1240px;margin:0 auto;padding:24px 56px 64px}.page-title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:8px 0 28px}.prompt-mark{color:var(--accent);margin-right:4px}.dot{color:var(--fg-mute);margin:0 8px}.dim{color:var(--fg-mute)}.index-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.index-head .page-title{margin:0}.post-count{font-size:12.5px;color:var(--fg-mute);letter-spacing:.04em}.search-bar{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;transition:border-color .12s ease}.search-bar:focus-within{border-color:var(--accent)}.search-bar svg{color:var(--fg-mute);flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font:inherit;font-size:14px}.search-bar input::placeholder{color:var(--fg-mute)}.search-clear{background:transparent;border:none;color:var(--fg-mute);font-size:18px;cursor:pointer;padding:0 4px;font-family:inherit}.search-clear:hover{color:var(--accent)}.tag-rail{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px}.tag-chip{background:transparent;border:1px solid var(--border-soft);color:var(--fg-dim);font:inherit;font-size:12.5px;padding:5px 10px;border-radius:var(--radius);cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}.tag-chip:hover{border-color:var(--accent);color:var(--fg)}.tag-chip.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.tag-count{color:var(--fg-mute);font-size:11px}.tag-chip.active .tag-count{color:var(--accent);opacity:.8}.post-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-soft)}.post-row{border-bottom:1px solid var(--border-soft)}.post-link{display:block;padding:22px 4px;color:inherit}.post-link:hover{color:inherit}.post-link:hover .post-title{color:var(--accent)}.post-link:hover .post-title:before{opacity:1;transform:translate(0)}.post-title{font-size:21px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;position:relative;transition:color .12s ease}.post-title:before{content:"\2192  ";position:absolute;left:-22px;color:var(--accent);opacity:0;transform:translate(-6px);transition:all .16s ease}.post-meta{font-size:12.5px;color:var(--fg-mute);margin-bottom:10px}.post-excerpt{font-size:13.5px;color:var(--fg-dim);margin:0 0 12px;line-height:1.6;max-width:70ch}.post-tags{display:flex;flex-wrap:wrap;gap:4px 14px}.tag{font-size:12.5px;color:var(--accent);opacity:.85}.empty-state{padding:48px 4px;color:var(--fg-mute);font-size:13.5px}.tag-rail--index{margin-bottom:0}.tag-rail--index .tag-chip{font-size:13px;padding:6px 12px}.back-link{font-size:12.5px;color:var(--fg-mute);transition:color .12s ease}.back-link:hover{color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;font-size:13px}.page-btn{color:var(--fg-dim);font-family:var(--font-mono);font-size:13px;padding:8px 0;transition:color .12s ease;text-decoration:none;background:none;border:none}.page-btn:hover{color:var(--accent)}.page-btn--disabled{color:var(--fg-mute);opacity:.4;pointer-events:none}.page-indicator{color:var(--fg);font-weight:500}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px}.post-header{text-align:center;margin-bottom:8px}.post-date-stamp{font-size:12.5px;color:var(--fg-mute);margin-bottom:18px;letter-spacing:.03em}.post-main-title{font-size:28px;font-weight:700;margin:0 0 18px;letter-spacing:-.01em;line-height:1.25}.post-header-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:14px}.post-meta-strip{font-size:12.5px;color:var(--fg-mute)}.post-divider{border:none;border-top:1px dashed var(--border-soft);margin:28px 0}.post-body{font-size:14.5px}.post-body h1{font-size:22px;font-weight:700;letter-spacing:-.005em;margin:40px 0 16px;scroll-margin-top:80px}.post-body h1:before{content:"# ";color:var(--accent);font-weight:700}.post-body h2{font-size:18px;font-weight:600;margin:28px 0 12px;scroll-margin-top:80px}.post-body h2:before{content:"## ";color:var(--accent);font-weight:700;font-size:14px}.post-body p{margin:0 0 16px;color:var(--fg-dim)}.post-body a{color:var(--accent)}.post-body a:hover{opacity:.8}.post-body strong{color:var(--fg);font-weight:600}.post-body em{color:var(--fg-dim)}.post-body code{font-family:var(--font-mono);background:var(--code-bg);color:var(--accent);padding:1px 6px;border-radius:3px;font-size:.92em;border:1px solid var(--border-soft)}.post-body pre{background:var(--code-bg);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius);padding:16px 0 16px 18px;overflow-x:auto;font-size:12.5px;line-height:1.6;margin:18px 0 22px;color:var(--fg)}.post-body pre code{display:block;min-width:max-content;background:none;border:none;padding:0 18px 0 0;color:inherit;font-size:inherit;white-space:pre}.post-body blockquote{background:color-mix(in oklab,var(--accent) 6%,transparent);border:1px solid color-mix(in oklab,var(--accent) 25%,var(--border-soft));border-radius:var(--radius);padding:14px 18px;margin:18px 0;font-size:13.5px;color:var(--fg-dim);overflow-x:auto}.post-body blockquote>*{margin-right:0}.post-body blockquote p:last-child{margin-bottom:0}.post-body ul,.post-body ol{padding-left:28px;color:var(--fg-dim);margin:12px 0 18px}.post-body li{margin-bottom:6px}.post-body li::marker{color:var(--accent)}.post-body hr{border:none;border-top:1px dashed var(--border-soft);margin:28px 0}.post-body img{display:block;max-width:100%;margin:18px auto;border-radius:var(--radius);border:1px solid var(--border-soft)}.post-body p:has(>img:only-child){text-align:center}.post-body p:has(>img){text-align:center}.post-body p:has(>img)>em{display:block;color:var(--fg-mute);font-size:12.5px;margin-top:6px}.post-body p:has(>img:only-child)+p:has(>em:only-child){text-align:center;color:var(--fg-mute);font-size:12.5px;margin-top:-10px}.post-body table{width:100%;border-collapse:collapse;font-size:13px;margin:18px 0}.post-body th{text-align:left;color:var(--fg-mute);font-size:11px;letter-spacing:.08em;font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border)}.post-body td{padding:8px 12px;border-bottom:1px solid var(--border-soft);color:var(--fg-dim)}.post-prev-next{display:flex;justify-content:space-between;align-items:stretch;gap:16px;font-size:13px}.prev-article,.next-article{flex:1;padding:12px 16px;border:1px solid var(--border-soft);border-radius:var(--radius);transition:border-color .15s ease,background .15s ease}.prev-article:hover,.next-article:hover{border-color:var(--border);background:var(--bg-elev)}.prev-label{color:var(--fg-mute);font-size:11.5px;letter-spacing:.04em;margin-bottom:4px}.prev-title{color:var(--accent);font-weight:600}.next-label{color:var(--fg-mute);font-size:11.5px;letter-spacing:.04em;margin-bottom:4px;text-align:right}.next-title{color:var(--accent);font-weight:600;text-align:right}.next-article{text-align:right}.not-found{padding:80px 0;font-size:14px;color:var(--fg-dim)}.not-found a{color:var(--accent);margin-left:12px}.toc-aside{position:relative}.toc-sticky{position:sticky;top:32px;border-left:1px solid var(--border-soft);padding-left:22px}.toc-label{font-size:11px;letter-spacing:.12em;color:var(--fg-mute);font-weight:600;margin-bottom:14px}#TableOfContents ul{list-style:none;padding:0;margin:0 0 24px;counter-reset:toc-num}#TableOfContents li{counter-increment:toc-num;position:relative;margin-bottom:4px}#TableOfContents a{display:flex;align-items:baseline;gap:10px;padding:5px 0;font-size:12.5px;color:var(--fg-dim);line-height:1.45;transition:all .12s ease}#TableOfContents a:hover{color:var(--fg)}#TableOfContents a:before{content:counter(toc-num,decimal-leading-zero);font-size:10.5px;color:var(--fg-mute);font-weight:600;letter-spacing:.05em;flex-shrink:0;min-width:18px;transition:color .12s ease}#TableOfContents ul ul{counter-reset:toc-sub;padding-left:18px;margin:0}#TableOfContents ul ul li{counter-increment:toc-sub}#TableOfContents ul ul a:before{content:"\21b3";color:var(--fg-mute)}#TableOfContents li.toc-active>a{color:var(--accent);font-weight:500}#TableOfContents li.toc-active>a:before{color:var(--accent)}#TableOfContents li.toc-active:before{content:"";position:absolute;left:-23px;top:var(--toc-marker-top, 12px);transform:translateY(-50%);width:2px;height:14px;background:var(--accent)}.toc-progress{margin-top:20px;padding-top:18px;border-top:1px dashed var(--border-soft)}.progress-label{font-size:11px;color:var(--fg-mute);letter-spacing:.04em;margin-bottom:8px}.progress-track{height:3px;background:var(--border-soft);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width 80ms linear}.post-body .mermaid{margin:24px 0;text-align:center;overflow-x:auto}.post-body .mermaid svg{max-width:100%;height:auto}@media(max-width:980px){.site-header,.container{padding-left:28px;padding-right:28px}.post-layout{grid-template-columns:1fr;gap:32px}.toc-aside{display:none}}@media(max-width:640px){.site-header{padding:20px}.container{padding:16px 20px 48px}.site-nav{gap:14px}.post-main-title{font-size:22px}.post-body h1{font-size:18px}.page-title{font-size:17px}.post-title{font-size:18px}}