:root{color-scheme:light;--bg: #faf8f4;--paper: #fffdf9;--surface: #fffefa;--surface-warm: #fbf4ea;--ink: #201f1d;--muted: #6d675f;--faint: #9b9489;--line: #e7dfd4;--line-strong: #d8cfc2;--shadow-card: 0 14px 38px rgba(67, 52, 31, .038), 0 4px 14px rgba(67, 52, 31, .032), 0 1px 2px rgba(67, 52, 31, .026);--shadow-soft: 0 8px 22px rgba(67, 52, 31, .032), 0 1px 2px rgba(67, 52, 31, .024);--max: 940px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:"liga" 1,"calt" 1}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(180deg,#fffdf9,#faf7f1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:#d8cfc2bf}img,svg{display:block;max-width:100%}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.home-shell{min-height:100vh}.site-header{padding-top:34px}.minimal-nav{display:flex;align-items:baseline;justify-content:space-between;gap:24px;min-height:38px}.wordmark{font-size:16px;font-weight:650;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.nav-links a,.back-link,.prose a,.tech-note a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.26em;transition:color .16s ease,text-decoration-color .16s ease}.nav-links a:hover,.back-link:hover,.prose a:hover,.tech-note a:hover{color:var(--ink);text-decoration-color:currentColor}.intro{padding:70px 0 22px}.surface-card{position:relative;border:1px solid rgba(216,207,194,.82);border-radius:24px;background:linear-gradient(180deg,#fffefaf5,#fffdf9e0);box-shadow:var(--shadow-card)}.surface-card:before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(255,255,255,.78)}.surface-card>*{position:relative;z-index:1}.intro-card{overflow:hidden;padding:clamp(28px,4.4vw,46px)}.intro-card:after{content:"";position:absolute;right:clamp(22px,5vw,58px);top:clamp(20px,4vw,42px);width:clamp(86px,16vw,150px);height:clamp(86px,16vw,150px);border-radius:999px;background:radial-gradient(circle,#e8d6bc6b,#e8d6bc00 70%);pointer-events:none}.kicker{margin:0 0 18px;color:var(--faint);font-size:13px;letter-spacing:.03em}.intro h1{max-width:620px;margin:0;font-size:clamp(40px,6.5vw,68px);line-height:1.08;letter-spacing:-.048em;font-weight:620;text-wrap:balance}.intro-copy{display:flex;flex-direction:column;gap:.18em;max-width:620px;margin:24px 0 0;color:var(--muted);font-size:clamp(17px,1.9vw,20px);line-height:1.85;letter-spacing:-.01em;text-wrap:pretty}.intro-copy span{display:block}.quiet-section{padding:18px 0}.section-card{padding:clamp(22px,3.4vw,34px)}.info-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:18px;padding:18px 0 28px}.info-card{padding:clamp(22px,3.2vw,30px)}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:10px;color:var(--ink);font-size:14px;font-weight:620;letter-spacing:-.02em}.section-rule{height:1px;flex:1;background:var(--line)}.writing-list{display:grid;gap:12px}.writing-item{display:grid;grid-template-columns:122px minmax(0,1fr);gap:24px;padding:17px 18px;border:1px solid rgba(231,223,212,.62);border-radius:16px;background:#ffffff6b;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.writing-item:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#ffffffb3;box-shadow:var(--shadow-soft)}.writing-meta{display:flex;flex-direction:column;gap:4px;padding-top:2px;color:#887f74;font-size:13px;line-height:1.65}.writing-content{display:flex;flex-direction:column;gap:10px}.writing-title{margin:0;color:var(--ink);font-size:clamp(19px,1.9vw,22px);line-height:1.35;letter-spacing:-.035em;font-weight:600}.writing-desc{max-width:580px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.section-copy{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.88;text-wrap:pretty}.tech-note{display:grid;gap:10px;width:100%;margin-top:18px;padding:15px 16px;border:1px solid rgba(231,223,212,.86);border-radius:16px;background:#ffffff85;color:var(--muted);font-size:13px;line-height:1.7}.tech-note>div{display:flex;justify-content:space-between;gap:16px}.tech-note span{color:var(--faint)}.tech-note strong{font-weight:500;color:var(--ink);text-align:right}.site-footer{display:flex;justify-content:space-between;gap:22px;padding:68px 0 44px;border-top:1px solid var(--line);color:#8d857b;font-size:13px}.post-page{padding:84px 0 104px}.post-article{width:min(760px,calc(100% - 44px));margin-inline:auto}.post-header{margin-bottom:44px}.back-link{display:inline-flex;margin-bottom:28px;color:var(--muted);font-size:14px}.post-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;color:var(--faint);font-size:13px}.post-article h1{margin:0;max-width:720px;font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.06em;font-weight:620;text-wrap:balance}.post-description{max-width:640px;margin:20px 0 0;color:var(--muted);font-size:18px;line-height:1.8}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fffdf9ad;font-size:12px;line-height:1.2}.prose{color:#302d29;font-size:17px;line-height:1.92}.prose>*+*{margin-top:1.15em}.prose h2{margin:2.2em 0 .75em;font-size:26px;line-height:1.25;letter-spacing:-.04em}.prose p,.prose ul,.prose ol{margin-bottom:0}.prose a{color:var(--ink);text-decoration-color:var(--line-strong)}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.45em}.prose code{padding:.16em .34em;border:1px solid var(--line);border-radius:6px;background:#fffdf9bf;color:#423e38}.prose pre{overflow-x:auto;padding:18px;border:1px solid var(--line);border-radius:16px;background:#28231f;color:#f7f1e9}.prose pre code{padding:0;border:0;background:transparent;color:inherit}@media(max-width:720px){.container,.post-article{width:min(100% - 32px,var(--max))}.site-header{padding-top:24px}.minimal-nav{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{gap:16px}.intro{padding:62px 0 18px}.intro h1{font-size:clamp(36px,12vw,54px);letter-spacing:-.04em}.intro-copy{font-size:17px}.quiet-section{padding:16px 0}.surface-card{border-radius:20px}.intro-card,.section-card,.info-card{padding:22px}.info-grid{grid-template-columns:1fr;gap:14px;padding:16px 0 22px}.writing-item{grid-template-columns:1fr;gap:8px;padding:17px}.writing-meta{flex-direction:row;flex-wrap:wrap;gap:10px 14px}.writing-content{gap:8px}.section-copy{font-size:16px}.tech-note{width:100%}.site-footer{flex-direction:column;padding-top:52px}.post-page{padding-top:64px}.post-description{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}