.brand-state-main{display:flex;align-items:center;min-height:620px}.brand-state{width:min(100%,760px);margin-inline:auto}.brand-state-code{margin:0 0 24px;color:var(--color-accent);font-family:var(--font-code);font-size:12px;letter-spacing:.1em}.brand-state h1{margin:0;font-family:var(--font-heading);font-size:48px;font-weight:400;line-height:1.3}.brand-state>p:not(.brand-state-code){max-width:620px;margin:24px 0 0;color:var(--color-secondary);font-size:18px}.brand-state button,.brand-state-link{color:var(--color-accent);font-family:var(--font-code);font-size:12px;letter-spacing:.06em}.brand-state-link{display:inline-flex;margin-top:28px;text-decoration:none}.brand-state-link:focus-visible,.brand-state-link:hover{text-decoration:underline;text-underline-offset:4px}.brand-state-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.brand-state-actions .brand-state-link{margin-top:0}.brand-state button{padding:10px 16px;border:1px solid var(--color-accent);border-radius:2px;background:transparent;cursor:pointer}.brand-state button:focus-visible,.brand-state button:hover{color:var(--color-bg);background:var(--color-accent)}.global-error{display:grid;min-height:100vh;padding:48px;place-items:center}.global-error .brand-state{width:min(100%,760px)}.global-error .brand-state button{margin-top:28px}:root{color-scheme:light;--color-bg:#f7f7f5;--color-surface:#efefec;--color-raised:#fbfbf9;--color-text:#111112;--color-secondary:#555557;--color-muted:#858589;--color-border:#cfcfca;--color-accent:#e23b2d;--color-code:#e8e8e4;--font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;--font-code:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--radius-none:0;--radius-sm:2px;--radius-md:4px;--border-hairline:1px;--type-display:36px;--type-display-sm:28px;--type-title:18px;--type-logo:16px;--type-body:15px;--type-ui:14px;--type-meta:13px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--width-read:720px}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg:#0e0e0f;--color-surface:#171719;--color-raised:#121214;--color-text:#f2f2ee;--color-secondary:#aaa9a5;--color-muted:#747477;--color-border:#343436;--color-accent:#ff4a3d;--color-code:#1d1d20}}:root{--color-scrim:rgba(0,0,0,0.55);--color-on-scrim:rgba(255,255,255,0.92);--color-on-scrim-muted:rgba(255,255,255,0.68)}*{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-size:var(--type-body);line-height:1.65}a{color:inherit}.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}.page-shell{width:min(calc(100% - 40px),var(--width-read));margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.site-header{view-transition-name:site-header;padding-top:var(--space-6);border-bottom:var(--border-hairline) solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;background:var(--color-bg);z-index:10}.site-header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4)}.site-logo{font-family:var(--font-heading);font-size:var(--type-logo);font-weight:600;line-height:1;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px}.site-nav a{color:var(--color-secondary);font-family:var(--font-code);font-size:var(--type-ui);text-decoration:none;transition:color .15s}.site-nav a.is-current,.site-nav a:focus-visible,.site-nav a:hover{color:var(--color-text)}.site-nav a.is-current{font-weight:600}.entry-item-body:focus-visible,.pager a:focus-visible,.site-footer-links a:focus-visible,.site-logo:focus-visible,.site-nav a:focus-visible,.writing-row:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px}.route-content{view-transition-name:route-content;flex:1 1}.site-main{padding:var(--space-6) 0 var(--space-8)}.site-footer{view-transition-name:site-footer;padding-bottom:var(--space-6);border-top:var(--border-hairline) solid var(--color-border)}.site-footer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4)}.site-footer-copy{margin:0;color:var(--color-muted);font-family:var(--font-code);font-size:var(--type-meta)}.site-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.site-footer-links a{color:var(--color-secondary);font-size:var(--type-ui);text-decoration:none}.site-footer-links a:focus-visible,.site-footer-links a:hover{color:var(--color-text)}.writing-index{display:flex;flex-direction:column}.writing-year-group+.writing-year-group{margin-top:var(--space-5)}.writing-year{margin:0;padding-bottom:var(--space-3);color:var(--color-muted);font-family:var(--font-code);font-size:var(--type-meta);font-weight:400}.writing-index ol{margin:0;padding:0;list-style:none}.writing-row{display:flex;align-items:baseline;gap:var(--space-2);padding:10px 0;text-decoration:none}.writing-row-title{flex:0 1 auto;min-width:0;color:var(--color-text);font-size:var(--type-body);font-weight:400}.writing-row-leader{flex:1 1 auto;min-width:12px;height:1px;background-image:radial-gradient(circle,var(--color-border) .9px,transparent 1.1px);background-repeat:repeat-x;background-position:0 50%;background-size:6px 1px;transform:translateY(-.15em)}.writing-row-date{flex:0 0 auto;color:var(--color-muted);font-family:var(--font-code);font-size:var(--type-meta)}.entry-item-body:hover .entry-item-title,.writing-row:hover .writing-row-title{color:var(--color-secondary)}.entry-list{margin:0;padding:0;list-style:none}.entry-item{border-top:var(--border-hairline) solid var(--color-border)}.entry-item-body{display:flex;flex-direction:column;gap:var(--space-2);padding:28px 0;text-decoration:none}.entry-item-date{color:var(--color-muted);font-family:var(--font-code);font-size:var(--type-meta)}.entry-item-title{color:var(--color-text);font-family:var(--font-heading);font-size:var(--type-title);font-weight:500}.entry-item-excerpt{margin:0;color:var(--color-secondary);font-size:var(--type-body);line-height:1.65}.notice{padding:var(--space-6) 0}.notice p{margin:0 0 var(--space-3);color:var(--color-secondary);font-size:var(--type-body)}.notice p:last-child{margin-bottom:0}.notice a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.pager{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--type-ui)}.pager a{color:var(--color-secondary);text-decoration:none}.pager a:focus-visible,.pager a:hover{color:var(--color-text)}.pager span{color:var(--color-muted)}::view-transition-group(site-footer),::view-transition-group(site-header){animation-duration:.18s}::view-transition-old(route-content){animation:ceave-route-out .15s cubic-bezier(.4,0,1,1) both}::view-transition-new(route-content){animation:ceave-route-in .24s cubic-bezier(.2,.8,.2,1) both}@keyframes ceave-route-out{to{opacity:0;transform:translateY(-6px)}}@keyframes ceave-route-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(root),::view-transition-group(route-content),::view-transition-group(site-footer),::view-transition-group(site-header),::view-transition-new(route-content),::view-transition-old(route-content){animation-duration:.01ms!important;animation-delay:0s!important}}@media (max-width:720px){.site-header{padding-top:var(--space-4)}.site-footer-bar,.site-header-bar{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.site-nav{gap:var(--space-4)}.site-main{padding:var(--space-6) 0 56px}.writing-year{padding-bottom:var(--space-2)}.writing-row{flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3) 0}.writing-row-leader{display:none}.writing-row-date{order:-1}.entry-item-body{padding:22px 0}.entry-item-date{font-size:12px}.entry-item-excerpt{font-size:var(--type-ui)}}.prose{width:100%;color:var(--color-text);overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2{margin:var(--space-7) 0 var(--space-3);font-size:var(--type-title)}.prose h2,.prose h3,.prose h4{font-family:var(--font-heading);font-weight:500;line-height:1.4}.prose h3,.prose h4{margin:var(--space-5) 0 var(--space-3);font-size:var(--type-ui)}.prose blockquote,.prose figure,.prose ol,.prose p,.prose pre,.prose table,.prose ul{margin:var(--space-3) 0}.prose ol,.prose ul{-webkit-padding-start:var(--space-5);padding-inline-start:var(--space-5)}.prose li+li{margin-top:var(--space-1)}.prose a{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:3px}.prose blockquote{padding-left:var(--space-4);border-left:var(--border-hairline) solid var(--color-accent)}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose img{display:block;max-width:100%;height:auto;margin:var(--space-5) auto;border-radius:var(--radius-sm)}.prose figcaption{color:var(--color-muted);font-family:var(--font-code);font-size:var(--type-meta)}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{padding:var(--space-2) var(--space-3);border:var(--border-hairline) solid var(--color-border);text-align:left}.prose code,.prose pre{font-family:var(--font-code)}.prose pre{max-width:100%;overflow-x:auto;padding:var(--space-4) var(--space-5);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-code);font-size:var(--type-ui);line-height:1.65}.prose-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:var(--border-hairline) solid var(--color-border)}.prose-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);font-family:var(--font-code);font-size:12px;letter-spacing:.1em}.prose-meta span{color:var(--color-accent);font-weight:500}.prose-meta time{color:var(--color-muted)}.prose-header h1{margin:0;font-family:var(--font-heading);font-size:var(--type-display-sm);font-weight:500;line-height:1.3;overflow-wrap:anywhere}.prose-divider{width:96px;height:1px;margin:var(--space-5) 0;background:var(--color-border)}.prose-tags{margin:0;font-size:12px;letter-spacing:.03em}.prose-tags,.single-date{color:var(--color-muted);font-family:var(--font-code)}.single-date{display:block;margin-bottom:var(--space-6);font-size:var(--type-meta)}@media (max-width:720px){.prose h2{margin-top:36px}}.project-list{margin:0;padding:0;list-style:none}.project-item{display:flex;flex-direction:column;gap:var(--space-2);padding:32px 0;border-top:var(--border-hairline) solid var(--color-border)}.project-item h2{margin:0;color:var(--color-text);font-family:var(--font-heading);font-size:var(--type-title);font-weight:500}.project-tagline{margin:0;color:var(--color-accent);font-size:var(--type-ui)}.project-excerpt{margin:0;color:var(--color-secondary);font-size:var(--type-ui);line-height:1.65}.project-links{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.project-links a{color:var(--color-secondary);font-size:var(--type-ui);text-decoration:none}.project-links a:focus-visible,.project-links a:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.shelf-filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:var(--border-hairline) solid var(--color-border)}.shelf-filter-group{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.shelf-filter-group a{color:var(--color-secondary);font-size:var(--type-ui);text-decoration:none}.shelf-filter-group a:focus-visible,.shelf-filter-group a:hover{color:var(--color-text)}.shelf-filter-active{color:var(--color-text)!important;font-weight:600}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6) var(--space-4);gap:var(--space-6) var(--space-4);margin:0;padding:0;list-style:none}@media (max-width:720px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shelf-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.shelf-card-cover{position:relative;width:100%;aspect-ratio:2/3;border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.shelf-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.shelf-card-cover-placeholder{display:grid;place-items:center;color:var(--color-muted);font-family:var(--font-heading);font-size:var(--type-display-sm);font-weight:500;letter-spacing:.1em}.shelf-card-overlay{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;min-height:28px;padding:0 var(--space-2);color:var(--color-on-scrim);background:var(--color-scrim);font-family:var(--font-code);font-size:12px;line-height:1}.shelf-card-year{color:var(--color-on-scrim-muted)}.shelf-card-rating{margin-left:auto}.shelf-card-info{display:flex;flex-direction:column}.shelf-card-title{color:var(--color-text);font-family:var(--font-heading);font-size:var(--type-ui);font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-card-link{display:block}.shelf-card-link:focus-visible .shelf-card-cover img,.shelf-card-link:hover .shelf-card-cover img{transform:scale(1.04)}.shelf-card-link:focus-visible+.shelf-card-info .shelf-card-title,.shelf-card-link:hover+.shelf-card-info .shelf-card-title{text-decoration:underline;text-underline-offset:3px}.shelf-card-link:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px}.shelf-card-title-loading,.shelf-grid-loading .shelf-card-cover{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:loading-shimmer 1.8s ease-in-out infinite}.shelf-card-title-loading{height:14px;width:70%;border-radius:var(--radius-sm)}@keyframes loading-shimmer{to{background-position:-200% 0}}.shelf-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-hairline) solid var(--color-border)}.shelf-page-range{display:flex;align-items:baseline;gap:var(--space-3);margin:0}.shelf-page-count{font-family:var(--font-code)}.shelf-page-count,.shelf-page-of{color:var(--color-muted);font-size:var(--type-meta)}.shelf-page-nav{display:flex;gap:var(--space-2)}.shelf-page-btn{display:inline-block;text-decoration:none;font-size:var(--type-ui);color:var(--color-secondary);background:none;border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;transition:color .15s,border-color .15s}.shelf-page-btn:focus-visible,.shelf-page-btn:hover{color:var(--color-text);border-color:var(--color-accent)}.shelf-page-btn-disabled{color:var(--color-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.5}.shelf-page-btn-disabled:focus-visible,.shelf-page-btn-disabled:hover{color:var(--color-muted);border-color:var(--color-border)}.entry-item:first-child,.project-item:first-child{border-top:none}.skeleton-line,.skeleton-title{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:loading-shimmer 1.8s ease-in-out infinite;margin-bottom:var(--space-3)}@media (prefers-reduced-motion:reduce){.shelf-card-cover img{transition:none}.shelf-card-link:focus-visible .shelf-card-cover img,.shelf-card-link:hover .shelf-card-cover img{transform:none}.skeleton-line,.skeleton-title{animation:none}}