:root{color-scheme:dark;--ink:#12110f;--paper:#eee9df;--amber:#d59b50;--muted:#aaa297;--line:#39342e;--surface:#191714;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--body:"Avenir Next", Avenir, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--editorial:"Iowan Old Style", "Songti SC", STSong, serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--body);text-rendering:optimizelegibility;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.skip-link{z-index:1;background:var(--amber);color:var(--ink);padding:.6rem .9rem;font-weight:700;position:fixed;top:0;left:1rem;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;max-width:1440px;min-height:68px;margin:0 auto;padding:0 3.5vw;display:flex}.site-name,.site-header nav{white-space:nowrap;align-items:baseline;display:flex}.site-name{letter-spacing:.04em;gap:.8rem;font-weight:700}.pen-name{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;font-size:.7rem;font-weight:400}.site-header nav{color:var(--muted);gap:1.5rem;font-size:.82rem}.site-header a,.read-link,.recent-writing a{transition:color .15s,opacity .15s,transform .15s}.site-header nav a:hover,.site-header nav a:focus-visible,.recent-writing a:hover,.read-link:hover{color:var(--amber)}.site-header a:active,.read-link:active,.recent-writing a:active{transform:translateY(1px)}.home-grid{grid-template-columns:minmax(0,7fr) minmax(17rem,3fr);gap:clamp(3rem,6vw,7rem);max-width:1440px;min-height:calc(100dvh - 68px);margin:0 auto;padding:4.5rem 3.5vw 5rem;display:grid}.writing-stage,.archive-rail{min-width:0}.section-title{color:var(--muted);margin:0 0 2.4rem;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:500}.featured-article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(13rem,.8fr);align-items:end;gap:clamp(2rem,5vw,5rem);padding-bottom:4rem;display:grid}.article-date,.memory-code{color:var(--amber);font-family:var(--mono);letter-spacing:.08em;margin:0 0 1rem;font-size:.72rem}.article-date{display:block}.featured-copy h2{max-width:13ch;font-family:var(--editorial);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,6.5rem);font-weight:600;line-height:1.08}.featured-copy h2 a:hover{color:var(--amber)}.article-summary{max-width:36rem;color:var(--muted);font-family:var(--editorial);margin:1.5rem 0 1.8rem;font-size:1.1rem}.read-link{border-bottom:1px solid var(--amber);color:var(--paper);font-size:.84rem;font-weight:700;display:inline-block}.work-cover{aspect-ratio:3/4;border:1px solid var(--line);background:var(--surface);min-height:17rem;overflow:hidden}.work-cover-fallback{flex-direction:column;justify-content:flex-end;padding:1.4rem;display:flex}.work-cover-image{aspect-ratio:auto}.work-cover-fallback span,.work-cover-fallback small{color:var(--muted);font-family:var(--mono);font-size:.7rem}.work-cover-fallback strong{font-family:var(--editorial);margin:.5rem 0 .15rem;font-size:clamp(4.5rem,10vw,8rem);font-weight:500;line-height:.95}.work-cover-fallback .fallback-title{color:var(--paper);font-family:var(--editorial);margin:.7rem 0 .2rem;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.2}.responsive-image{margin:0}.responsive-image img{object-fit:contain;width:100%;height:auto;display:block}.work-cover-image .responsive-image img{aspect-ratio:3/4;object-fit:cover}.responsive-image figcaption{color:var(--muted);font-family:var(--mono);padding:.65rem .8rem;font-size:.66rem}.responsive-image figcaption a{border-bottom:1px solid var(--line)}.responsive-image-unavailable{border:1px solid var(--line);min-height:12rem;color:var(--muted);place-items:center;padding:1rem;display:grid}.recent-writing{padding-top:3.5rem}.recent-writing h2,.recent-memory>h2{margin:0 0 1.5rem;font-size:1rem;font-weight:600}.recent-writing ol{margin:0;padding:0;list-style:none}.recent-writing li+li{border-top:1px solid var(--line)}.recent-writing a{justify-content:space-between;gap:1.5rem;padding:1rem 0;display:flex}.recent-writing time{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:.72rem}.archive-rail{border-left:1px solid var(--line);padding-left:clamp(1.5rem,3vw,3.5rem)}.archive-stats h2{color:var(--amber);font-family:var(--mono);letter-spacing:.14em;margin:0;font-size:.72rem;font-weight:500}.archive-name{font-family:var(--editorial);margin:.75rem 0 2rem;font-size:1.65rem}.archive-stats dl,.recent-memory dl{margin:0}.archive-stats dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.archive-stats dl div{flex-direction:column-reverse;display:flex}.archive-stats dt,.recent-memory dt{color:var(--muted);font-size:.7rem}.archive-stats dd,.recent-memory dd{font-family:var(--mono);margin:0}.archive-stats dd{color:var(--paper);font-size:1.15rem}.recent-memory{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.4rem}.recent-memory article h3{font-family:var(--editorial);margin:0 0 .7rem;font-size:1.8rem;font-weight:500}.recent-memory article>p:not(.memory-code),.empty-note{color:var(--muted)}.recent-memory dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.recent-memory dl div{gap:.2rem;display:grid}.recent-memory dd{font-size:.74rem}.archive-page,.reading-page,.record-page,.search-page{max-width:1180px;min-height:calc(100dvh - 68px);margin:0 auto;padding:clamp(3rem,7vw,6.5rem) 3.5vw 6rem}.page-heading{max-width:44rem;margin-bottom:clamp(3rem,7vw,6rem)}.page-heading h1,.reading-header h1,.record-header h1{font-family:var(--editorial);letter-spacing:-.045em;margin:0;font-weight:600;line-height:1.08}.page-heading h1{font-size:clamp(3.2rem,8vw,7rem)}.page-heading p,.reading-header>p,.record-summary{max-width:38rem;color:var(--muted);font-family:var(--editorial);font-size:1.08rem}.article-index,.work-index,.compact-index,.experience-timeline,.search-results{margin:0;padding:0;list-style:none}.article-index{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.55fr);gap:clamp(2rem,5vw,5rem);display:grid}.article-index>li:first-child{grid-row:span 2}.article-index>li+li{border-top:1px solid var(--line);padding-top:1.4rem}.article-index time,.reading-header time,.work-type,.timeline-date,.timeline-status{color:var(--amber);font-family:var(--mono);letter-spacing:.06em;font-size:.72rem}.article-index h2{max-width:18ch;font-family:var(--editorial);margin:.6rem 0 0;font-size:clamp(1.55rem,3.5vw,3.5rem);font-weight:500;line-height:1.12}.article-index p{max-width:38rem;color:var(--muted)}.article-kind{font-family:var(--mono);letter-spacing:.05em;flex-wrap:wrap;gap:.45rem 1rem;margin:0 0 .7rem;display:flex;color:var(--amber)!important;font-size:.7rem!important}.article-card-short-note article{border-left:2px solid var(--amber);padding-left:1rem}.article-index a:hover,.work-index a:hover strong,.compact-index a:hover span,.experience-timeline h2 a:hover,.search-results a:hover strong{color:var(--amber)}.tag-links{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.2rem;font-size:.76rem;display:flex}.tag-links a{border-bottom:1px solid var(--line)}.work-filters,.writing-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));align-items:end;gap:.9rem;margin-bottom:3rem;padding:1.3rem 0;display:grid}.work-filters label,.writing-filters label,.search-form label{color:var(--muted);gap:.35rem;font-size:.72rem;display:grid}.work-filters select,.writing-filters select,.search-form input{border:1px solid var(--line);background:var(--surface);min-height:2.65rem;color:var(--paper);font:inherit;border-radius:0}.work-filters select,.writing-filters select{padding:0 .7rem}.work-filters button,.writing-filters button,.search-form button{border:1px solid var(--amber);background:var(--amber);min-height:2.65rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:0;padding:0 1rem;font-weight:700}.work-filters>a,.writing-filters>a{min-height:2.65rem;color:var(--muted);white-space:nowrap;align-items:center;display:inline-flex}.work-filters select:focus-visible,.writing-filters select:focus-visible,.search-form input:focus-visible,.work-filters button:focus-visible,.writing-filters button:focus-visible,.search-form button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.work-index{grid-template-columns:1.4fr .8fr;column-gap:clamp(2rem,6vw,7rem);display:grid}.work-index li{border-bottom:1px solid var(--line)}.work-index a{grid-template-columns:5rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;min-height:7rem;padding:1.4rem 0;display:grid}.work-index strong{font-family:var(--editorial);font-size:clamp(1.4rem,2.5vw,2.25rem);font-weight:500;line-height:1.15}.work-index small{color:var(--muted);font-family:var(--mono)}.filter-empty{padding:2rem 0}.filter-note,.filter-status{color:var(--muted);font-size:.78rem}.filter-status{margin:1rem 0 0}.reading-page,.record-page{grid-template-columns:minmax(0,1fr) minmax(16rem,.34fr);gap:clamp(4rem,9vw,9rem);display:grid}.record-main{min-width:0}.record-main>.work-cover{width:min(100%,26rem);margin-top:3rem}.reading-header,.record-header{border-bottom:1px solid var(--line);padding-bottom:2.5rem}.reading-header h1,.record-header h1{max-width:15ch;margin-top:.8rem;font-size:clamp(3rem,7vw,6rem)}.article-body{max-width:42rem;font-family:var(--editorial);padding-top:3rem;font-size:1.12rem;line-height:1.9}.article-body>:first-child{margin-top:0}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--paper);margin:2.4em 0 .75em;line-height:1.25}.article-body h2{font-size:1.75rem}.article-body h3{font-size:1.4rem}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre,.article-body details{margin:1.4em 0}.article-body a{border-bottom:1px solid var(--amber)}.article-body img,.article-images img,.experience-images img{max-width:100%;height:auto}.article-images,.experience-images{gap:1.5rem;margin-top:2rem;display:grid}.theme-index{background:var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.theme-index a{background:var(--surface);flex-direction:column;justify-content:space-between;gap:2rem;min-height:10rem;padding:1.5rem;display:flex}.theme-index strong{font-family:var(--editorial);font-size:2rem;font-weight:500}.theme-index span{color:var(--muted);font-family:var(--mono);font-size:.7rem}.article-body blockquote{border-left:2px solid var(--amber);color:var(--muted);padding-left:1.25rem}.article-body code{font-family:var(--mono);font-size:.88em}.article-body pre{border:1px solid var(--line);background:var(--surface);max-width:100%;padding:1rem;overflow-x:auto}.spoiler-notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:42rem;color:var(--muted);grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:1rem;margin-top:2rem;padding:1rem 0;font-size:.8rem;display:grid}.spoiler-notice strong{color:var(--amber);font-family:var(--mono)}.article-body details,.spoiler-block{border:1px solid var(--line);background:var(--surface);padding:.9rem 1rem}.article-body summary,.spoiler-block summary{width:fit-content;color:var(--amber);font-family:var(--body);cursor:pointer;font-size:.82rem;font-weight:700}.article-body summary:focus-visible,.spoiler-block summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.article-body details>:last-child,.spoiler-content>:last-child{margin-bottom:0}.original-title{color:var(--muted);margin:.7rem 0 0;font-family:var(--mono)!important;font-size:.78rem!important}.record-experiences>h2,.related-content h2{margin:0 0 1.5rem;font-size:1rem}.record-experiences{margin-top:3.5rem}.related-content{border-left:1px solid var(--line);align-self:start;padding-left:2rem}.related-content section+section{margin-top:3.5rem}.compact-index li+li{border-top:1px solid var(--line)}.compact-index a{gap:.2rem;padding:.8rem 0;display:grid}.compact-index small,.compact-index time{color:var(--muted);font-family:var(--mono);font-size:.68rem}.experience-timeline>li{border-top:1px solid var(--line);grid-template-columns:minmax(8rem,.24fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding:2rem 0;display:grid}.experience-timeline article h2{font-family:var(--editorial);margin:0;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:500}.experience-timeline article>p:not(.timeline-status){max-width:42rem;color:var(--muted)}.experience-timeline dl{flex-wrap:wrap;gap:1rem 2.5rem;margin:1.2rem 0 0;display:flex}.experience-timeline dl div{gap:.15rem;display:grid}.experience-timeline dt{color:var(--muted);font-size:.68rem}.experience-timeline dd{font-family:var(--mono);margin:0;font-size:.76rem}.search-keywords{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-form{max-width:46rem}.search-form>div{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.search-form input{padding:0 .8rem}.search-status{color:var(--muted);margin:1.5rem 0 2.5rem}.search-results{max-width:50rem}.search-results li+li{border-top:1px solid var(--line)}.search-results a{padding:1.4rem 0;display:block}.search-results strong{font-family:var(--editorial);font-size:1.4rem}.search-results p{color:var(--muted);margin:.35rem 0 0}.not-found-page{max-width:56rem;min-height:calc(100dvh - 68px);margin:0 auto;padding:clamp(4rem,10vw,9rem) 3.5vw 6rem}.not-found-page .error-code{color:var(--amber);font-family:var(--mono);margin:0}.not-found-page h1{max-width:12ch;font-family:var(--editorial);margin:.6rem 0 1rem;font-size:clamp(3rem,9vw,7rem);line-height:1.05}.not-found-page>p:not(.error-code){color:var(--muted);margin-bottom:2rem}@media (width<=767px){.site-header{gap:.55rem;min-height:0;padding:.75rem 1rem;display:grid}.pen-name{display:none}.site-header nav{justify-content:space-between;gap:.4rem;width:100%;font-size:.7rem}.home-grid{grid-template-columns:1fr;gap:4rem;min-height:calc(100dvh - 64px);padding:2.5rem 1rem 4rem}.featured-article{grid-template-columns:1fr;gap:2.5rem}.featured-copy h2{font-size:clamp(2.6rem,14vw,4.4rem)}.work-cover{min-height:20rem}.archive-rail{border-top:1px solid var(--line);border-left:0;padding:2rem 0 0}.archive-page,.reading-page,.record-page,.search-page,.not-found-page{min-height:calc(100dvh - 64px);padding:2.5rem 1rem 4rem}.page-heading{margin-bottom:3rem}.article-index,.work-index,.reading-page,.record-page{grid-template-columns:1fr}.article-index>li:first-child{grid-row:auto}.article-index>li+li{padding-top:2rem}.work-filters,.writing-filters{grid-template-columns:1fr 1fr}.work-filters button,.work-filters>a,.writing-filters button,.writing-filters>a{justify-content:center}.work-index a{grid-template-columns:4rem minmax(0,1fr);min-height:0}.work-index small{grid-column:2}.related-content{border-top:1px solid var(--line);border-left:0;padding:2rem 0 0}.spoiler-notice{grid-template-columns:1fr;gap:.25rem}.experience-timeline>li{grid-template-columns:1fr;gap:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.reactions-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:42rem;margin-top:4rem;padding:1.5rem 0}.reactions-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.reactions-heading p{color:var(--amber);font-family:var(--mono);letter-spacing:.08em;margin:0;font-size:.68rem}.reactions-heading h2{margin:0;font-size:1rem;font-weight:600}.reactions-summary{margin-top:1.4rem}.reactions-summary>strong{font-family:var(--editorial);font-size:1.55rem;font-weight:500}.recent-reactions{color:var(--muted);flex-wrap:wrap;gap:.4rem .8rem;margin-top:.65rem;font-size:.72rem;display:flex}.recent-reactions ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.recent-reactions li+li:before{color:var(--line);content:"/";margin-right:.4rem}.reactions-panel form{margin-top:1.4rem}.reactions-panel fieldset{border:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.reactions-panel label{color:var(--muted);gap:.35rem;font-size:.72rem;display:grid}.reactions-panel input,.reactions-panel button{border:1px solid var(--line);min-height:2.7rem;font:inherit;border-radius:0}.reactions-panel input{background:var(--surface);width:100%;color:var(--paper);padding:0 .75rem}.reactions-panel button{color:var(--paper);cursor:pointer;background:0 0;padding:0 1rem}.reactions-panel button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.reactions-panel input:focus-visible,.reactions-panel button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.reactions-panel fieldset:disabled{opacity:.55}.reactions-panel button:disabled{cursor:not-allowed}.reaction-status{color:var(--muted);margin:.8rem 0 0;font-size:.76rem}.work-emotions fieldset{grid-template-columns:1fr}.emotion-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.emotion-buttons button{justify-content:space-between;align-items:baseline;gap:.5rem;min-height:3.4rem;padding:.5rem .7rem;display:flex}.emotion-buttons strong{color:var(--amber);font-family:var(--mono);font-size:.74rem}@media (width<=520px){.reactions-heading,.reactions-panel fieldset{grid-template-columns:1fr;align-items:stretch}.reactions-heading{gap:.35rem;display:grid}.emotion-buttons{grid-template-columns:1fr 1fr}}