:root{--washi: #FAF8F5;--linen: #EDE9E1;--cream: #F5F0E8;--sand: #D4C9B5;--stone: #B5A99A;--fog: #8A8480;--charcoal: #4A4540;--ink: #2A2520;--void: #1A1612;--amber: #C4965A;--font-serif: "Noto Serif TC", "PingFang TC", serif;--font-sans: "Noto Sans TC", "PingFang TC", sans-serif;--font-label: "Space Grotesk", "Noto Sans TC", sans-serif;--font-quote: "EB Garamond", Georgia, serif;--sp-2: 8px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--sp-32: 128px;--bg: var(--washi);--bg-card: var(--cream);--border: var(--sand);--text: var(--ink);--text-2: var(--charcoal);--text-3: var(--fog);--accent: var(--amber);--ease-out: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root{--bg: var(--void);--bg-card: #241F1A;--border: #4A4540;--text: var(--washi);--text-2: var(--linen);--text-3: var(--stone)}}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}body{font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.8;color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:720px;margin:0 auto;padding:0 var(--sp-6)}.site-nav{border-bottom:1px solid var(--border);padding:var(--sp-4) 0}.site-nav .container{display:flex;justify-content:space-between;align-items:baseline}.site-nav a{font-family:var(--font-label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);text-decoration:none;transition:color .3s var(--ease-out)}.site-nav a:hover{color:var(--accent)}.site-nav .brand{font-family:var(--font-serif);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:none}.site-nav .links{display:flex;gap:var(--sp-6)}.hero{padding:var(--sp-32) 0 var(--sp-24);position:relative;overflow:hidden}.hero .kanji-ghost{position:absolute;top:var(--sp-8);right:-.1em;font-family:var(--font-serif);font-weight:200;font-size:220px;line-height:1;color:var(--text);opacity:.07;user-select:none;pointer-events:none}.hero h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(28px,6vw,44px);line-height:1.35;max-width:15em}.hero .sub{margin-top:var(--sp-6);font-family:var(--font-quote);font-style:italic;font-size:18px;color:var(--text-3)}.tag{display:inline-block;font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border);padding:3px 10px}.post-list{list-style:none;padding-bottom:var(--sp-24)}.post-list .section-label{font-family:var(--font-label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-8)}.post-card{border:1px solid var(--border);padding:var(--sp-8);margin-bottom:var(--sp-6);transition:border-color .3s var(--ease-out)}.post-card:hover{border-color:var(--accent)}.post-card a{text-decoration:none;color:inherit;display:block}.post-card h2{font-family:var(--font-serif);font-weight:400;font-size:22px;line-height:1.5}.post-card .meta{font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-2)}.post-card p{margin-top:var(--sp-2);color:var(--text-2);font-size:15px}.article{padding:var(--sp-16) 0 var(--sp-24)}.article header .meta{font-family:var(--font-label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-4);display:flex;gap:var(--sp-4);align-items:center}.article header h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(26px,5vw,38px);line-height:1.4;margin-bottom:var(--sp-12)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.prose h2,.prose h3{scroll-margin-top:var(--sp-8)}.toc{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:var(--sp-6);margin-bottom:var(--sp-12)}.toc-label{font-family:var(--font-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-4)}.toc ol{list-style:none;margin:0;padding:0}.toc li{margin-bottom:var(--sp-2)}.toc li:last-child{margin-bottom:0}.toc-depth-3{padding-left:var(--sp-6)}.toc a{color:var(--text-2);text-decoration:none;border-bottom:none;transition:color .2s var(--ease-out)}.toc a:hover{color:var(--accent)}.prose h2{font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1.5;margin:var(--sp-12) 0 var(--sp-4)}.prose h3{font-family:var(--font-serif);font-weight:400;font-size:19px;margin:var(--sp-8) 0 var(--sp-4)}.prose p{margin-bottom:var(--sp-6)}.prose a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--accent)}.prose ul,.prose ol{margin:0 0 var(--sp-6) 1.4em}.prose li{margin-bottom:var(--sp-2)}.prose blockquote{font-family:var(--font-quote);font-style:italic;font-size:18px;color:var(--text-2);border-left:2px solid var(--accent);padding-left:var(--sp-6);margin:var(--sp-8) 0}.prose code{font-size:14px;background:var(--bg-card);padding:2px 6px}.prose pre{background:var(--bg-card);border:1px solid var(--border);padding:var(--sp-6);overflow-x:auto;margin-bottom:var(--sp-6)}.prose pre code{background:none;padding:0}.prose img{max-width:100%}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--sp-12) 0}.article-end{width:40px;border:none;border-top:2px solid var(--text);margin-top:var(--sp-16)}.site-footer{border-top:1px solid var(--border);padding:var(--sp-12) 0 var(--sp-16)}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.site-footer p,.site-footer a{font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);text-decoration:none}.site-footer a:hover{color:var(--accent)}@media(max-width:600px){.hero{padding:var(--sp-16) 0 var(--sp-12)}.hero .kanji-ghost{font-size:140px}.post-card{padding:var(--sp-6)}}