:root{color-scheme:light dark;--bg: #f4f1ea;--surface: #fffdf8;--surface-soft: #ebe5d8;--text: #1f211d;--muted: #706b61;--line: #d8d0c0;--accent: #176b5d;--accent-strong: #0f4d44;--code-bg: #111827;--code-text: #e5e7eb;--shadow: 0 16px 42px rgba(55, 48, 38, .09)}@media(prefers-color-scheme:dark){:root{--bg: #151612;--surface: #1e1f1a;--surface-soft: #282a23;--text: #f3efe4;--muted: #b7af9f;--line: #3e3a31;--accent: #8ecfbd;--accent-strong: #b8e3d6;--shadow: 0 18px 48px rgba(0, 0, 0, .3)}}:root[data-theme=light]{color-scheme:light;--bg: #f4f1ea;--surface: #fffdf8;--surface-soft: #ebe5d8;--text: #1f211d;--muted: #706b61;--line: #d8d0c0;--accent: #176b5d;--accent-strong: #0f4d44;--shadow: 0 16px 42px rgba(55, 48, 38, .09)}:root[data-theme=dark]{color-scheme:dark;--bg: #151612;--surface: #1e1f1a;--surface-soft: #282a23;--text: #f3efe4;--muted: #b7af9f;--line: #3e3a31;--accent: #8ecfbd;--accent-strong: #b8e3d6;--shadow: 0 18px 48px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{margin:0;min-height:100vh;background:linear-gradient(rgba(31,33,29,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(31,33,29,.018) 1px,transparent 1px),var(--bg);background-size:32px 32px}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent-strong)}img{display:block;max-width:100%;height:auto}.site-shell{width:min(100%,940px);margin:0 auto;padding:30px 22px 58px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 46px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:18px;font-weight:760;text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:7px;box-shadow:0 5px 14px #3730261f}.hero{margin:0 0 36px}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:14px;font-weight:760}h1{max-width:900px;margin:0;font-size:clamp(30px,4.1vw,44px);line-height:1.16;letter-spacing:0}.description{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:22px;color:var(--muted);font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:13px;line-height:1}.hero-image{overflow:hidden;border:1px solid var(--line);border-radius:8px;margin:30px 0 44px;background:var(--surface-soft);box-shadow:var(--shadow)}.article{font-size:17px;line-height:1.88}.article h2{margin:54px 0 16px;font-size:27px;line-height:1.25;letter-spacing:0}.article h3{margin:32px 0 10px;font-size:21px;line-height:1.35;letter-spacing:0}.article p{margin:18px 0}.article ul{margin:18px 0;padding-left:1.2em}.article li{margin:8px 0}.article blockquote,.summary-card{border:1px solid var(--line);border-radius:8px;margin:28px 0;padding:20px;background:var(--surface);box-shadow:0 10px 30px #3730260e}.article blockquote{color:var(--muted)}.article blockquote p:first-child{margin-top:0}.article blockquote p:last-child{margin-bottom:0}.article code{border-radius:5px;padding:.14em .35em;background:var(--surface-soft);font-size:.9em}.article pre{overflow-x:auto;border-radius:8px;padding:18px;background:var(--code-bg);color:var(--code-text)}.article pre code{padding:0;background:transparent;color:inherit}.article figure{margin:34px 0}.article figure img{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);box-shadow:var(--shadow)}.article figcaption{margin-top:8px;color:var(--muted);font-size:14px;text-align:center}.post-list{display:grid;gap:16px;margin-top:30px}.post-item{border:1px solid var(--line);border-radius:8px;padding:20px 22px;background:var(--surface);text-decoration:none;box-shadow:0 10px 30px #3730260e;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.post-item:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}.post-item h2{margin:6px 0 8px;color:var(--text);font-size:22px;line-height:1.35}.post-item p{margin:0;color:var(--muted);line-height:1.7}.post-date,.post-more{color:var(--accent);font-size:13px;font-weight:720}.post-more{display:inline-block;margin-top:14px}.site-footer{margin-top:58px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:14px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-controls{position:fixed;right:max(18px,calc((100vw - 940px)/2 - 64px));bottom:22px;z-index:20;display:flex;flex-direction:column;gap:10px}.control-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);color:var(--text);cursor:pointer;font:inherit;line-height:1;transition:border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.control-button:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));color:var(--accent);transform:translateY(-1px)}.control-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle{position:relative}.theme-toggle-light,.theme-toggle-dark{grid-area:1 / 1;font-size:19px}:root[data-theme=light] .theme-toggle-dark,:root[data-theme=dark] .theme-toggle-light{display:none}.back-to-top{--scroll-progress: 0%;border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(var(--accent) var(--scroll-progress),var(--line) 0) border-box;opacity:0;pointer-events:none;transform:translateY(6px)}.back-to-top[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}@media(max-width:640px){.site-shell{padding:22px 16px 42px}.site-header{padding-bottom:32px}.article{font-size:16px;line-height:1.82}h1{font-size:clamp(29px,9vw,36px)}.article h2{margin-top:42px;font-size:24px}.site-controls{right:16px;bottom:16px}.control-button{width:40px;height:40px}}