:root{--bg: #fbfbf8;--surface: #ffffff;--ink: #16181d;--ink-soft: #5b6270;--ink-faint: #9aa0ab;--line: #e7e7e1;--add: #1f8b3e;--add-soft: #ecf6ef;--del: #c0392b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--max-w: 1040px;--rail: 22px;color-scheme:light}:root[data-theme=dark]{--bg: #0e1214;--surface: #151b1e;--ink: #eef2f3;--ink-soft: #aab4bb;--ink-faint: #6b757c;--line: #283036;--add: #3fb950;--add-soft: #16261b;--del: #f85149;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease;display:flex;flex-direction:column;min-height:100vh}main.shell{flex:1 0 auto}[dir=rtl] body{font-family:Newsreader,Segoe UI,Tahoma,sans-serif}a{color:inherit}.shell{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:2rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.site-header .shell{display:flex;align-items:center;gap:1.5rem;max-width:none;padding:1rem 2rem;position:relative}.brand{display:flex;align-items:baseline;gap:.55rem;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}.brand .prompt{color:var(--add);font-family:var(--font-mono);font-weight:700}.brand:hover{color:var(--add)}.site-nav{display:flex;gap:1.25rem;margin-inline-start:auto;align-items:center}.nav-links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase;color:var(--ink-soft);text-decoration:none;padding:.15rem 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);border-color:var(--add)}.nav-links{display:flex;gap:1.25rem;align-items:center}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:8px;background:none;border:1px solid var(--line);border-radius:5px;cursor:pointer}.nav-toggle span{display:block;height:1.5px;width:100%;background:var(--ink-soft);transition:background .15s}.nav-toggle:hover{border-color:var(--add)}.nav-toggle:hover span,.nav-toggle[aria-expanded=true] span{background:var(--ink)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:none;border:0;border-radius:5px;color:var(--ink-soft);cursor:pointer;transition:color .15s}.theme-toggle:hover{color:var(--add)}.theme-toggle svg{width:16px;height:16px;display:block}.theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}.langpick{position:relative;font-family:var(--font-mono);font-size:.72rem}.langpick summary{list-style:none;cursor:pointer;color:var(--ink-soft);padding:.15rem .4rem;border:1px solid var(--line);border-radius:5px}.langpick summary::-webkit-details-marker{display:none}.langpick summary:hover{color:var(--ink);border-color:var(--add)}.langpick[open] summary{color:var(--ink)}.langpick .menu{position:absolute;inset-inline-end:0;margin-top:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #00000014;padding:.35rem;min-width:150px;z-index:30}.langpick .menu a{display:flex;justify-content:space-between;gap:1rem;padding:.4rem .55rem;border-radius:5px;text-decoration:none;color:var(--ink-soft)}.langpick .menu a:hover{background:var(--add-soft);color:var(--ink)}.langpick .menu a[aria-current=true]{color:var(--add)}.langpick .menu a .code{color:var(--ink-faint)}.hero{padding:2.25rem 0 2.5rem;border-bottom:1px solid var(--line)}.hero .eyebrow{font-family:var(--font-mono);font-size:.72rem;color:var(--add);letter-spacing:.06em;margin-bottom:1.1rem}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,6vw,3.3rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:1.1rem}.hero h1 .caret{color:var(--add);font-family:var(--font-mono);animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero p{font-size:1.15rem;color:var(--ink-soft);max-width:52ch}@media(prefers-reduced-motion:reduce){.hero h1 .caret{animation:none}html{scroll-behavior:auto}}.log{padding:1rem 0 4rem}.log-head{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);letter-spacing:.04em;padding:1.5rem 0 .5rem}.commit{position:relative;padding:1.6rem 0 1.6rem calc(var(--rail) + 1.1rem);border-bottom:1px solid var(--line)}.commit:before{content:"";position:absolute;inset-inline-start:9px;top:0;bottom:0;width:1px;background:var(--line)}.commit:after{content:"";position:absolute;inset-inline-start:5px;top:2rem;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--add);transition:background .15s}.commit:hover:after{background:var(--add)}.commit:first-child:before{top:2rem}.commit:last-child{border-bottom:0}.commit-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.commit-meta .hash{color:var(--add)}.commit-meta .cat{color:var(--ink-soft)}.commit-meta .pin{color:var(--add);border:1px solid var(--add);border-radius:3px;padding:0 .3rem;text-transform:lowercase;letter-spacing:.03em}a.cat{text-decoration:none;transition:color .15s}a.cat:hover{color:var(--add)}.commit h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.2;letter-spacing:-.015em;margin-bottom:.4rem}.commit h2 a{text-decoration:none}.commit h2 a:hover{color:var(--add)}.commit .excerpt{color:var(--ink-soft);font-size:1rem}.commit .open{display:inline-block;margin-top:.7rem;font-family:var(--font-mono);font-size:.72rem;color:var(--add);text-decoration:none;border-bottom:1px solid transparent}.commit .open:hover{border-color:var(--add)}.taglist{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.tag{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-soft);text-decoration:none;padding:.1rem .45rem;border:1px solid var(--line);border-radius:4px}.tag:before{content:"#";color:var(--add)}.tag:hover{border-color:var(--add);color:var(--ink)}.article{padding:1.75rem 0 4rem}.back{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);text-decoration:none;display:inline-block;margin-bottom:2rem}.back:hover{color:var(--add)}.article-head{border-bottom:1px solid var(--line);padding-bottom:1.8rem;margin-bottom:2.2rem}.article-head .commit-meta{margin-bottom:.9rem}.article-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.12;letter-spacing:-.025em}.byline{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);margin-top:1rem}.prose{font-size:1.08rem}.prose p{margin-bottom:1.4rem}.prose h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.015em;margin:2.6rem 0 1rem}.prose h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;margin:2rem 0 .8rem}.prose a{color:var(--add);text-underline-offset:3px}.prose blockquote{border-inline-start:2px solid var(--add);padding-inline-start:1.3rem;margin:1.8rem 0;color:var(--ink-soft);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.85em;background:var(--add-soft);padding:.12em .4em;border-radius:4px}.prose pre{background:#1b1f27;color:#e8e8e3;padding:1.1rem 1.2rem;border-radius:8px;overflow-x:auto;margin:1.8rem 0;font-size:.85rem}.prose pre code{background:none;padding:0}.prose pre{position:relative}.prose :is(h2,h3,h4){scroll-margin-top:5rem}.heading-anchor{margin-inline-start:.4rem;color:var(--ink-faint);font-family:var(--font-mono);text-decoration:none;opacity:0;transition:opacity .15s,color .15s}.prose :is(h2,h3,h4):hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--add)}.copy-btn{position:absolute;top:.5rem;inset-inline-end:.5rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;text-transform:lowercase;color:#e8e8e3;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:.15rem .45rem;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.prose pre:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{background:#ffffff29}.post-nav{display:flex;gap:1.5rem;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}.post-nav a{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;max-width:48%}.post-nav .next{text-align:end;margin-inline-start:auto}.post-nav .lbl{font-family:var(--font-mono);font-size:.68rem;color:var(--add);letter-spacing:.04em}.post-nav .ttl{font-family:var(--font-display);font-size:.95rem;color:var(--ink-soft)}.post-nav a:hover .ttl{color:var(--ink)}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem;font-family:var(--font-mono);font-size:.75rem}.pager-link{color:var(--ink-soft);text-decoration:none}.pager-link:hover{color:var(--add)}.pager-pos{color:var(--ink-faint)}.archive-year{margin-top:2.2rem}.archive-year h2{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-faint);border-bottom:1px solid var(--line);padding-bottom:.4rem;margin-bottom:.6rem}.archive-list{list-style:none}.archive-list li{margin:.35rem 0}.archive-list a{display:flex;gap:1rem;align-items:baseline;text-decoration:none;color:var(--ink-soft)}.archive-list a:hover{color:var(--ink)}.archive-list a:hover .t{border-color:var(--add)}.archive-list .d{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);min-width:4.5rem;flex-shrink:0}.archive-list .t{font-family:var(--font-body);border-bottom:1px solid transparent}.prose ul,.prose ol{margin:0 0 1.4rem 1.4rem}.prose li{margin-bottom:.5rem}.search-box{width:100%;font-family:var(--font-mono);font-size:.95rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);margin:1.5rem 0}.search-box:focus{outline:none;border-color:var(--add);box-shadow:0 0 0 3px var(--add-soft)}#search-results .commit{padding-inline-start:0}#search-results .commit:before,#search-results .commit:after{display:none}.tagcloud{display:flex;flex-wrap:wrap;gap:.6rem;padding:2rem 0 4rem}.tagcloud .tag{font-size:.82rem;padding:.3rem .7rem}.site-footer{border-top:1px solid var(--line);padding:1.1rem 0;margin-top:0;flex-shrink:0}.site-footer .shell{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);max-width:none;padding-inline:2rem}.site-footer .add{color:var(--add)}.scroll-top{position:fixed;bottom:1.5rem;inset-inline-end:1.5rem;z-index:40;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0000001f;color:var(--ink-soft);cursor:pointer;transition:color .15s,border-color .15s}.scroll-top[hidden]{display:none}.scroll-top:hover{color:var(--ink);border-color:var(--add)}.scroll-top svg{width:18px;height:18px}:focus-visible{outline:2px solid var(--add);outline-offset:2px;border-radius:3px}@media(max-width:560px){html{font-size:16px}.shell{padding-inline:1.25rem}.site-header .shell{gap:.75rem}.brand{min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav{gap:.6rem;flex-shrink:0}.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;inset-inline-end:0;flex-direction:column;align-items:stretch;gap:.15rem;margin-top:.4rem;padding:.4rem;min-width:170px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #00000014;z-index:30}.nav-links[data-open=true]{display:flex}.nav-links a{padding:.5rem .6rem;border-radius:5px;border-bottom:none}.nav-links a:hover{background:var(--add-soft);border-color:transparent}}
