@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer base{:root{--paper:#f8f7f3;--ink:#282a26;--muted:#71756b;--rule:#dedfd5;--accent:#57705c;--wash:#eeeee6;--serif:"Noto Serif SC", "Songti SC", "STSong", serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--reader-size:18px;--reader-font:var(--serif);color-scheme:light}:root[data-theme=dark]{--paper:#20231f;--ink:#e1e3d9;--muted:#a3a99b;--rule:#41463b;--accent:#b0c3a4;--wash:#2b3028;color-scheme:dark}:root[data-reader-font=sans]{--reader-font:var(--sans)}:root[data-reader-size=small]{--reader-size:16px}:root[data-reader-size=large]{--reader-size:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,summary,a{-webkit-tap-highlight-color:transparent}button{background:0 0;border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{color:var(--ink);background:color-mix(in srgb, var(--accent) 23%, var(--paper))}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:10px 20px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:16px}main:focus{outline:none}}@layer components{.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:29px 0 25px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.045em;font-size:26px;font-weight:600;line-height:1}.wordmark span{color:var(--accent);margin-left:1px;font-family:Georgia,serif}.site-header nav{align-items:center;gap:31px;font-size:13px;display:flex}.nav-link{color:var(--muted);padding:6px 0;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .26s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.theme-button{color:var(--muted);align-items:center;gap:9px;min-height:32px;padding:6px 0;font-size:12px;display:flex}.theme-button:hover{color:var(--ink)}.theme-dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1px solid;border-radius:50%;width:13px;height:13px;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:rotate(-35deg)}.theme-button:hover .theme-dot{transform:rotate(145deg)}.page-shell{max-width:920px;margin:0 auto}.intro{padding:56px 0 48px}.intro h1{font-family:var(--serif);letter-spacing:-.035em;font-size:clamp(38px,4.4vw,56px);font-weight:400;line-height:1.45}.headline-line{padding-bottom:.055em;display:block;overflow:clip}.headline-line>span{animation:.9s cubic-bezier(.22,1,.36,1) both title-enter;display:block}.headline-line:nth-child(2)>span{animation-delay:90ms}.intro-bottom{justify-content:space-between;align-items:flex-end;margin-top:28px;display:flex}.intro-bottom p{color:var(--muted);font-size:15px;line-height:2}.text-link{color:var(--accent);align-items:center;gap:15px;font-size:12px;display:inline-flex}.text-link span{transition:transform .25s;display:inline-block}.text-link:hover span{transform:translateY(3px)}.section-heading{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding-top:31px;display:flex}.section-heading h2{letter-spacing:.025em;font-size:18px;font-weight:500}.post-count{vertical-align:super;color:var(--muted);margin-left:12px;font-family:Georgia,serif;font-size:11px}.sample-note{color:var(--muted);font-size:11px}.filter-bar{gap:29px;width:fit-content;margin:21px 0 3px;display:flex;position:relative}.filter-bar button{color:var(--muted);min-width:29px;padding:9px 0 11px;font-size:14px;transition:color .2s}.filter-bar button[aria-pressed=true]{color:var(--ink)}.filter-indicator{pointer-events:none;background:var(--accent);width:27px;height:1px;position:absolute;bottom:0;left:0}.post-list{position:relative}.post-row{border-bottom:1px solid var(--rule);isolation:isolate;grid-template-columns:85px 1fr;padding:34px 0 32px;display:grid;position:relative}.post-row:before{content:"";background:var(--wash);z-index:-1;opacity:0;border-radius:3px;transition:opacity .25s;position:absolute;inset:0 -18px}.post-row:has(.post-link:hover):before,.post-row:has(.post-link:focus-visible):before{opacity:1}.post-date{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px;font-family:Georgia,serif;font-size:16px;line-height:1.6}.post-date span{opacity:.8;margin-top:5px;font-size:11px;display:block}.post-link{justify-content:space-between;align-items:center;gap:40px;display:flex}.post-category{color:var(--accent);letter-spacing:.05em;margin-bottom:8px;font-size:12px}.post-category span{color:var(--muted)}.post-copy h3{font-family:var(--serif);font-size:25px;line-height:1.7;transition:color .2s}.featured-row h3{font-size:30px}.post-copy p{color:var(--muted);max-width:625px;margin-top:8px;font-size:15px;line-height:2}.reading-time{color:var(--muted);margin-top:13px;font-size:12px;display:block}.post-arrow{font-family:var(--sans);color:var(--muted);flex-shrink:0;font-size:23px;font-weight:300;transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s}.post-link:hover .post-arrow,.post-link:focus-visible .post-arrow{color:var(--accent);transform:translate(4px,-4px)}.post-link:hover h3{color:var(--accent)}.closing-note{padding:84px 0 88px;position:relative}.site-footer{border-top:1px solid var(--rule);max-width:1100px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:29px 0 33px;font-size:10px;display:flex}.site-footer div{gap:24px;display:flex}.site-footer a:hover{color:var(--accent)}.reading-progress{z-index:90;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.reading-progress>div{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.article-shell{max-width:700px;margin:0 auto;padding:48px 0 65px}.article-toolbar{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.back-link{color:var(--muted);font-size:12px;transition:color .2s}.back-link:hover{color:var(--accent)}.reader-settings{z-index:10;position:relative}.reader-settings summary{color:var(--muted);cursor:pointer;align-items:center;gap:16px;padding:7px 0 7px 15px;font-size:12px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.reader-settings summary span{color:var(--ink);font-family:Georgia,serif;font-size:17px}.settings-popover{background:var(--paper);border:1px solid var(--rule);border-radius:7px;width:236px;padding:20px;animation:.2s popover-enter;position:absolute;top:43px;right:0;box-shadow:0 12px 35px #0000000a}.settings-popover p{color:var(--muted);margin-bottom:10px;font-size:11px}.settings-popover p:not(:first-child){margin-top:18px}.settings-options{gap:6px;display:flex}.settings-options button{background:var(--wash);border-radius:3px;flex:1;padding:7px;font-size:12px}.settings-options button[aria-pressed=true]{color:var(--paper);background:var(--accent)}.article-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:24px;font-size:11px;display:flex}.article-meta>span:first-child{color:var(--accent)}.article-header h1{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;font-size:40px;font-weight:600;line-height:1.65}.article-deck{font-family:var(--serif);color:var(--muted);margin-top:25px;font-size:17px;line-height:2}.article-sample{color:var(--muted);margin-top:22px;font-size:10px}.article-header{border-bottom:1px solid var(--rule);margin-bottom:40px;padding-bottom:33px}.article-toc{border-bottom:1px solid var(--rule);margin-bottom:36px;padding-bottom:22px}.article-toc summary{cursor:pointer;color:var(--muted);justify-content:space-between;font-size:12px;list-style:none;display:flex}.article-toc[open] summary span{transform:rotate(45deg)}.article-toc summary span{transition:transform .25s}.article-toc nav{color:var(--muted);flex-direction:column;gap:8px;padding-top:16px;font-size:12px;display:flex}.article-toc a:hover{color:var(--accent)}.prose{font-family:var(--reader-font);font-size:var(--reader-size);overflow-wrap:break-word;letter-spacing:.015em;line-height:2.1}.prose p{margin-bottom:1.55em}.prose h2{margin:2.5em 0 1em;scroll-margin-top:48px;font-size:1.25em;font-weight:600;line-height:1.8}.prose h3{margin:1.7em 0 .7em;font-size:1.05em;font-weight:600}.prose blockquote{border-left:2px solid var(--accent);color:var(--accent);margin:2em 0;padding:6px 0 6px 25px}.prose blockquote p{margin:0}.prose a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.prose ul,.prose ol{margin:1.3em 0;padding-left:1.5em}.prose li{margin:.45em 0;padding-left:.2em}.prose code{background:var(--wash);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.85em}.prose pre{border-radius:4px;margin:1.5em 0;padding:20px;line-height:1.7;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;max-width:100%;margin:1.5em 0;font-size:.9em;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--rule);text-align:left;padding:9px 14px}.article-end{text-align:center;color:var(--muted);margin:54px 0 61px;font-size:11px}.article-end>span{font-family:var(--serif);color:var(--accent);margin-bottom:17px;font-size:22px;display:block}.next-post{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:27px 40px 29px 0;display:block;position:relative}.next-post>span:first-child{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.next-post strong{font-family:var(--serif);font-size:23px;font-weight:400}.next-arrow{color:var(--accent);font-size:24px;transition:transform .25s;position:absolute;top:50%;right:0}.next-post:hover .next-arrow{transform:translate(3px,-3px)}.back-to-top{text-align:center;color:var(--muted);margin-top:37px;font-size:11px;display:block}.about-page{padding-top:60px}.about-page h1{font-family:var(--serif);margin:70px 0 40px;font-size:37px;line-height:1.7}}@keyframes title-enter{0%{opacity:.3;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (width<=1190px){.site-header,.site-footer{margin-left:40px;margin-right:40px}.page-shell{margin-left:80px;margin-right:80px}}@media (width<=800px){.article-shell{margin-left:35px;margin-right:35px}.page-shell{margin-left:40px;margin-right:40px}.intro{padding-top:62px;padding-bottom:61px}.intro h1{font-size:46px}.post-copy h3{font-size:23px}.featured-row h3{font-size:26px}}@media (width<=520px){html{scrollbar-gutter:auto}.site-header{margin:0 24px;padding-top:26px;padding-bottom:22px}.wordmark{font-size:24px}.site-header nav{gap:22px}.theme-button{justify-content:center;gap:0;min-width:22px;font-size:0}.theme-dot{width:15px;height:15px}.page-shell{margin:0 24px}.intro{padding:65px 0 52px}.intro h1{letter-spacing:-.04em;font-size:clamp(30px,8.5vw,42px);line-height:1.65}.intro-bottom{align-items:flex-start;gap:20px;margin-top:25px}.intro-bottom p{font-size:14px;line-height:2.15}.intro-bottom .text-link{white-space:nowrap;gap:8px;margin-top:3px;font-size:11px}.section-heading{padding-top:26px;display:block}.section-heading h2{font-size:16px}.sample-note{margin-top:8px;font-size:10px}.filter-bar{gap:28px;margin-top:14px}.filter-bar button{min-height:42px}.post-row{grid-template-columns:45px 1fr;padding:27px 0}.post-date{font-size:12px}.post-date span{font-size:9px}.post-link{gap:13px}.post-copy h3,.featured-row h3{text-wrap:pretty;font-size:21px;line-height:1.8}.post-copy p{margin-top:9px;font-size:14px;line-height:1.95}.post-arrow{font-size:19px}.post-row:before{inset:0 -10px}.closing-note{padding:68px 0 64px}.site-footer{flex-direction:column;gap:14px;margin:0 24px;padding:25px 0;font-size:10px}.site-footer div{justify-content:space-between}.article-shell{margin:0 25px;padding-top:29px}.article-toolbar{margin-bottom:45px}.article-meta{gap:13px;margin-bottom:21px;font-size:10px}.article-header h1{font-size:29px;line-height:1.7}.article-deck{margin-top:24px;font-size:15px}.article-header{margin-bottom:29px}.prose{font-size:calc(var(--reader-size) - 1px);letter-spacing:0;line-height:2.08}.prose h2{margin-top:2em}.next-post strong{font-size:21px}.about-page h1{margin-top:47px;font-size:29px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.personal-site{--paper:#faf9f6;--ink:#30312f;--muted:#6b6c66;--rule:#e5e4de;--accent:#565fc6;--wash:#f0efea}[data-theme=dark] .personal-site{--paper:#222321;--ink:#e6e5df;--muted:#a7a8a0;--rule:#3d3e39;--accent:#a6adf4;--wash:#2d2e2a}.personal-site .site-header{border:0;max-width:680px;padding:53px 0 31px}.personal-site .wordmark{letter-spacing:-.07em;font-family:Georgia,Times New Roman,serif;font-size:29px;font-style:italic;font-weight:400}.personal-site .site-header>nav{gap:25px}.personal-site .theme-button{margin-left:3px}.personal-site .site-footer{max-width:680px;padding:28px 0 40px;font-size:12px}.personal-site .site-header,.personal-site .site-footer,.personal-site .article-shell,.personal-site .page-shell{margin-left:auto;margin-right:auto}.personal-home{max-width:680px;margin:0 auto;padding-bottom:50px}.hello-section{padding:42px 0 59px}.hello-heading{align-items:center;gap:13px;width:fit-content;display:flex;position:relative}.hello-heading h1{font-family:var(--serif);letter-spacing:-.025em;font-size:34px;font-weight:600;line-height:1.7}.personal-name{letter-spacing:-.065em;padding:0 4px 0 1px;font-family:Georgia,serif;font-size:1.26em;font-style:italic;font-weight:400;display:inline-block;position:relative}.personal-name svg{fill:none;width:calc(100% + 9px);height:12px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;position:absolute;bottom:0;left:-4px;overflow:visible}.personal-name path{stroke-dasharray:130;stroke-dashoffset:130px;animation:.9s .18s forwards name-line}.hello-star{width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;padding:5px;transition:transform .55s cubic-bezier(.34,1.56,.64,1),background .2s;display:grid;transform:rotate(-8deg)}.hello-star svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;width:30px;height:30px}.hello-star:hover,.hello-star:focus-visible{background:color-mix(in srgb, var(--accent) 8%, transparent);transform:rotate(82deg)scale(1.12)}.hello-star.is-waving{animation:.8s cubic-bezier(.22,1,.36,1) star-hello}.hello-reply{color:var(--accent);pointer-events:none;font-size:12px;position:absolute;top:-22px;left:0}.hello-lead{letter-spacing:.015em;margin-top:24px;font-size:19px;line-height:1.9}.hello-body{color:var(--muted);margin-top:12px;font-size:15px;line-height:2}.personal-inline{color:var(--accent);align-items:center;gap:7px;margin-top:20px;font-size:13px;display:inline-flex}.personal-inline span{transition:transform .25s;display:inline-block}.personal-inline:hover span{transform:translate(2px,-2px)}.currently{color:var(--muted);align-items:center;gap:9px;margin-top:33px;font-size:12px;display:flex}.currently-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:50%;flex-shrink:0;margin-right:3px}.currently a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}.currently a:hover{color:var(--accent);text-decoration-color:var(--accent)}.personal-section-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.personal-section-heading h2{letter-spacing:.04em;font-size:15px;font-weight:500}.personal-section-heading>a,.personal-section-heading>span{color:var(--muted);font-size:12px}.personal-section-heading>a:hover{color:var(--accent)}.personal-demo-note{color:var(--muted);margin:11px 0 15px;font-size:12px}.personal-post{border-bottom:1px solid var(--rule);isolation:isolate;justify-content:space-between;align-items:center;gap:30px;padding:21px 0 20px;display:flex;position:relative}.personal-post:before{content:"";background:var(--wash);opacity:0;z-index:-1;border-radius:6px;transition:opacity .22s;position:absolute;inset:5px -15px}.personal-post:hover:before,.personal-post:focus-visible:before{opacity:1}.personal-post h3{font-family:var(--serif);font-size:20px;line-height:1.8;transition:color .2s,transform .3s cubic-bezier(.22,1,.36,1)}.personal-post:hover h3{color:var(--accent);transform:translate(3px)}.personal-post-category{color:var(--muted);margin-top:4px;font-size:12px;display:block}.personal-post-end{color:var(--muted);flex-shrink:0;align-items:center;gap:23px;display:flex}.personal-post time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.personal-post-end>span{font-size:17px;transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s}.personal-post:hover .personal-post-end>span{color:var(--accent);transform:translate(3px,-3px)}.personal-making{margin-top:55px;scroll-margin-top:45px}.personal-making .personal-section-heading{margin-bottom:18px}.making-item{align-items:center;gap:17px;padding:18px 0;display:flex}.making-mark{background:color-mix(in srgb, var(--accent) 7%, var(--paper));width:45px;height:45px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 12%, var(--rule));border-radius:11px;flex-shrink:0;place-items:center;font-family:Georgia,serif;font-size:26px;font-style:italic;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.making-item:hover .making-mark{transform:rotate(-7deg)translateY(-2px)}.making-copy{flex:1}.making-copy strong{font-size:14px;font-weight:500;line-height:1.8}.making-copy>span{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.9;display:block}.making-arrow{color:var(--muted);transition:transform .25s,color .2s}.making-item:hover .making-arrow{color:var(--accent);transform:translate(2px,-2px)}.personal-footnote{border-top:1px dashed var(--rule);gap:17px;margin-top:60px;padding:27px 0 11px;display:flex}.footnote-number{color:var(--accent);font-family:var(--serif);font-size:22px;line-height:1.5}.personal-footnote p{font-family:var(--serif);color:var(--muted);font-size:15px;line-height:2}.personal-signature{letter-spacing:-.065em;transform-origin:0;color:var(--ink);margin-top:18px;font-family:Georgia,serif;font-size:25px;font-style:italic;display:block;transform:rotate(-7deg)}.personal-site .page-shell{max-width:680px}.personal-site .intro h1{font-size:34px}.personal-site .intro{padding:43px 0}.personal-site .post-row{grid-template-columns:68px 1fr}.personal-site .post-copy h3,.personal-site .featured-row h3{font-size:24px}.personal-site .article-shell{max-width:680px}.personal-site .article-header h1{font-size:36px}.personal-site .about-page{padding-top:30px}.personal-site .about-page h1{margin:42px 0 30px;font-size:34px}.personal-site .not-found{padding:60px 0 40px}.personal-site .not-found-code{font-family:var(--serif);color:var(--accent);margin:0 0 36px;font-size:64px;line-height:1}.personal-site .not-found section+section{border-top:1px solid var(--rule);margin-top:26px;padding-top:26px}.personal-site .not-found h2{margin:0 0 8px;font-size:24px}.personal-site .not-found p{color:var(--muted);margin:0}.personal-site .not-found a{color:var(--accent)}@keyframes name-line{to{stroke-dashoffset:0}}@keyframes star-hello{0%{transform:rotate(-8deg)scale(1)}40%{transform:rotate(170deg)scale(1.25)}to{transform:rotate(352deg)scale(1)}}@media (width<=800px){.personal-site .site-header,.personal-site .site-footer,.personal-site .article-shell,.personal-site .page-shell,.personal-home{margin-left:30px;margin-right:30px}.personal-site .site-header{padding-top:32px;padding-bottom:23px}.hello-section{padding-top:35px}}@media (width<=520px){.personal-site .site-header,.personal-site .site-footer,.personal-site .article-shell,.personal-site .page-shell,.personal-home{margin-left:24px;margin-right:24px}.personal-site .site-header>nav{gap:19px}.personal-site .wordmark{font-size:27px}.hello-section{padding-top:25px;padding-bottom:45px}.hello-heading h1{font-size:clamp(24px,7vw,27px)}.hello-heading{gap:2px}.hello-star{width:38px;height:38px}.hello-star svg{width:26px;height:26px}.hello-lead{margin-top:22px;font-size:17px}.hello-body{font-size:14px}.currently{flex-wrap:wrap;gap:7px;margin-top:29px;font-size:12px}.personal-demo-note{font-size:12px;line-height:1.9}.personal-post{gap:12px;padding:18px 0}.personal-post h3{font-size:17px;line-height:1.85}.personal-post-end{gap:10px}.personal-post time{font-size:11px}.personal-post-end>span{font-size:15px}.personal-making{margin-top:44px}.personal-section-heading{gap:12px}.personal-section-heading>span{font-size:12px}.making-item{align-items:flex-start;gap:13px}.making-copy>span{font-size:12px}.making-arrow{padding-top:8px}.personal-footnote{margin-top:41px}.personal-site .site-footer{font-size:12px}.personal-site .intro h1{font-size:29px}.personal-site .post-row{grid-template-columns:43px 1fr}.personal-site .post-copy h3,.personal-site .featured-row h3{font-size:21px}.personal-site .article-header h1{font-size:28px}.personal-site .about-page h1{font-size:29px}}@media (prefers-reduced-motion:reduce){.personal-name path{stroke-dashoffset:0}}.preserve-lines{white-space:pre-line}.personal-site .site-header{z-index:30;grid-template-columns:1fr auto auto;align-items:center;gap:24px;display:grid;position:relative}.language-picker{z-index:20;font-size:12px;position:relative}.language-picker summary{cursor:pointer;color:var(--muted);align-items:center;gap:5px;padding:8px 0;list-style:none;display:flex}.language-picker summary::-webkit-details-marker{display:none}.language-picker[open] summary{color:var(--accent)}.personal-site .language-menu{border:1px solid var(--rule);background:var(--paper);border-radius:9px;gap:0;min-width:145px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #0000000c}.language-menu a,.language-unavailable{border-radius:4px;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.language-menu a:hover,.language-menu a[aria-current]{color:var(--accent);background:var(--wash)}.language-unavailable{color:var(--muted)}html:not(:lang(zh)){--serif:Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html:not(:lang(zh)) .prose{line-height:1.85}html:not(:lang(zh)) .personal-post h3,html:not(:lang(zh)) .hello-heading h1{line-height:1.45}html:not(:lang(zh)) .post-date{font-size:12px}html:not(:lang(zh)) .settings-popover{width:290px;max-width:calc(100vw - 48px)}html:not(:lang(zh)) .settings-options button{padding:8px;font-size:12px}.hello-star{flex-shrink:0}@media (width<=600px){.personal-site .site-header{grid-template-columns:1fr auto;gap:14px 16px}.personal-site .site-header>nav{grid-area:2/1/auto/-1;justify-content:flex-start;gap:24px}.personal-site .site-header>nav .theme-button{justify-content:center;min-width:44px;min-height:44px;margin-left:auto}.language-picker{grid-area:1/2}.personal-site .site-header>nav>a{font-size:13px}html:not(:lang(zh)) .personal-post{align-items:flex-start}html:not(:lang(zh)) .personal-post-end{padding-top:5px}html:not(:lang(zh)) .personal-site .post-row{grid-template-columns:57px 1fr}.personal-section-heading>span{text-align:right}.article-toolbar{flex-wrap:wrap;gap:14px}}.post-link,.post-copy,.personal-post>div,.making-copy{min-width:0}html:lang(fr) .prose{hyphens:auto}.personal-site :is(.article-meta,.post-count,.settings-popover p,.article-end,.next-post>span:first-child,.back-to-top,.post-date span,.article-updated){font-size:12px}@media (width<=600px){.personal-site :is(.article-meta,.intro-bottom .text-link){font-size:12px}.personal-site .post-date span{font-size:11px}}.prose table{font-variant-numeric:tabular-nums}html:lang(zh) .prose em{color:var(--muted);font-style:normal}html:lang(zh) .prose em :lang(en),html:lang(zh) .prose em :lang(fr){font-style:italic}.not-found section:not(:lang(zh)){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.not-found section:not(:lang(zh)) h2{font-family:Georgia,Times New Roman,serif;font-weight:400}@media (width<=400px){html:not(:lang(zh)) .filter-bar{gap:16px}html:not(:lang(zh)) .filter-bar button{font-size:12px}}@media (width<=600px){.reader-settings{margin-left:auto}}.prose :is(p,li){text-wrap:pretty}.prose :is(h2,h3){text-wrap:balance}.toc-rail{display:none}@media (width>=1240px){.article-body{position:relative}.article-toc{display:none}.toc-rail{width:184px;display:block;position:absolute;top:0;bottom:0;right:calc(100% + 64px)}.toc-rail nav{scrollbar-width:thin;max-height:calc(100vh - 136px);color:var(--muted);font-size:12px;line-height:1.65;display:grid;position:sticky;top:104px;overflow-y:auto}.toc-rail p{letter-spacing:.04em;margin-bottom:10px}.toc-rail a{border-left:1px solid var(--rule);padding:5px 0 5px 13px;transition:color .2s,border-color .2s}.toc-rail a:hover{color:var(--ink)}.toc-rail a[aria-current]{color:var(--accent);border-left-color:var(--accent)}}.article-illustration{width:fit-content;color:var(--ink);margin-bottom:24px}.article-illustration svg{max-width:100%;height:auto;display:block}:is(.article-illustration,.post-thumb) .faint{stroke:color-mix(in srgb, var(--muted) 45%, var(--paper))}:is(.article-illustration,.post-thumb) .accent{stroke:var(--accent)}:is(.article-illustration,.post-thumb) .accent-fill{fill:var(--accent);stroke:var(--accent)}@media (width<=520px){.article-illustration{margin-bottom:18px}}.post-link{grid-template-columns:minmax(0,1fr) auto;gap:0 40px;display:grid}.post-copy{grid-area:2/1}.post-arrow{grid-area:1/2/span 2}.post-thumb{height:54px;color:var(--muted);pointer-events:none;grid-area:1/1;justify-self:start;margin:2px 0 18px;transition:color .25s}.post-thumb svg{stroke-width:2px;width:auto;height:100%;display:block;overflow:visible}.post-link:is(:hover,:focus-visible) .post-thumb{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.post-link:is(:hover,:focus-visible) .post-thumb :is(path,circle,rect,line,polyline,polygon,ellipse){animation:1.1s cubic-bezier(.45,0,.2,1) both thumb-draw}}@keyframes thumb-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1.02px}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@media (width<=520px){.post-link{gap:0 13px}.post-thumb{height:44px;margin-bottom:14px}.post-thumb svg{stroke-width:2.3px}}:is(.post-copy h3,.personal-post h3,.article-header h1){width:fit-content}@media print{:root[data-theme] .personal-site,.personal-site{--paper:#fff;--ink:#111;--muted:#555;--rule:#ccc;--accent:#333;--wash:#f2f2f2}.skip-link,.reading-progress,.site-header,.site-footer,.article-toolbar,.article-toc,.toc-rail,.article-end,.next-post,.back-to-top{display:none!important}.personal-site .article-shell{max-width:none;margin:0;padding:0}.prose{font-size:11.5pt;line-height:1.9}.prose a{text-decoration:none}.prose :is(h2,h3){break-after:avoid}.prose p{orphans:3;widows:3}}