:root{--paper: #FBFAF6;--raise: #FFFFFF;--ink: #1E1B17;--ink-2: #57514A;--ink-3: #6E685C;--line: rgba(30, 27, 23, .11);--line-2: rgba(30, 27, 23, .055);--cyan: #0E7C97;--cyan-soft: rgba(14, 124, 151, .11);--code-bg: #FCFBF8;--code-bar: #EFEDE7;--serif: Georgia, "Times New Roman", "Songti SC", "Source Han Serif SC", "SimSun", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "SF Mono", "JetBrains Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--s--1: .8rem;--s-0: 1.0625rem;--s-1: clamp(1.12rem, 1.05rem + .3vw, 1.28rem);--s-2: clamp(1.4rem, 1.25rem + .6vw, 1.75rem);--s-3: clamp(1.9rem, 1.55rem + 1.5vw, 2.7rem);--s-4: clamp(2.6rem, 1.9rem + 3vw, 4rem);--measure: 40rem;--col: 720px;color-scheme:light}:root[data-theme=dark]{--paper: #191713;--raise: #211E19;--ink: #EAE5DC;--ink-2: #ADA79B;--ink-3: #8F887A;--line: rgba(234, 229, 220, .13);--line-2: rgba(234, 229, 220, .07);--cyan: #58C6DE;--cyan-soft: rgba(88, 198, 222, .13);--code-bg: #100E0B;--code-bar: #1A1712;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #191713;--raise: #211E19;--ink: #EAE5DC;--ink-2: #ADA79B;--ink-3: #8F887A;--line: rgba(234, 229, 220, .13);--line-2: rgba(234, 229, 220, .07);--cyan: #58C6DE;--cyan-soft: rgba(88, 198, 222, .13);--code-bg: #100E0B;--code-bar: #1A1712;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--s-0);line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.col{max-width:var(--col);margin:0 auto;padding:0 clamp(1.3rem,5vw,2rem)}a{color:inherit}::selection{background:var(--cyan-soft)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.4rem;max-width:var(--col);margin:0 auto;padding:.75rem clamp(1.3rem,5vw,2rem);background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.bar-brand{font-family:var(--serif);font-weight:600;font-size:1.15rem;text-decoration:none;letter-spacing:-.01em}.bar nav{display:flex;gap:1.2rem;margin-left:auto}.mast{padding-top:clamp(3rem,8vw,5rem);padding-bottom:2rem}.brand-link{text-decoration:none}.brand{font-family:var(--serif);font-size:var(--s-4);font-weight:600;letter-spacing:-.01em;line-height:1;margin:0;color:var(--ink)}.tagline{font-family:var(--serif);font-style:italic;color:var(--ink-2);font-size:var(--s-1);margin:.7rem 0 0}.rule{height:1px;background:var(--ink);opacity:.9;margin-top:1.5rem;position:relative}.rule:after{content:"";position:absolute;left:0;top:0;height:1px;width:3.2rem;background:var(--cyan)}.mast-nav-row{display:flex;align-items:center;gap:1rem;margin-top:1rem}.mast-nav-row nav{display:flex;gap:1.6rem;flex-wrap:wrap}nav a{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.06em;color:var(--ink-2);text-decoration:none;padding-bottom:2px;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}nav a:hover,nav a[aria-current=page]{color:var(--cyan);border-color:var(--cyan)}.toggle{margin-left:auto;font-family:var(--mono);font-size:var(--s--1);letter-spacing:.08em;color:var(--ink-2);background:none;border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;cursor:pointer;transition:border-color .2s,color .2s}.toggle:hover{border-color:var(--cyan);color:var(--cyan)}.hero-blocks{margin-top:1.2rem}#hero-canvas{display:block;width:100%;height:clamp(96px,15vw,148px)}.reveal{transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}html.js-reveal .reveal{opacity:0;transform:translateY(14px)}html.js-reveal .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{transition:none}html.js-reveal .reveal{opacity:1;transform:none}}.home{display:flex;flex-direction:column;gap:2.8rem;margin-top:2.6rem;padding-bottom:3rem}.home-sec{display:flex;flex-direction:column}.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.85rem;margin-bottom:1.3rem;border-bottom:1px solid var(--line)}.sec-hd h2{font-family:var(--serif);font-size:var(--s-2);font-weight:600}.sec-hd a{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);text-decoration:none;white-space:nowrap}.sec-hd a:hover{text-decoration:underline}.home-sec .posts,.home-sec .works,.home-sec .albums{margin:0}.works.compact .work{min-height:auto}.home-more{display:flex;flex-wrap:wrap;gap:1.6rem;padding-top:.5rem}.home-more a{font-family:var(--mono);font-size:var(--s-0);color:var(--cyan);text-decoration:none}.home-more a:hover{text-decoration:underline}.home-intro{padding-top:.4rem}.intro-line{font-family:var(--serif);font-size:var(--s-1);color:var(--ink-2);line-height:1.75;max-width:58ch;margin:0}.topics{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.15rem;margin-top:1.4rem}.topics-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.topic{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.topic .tc{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);margin-left:.2em;font-variant-numeric:tabular-nums}.topic:hover{color:var(--cyan);border-color:var(--cyan)}.topic.more{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan)}.list{padding:.5rem 0 3rem}.yeargroup{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem 1.4rem;padding:1.9rem 0;border-top:1px solid var(--line)}.yeargroup:first-of-type{border-top:none}.year{font-family:var(--mono);font-size:1.05rem;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em;position:sticky;top:4rem;align-self:start}.posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.35rem}.post{display:flex;flex-direction:column;gap:.28rem;text-decoration:none;color:inherit}.ptitle{font-family:var(--serif);font-size:var(--s-1);font-weight:600;line-height:1.35;color:var(--ink);width:fit-content;max-width:100%;background-image:linear-gradient(var(--cyan),var(--cyan));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .28s ease,color .2s;padding-bottom:2px}.post:hover .ptitle,.post:focus-visible .ptitle{color:var(--cyan);background-size:100% 1.5px}.post:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}.pmeta{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.02em}.pmeta .cat{color:var(--cyan)}.pmeta .dot,.ameta .dot{opacity:.5;margin:0 .5em}@media(max-width:560px){.yeargroup{grid-template-columns:1fr;gap:.9rem}.year{position:static}}article{padding:1.6rem 0 4rem}.crumb{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);letter-spacing:.04em;margin-bottom:1.5rem}.crumb a{color:var(--ink-3);text-decoration:none}.crumb a:hover{color:var(--cyan)}.h1{font-family:var(--serif);font-size:var(--s-3);font-weight:600;line-height:1.22;letter-spacing:-.01em;margin:0;text-wrap:balance}.ameta{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);margin-top:.9rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}.ameta .cat{color:var(--cyan)}.prose{max-width:var(--measure);margin-top:2.2rem}.prose>*+*{margin-top:1.3rem}.prose p{margin:0}.prose h2,.prose h3,.prose h4{font-family:var(--serif);font-weight:600;line-height:1.3;letter-spacing:-.005em;margin-top:2.4rem;text-wrap:balance}.prose h2{font-size:var(--s-2);display:flex;align-items:baseline;gap:.6rem}.prose h2:before{content:"§";color:var(--cyan);font-size:.78em}.prose h3{font-size:var(--s-1)}.prose h4{font-size:var(--s-0);color:var(--ink-2)}.prose a{color:var(--cyan);text-decoration:none;border-bottom:1px solid var(--cyan-soft);transition:border-color .2s}.prose a:hover{border-color:var(--cyan)}.prose ul,.prose ol{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.5rem}.prose li{line-height:1.75}.prose li::marker{color:var(--ink-3)}.prose blockquote{margin:0;padding:.2rem 0 .2rem 1.2rem;border-left:2px solid var(--cyan);color:var(--ink-2);font-family:var(--serif);font-style:italic;font-size:var(--s-1)}.prose picture{display:block}.prose img{max-width:100%;height:auto;border-radius:4px;display:block}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}.prose strong{font-weight:650}.prose :not(pre)>code{font-family:var(--mono);font-size:.86em;background:var(--cyan-soft);padding:.1em .42em;border-radius:3px;color:var(--ink);word-break:break-word}.prose table{border-collapse:collapse;width:100%;font-size:var(--s--1);display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--line-2)}.prose thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--ink-3)}.prose .codewin{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--code-bg);box-shadow:0 1px 2px #0000000a}.prose .codewin-bar{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--code-bar);border-bottom:1px solid var(--line)}.prose .codewin-dot{width:11px;height:11px;border-radius:50%;flex:none}.prose .codewin-dot:nth-child(1){background:#ff5f56}.prose .codewin-dot:nth-child(2){background:#ffbd2e}.prose .codewin-dot:nth-child(3){background:#27c93f}.prose pre.astro-code{margin:0;border:none;border-radius:0;padding:1.05rem 1.2rem;overflow-x:auto;font-family:var(--mono);font-size:.85rem;line-height:1.7;background:var(--code-bg)}.prose pre.astro-code code{font-family:inherit;background:none}.prose .astro-code,.prose .astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}:root[data-theme=dark] .prose .astro-code,:root[data-theme=dark] .prose .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .astro-code,:root:not([data-theme=light]) .prose .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}}.toc{margin-top:1.8rem;padding:1rem 1.2rem;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:3px;background:var(--raise);max-width:var(--measure)}.toc-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.toc ol{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.42rem;counter-reset:toc}.toc li{font-size:var(--s--1);line-height:1.5}.toc li.sub{padding-left:1.1rem}.toc a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.toc a:hover{color:var(--cyan);border-color:var(--cyan)}.prose .mermaid{margin:1rem 0;padding:0;background:none;border:none;text-align:center;overflow-x:auto}.prose .mermaid:not([data-processed]){font-family:var(--mono);font-size:.8rem;color:var(--ink-3);white-space:pre}.prose .mermaid svg{max-width:100%;height:auto}.postnav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:1.8rem;border-top:1px solid var(--line);max-width:var(--measure)}.pn{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;padding:.9rem 1rem;border:1px solid var(--line);border-radius:3px;transition:border-color .2s,transform .2s}.pn:hover{border-color:var(--cyan);transform:translateY(-2px)}.pn-empty{border:none}.pn-next{text-align:right;align-items:flex-end}.pn-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase}.pn-t{font-family:var(--serif);font-size:var(--s-0);color:var(--ink);line-height:1.35}@media(max-width:560px){.postnav{grid-template-columns:1fr}.pn-next{text-align:left;align-items:flex-start}}.backlink{display:inline-block;margin-top:2rem;font-family:var(--mono);font-size:var(--s--1);letter-spacing:.04em;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.backlink:hover{color:var(--cyan);border-color:var(--cyan)}.empty{margin-top:2rem;color:var(--ink-2);font-size:var(--s--1)}.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:2.2rem 0 3rem}.album-card{text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--raise);transition:transform .18s,box-shadow .18s,border-color .18s}.album-card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 10px 24px -16px var(--cyan)}.album-cover{aspect-ratio:3 / 2;overflow:hidden;background:var(--line-2)}.album-cover :is(img,picture){width:100%;height:100%}.album-cover img{object-fit:cover}.album-meta{padding:.75rem 1rem}.album-title{font-family:var(--serif);font-size:var(--s-0);color:var(--ink)}.album-count{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);margin-top:.2rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin:2.2rem 0 3rem}.photo{padding:0;border:none;background:var(--line-2);cursor:zoom-in;border-radius:6px;overflow:hidden;aspect-ratio:4 / 3}.photo :is(img,picture){width:100%;height:100%;display:block}.photo img{object-fit:cover;transition:transform .25s ease}.photo:hover img{transform:scale(1.04)}.photo:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.lb{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#000000eb;padding:2rem}.lb.open{display:flex}.lb #lb-img,.lb img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:4px}.lb-cap{position:absolute;bottom:1.1rem;left:0;right:0;text-align:center;color:#ffffffd1;font-family:var(--mono);font-size:var(--s--1);padding:0 1rem}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;padding:.6rem 1rem;opacity:.65;transition:opacity .15s}.lb-btn:hover{opacity:1}.lb-prev{left:.3rem}.lb-next{right:.3rem}.lb-close{position:absolute;top:.9rem;right:1.1rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7}.lb-close:hover{opacity:1}@media(prefers-reduced-motion:reduce){.photo img{transition:none}}.timeline{list-style:none;margin:2.4rem 0 3rem;padding:0}.tl-item{position:relative;padding:0 0 2rem 1.6rem;border-left:1px solid var(--line)}.tl-item:last-child{padding-bottom:.3rem}.tl-dot{position:absolute;left:-5px;top:.35rem;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px var(--paper)}.tl-year{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.03em}.tl-title{font-family:var(--serif);font-size:var(--s-1);font-weight:600;margin-top:.15rem}.tl-desc{color:var(--ink-2);font-size:var(--s--1);line-height:1.65;margin-top:.35rem;max-width:60ch}.tl-link{margin-top:.5rem}.tl-link a{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);text-decoration:none;border-bottom:1px solid var(--cyan-soft)}.tl-link a:hover{border-color:var(--cyan)}.works{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:2.2rem 0 3rem}@media(max-width:620px){.works{grid-template-columns:1fr}}.work{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem 1.4rem;min-height:9rem;background:var(--raise);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.work:hover{transform:translate(-2px,-3px);box-shadow:6px 8px 0 var(--cyan-soft);border-color:var(--cyan)}.work:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.work-top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.work-name{font-family:var(--serif);font-size:var(--s-1);font-weight:600;color:var(--ink)}.work-status{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;padding:.16em .5em;border-radius:999px;white-space:nowrap}.work-status.live{color:#2f9e6a;background:#2f9e6a24}.work-status.wip{color:#c9902f;background:#c9902f26}.work-status.archived{color:var(--ink-3);background:var(--line-2)}.work-desc{color:var(--ink-2);font-size:var(--s--1);line-height:1.65}.work-desc p{margin:0}.work-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.4rem}.work-tags{display:flex;flex-wrap:wrap;gap:.4rem}.work-tag{font-family:var(--mono);font-size:.66rem;color:var(--ink-3);background:var(--line-2);padding:.1em .5em;border-radius:4px}.work-go{font-family:var(--mono);font-size:var(--s--1);color:var(--cyan);white-space:nowrap}.taxo-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0 3rem}.taxo{display:inline-flex;align-items:baseline;gap:.5rem;text-decoration:none;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;transition:border-color .2s,transform .15s}.taxo:hover{border-color:var(--cyan);transform:translateY(-2px)}.taxo .tn{font-family:var(--serif);font-size:var(--s-0);color:var(--ink)}.taxo:hover .tn{color:var(--cyan)}.taxo .tc{font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);font-variant-numeric:tabular-nums}#search{margin-top:2rem;--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--cyan);--pagefind-ui-text: var(--ink);--pagefind-ui-background: var(--raise);--pagefind-ui-border: var(--line);--pagefind-ui-tag: var(--code-bar);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 8px;--pagefind-ui-font: var(--sans)}#search .pagefind-ui__result-title{font-family:var(--serif)}#search .pagefind-ui__result-link{color:var(--ink)}#search .pagefind-ui__result-link:hover{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);max-width:var(--col);margin:0 auto;padding:2rem clamp(1.3rem,5vw,2rem) 3rem;font-family:var(--mono);font-size:var(--s--1);color:var(--ink-3);letter-spacing:.03em;display:flex;flex-direction:column;gap:.9rem}.foot-browse{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}.foot-credit{color:var(--ink-3)}.site-footer a{color:var(--ink-3);text-decoration:none}.site-footer a:hover{color:var(--cyan)}@media(max-width:640px){nav a{padding-top:.55rem;padding-bottom:.55rem}.toggle{padding:.55rem .9rem}.foot-browse a{padding:.3rem 0}.topic{padding:.25rem 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}