:root{color-scheme:light;--bg:#faf9f6;--surface:#f2f0eb;--surface-hover:#ece9e2;--panel:#fffdf9;--selected:#fffdf9;--text:#2c2b28;--body:#45433e;--muted:#706c65;--line:#e3e0d8;--accent:#466659;--accent-soft:#e4ece7;--switch-off:#77736c;--switch-thumb:#fffdf9;--panel-shadow:0 12px 32px #35302512;--font:"Noto Sans SC Variable", "Noto Sans SC", sans-serif;--reading-font:var(--font);--reading-size:19px}:root[data-accent=ocean]{--accent:#466879;--accent-soft:#e2ebee}:root[data-accent=umber]{--accent:#786348;--accent-soft:#efe8dd}:root[data-accent=plum]{--accent:#6a5b79;--accent-soft:#ece6f0}:root[data-theme=dark]{color-scheme:dark;--bg:#191a1c;--surface:#25272a;--surface-hover:#303237;--panel:#232528;--selected:#2b352f;--text:#e4e3df;--body:#c9c8c3;--muted:#a6a39d;--line:#383a3e;--accent:#a3bda8;--accent-soft:#2c3830;--switch-off:#777b83;--panel-shadow:0 12px 32px #10111333}:root[data-theme=dark][data-accent=ocean]{--accent:#a5bbc7;--accent-soft:#2a363c}:root[data-theme=dark][data-accent=umber]{--accent:#c9b594;--accent-soft:#3b3329}:root[data-theme=dark][data-accent=plum]{--accent:#bbb0cb;--accent-soft:#342e3d}:root[data-font-family=serif]{--reading-font:"Liuqiao Reading Serif", "Noto Serif SC", "Songti SC", serif}:root[data-font-size=small]{--reading-size:17px}:root[data-font-size=large]{--reading-size:21px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:32px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:400;line-height:1.7}::selection{background:var(--accent-soft);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.shell{width:min(740px,100% - 80px);margin-inline:auto}.icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--text);color:var(--bg);z-index:10;padding:10px 18px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex}.brand-name{letter-spacing:.1em;font-size:22px;font-weight:550}.header-right,.header-tools,.site-header nav{align-items:center;display:flex}.site-header nav{gap:22px}.site-header nav a{color:var(--muted);padding-block:12px;font-size:13px;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--text)}.site-header nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.site-header nav a.active:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.header-tools{gap:4px;margin-left:14px}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text);background:var(--surface)}main{min-height:calc(100dvh - 176px)}.home-page{padding-top:44px;padding-bottom:70px}.welcome-page{z-index:20;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--bg);place-items:center;display:none;position:fixed;inset:0}.welcome-inner{width:min(620px,100%)}.hello-mark{text-align:center}.hello-word{color:#666962;width:min(244px,100%);height:auto;margin-inline:auto;display:block}:root[data-theme=dark] .hello-word{color:#c4c7bf}.hello-stroke{stroke-dasharray:1;stroke-dashoffset:0}#writing{scroll-margin-top:0}#writing:focus{outline:none}.page-heading{margin-bottom:50px}.page-heading h1{letter-spacing:.02em;text-wrap:balance;font-size:34px;font-weight:500;line-height:1.5}.post-row{border-bottom:1px solid var(--line);grid-template-columns:100px minmax(0,1fr);gap:26px;padding:28px 0 30px;display:grid}.post-row:first-child{padding-top:0}.post-row:last-child{border-bottom:0}.row-date{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:8px;font-size:12px}.row-link{font-family:var(--reading-font);display:block}.row-link h2{letter-spacing:-.01em;text-wrap:balance;font-size:22px;font-weight:450;line-height:1.65}.row-link p{color:var(--muted);max-width:560px;margin-top:10px;font-size:14px;line-height:1.95}.row-link:hover h2,.row-link:focus-visible h2{color:var(--accent)}.title-ink{background:linear-gradient(var(--accent), var(--accent)) left bottom / 0% 1px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:3px}.row-link:focus-visible .title-ink{background-size:100% 1px}@media (hover:hover){.row-link:hover .title-ink{background-size:100% 1px}.site-header nav a:hover:after{transform:scaleX(1)}}.empty-note{color:var(--muted);padding:30px 0;font-size:14px}.site-footer{border-top:1px solid var(--line);min-height:104px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{color:var(--muted);padding:10px 0;font-size:12px}.footer-links a:hover{color:var(--text)}.inner-page{padding-top:44px;padding-bottom:80px}.archive-year{margin-bottom:44px}.archive-year-heading{color:var(--muted);margin-bottom:27px;font-size:18px;font-weight:450}.archive-year .row-link h2{font-size:20px}.archive-year .row-link p{display:none}.archive-year .post-row{padding-block:19px}.about-text{max-width:660px}.about-text.prose{font-size:var(--reading-size);line-height:2}.article-wrap{width:min(680px,100% - 80px);padding-top:32px;padding-bottom:65px}.article-topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;display:flex}.back-link,.text-link{color:var(--muted);align-items:center;gap:8px;padding:5px 0;font-size:12px;display:inline-flex}.back-link:hover,.text-link:hover{color:var(--accent)}.back-link .icon,.text-link .icon{width:15px;height:15px}.article-tools{align-items:center;gap:22px;display:flex}.reading-menu{position:relative}.reading-menu summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:12px;list-style:none}.reading-menu summary::-webkit-details-marker{display:none}.reading-menu summary:hover,.reading-menu[open] summary{color:var(--text)}.reading-menu-panel{background:var(--panel);border:1px solid var(--line);min-width:155px;box-shadow:var(--panel-shadow);z-index:1;border-radius:6px;padding:10px;position:absolute;top:calc(100% + 8px);right:0}.toc{gap:2px;width:min(290px,100vw - 52px);display:grid}.toc a{color:var(--muted);padding:8px 9px;font-size:12px;line-height:1.8;display:block}.toc a:hover,.toc a.active{color:var(--text);background:var(--surface)}.reading-settings summary{border-radius:6px;place-items:center;width:44px;height:44px;padding:0;display:grid}.reading-settings summary .icon{width:20px;height:20px}.reading-settings[open] summary{background:var(--surface);color:var(--text)}.settings-panel{width:280px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;z-index:5;border-radius:10px;padding:18px;overflow-y:auto}.settings-label{color:var(--muted);margin-bottom:12px;font-size:13px}.settings-section{margin-top:18px}.reading-font-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.reading-font-controls button{border:1px solid var(--line);border-radius:5px;min-height:48px;padding:8px 4px;font-size:14px}.reading-font-controls button:hover{background:var(--surface)}.reading-font-controls button.selected{border-color:var(--accent);background:var(--accent-soft)}.theme-color-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.theme-color-controls button{border:1px solid #0000;border-radius:5px;place-items:center;min-width:44px;min-height:44px;padding:6px 0;display:grid}.theme-color-controls button:hover{background:var(--surface)}.theme-color-controls button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.color-swatch{background:var(--swatch);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.theme-color-controls button.selected .color-swatch:after{content:"";border-left:1.5px solid var(--panel);border-bottom:1.5px solid var(--panel);width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.theme-color-controls [data-accent=pine]{--swatch:#466659}.theme-color-controls [data-accent=ocean]{--swatch:#466879}.theme-color-controls [data-accent=umber]{--swatch:#786348}.theme-color-controls [data-accent=plum]{--swatch:#6a5b79}:root[data-theme=dark] .theme-color-controls [data-accent=pine]{--swatch:#a3bda8}:root[data-theme=dark] .theme-color-controls [data-accent=ocean]{--swatch:#a5bbc7}:root[data-theme=dark] .theme-color-controls [data-accent=umber]{--swatch:#c9b594}:root[data-theme=dark] .theme-color-controls [data-accent=plum]{--swatch:#bbb0cb}.font-controls{background:var(--surface);border-radius:5px;gap:4px;padding:3px;display:flex}.font-controls button{min-width:0;height:44px;color:var(--muted);border-radius:3px;flex:1;padding:0;font-size:13px}.font-controls button:hover{color:var(--text)}.font-controls button.selected{background:var(--selected);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:500}.font-controls button:focus-visible{outline-offset:1px}.theme-toggle{border-top:1px solid var(--line);width:100%;min-height:60px;color:var(--text);justify-content:space-between;align-items:center;margin-top:16px;padding:16px 0 0;font-size:14px;display:flex}.theme-system{width:100%;min-height:44px;color:var(--muted);border-radius:4px;margin-top:10px;font-size:12px}.theme-system:hover{background:var(--surface);color:var(--text)}.theme-system[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.switch-track{background:var(--switch-off);border-radius:20px;align-items:center;width:44px;height:26px;padding:3px;display:flex}.switch-thumb{background:var(--switch-thumb);border-radius:50%;width:20px;height:20px}.theme-toggle[aria-checked=true] .switch-track{background:var(--accent)}.theme-toggle[aria-checked=true] .switch-thumb{transform:translate(18px)}:root[data-theme=dark] .theme-toggle[aria-checked=true] .switch-thumb{background:var(--bg)}.article-header h1,.page-heading h1{font-family:var(--reading-font)}.article-header{margin-bottom:45px}.article-header h1{letter-spacing:-.025em;text-wrap:balance;font-size:33px;font-weight:500;line-height:1.65}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:17px;margin-top:19px;font-size:12px;display:flex}.prose{color:var(--body);font-family:var(--reading-font);font-size:var(--reading-size);overflow-wrap:break-word;line-height:2}.prose p{margin-bottom:1.35em}.prose h2{color:var(--text);margin:2.2em 0 1em;scroll-margin-top:35px;font-size:1.13em;font-weight:550;line-height:1.7}.prose h3{color:var(--text);margin:1.9em 0 .8em;font-size:1.05em;font-weight:550}.prose strong{color:var(--text);font-weight:550}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline 1px}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.5em}.prose li{margin-bottom:.4em;padding-left:.3em}.prose li::marker{color:var(--muted)}.prose blockquote{border-left:1px solid var(--line);color:var(--muted);margin:1.8em 0;padding:.2em 0 .2em 1.2em}.prose blockquote p{margin:0}.prose pre{border:1px solid var(--line);border-radius:3px;margin:1.5em 0;padding:20px;font-size:.75em;line-height:1.8;overflow-x:auto}.prose code{background:var(--surface);border-radius:2px;padding:.12em .35em;font-family:Cascadia Code,Consolas,monospace;font-size:.85em}.prose pre code{background:0 0;padding:0}.prose img{margin:1.8em auto}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{border-collapse:collapse;max-width:100%;margin:1.5em 0;font-size:.85em;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:.6em .9em}.article-ending{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:58px;padding-top:22px;display:flex}.copy-label{text-align:left;min-width:9em;display:inline-block}.copy-icons{width:15px;height:15px;display:grid}.copy-icons .icon{grid-area:1/1}.copy-icons .icon:last-child{opacity:0}#copy-link[data-copied]{color:var(--accent)}#copy-link[data-copied] .copy-icons .icon:first-child{opacity:0}#copy-link[data-copied] .copy-icons .icon:last-child{opacity:1}.not-found{padding:90px 0}.error-number{color:var(--muted);font-size:13px}.not-found h1{margin:20px 0;font-size:30px;font-weight:450}.not-found p{color:var(--muted);margin-bottom:26px;font-size:14px}.search-dialog{border:1px solid var(--line);background:var(--panel);width:min(580px,100% - 36px);max-height:min(650px,100dvh - 80px);color:var(--text);border-radius:8px;margin:12dvh auto auto;padding:0;overflow:hidden}.search-dialog::backdrop{background:#15130f66}.search-top{justify-content:space-between;align-items:center;padding:22px 24px 12px;display:flex}.search-top h2{font-size:18px;font-weight:500}.search-field{border:1px solid var(--line);border-radius:3px;align-items:center;gap:12px;margin:0 24px 20px;padding:12px 15px;display:flex}.search-field>.icon{color:var(--muted)}.search-field:focus-within{border-color:var(--accent)}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.search-field input::placeholder{color:var(--muted)}.search-field kbd{color:var(--muted);border:1px solid var(--line);padding:1px 4px;font-size:12px}.search-results{max-height:min(365px,100dvh - 310px);padding:0 16px 12px;overflow-y:auto}.search-count{color:var(--muted);padding:8px 12px 13px;font-size:12px}.search-hint{text-align:center;color:var(--muted);padding:35px 15px;font-size:12px}.search-result{border-radius:3px;padding:15px 12px;display:block}.search-result:hover,.search-result:focus-visible{background:var(--surface)}.search-result h3{margin:5px 0;font-size:16px;font-weight:450;line-height:1.7}.search-result p{color:var(--muted);font-size:12px;line-height:1.8}.search-result .search-result-meta{color:var(--muted);font-size:12px}.search-result mark{color:var(--accent);background:var(--accent-soft);padding:0 2px}.search-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:13px 24px;font-size:12px;display:flex}.search-retry{color:var(--accent);margin:-10px auto 20px;font-size:12px;text-decoration:underline;display:block}@media (prefers-reduced-motion:no-preference){:root{--motion-fast:.15s;--motion-feedback:.18s;--motion-enter:.2s;--motion-ease:cubic-bezier(.2, 0, 0, 1)}a,button,summary,.row-link h2{transition:color var(--motion-feedback), background-color var(--motion-feedback), border-color var(--motion-feedback)}.title-ink{transition:background-size var(--motion-feedback) var(--motion-ease)}.site-header nav a:after{transition:transform var(--motion-feedback) var(--motion-ease)}.switch-track{transition:background-color var(--motion-feedback)}.switch-thumb{transition:transform var(--motion-feedback) var(--motion-ease)}.copy-icons .icon{transition:opacity var(--motion-fast)}.reading-menu[open] .reading-menu-panel{animation:settings-enter var(--motion-enter) var(--motion-ease)}.search-dialog{opacity:0;transition:opacity var(--motion-fast), transform var(--motion-fast) var(--motion-ease), display var(--motion-fast) allow-discrete, overlay var(--motion-fast) allow-discrete;transform:translateY(-4px)}.search-dialog[open]{opacity:1;transition-duration:var(--motion-enter);transform:none}.search-dialog:not([open]){pointer-events:none}.search-dialog::backdrop{opacity:0;transition:opacity var(--motion-fast), display var(--motion-fast) allow-discrete, overlay var(--motion-fast) allow-discrete}.search-dialog[open]::backdrop{opacity:1}@starting-style{.search-dialog[open]{opacity:0;transform:translateY(-4px)}.search-dialog[open]::backdrop{opacity:0}}@supports selector(details::details-content){.reading-menu::details-content{transition:content-visibility var(--motion-fast) allow-discrete}.reading-menu:not([open]) .reading-menu-panel{opacity:0;pointer-events:none;transition:opacity var(--motion-fast), transform var(--motion-fast);transform:translateY(-3px)}}@view-transition{navigation:auto}main{view-transition-name:reading-page}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(root),::view-transition-group(reading-page){animation:none}::view-transition-old(reading-page){mix-blend-mode:normal;animation:.12s ease-out both page-out}::view-transition-new(reading-page){mix-blend-mode:normal;animation:.2s ease-out both page-in}:root[data-welcome=active] .welcome-page{animation:.6s cubic-bezier(.4,0,.2,1) 1.9s both welcome-dismiss;display:grid}:root[data-welcome=active] .hello-stroke{animation:hello-write var(--pen-duration) cubic-bezier(.4, 0, .2, 1) var(--pen-delay) both}}@keyframes hello-write{0%{stroke-dashoffset:1px;opacity:0}.01%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-dismiss{0%{opacity:1}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes settings-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes page-in{0%{opacity:0}to{opacity:1}}@keyframes page-out{0%{opacity:1}to{opacity:0}}@media (width<=767px){html{scrollbar-gutter:auto}:root{--reading-size:17px}:root[data-font-size=small]{--reading-size:16px}:root[data-font-size=large]{--reading-size:19px}.shell,.article-wrap{width:calc(100% - max(24px, env(safe-area-inset-left)) - max(24px, env(safe-area-inset-right)))}.site-header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:8px}.brand-name{font-size:20px}.header-right{flex-shrink:0}.site-header nav{gap:2px}.site-header nav a{place-items:center;min-width:44px;min-height:44px;padding:0;font-size:12px;display:grid}.site-header nav a:after{left:10px;right:10px}.header-tools{gap:0;margin-left:8px}.settings-panel{width:min(280px,100vw - 48px);padding:20px;top:calc(100% + 10px)}.font-controls button{height:48px;font-size:14px}.home-page,.inner-page{padding-top:28px;padding-bottom:55px}main{min-height:calc(100dvh - 154px - env(safe-area-inset-top))}.welcome-inner{width:min(440px,100%)}.hello-word{width:min(208px,100%)}.page-heading{margin-bottom:40px}.page-heading h1{font-size:28px}.post-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:25px 0 28px}.row-date{padding-top:0;font-size:12px}.row-link h2{font-size:20px;font-weight:450;line-height:1.7}.row-link p{margin-top:10px;font-size:14px;line-height:1.9}.site-footer{min-height:90px;padding-bottom:env(safe-area-inset-bottom);font-size:12px}.footer-links{gap:20px}.footer-links a{font-size:12px}.archive-year-heading{margin-bottom:20px;font-size:17px}.archive-year .row-link h2{font-size:19px}.archive-year .post-row{padding-block:21px}.article-wrap{padding-top:12px;padding-bottom:45px}.article-topline{gap:12px;margin-bottom:26px}.article-tools{gap:20px}.back-link,.text-link{min-height:44px;font-size:12px}.article-outline summary{place-items:center;min-width:44px;min-height:44px;padding:0;font-size:12px;display:grid}.toc a{align-items:center;min-height:44px;display:flex}.article-header{margin-bottom:34px}.article-header h1{letter-spacing:-.015em;font-size:26px;line-height:1.6}.article-meta{gap:12px;margin-top:17px;font-size:12px}.prose{line-height:2}.prose h2{margin-top:2em}.article-ending{margin-top:43px;padding-top:18px}.search-dialog{margin-top:max(24px, env(safe-area-inset-top));max-height:calc(100dvh - 48px - env(safe-area-inset-bottom))}.search-top{padding:17px 18px 10px}.search-field{gap:8px;margin:0 18px 14px;padding:12px 10px}.search-field input{font-size:16px}.search-field kbd{display:none}.search-results{max-height:max(80px,100dvh - 250px)}.search-bottom{padding:12px 18px;font-size:12px}.not-found{padding:70px 0}.not-found h1{font-size:25px}.not-found p{font-size:13px}}@media (width<=359px){.shell,.article-wrap{width:calc(100% - max(20px, env(safe-area-inset-left)) - max(20px, env(safe-area-inset-right)))}.site-header nav{gap:0}.header-tools{margin-left:0}.article-header h1{font-size:25px}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (height<=600px){.welcome-inner{width:min(340px,80%)}.hello-word{width:min(190px,100%)}}