:root{color-scheme:light;--bg: #f9f7f1;--fg: #46423c;--muted: #969085;--card: rgba(249, 247, 241, .6);--line: rgba(70, 66, 60, .08);--link: #6b705c;--shadow: transparent;--font-body: Palatino, "Palatino Linotype", "Book Antiqua", "Songti SC", "Noto Serif SC", STSong, "PT Serif", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-body: clamp(14px, .8vw + 12px, 16.5px);--fs-ui: .82rem;--fs-display: clamp(1.8rem, 3.5vw, 2.6rem);--space-1: 6px;--space-2: 12px;--space-3: 20px;--space-4: 32px;--space-5: 48px;--space-6: 72px;--space-7: 100px;--wrap-x: clamp(24px, 5vw, 40px);--leavesOpacity: .85;--radius: 2px}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;background:var(--bg);overflow:hidden}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--fg);line-height:1.85;background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:.02em}.bg-stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg)}.bg-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 18% 12%,rgba(255,255,255,.4) 0%,transparent 60%),radial-gradient(900px 420px at 82% 18%,rgba(249,247,241,.2) 0%,transparent 70%),repeating-linear-gradient(45deg,rgba(70,66,60,.015) 0px,rgba(70,66,60,.015) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(-45deg,rgba(70,66,60,.015) 0px,rgba(70,66,60,.015) 1px,transparent 1px,transparent 6px);opacity:.8;mix-blend-mode:multiply}.bg-stage video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--leavesOpacity);mix-blend-mode:multiply;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.bg-stage{display:none}}::selection{background:#6b705c33}a{color:var(--fg);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}a:hover{border-bottom-color:var(--muted);color:var(--link)}.scroll-container{position:absolute;inset:0;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.wrap{max-width:680px;margin:0 auto;padding:calc(var(--space-7) + env(safe-area-inset-top)) calc(var(--wrap-x) + env(safe-area-inset-right)) calc(var(--space-7) + 60px + env(safe-area-inset-bottom)) calc(var(--wrap-x) + env(safe-area-inset-left))}header.site{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.brand-mark{display:inline-flex;align-items:baseline;font-family:var(--font-ui);letter-spacing:.08em;border-bottom:none!important;text-transform:uppercase}.brand-mark strong{font-weight:500;font-size:.95rem}nav{display:flex;gap:var(--space-3)}nav a{display:inline-block;padding:0;border:none;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:var(--fs-ui);letter-spacing:.05em;transition:color .2s ease;border-bottom:1px solid transparent!important}nav a:hover{background:transparent;transform:none;color:var(--fg)}.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:var(--space-5);margin:0 0 var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{display:block;margin:0 0 var(--space-4);color:var(--muted);font-family:var(--font-ui);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.page-intro{padding-top:var(--space-4);padding-bottom:var(--space-6);border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:0;padding-right:0}.page-intro h1{margin:0 0 var(--space-4);font-size:var(--fs-display);line-height:1.2;font-weight:400;letter-spacing:.02em}.page-intro p{max-width:32rem;margin:0;color:var(--muted);font-size:.95rem}.entry-list{display:flex;flex-direction:column;gap:var(--space-6)}.entry-card{border:none;border-top:1px solid var(--line);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-5) 0 0;margin:0;border-radius:0}.entry-card h2,.entry-card h3{margin:0 0 var(--space-3);line-height:1.4;font-weight:500;font-size:1.2rem}.entry-card h2 a{border-bottom:none}.entry-card p{margin:0;color:var(--muted);font-size:.95rem;max-width:38rem}.entry-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-4);font-family:var(--font-ui);font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:none}.entry-link:hover{color:var(--fg);border-bottom:none}.entry-link:after{content:"→";font-size:1.1em;transition:transform .3s ease}.entry-link:hover:after{transform:translate(4px)}.article-shell{padding-top:var(--space-6)}.article-head{margin-bottom:var(--space-6)}.article-head h1{margin:0 0 var(--space-4);font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.3;font-weight:400;letter-spacing:.02em}.article-body{max-width:38rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--space-5);color:var(--muted);font-family:var(--font-ui);font-size:var(--fs-ui);letter-spacing:.05em;text-transform:uppercase;border-bottom:none}.back-link:hover{color:var(--fg);border-bottom:none}.back-link:before{content:"←";transition:transform .3s ease}.back-link:hover:before{transform:translate(-4px)}.meta{display:block;color:var(--muted);font-size:.8rem;font-family:var(--font-ui);letter-spacing:.05em;margin:0 0 var(--space-3)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0}.tag{font-size:.75rem;color:var(--muted);font-family:var(--font-ui);letter-spacing:.05em}article.prose p,article.prose h1,article.prose h2,article.prose h3,article.prose li{word-break:break-word;overflow-wrap:break-word}article.prose p{margin:0 0 1.2rem}article.prose :where(ul,ol){margin:0 0 1.2rem;padding-left:1.2em}article.prose li{margin:.3rem 0}article.prose :where(pre,blockquote){margin:0 0 1.5rem}article.prose hr{position:relative;border:0;height:1px;margin:var(--space-6) 0;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}article.prose h1{margin:0 0 var(--space-4);font-size:clamp(1.6rem,2.8vw,2.1rem);letter-spacing:.15px}article.prose h2{margin:var(--space-6) 0 var(--space-3);font-size:clamp(1.12rem,1vw + 1rem,1.35rem)}article.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:1.05rem}article.prose h1,article.prose h2,article.prose h3{line-height:1.4;font-weight:400;color:var(--fg)}article.prose p strong{font-weight:600}article.prose img{display:block;max-width:100%;border-radius:2px;margin:var(--space-5) 0;opacity:.85;mix-blend-mode:multiply;transition:opacity 1s ease,filter 1s ease;filter:sepia(.2) grayscale(.1)}article.prose img:hover{opacity:1;filter:sepia(0) grayscale(0)}article.prose code{font-family:var(--font-mono);font-size:.85em;padding:.1em .3em;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:2px}article.prose pre{overflow:auto;padding:var(--space-4);border-radius:2px;border:1px solid var(--line);background:#f9f7f166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem}article.prose pre code{padding:0;border:0;background:transparent}article.prose blockquote{position:relative;margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-left:none;color:var(--muted);background:#f9f7f166;border-radius:0;font-style:normal;font-size:.95rem;transition:background .6s ease}article.prose blockquote:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--muted) 0%,transparent 100%)}article.prose blockquote:hover{background:transparent}article.prose blockquote h1,article.prose blockquote h2,article.prose blockquote h3{font-size:1.05rem;margin:0 0 var(--space-2);font-weight:500;color:var(--muted)}footer{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;font-family:var(--font-body);text-align:right;letter-spacing:.05em}@media(max-width:640px){.wrap{padding-top:calc(var(--space-5) + env(safe-area-inset-top))}header.site{flex-direction:column;align-items:flex-start;gap:var(--space-3);border-bottom:none;margin-bottom:var(--space-5)}nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.card{padding:var(--space-4)}}
