:root{--bg:#f7f4ee;--surface:#fffdf8;--surface-strong:#eee9df;--text:#202521;--muted:#69726c;--border:#d9d4ca;--accent:#1f6f50;--accent-strong:#14533c;--accent-soft:#dcebe3;--code:#ebe7de;--shadow:0 18px 50px #37413a14}:root.dark{--bg:#151816;--surface:#1d211e;--surface-strong:#272c28;--text:#edf1ed;--muted:#a8b1aa;--border:#363d38;--accent:#76d5a8;--accent-strong:#9de6c2;--accent-soft:#233d31;--code:#252b27;--shadow:0 18px 50px #0000002e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% -10%, #1f6f501a, transparent 28rem), var(--bg);min-height:100vh;color:var(--text);text-rendering:optimizelegibility;margin:0;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:17px;line-height:1.75}a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 65%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 65%, transparent);text-underline-offset:.2em}a:hover{color:var(--accent)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:.5rem;padding:.55rem .85rem;transition:top .16s;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner,.page-shell,.site-footer{width:min(100% - 2rem,72rem);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;display:flex}.site-title{color:var(--text);letter-spacing:-.035em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem;font-weight:750;text-decoration:none}.site-nav{align-items:center;gap:.2rem;display:flex}.nav-link,.icon-button{min-height:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.55rem;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-link{padding:.25rem .8rem;font-size:.92rem;font-weight:650}.icon-button{width:2.5rem;padding:0}.icon-button svg,.footer-links svg,.button svg,.text-link svg,.back-link svg,.search-label svg{stroke-width:1.8px;width:1.1rem;height:1.1rem}.nav-link:hover,.nav-link.active,.icon-button:hover{background:var(--surface-strong);color:var(--text)}.menu-button{display:none}.page-shell{min-height:calc(100vh - 12rem)}main{padding-block:4.5rem 5rem}.hero{gap:1.1rem;max-width:52rem;padding-block:2.8rem 5rem;display:grid}.hero h1,.content-page>h1,.article-header h1,.not-found h1{letter-spacing:-.065em;max-width:18ch;margin:0;font-size:clamp(2.8rem,8vw,5.6rem);line-height:1.02}.content-page>h1,.not-found h1{font-size:clamp(2.5rem,6vw,4.4rem)}.hero p,.page-intro,.article-description{max-width:48rem;color:var(--muted);margin:0}.hero-lead{font-size:clamp(1.2rem,2.5vw,1.55rem);color:var(--text)!important}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:750;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.button{border:1px solid var(--border);background:var(--surface);min-height:2.85rem;color:var(--text);border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.93rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #232d260d}.button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--bg)}.button.primary:hover{background:var(--accent-strong);color:var(--bg)}.section-block{border-top:1px solid var(--border);padding-top:4.5rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading h2{letter-spacing:-.045em;margin:.35rem 0 0;font-size:clamp(2rem,5vw,3.2rem)}.text-link,.back-link{color:var(--accent);align-items:center;gap:.35rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.project-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:0;box-shadow:var(--shadow);border-radius:1rem;padding:clamp(1.25rem,3vw,1.8rem);position:relative;overflow:hidden}.project-card:after{border:1.5rem solid var(--accent-soft);content:"";opacity:.6;border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-4rem;right:-2rem}.project-card-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.project-number{color:var(--border);font-family:SFMono-Regular,Consolas,monospace;font-size:1.5rem;font-weight:800}.project-card h3{z-index:1;margin:1.4rem 0 .35rem;font-size:1.35rem;line-height:1.35;position:relative}.project-card h3 a{text-decoration:none}.project-card p{z-index:1;color:var(--muted);position:relative}.project-stack{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.content-page{max-width:54rem;margin-inline:auto}.resume-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);max-width:46rem;box-shadow:var(--shadow);border-radius:1rem;margin-top:2rem;padding:clamp(1.4rem,4vw,2.2rem)}.resume-panel h2{letter-spacing:-.035em;margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.2rem)}.resume-panel p{color:var(--muted);margin:0}.resume-contact{font-size:.93rem;margin-top:1.4rem!important}.content-page>.eyebrow{margin-bottom:.75rem}.content-page>h1{margin-bottom:2.5rem}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown h2,.markdown h3,.markdown h4{color:var(--text);letter-spacing:-.03em;scroll-margin-top:6rem;line-height:1.25}.markdown h2{border-top:1px solid var(--border);margin:3.5rem 0 1rem;padding-top:.7rem;font-size:1.75rem}.markdown h3{margin:2.3rem 0 .7rem;font-size:1.35rem}.markdown p,.markdown li{color:color-mix(in srgb, var(--text) 88%, var(--muted))}.markdown strong{color:var(--text)}.markdown a{color:var(--accent)}.markdown code{background:var(--code);color:var(--text);border-radius:.3rem;padding:.12rem .32rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.markdown pre{border:1px solid var(--border);background:var(--code);border-radius:.8rem;padding:1.1rem;overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-inline:0;padding:.25rem 0 .25rem 1rem}.markdown table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;min-width:8rem;padding:.6rem .75rem}.markdown th{background:var(--surface-strong)}.markdown hr{border:0;border-top:1px solid var(--border);margin-block:3rem}.post-list{border-top:1px solid var(--border);margin-top:2rem}.post-card{border-bottom:1px solid var(--border);padding-block:2rem}.post-card h2,.search-result h2{margin:.45rem 0;font-size:1.45rem;line-height:1.35}.post-card h2 a,.search-result h2 a{text-decoration:none}.post-card>p:not(.eyebrow),.search-result p{color:var(--muted);margin:.55rem 0}.tag-row,.tag-cloud{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.tag-large{padding:.55rem .8rem;font-size:.9rem}.tag-large span{opacity:.7}.article-header{border-bottom:1px solid var(--border);padding-bottom:2.5rem}.article-header h1{max-width:22ch;margin:.8rem 0 1rem;font-size:clamp(2.3rem,6vw,4.4rem)}.article-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:.75rem;margin-top:4rem;padding-top:1.5rem;font-size:.9rem;display:flex}.article-footer a{color:var(--accent)}.back-link{margin-bottom:2rem}.search-panel{margin-top:2rem}.search-label{align-items:center;gap:.45rem;margin-bottom:.55rem;font-size:.9rem;font-weight:700;display:flex}.search-panel input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow);border-radius:.75rem;padding:.85rem 1rem}.search-panel input::placeholder{color:var(--muted)}.search-results{margin-top:1.5rem}.search-result{border-bottom:1px solid var(--border);padding-block:1.25rem}.muted{color:var(--muted)}.not-found{place-content:center;justify-items:start;gap:1rem;min-height:65vh;display:grid}.not-found p{max-width:35rem;color:var(--muted)}.site-footer{border-top:1px solid var(--border);min-height:7rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.footer-links{gap:1rem;display:flex}.footer-links a{align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.back-to-top{border:1px solid var(--border);background:var(--surface);width:2.8rem;height:2.8rem;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;bottom:1rem;right:1rem}.back-to-top svg{width:1.1rem}@media (width<=720px){body{font-size:16px}.header-inner{min-height:4rem;position:relative}.menu-button{display:inline-flex}.site-nav{border:1px solid var(--border);background:var(--surface);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow);border-radius:.8rem;padding:.6rem;display:none;position:absolute;top:calc(100% + .4rem);right:0}.site-nav-open{grid-template-columns:1fr 1fr 1fr;display:grid}.site-nav-open .nav-link{grid-column:1/-1;justify-content:flex-start}main{padding-block:3rem 4rem}.hero{padding-block:1.5rem 4rem}.hero h1{font-size:clamp(2.9rem,16vw,4.4rem)}.section-heading{align-items:start}.project-grid{grid-template-columns:1fr}.content-page>h1,.article-header h1{letter-spacing:-.05em}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}