:root{--bg:#f5f3ee;--bg-card:#f5f3ee;--bg-code:#ece9e2;--bg-codeblock:#232720;--fg:#252923;--fg-body:#3a403a;--fg-muted:#737a72;--fg-subtle:#8a9088;--fg-label:#788176;--accent:#557263;--accent-strong:#3f5f50;--accent-warm:#9b8164;--line:#d9d8d0;--line-soft:#aeb8ac;--scrollbar:#d8d8d0;--on-codeblock:#ece9e2;--wrap:1080px;--pad-x:32px;--pad-y:110px;--transition:.2s ease}html[data-theme=dark]{--bg:#1a1d19;--bg-card:#20241f;--bg-code:#2a2f28;--bg-codeblock:#14170f;--fg:#e8e6e0;--fg-body:#c9ccc4;--fg-muted:#9aa094;--fg-subtle:#7d8479;--fg-label:#8d9387;--accent:#8fb3a1;--accent-strong:#a8c9b6;--accent-warm:#c9a87e;--line:#31362e;--line-soft:#454b41;--scrollbar:#3a403a;--on-codeblock:#d8d5cc}html:not(.no-transition),html:not(.no-transition) body{transition:background-color var(--transition), color var(--transition)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif}img{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not(.no-transition),html:not(.no-transition) body{transition:none}}.wrap{max-width:var(--wrap);padding-left:var(--pad-x);padding-right:var(--pad-x);margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:88px;display:flex}.brand{color:var(--fg);white-space:nowrap;font-family:Noto Serif SC,serif;font-size:22px;text-decoration:none}.brand span{letter-spacing:2px;color:var(--fg-subtle);margin-left:10px;font:10px Space Grotesk}.nav nav{align-items:center;gap:28px;display:flex}.nav nav a,.arrow-link{color:var(--accent-strong);transition:color var(--transition);font-size:13px;text-decoration:none}.nav nav a:hover,.arrow-link:hover{color:var(--fg)}.space{border:1px solid var(--line-soft);color:var(--accent-strong);border-radius:99px;padding:10px 14px}.nav-actions{align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--line-soft);width:36px;height:36px;color:var(--accent-strong);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:99px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}.theme-toggle:hover{color:var(--fg);border-color:var(--fg-muted)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:inline}html[data-theme=dark] .theme-toggle .icon-moon{display:none}.hero{padding-top:120px;padding-bottom:130px}.eyebrow,.muted,.tag{letter-spacing:2px;color:var(--fg-label);font-size:10px}.hero h1{letter-spacing:-3px;margin:24px 0;font:600 clamp(42px,7vw,78px)/1.18 Noto Serif SC,serif}.hero h1 em{color:var(--accent);font-style:normal}.intro{max-width:370px;color:var(--fg-muted);font-size:15px;line-height:1.9}.arrow-link{border-bottom:1px solid var(--line-soft);gap:18px;margin-top:34px;padding-bottom:9px;display:inline-flex}.arrow-link span{font-size:18px}.section-label{color:var(--fg-muted);letter-spacing:1px;border-top:1px solid var(--line);align-items:center;gap:18px;padding-top:18px;font-size:12px;display:flex}.section-label span:first-child{color:var(--accent-warm)}.section-label a{color:var(--fg-muted);transition:color var(--transition);margin-left:auto;font-size:12px;text-decoration:none}.section-label a:hover{color:var(--fg)}.reading{padding-bottom:110px}.reading-card{justify-content:space-between;align-items:end;gap:32px;padding:36px 0;display:flex}.reading-card h2{max-width:590px;margin:14px 0;font:400 31px/1.35 Noto Serif SC,serif}.meta{color:var(--fg-subtle);font-size:13px}.progress{flex-shrink:0;width:150px}.progress strong{color:var(--accent);font:400 38px Space Grotesk}.progress>div{background:var(--scrollbar);height:3px;margin:15px 0 8px}.progress i{background:var(--accent);height:100%;display:block}.progress small{color:var(--fg-subtle);font-size:12px}.about{padding-bottom:110px}.about blockquote{color:var(--fg);margin:40px 0 24px;font:400 clamp(24px,3.4vw,38px)/1.5 Noto Serif SC,serif}.about-text{max-width:480px;color:var(--fg-muted);font-size:15px;line-height:1.9}.footer{border-top:1px solid var(--line);color:var(--fg-subtle);justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:48px;font-size:12px;display:flex}.footer a{color:var(--fg-subtle);transition:color var(--transition);text-decoration:none}.footer a:hover{color:var(--fg)}.page{padding:72px 0 110px}.page-title{letter-spacing:-1px;margin:18px 0 10px;font:600 clamp(34px,5vw,52px)/1.25 Noto Serif SC,serif}.page-desc{color:var(--fg-muted);max-width:560px;font-size:15px;line-height:1.9}.back-link{color:var(--accent);border-bottom:1px solid var(--line-soft);transition:color var(--transition);margin-top:26px;padding-bottom:6px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--fg)}.note-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;margin-top:34px;display:grid}.note{background:var(--bg-card);flex-direction:column;gap:12px;padding:30px 26px;display:flex}a.tag{color:var(--fg-label);transition:color var(--transition);text-decoration:none}a.tag:hover{color:var(--accent)}.note h3{margin:0;font:400 21px/1.5 Noto Serif SC,serif}.note h3 a{color:var(--fg);transition:color var(--transition);text-decoration:none}.note h3 a:hover{color:var(--accent)}.note p{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.85}.note footer{color:var(--fg-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.note footer a{color:var(--accent);text-decoration:none}.empty{color:var(--fg-muted);border:1px dashed var(--line);text-align:center;margin-top:34px;padding:40px;font-size:14px}.tag-list{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.tag-chip{border:1px solid var(--line-soft);color:var(--accent-strong);transition:color var(--transition), border-color var(--transition);border-radius:99px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;text-decoration:none;display:inline-flex}.tag-chip:hover{color:var(--fg);border-color:var(--fg-muted)}.tag-chip .count{color:var(--fg-subtle);font-size:11px}.article{max-width:700px}.article-meta{color:var(--fg-subtle);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0 44px;padding-bottom:18px;font-size:12px;display:flex}.article-body{color:var(--fg-body);font-size:16px;line-height:2}.article-body h2{color:var(--fg);margin:46px 0 16px;font:600 25px/1.5 Noto Serif SC,serif}.article-body h3{color:var(--fg);margin:34px 0 12px;font:600 19px/1.5 Noto Serif SC,serif}.article-body p{margin:0 0 20px}.article-body a{color:var(--accent)}.article-body blockquote{border-left:2px solid var(--line-soft);color:var(--accent);margin:28px 0;padding:4px 0 4px 22px;font-family:Noto Serif SC,serif}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:22px}.article-body li{margin-bottom:8px}.article-body code{background:var(--bg-code);border-radius:3px;padding:2px 6px;font-size:14px}.article-body pre{background:var(--bg-codeblock);color:var(--on-codeblock);border-radius:6px;padding:20px;font-size:13px;line-height:1.7;overflow-x:auto}.article-body pre code{color:inherit;background:0 0;padding:0}.article-body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.article-body img{border-radius:4px}.notfound-code{color:var(--accent-warm);margin:0;font:400 clamp(64px,14vw,140px)/1 Space Grotesk}@media (width<=720px){:root{--pad-x:22px;--pad-y:76px}.nav{flex-wrap:wrap;gap:14px;height:auto;padding-top:20px;padding-bottom:20px}.brand span{display:none}.nav nav{flex-wrap:wrap;gap:16px;width:100%}.hero{padding-top:72px;padding-bottom:84px}.hero h1{letter-spacing:-1.5px}.reading-card{flex-direction:column;align-items:flex-start}.progress{width:100%}.footer{flex-direction:column;align-items:flex-start}.footer span+span{margin-top:8px;display:block}}