:root{color-scheme:only light;--bg: #faf6f0;--ink: #2b2620;--body: #3b332a;--soft: #5c5346;--mute: #9a8f80;--mute2: #c2b6a3;--accent: #cc5c33;--accent2: #bd4f28;--line: #e7ddcd;--line2: #ece2d2;--line3: #f0e8da;--dash: #e0d4c0;--code-inline-bg: #f0e7d8;--code-light-bg: #f4ecdf;--code-light-bar: #efe6d6;--code-light-border: #e3d6c2;--card-bg: #fcf9f3;--chip-bg: #f0e7d8;--chip-bg-hover: #e9dcc7;--row-hover: #f3ebdd;--serif: "Source Serif 4", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--body);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*::selection{background:#cc5c3338}a{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#ddd0bd;border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.site-header{position:sticky;top:0;z-index:20;background:#faf6f0db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header__inner{max-width:880px;margin:0 auto;padding:0 28px;height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:7px;text-decoration:none}.brand__name{font:600 19px var(--mono);color:var(--ink);letter-spacing:-.02em}.brand__fd{font:600 13px var(--mono);color:var(--accent)}.brand__target{font:600 19px var(--mono);color:var(--ink);letter-spacing:-.02em}.nav{display:flex;gap:18px;font:13px var(--mono)}.nav a{text-decoration:none;color:var(--mute)}.nav a[aria-current=page]{color:var(--ink)}.nav a:hover{color:var(--accent)}.progress-rail{height:2px;background:transparent}.progress-rail__fill{height:100%;width:0%;background:var(--accent);transition:width .08s linear}.index{max-width:620px;margin:0 auto;padding:46px 28px 120px;animation:fadeUp .3s ease both;transition:max-width .18s ease}.index[data-mode=grid]{max-width:880px}.index__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.index__lede{margin-bottom:6px;font:400 15px/1.7 var(--serif);color:var(--soft);text-wrap:pretty}.index__count{font:12px var(--mono);color:var(--mute2)}.view-toggle{display:flex;flex-shrink:0;border:1px solid var(--code-light-border);border-radius:5px;overflow:hidden;background:var(--code-light-bg)}.view-toggle__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font:11px var(--mono);color:var(--mute);background:transparent;border:0;cursor:pointer;transition:background .12s,color .12s}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--code-light-border)}.view-toggle__btn:hover{color:var(--soft)}.view-toggle__btn.is-active{color:var(--ink);background:var(--card-bg)}.ico-list{display:flex;flex-direction:column;gap:2px}.ico-list span{width:13px;height:1.5px;background:currentColor}.ico-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ico-grid span{width:6px;height:6px;background:currentColor}.index[data-mode=list] .index__grid,.index[data-mode=grid] .index__list{display:none}.year{margin-bottom:30px}.year__label{font:600 12px var(--mono);color:var(--accent);letter-spacing:.08em;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid var(--line2)}.post-row{display:flex;gap:14px;align-items:baseline;padding:7px 9px;margin:0 -9px;border-radius:4px;text-decoration:none;transition:background .12s}.post-row:hover{background:var(--row-hover)}.post-row__date{font:400 11.5px var(--mono);color:var(--mute2);flex-shrink:0;width:38px}.post-row__title{font:400 15.5px/1.4 var(--serif);color:var(--ink);flex:1;text-wrap:pretty}.post-row__thumb{flex-shrink:0;align-self:center;width:46px;height:46px;object-fit:cover;border-radius:4px;border:1px solid var(--line);background:var(--card-bg)}.index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}.card{display:flex;flex-direction:column;min-height:178px;background:var(--card-bg);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:6px;overflow:hidden;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #7850281f}.card__thumb{width:100%;height:104px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.card__body{padding:13px 14px 11px;flex:1;display:flex;flex-direction:column}.card__title{font:600 14.5px/1.4 var(--serif);color:var(--ink);text-wrap:pretty;margin-bottom:8px}.card__excerpt{font:400 11.5px/1.6 var(--serif);color:var(--mute);text-wrap:pretty;flex:1}.card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.card__tag{font:10px var(--mono);color:#8a7a64;background:var(--chip-bg);padding:2px 6px;border-radius:3px}.card__foot{display:flex;align-items:center;justify-content:flex-end;padding:7px 14px;border-top:1px solid var(--line3);background:#faf6ee}.card__date{font:10px var(--mono);color:var(--mute2)}.article-main{max-width:880px;margin:0 auto;padding:34px 28px 130px;animation:fadeUp .3s ease both}.back-link{display:inline-flex;align-items:center;gap:6px;font:12px var(--mono);color:var(--mute);text-decoration:none;margin-bottom:22px}.back-link:hover{color:var(--accent)}.article-grid{display:flex;gap:42px;align-items:flex-start}.toc{width:172px;flex-shrink:0}.toc__sticky{position:sticky;top:80px}.toc__label{font:600 10px var(--mono);color:var(--mute);letter-spacing:.14em;margin-bottom:14px}.toc__nav{display:flex;flex-direction:column;gap:12px}.toc__link{display:flex;gap:9px;font:400 12.5px/1.35 var(--mono);color:var(--mute);text-decoration:none}.toc__link span{color:var(--mute2)}.toc__link.is-active{color:var(--accent);font-weight:500}.toc__link.is-active span{color:var(--accent)}.toc__bar{margin-top:18px;height:3px;background:var(--line2);border-radius:2px;overflow:hidden}.toc__bar-fill{width:0%;height:100%;background:var(--accent)}.toc__meta{margin-top:7px;font:10px var(--mono);color:var(--mute2)}.article{flex:1;min-width:0}.article__meta{font:11.5px var(--mono);color:var(--mute);margin-bottom:11px}.article__title{margin:0 0 26px;font:600 30px/1.28 var(--serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance}.prose h2{margin:34px 0 13px;font:600 19px var(--serif);color:var(--ink);scroll-margin-top:80px}.prose h3{margin:26px 0 10px;font:600 16px var(--serif);color:var(--ink);scroll-margin-top:80px}.prose>h2:first-child{margin-top:0}.prose p{margin:0 0 16px;font:400 16px/1.78 var(--serif);color:var(--body);text-wrap:pretty}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.4em;font:400 16px/1.78 var(--serif);color:var(--body)}.prose li{margin:2px 0}.prose a{color:var(--accent2);text-decoration:none;border-bottom:1px solid rgba(204,92,51,.35)}.prose a:hover{border-bottom-color:var(--accent2)}.prose :not(pre)>code{font:13px var(--mono);background:var(--code-inline-bg);padding:1px 5px;border-radius:3px;color:var(--accent2)}.prose blockquote{margin:0 0 16px;padding:5px 0 5px 18px;border-left:3px solid var(--accent);font:italic 400 16px/1.7 var(--serif);color:var(--soft)}.prose blockquote p{font:italic 400 16px/1.7 var(--serif);color:var(--soft);margin:0}.prose hr{border:none;border-top:1px solid var(--line2);margin:28px 0}.prose a.wikilink,.prose a.hashtag{color:var(--accent2)}.prose a.hashtag{font:13px var(--mono);border-bottom:none}.prose a.hashtag:hover{text-decoration:underline}.code{margin:0 0 16px;border-radius:6px;overflow:hidden}.code.light{border:1px solid var(--code-light-border)}.code-bar{display:flex;align-items:stretch;background:var(--code-light-bar);border-bottom:1px solid var(--code-light-border)}.code-fname{font:11.5px var(--mono);color:var(--body);padding:9px 15px;background:var(--code-light-bg);border-right:1px solid var(--code-light-border)}.code-sp{flex:1}.code-copy{font:10.5px var(--mono);color:var(--accent2);background:none;border:none;padding:9px 15px;cursor:pointer}.code-copy:hover{color:var(--ink)}.code-copy.copied{color:var(--mute)}.code pre{margin:0;padding:15px 16px;overflow-x:auto;font:13px/1.7 var(--mono)}.code.light pre{background:var(--code-light-bg)!important}.code .line{counter-increment:ln}.code pre.has-lines code{counter-reset:ln;display:inline-block;min-width:100%}.code pre.has-lines .line:before{content:counter(ln);display:inline-block;width:1.6em;margin-right:16px;padding-right:12px;text-align:right;color:var(--mute2);border-right:1px solid var(--code-light-border);user-select:none}.code.terminal{border-radius:6px}.code.terminal pre{background:#211c17!important;color:#e6dccd!important;padding:14px 18px}.code.terminal pre code{color:#e6dccd}.code.terminal pre span{color:var(--shiki-dark, #e6dccd)!important}.fin{font:11.5px var(--mono);color:var(--mute2);margin:4px 0 0}.twohop{border-top:1px dashed var(--dash);margin-top:36px;padding-top:24px}.twohop__head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;flex-wrap:wrap}.twohop__title{font:600 11px var(--mono);color:var(--accent);letter-spacing:.1em}.twohop__sub{font:11.5px var(--mono);color:var(--mute)}.twohop__note{font:11px/1.6 var(--mono);color:var(--mute2);margin-bottom:18px}.hop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hop-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card-bg)}.hop-card__head{display:flex;align-items:center;gap:6px;padding:9px 13px;background:var(--code-light-bg);border-bottom:1px solid var(--line);text-decoration:none}.hop-card__hash{font:600 12px var(--mono);color:var(--accent)}.hop-card__term{font:600 13.5px var(--serif);color:var(--ink)}.hop-card__count{margin-left:auto;font:10px var(--mono);color:var(--mute2)}.hop-card__items{display:flex;flex-direction:column}.hop-item{padding:8px 13px;border-top:1px solid var(--line3);font:400 13px/1.4 var(--serif);color:var(--body);text-decoration:none;transition:background .12s}.hop-item:hover{background:var(--code-light-bg)}.related{margin-top:18px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.related__label{font:10px var(--mono);color:var(--mute2);margin-right:3px}.chip{font:11.5px var(--mono);color:var(--soft);background:var(--chip-bg);padding:3px 9px;border-radius:3px;text-decoration:none}.chip:hover{background:var(--chip-bg-hover)}.page{max-width:620px;margin:0 auto;padding:46px 28px 120px;animation:fadeUp .3s ease both}.page h1{font:600 26px/1.3 var(--serif);color:var(--ink);margin:0 0 18px}.page p{font:400 16px/1.78 var(--serif);color:var(--body);margin:0 0 16px}.page a{color:var(--accent2)}.tag-head{font:12px var(--mono);color:var(--mute);margin-bottom:24px}.tag-head .hash{color:var(--accent)}@media(max-width:760px){.article-grid{flex-direction:column;gap:0}.toc{width:100%}.toc__sticky{position:static;margin-bottom:28px}.toc__bar,.toc__meta{display:none}.hop-grid{grid-template-columns:1fr}.article__title{font-size:26px}}