:root{color-scheme:light;--paper: #f8f5ef;--surface: #fffdf8;--surface-muted: #f0ebe2;--ink: #26231d;--ink-soft: #5e594f;--muted: #8a8173;--line: #ded6c8;--accent: #1b7a73;--accent-strong: #105e59;--accent-warm: #a3532e;--shadow: 0 20px 50px rgba(56, 45, 32, .09);--radius: 8px;--serif: Charter, "Iowan Old Style", "Songti SC", "Noto Serif CJK SC", Georgia, serif;--sans: "Avenir Next", "Gill Sans", "PingFang SC", "Hiragino Sans GB", sans-serif}:root[data-theme=dark]{color-scheme:dark;--paper: #191a18;--surface: #20211f;--surface-muted: #292b28;--ink: #f2ebdf;--ink-soft: #c3bbad;--muted: #8f887c;--line: #393a35;--accent: #71c8bd;--accent-strong: #98ded5;--accent-warm: #e2a06f;--shadow: 0 22px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(90deg,rgba(27,122,115,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(163,83,46,.025) 1px,transparent 1px),var(--paper);background-size:38px 38px,38px 38px,auto;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 28px 56px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 20%);background:color-mix(in srgb,var(--paper),transparent 12%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-nav,.meta-row,.tag-row,.back-link{display:flex;align-items:center}.brand{color:var(--ink);font-family:var(--serif);font-size:24px;font-weight:700;line-height:1}.site-nav{gap:10px}.site-nav a{min-width:44px;padding:9px 10px;border-radius:999px;color:var(--ink-soft);font-size:14px}.site-nav a[aria-current=page]{color:var(--ink)}.site-footer{display:flex;justify-content:center;padding:34px 0 4px;color:var(--muted);font-size:13px}.site-footer a{padding:8px 10px;border-radius:999px;transition:color .16s ease,background .16s ease}.site-footer a:hover,.site-footer a:focus-visible{background:color-mix(in srgb,var(--surface),transparent 20%);color:var(--ink-soft)}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover,.icon-button:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.page-grid,.reader-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;gap:34px;padding-top:42px}.page-grid{grid-template-columns:210px minmax(0,880px) 1fr}.side-rail,.toc-rail{position:sticky;top:104px;align-self:start}.rail-label,.eyebrow{margin:0;color:var(--accent-warm);font-family:var(--sans);font-size:12px;font-weight:700;text-transform:uppercase}.rail-label{margin-bottom:12px;color:var(--muted)}.rail-label-spaced{margin-top:24px}.category-list{display:grid;gap:6px}.category-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink-soft);cursor:pointer}.category-button:hover,.category-button:focus-visible,.category-button[data-active=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}.category-button span:last-child{color:var(--muted);font-size:12px}.post-index{min-width:0}.index-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.index-head h1,.article-head h1,.empty-state h1{margin:6px 0 0;color:var(--ink);font-family:var(--serif);font-weight:700}.index-head h1{font-size:44px;line-height:1.08}.search-box{display:flex;align-items:center;gap:9px;width:min(320px,100%);min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.post-list{display:grid;gap:16px}.post-card{overflow:clip;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 30px #382d200a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.post-card:hover{border-color:color-mix(in srgb,var(--accent),var(--line) 35%);box-shadow:var(--shadow);transform:translateY(-2px)}.card-link{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:186px}.card-link:not(:has(>img)){grid-template-columns:1fr}.card-link>img{width:100%;height:100%;min-height:186px;object-fit:cover;border-right:1px solid var(--line);background:var(--surface-muted)}.card-body{display:grid;align-content:center;gap:12px;min-width:0;padding:24px 26px}.meta-row{flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}.meta-row span,.tag-row span{display:inline-flex;align-items:center;gap:5px}.post-card h2{margin:0;color:var(--ink);font-family:var(--serif);font-size:28px;line-height:1.22}.post-card p{margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:17px;line-height:1.72}.tag-row{flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.category-pill{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent),transparent 86%);color:var(--accent-strong)}.reader{min-width:0;padding-bottom:44px}.about-page{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;padding-top:54px}.about-reader .article-content{max-width:820px}.archive-page{width:min(880px,100%);margin:0 auto;padding-top:54px}.archive-head{margin-bottom:34px}.archive-head h1{margin:6px 0 12px;color:var(--ink);font-family:var(--serif);font-size:46px;line-height:1.1}.archive-head p:last-child{max-width:620px;margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:19px;line-height:1.7}.archive-list{display:grid;gap:36px}.archive-year{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;padding-top:22px;border-top:1px solid var(--line)}.archive-year h2{position:sticky;top:104px;align-self:start;margin:0;color:var(--accent-warm);font-family:var(--serif);font-size:28px}.archive-items{display:grid;gap:6px}.archive-item{display:grid;grid-template-columns:128px minmax(0,1fr) 96px;gap:18px;align-items:baseline;min-height:48px;padding:10px 0;color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 45%)}.archive-item:hover{color:var(--accent-strong)}.archive-date,.archive-meta{color:var(--muted);font-family:var(--sans);font-size:13px}.archive-title{color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.35}.archive-empty{margin-top:18px}.back-link{gap:4px;width:fit-content;margin-bottom:28px;color:var(--ink-soft);font-size:14px}.back-link:hover{color:var(--accent-strong)}.article-head{margin-bottom:32px}.article-head h1{max-width:820px;font-size:54px;line-height:1.1}.article-summary{max-width:740px;margin:20px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:21px;line-height:1.75}.article-cover{width:100%;max-height:430px;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;background:var(--surface-muted)}.article-content{max-width:760px;color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.88}.article-content>*:first-child{margin-top:0}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--ink);font-family:var(--serif);line-height:1.25;scroll-margin-top:110px}.article-content h2{margin:48px 0 16px;font-size:31px}.article-content h3{margin:34px 0 12px;font-size:24px}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content pre,.article-content figure{margin:0 0 22px}.article-content a{color:var(--accent-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.article-content blockquote{padding:4px 0 4px 18px;border-left:3px solid var(--accent);color:var(--ink-soft)}.article-content code{padding:2px 6px;border-radius:5px;background:var(--surface-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.article-content pre{overflow-x:auto;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#111412;color:#f4eee1}.article-content pre code{padding:0;background:transparent}.article-content figure{margin:34px 0}.article-content figure img{display:block;width:100%;max-height:560px;border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;background:var(--surface-muted)}.article-content figcaption{margin-top:10px;color:var(--muted);font-family:var(--sans);font-size:13px;text-align:center}.article-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-family:var(--sans);font-size:15px}.article-content th,.article-content td{padding:10px 12px;border:1px solid var(--line)}.toc-rail nav{display:grid;gap:8px}.toc-rail a,.toc-empty{display:block;color:var(--ink-soft);font-size:14px;line-height:1.5}.toc-rail a:hover{color:var(--accent-strong)}.toc-nested{padding-left:14px}.article-skeleton{display:grid;gap:14px;max-width:760px}.article-skeleton span{height:18px;border-radius:999px;background:linear-gradient(90deg,var(--surface-muted),color-mix(in srgb,var(--surface-muted),var(--surface) 50%),var(--surface-muted));background-size:220% 100%;animation:breathe 1.4s ease infinite}.article-skeleton span:nth-child(2){width:92%}.article-skeleton span:nth-child(3){width:78%}.article-skeleton span:nth-child(4){width:58%}.empty-state{padding:34px;border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface),transparent 16%);color:var(--ink-soft)}.empty-state p{margin:10px 0 0}@keyframes breathe{0%{background-position:100% 50%}to{background-position:-120% 50%}}@media (max-width: 1040px){.page-grid,.reader-grid{grid-template-columns:minmax(0,1fr)}.side-rail,.toc-rail{position:static}.side-rail{order:-1}.category-list{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.toc-rail{display:none}.archive-year{grid-template-columns:1fr;gap:12px}.archive-year h2{position:static}}@media (max-width: 720px){.app-shell{padding:0 18px 42px}.site-header{height:64px}.brand{font-size:16px}.page-grid,.reader-grid{gap:24px;padding-top:28px}.index-head{display:grid;align-items:start}.index-head h1{font-size:36px}.card-link{grid-template-columns:1fr}.card-link>img{height:190px;min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.card-body{padding:22px}.post-card h2{font-size:25px}.article-head h1{font-size:39px}.article-summary{font-size:19px}.article-content{font-size:18px;line-height:1.86}.archive-head h1{font-size:38px}.archive-item{grid-template-columns:1fr;gap:4px}}