:root{--ink: #1a1816;--muted: #6d685f;--faint: #a09a8f;--rule: #eceae4;--bg: #fcfbf8;--code-bg: #f0ede6;--accent: #2f7d4f;--accent-ink: #246340;--fail: #c0553f;--pre-bg: #1a1816;--pre-ink: #f4f1ea;--serif: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 11px;--sp-4: 16px;--sp-5: 18px;--sp-6: 22px;--sp-7: 30px;--sp-8: 36px;--sp-9: 44px;--sp-10: 60px;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: .9375rem;--fs-body: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--fs-4xl: 2.25rem;--fs-5xl: 2.75rem;color-scheme:light}html[data-theme=dark]{--ink: #f2efe8;--muted: #a7a196;--faint: #6f6a5f;--rule: #2c2922;--bg: #17150f;--code-bg: #221f19;--accent: #42a06c;--accent-ink: #5fbb87;--fail: #e0876c;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--ink: #f2efe8;--muted: #a7a196;--faint: #6f6a5f;--rule: #2c2922;--bg: #17150f;--code-bg: #221f19;--accent: #42a06c;--accent-ink: #5fbb87;--fail: #e0876c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs-body) / 1.65 var(--sans);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}main{max-width:700px;margin:0 auto;padding:var(--sp-8) var(--sp-6) 120px}a{color:var(--accent-ink);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .18s ease}a:hover{background-size:100% 1px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim{opacity:0;animation:rise .55s cubic-bezier(.2,.7,.2,1) forwards}.anim:nth-child(1){animation-delay:.02s}.anim:nth-child(2){animation-delay:.08s}.anim:nth-child(3){animation-delay:.14s}.anim:nth-child(4){animation-delay:.2s}.anim:nth-child(5){animation-delay:.26s}.anim:nth-child(6){animation-delay:.32s}nav{display:flex;align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) 0 var(--sp-8);margin-bottom:var(--sp-2)}nav .navlinks{display:flex;gap:var(--sp-5);font-size:var(--fs-lg)}nav .navlinks a{color:var(--muted);background:none}nav .navlinks a:hover{color:var(--ink)}nav .navlinks a.on{color:var(--ink);background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 1.5px;background-repeat:no-repeat;background-position:0 100%}.theme-toggle{margin-left:auto;align-self:center;background:none;border:0;padding:0;color:var(--muted);cursor:pointer;display:flex;line-height:0}.theme-toggle:hover{color:var(--ink)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:block}.top{display:flex;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-6)}.avatar{width:112px;height:112px;border-radius:50%;flex:none;object-fit:cover;box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--accent)}h1{font-family:var(--serif);font-size:var(--fs-5xl);font-weight:400;line-height:1;margin:0;letter-spacing:.01em}.tag{color:var(--muted);margin-top:var(--sp-1);font-size:var(--fs-body)}.mark{color:var(--ink)}.links{margin:0 0 var(--sp-8);font-size:var(--fs-lg)}.links a{margin-right:var(--sp-5)}.icon-link{background:none;color:var(--muted);vertical-align:-3px}.icon-link:hover{color:var(--ink)}.icon-link svg{width:1.2em;height:1.2em;display:inline-block}.bio{margin-top:var(--sp-6)}.bio p{margin:0 0 var(--sp-4)}.bio p:last-child{margin-bottom:0}.bio b{font-weight:600}.page-h{font-family:var(--serif);font-size:var(--fs-4xl);font-weight:400;line-height:1.05;margin:0 0 var(--sp-2)}.page-sub{color:var(--muted);margin:0 0 var(--sp-7)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--fs-2xl);color:var(--ink);margin:var(--sp-9) 0 var(--sp-4);padding-top:var(--sp-6);border-top:1px solid var(--rule)}h2:first-of-type{margin-top:var(--sp-2);padding-top:0;border-top:none}.row{display:flex;gap:var(--sp-5);padding:var(--sp-2) 0;align-items:baseline}.yr{flex:none;width:160px;color:var(--faint);font-size:var(--fs-sm);font-family:var(--mono);letter-spacing:-.02em;padding-top:2px;white-space:nowrap}.row .body{flex:1 1 auto;min-width:0}.row .title{font-weight:600;color:var(--ink)}.row .desc{margin:var(--sp-1) 0 0;color:var(--ink)}.row .desc .d{color:var(--muted)}.posts{margin-top:var(--sp-9);padding-top:var(--sp-7);border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--sp-7)}.posts.flush{margin-top:0;padding-top:0;border-top:none}.post-title{font-family:var(--serif);font-size:var(--fs-2xl);font-weight:400;line-height:1.2;margin:0}.post-title a{color:var(--ink);background-image:none}.post-title a:hover{color:var(--accent-ink)}.post-meta{margin:var(--sp-2) 0 0;color:var(--faint);font-size:var(--fs-sm);font-family:var(--mono);letter-spacing:-.02em}.post-desc{margin:var(--sp-2) 0 0;color:var(--muted)}.posts .more{margin:0}.pts{margin:var(--sp-1) 0 0;padding-left:var(--sp-6);list-style:disc}.pts li{margin:var(--sp-1) 0;color:var(--ink)}.more{margin:var(--sp-4) 0 0;font-size:var(--fs-lg)}footer{margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--rule);color:var(--faint);font-size:var(--fs-md);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5)}footer .serif{font-family:var(--serif);font-style:italic;font-size:var(--fs-lg);color:var(--muted)}footer .links{margin:0}.prose{font-size:var(--fs-body);line-height:1.7}.prose h2{font-size:var(--fs-3xl);margin-top:var(--sp-8)}.prose h3{font-family:var(--serif);font-size:var(--fs-2xl);font-weight:600;margin:var(--sp-7) 0 var(--sp-2)}.prose p{margin:0 0 var(--sp-5)}.prose ul,.prose ol{margin:0 0 var(--sp-5);padding-left:var(--sp-6)}.prose li{margin:var(--sp-1) 0}.prose pre{background:var(--pre-bg);color:var(--pre-ink);padding:var(--sp-4) var(--sp-5);border-radius:8px;overflow:auto;font-size:var(--fs-md);margin:0 0 var(--sp-5)}.prose code{font-family:var(--mono);font-size:.92em}.prose :not(pre)>code{background:var(--code-bg);padding:1px 5px;border-radius:4px}.prose figure{margin:var(--sp-7) 0}.prose figure svg{max-width:100%}.prose figcaption{margin-top:var(--sp-3);text-align:center;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:var(--fs-md);line-height:1.5}.prose blockquote{border-left:2px solid var(--accent);margin:0 0 var(--sp-5);padding-left:var(--sp-4);color:var(--muted)}.prose .heading-anchor{color:var(--faint);background:none;font-weight:400;opacity:0;transition:opacity .15s ease}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor,.prose .heading-anchor:focus-visible{opacity:1}.prose .heading-anchor:hover{color:var(--accent-ink)}.share{margin-top:var(--sp-9);padding-top:var(--sp-6);border-top:1px solid var(--rule);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.share-label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.share-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5);margin:0;padding:0;list-style:none}.share-links .icon-link{display:inline-flex;vertical-align:middle}.share-links .icon-link svg{width:19px;height:19px}.arsel-form form{margin-top:var(--sp-9);display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-4)}.arsel-title{grid-column:1 / -1;font-family:var(--serif);font-size:var(--fs-2xl);font-weight:400;line-height:1.2;margin:0}.arsel-title:before{content:none}.arsel-description{grid-column:1 / -1;margin:0;color:var(--muted);font-size:var(--fs-lg)}.arsel-field{display:flex;flex-direction:column;gap:var(--sp-2)}.arsel-label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.arsel-input,.arsel-select{font-family:var(--sans);font-size:var(--fs-lg);line-height:1.4;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:6px;padding:var(--sp-2) var(--sp-3);width:100%}.arsel-input::placeholder{color:var(--faint)}.arsel-input:focus,.arsel-select:focus{outline:none;border-color:var(--accent)}.arsel-radio-group{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.arsel-radio-option,.arsel-field>.arsel-label:has(.arsel-checkbox){text-transform:none;font-family:var(--sans);font-size:var(--fs-md);color:var(--ink)}.arsel-submit{align-self:end;font-family:var(--sans);font-size:var(--fs-lg);line-height:1.4;font-weight:500;color:var(--bg);background:var(--accent);border:1px solid transparent;border-radius:6px;padding:var(--sp-2) var(--sp-6);cursor:pointer}.arsel-submit:hover{background:var(--accent-ink)}.arsel-submit:disabled{opacity:.6;cursor:default}.arsel-message{grid-column:1 / -1;font-size:var(--fs-sm)}.arsel-message:empty{display:none}.arsel-success{color:var(--accent-ink)}.arsel-error{color:var(--fail)}.article-head{margin-bottom:var(--sp-8)}.article-title{font-family:var(--serif);font-size:var(--fs-4xl);font-weight:400;line-height:1.08;letter-spacing:.01em;margin:0 0 var(--sp-4)}.article-dek{font-family:var(--serif);font-style:italic;font-size:var(--fs-xl);color:var(--muted);line-height:1.5;margin:0 0 var(--sp-5)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:-.02em;color:var(--faint)}.article-meta .sep{color:var(--rule)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0 0;padding:0;list-style:none}.tag-chip{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);background:var(--code-bg);border-radius:100px;padding:var(--sp-1) var(--sp-3)}.diagram{display:block;width:100%;height:auto;font-family:var(--mono)}.diagram text{fill:var(--muted);font-size:var(--fs-xs);letter-spacing:-.02em}.diagram .t-note{font-size:10.5px}.diagram .t-label{font-size:11px}.diagram .t-lead{font-size:13.5px}.diagram .t-strong{font-weight:600}.diagram .t-ink{fill:var(--ink)}.diagram .t-faint{fill:var(--faint)}.diagram .t-ok{fill:var(--accent-ink)}.diagram .t-fail{fill:var(--fail)}.diagram .t-head{font-weight:600;fill:var(--ink)}.diagram .box{fill:none;stroke:var(--rule);stroke-width:1.5}.diagram .box-fill{fill:var(--code-bg);stroke:var(--rule);stroke-width:1.5}.diagram .conn{fill:none;stroke:var(--rule);stroke-width:1.5}.diagram .ev{fill:var(--faint)}.diagram .ev-ok{fill:var(--accent)}.diagram .ev-fail{fill:var(--fail)}@media(max-width:540px){.row{flex-direction:column;gap:1px;padding:var(--sp-3) 0}.yr{width:auto;font-size:var(--fs-sm)}h1{font-size:var(--fs-4xl)}.page-h{font-size:var(--fs-3xl)}.arsel-form form{grid-template-columns:1fr}.arsel-submit{justify-self:start}}@media(prefers-reduced-motion:reduce){.anim{opacity:1;animation:none}}