:root{--bg:#f7f8f4;--surface:#fff;--surface-strong:#101820;--text:#15202b;--muted:#5d6974;--subtle:#d9dfdc;--line:#e5e8e4;--accent:#176f7b;--accent-strong:#0f4f59;--accent-soft:#e3f2f1;--gold:#b7791f;--shadow:0 24px 60px #15202b14;--radius:8px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #e3f2f19e 0, #f7f8f400 360px), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.6}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}img{max-width:100%;display:block}.site-shell,.content-wrapper{width:min(1120px,100% - 40px);margin:0 auto}.content-wrapper{padding:72px 0 80px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f7f8f4db;border-bottom:1px solid #15202b14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.brand-link{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--surface);border:1px solid #176f7b3d;border-radius:50%;flex:0 0 42px;width:42px;height:42px;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-name,.brand-role{display:block}.brand-name{font-weight:800;line-height:1.1}.brand-role{color:var(--muted);font-size:.82rem}nav{align-items:center;gap:6px;display:flex}nav a{border-radius:var(--radius);color:var(--muted);padding:8px 11px;font-size:.94rem;font-weight:700;text-decoration:none}nav a:hover,nav a:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:56px;min-height:calc(100vh - 220px);padding-bottom:72px;display:grid}.hero-copy h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2.6rem,5.4vw,5rem);font-weight:850;line-height:1}.hero-copy p{max-width:660px;color:var(--muted);margin:28px 0 0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button-primary,.button-secondary{border-radius:var(--radius);justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{background:var(--surface-strong);color:#fff}.button-primary:hover,.button-primary:focus-visible{background:var(--accent-strong)}.button-secondary{border:1px solid var(--subtle);color:var(--text);background:#ffffff9e}.button-secondary:hover,.button-secondary:focus-visible{color:var(--accent-strong);border-color:#176f7b61}.hero-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow);gap:1px;display:grid;overflow:hidden}.hero-panel>div{background:#ffffffe6;padding:24px}.hero-panel span{color:var(--gold);font-family:var(--font-mono);margin-bottom:22px;font-size:.78rem;font-weight:800;display:block}.hero-panel strong{font-size:1.05rem;line-height:1.25;display:block}.hero-panel p{color:var(--muted);margin:10px 0 0;font-size:.95rem}.section-header,.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-header h2,.page-heading h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.section-header p,.page-heading p{max-width:620px;color:var(--muted);margin:10px 0 0;font-size:1.05rem}.section-header a{color:var(--accent-strong);white-space:nowrap;font-weight:800}.page-stack{gap:28px;display:grid}.post-list{gap:18px;display:grid}.plain-list{margin:0;padding:0;list-style:none}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;padding:26px;transition:border-color .16s,box-shadow .16s,transform .16s}.post-card:hover{border-color:#176f7b52;transform:translateY(-2px);box-shadow:0 18px 48px #15202b14}.post-card-meta,.article-meta time{color:var(--gold);font-family:var(--font-mono);font-size:.78rem;font-weight:800}.post-card h2{margin:10px 0 8px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.15}.post-card h2 a{text-decoration:none}.post-card h2 a:hover,.post-card h2 a:focus-visible{color:var(--accent-strong)}.post-card p{max-width:760px;color:var(--muted);margin:0}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-badge{background:var(--accent-soft);min-height:28px;color:var(--accent-strong);border:1px solid #176f7b29;border-radius:999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.tag-badge:hover,.tag-badge:focus-visible{background:#d6ecea;border-color:#176f7b5c}.article-page{max-width:820px;margin:0 auto}.article-header{margin-bottom:40px}.article-header h1{margin:0;font-size:clamp(2.6rem,6vw,5rem);line-height:.98}.article-meta{gap:10px;margin-top:18px;display:grid}.prose{color:var(--text);font-size:1.05rem}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{line-height:1.15}.prose h1{margin:0 0 24px;font-size:clamp(2.4rem,5vw,4rem)}.prose h2{margin:42px 0 14px;font-size:1.55rem}.prose h3{margin:30px 0 10px}.prose p,.prose li{color:#2d3944}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 22px;padding-left:1.3rem}.prose a{color:var(--accent-strong);font-weight:700}.prose code{border:1px solid var(--line);font-family:var(--font-mono);background:#ffffffb8;border-radius:5px;padding:.1em .3em;font-size:.9em}.prose img{border-radius:var(--radius);margin:28px 0}.about-page{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px;display:grid}.portrait{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);width:220px;box-shadow:var(--shadow);object-fit:cover}.download-link{justify-self:start}.tags-page{gap:28px;display:grid}.tags-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.empty-state{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffffb3;padding:24px}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.footer-inner p{margin:0}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:var(--muted);font-weight:700;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent-strong)}@media (max-width:820px){.site-shell,.content-wrapper{width:min(100% - 28px,1120px)}.content-wrapper{padding:46px 0 60px}.header-inner,.footer-inner,.section-header{flex-direction:column;align-items:flex-start}nav{justify-content:space-between;width:100%}nav a{padding-left:0}nav a:hover,nav a:focus-visible{background:0 0}.hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding-bottom:52px}.hero-copy h1,.article-header h1{font-size:clamp(2.45rem,11vw,3.9rem)}.about-page{grid-template-columns:1fr;gap:28px}.portrait{width:160px}}@media (max-width:520px){.brand-role{display:none}.hero-copy h1,.article-header h1{font-size:clamp(2.25rem,11vw,3.1rem)}.hero-copy p{font-size:1.05rem}.hero-actions,.button-primary,.button-secondary{width:100%}.post-card,.hero-panel>div,.empty-state{padding:20px}}@media (prefers-color-scheme:dark){:root{--bg:#0d1216;--surface:#151c22;--surface-strong:#eef4f1;--text:#eef4f1;--muted:#a9b4bd;--subtle:#354047;--line:#263139;--accent:#74c6c9;--accent-strong:#9ee2e1;--accent-soft:#142b2f;--gold:#e6b96d;--shadow:0 24px 60px #0000003d}body{background:linear-gradient(180deg, #142b2fb8 0, #0d121600 360px), var(--bg)}.site-header{background:#0d1216d1;border-bottom-color:#eef4f114}.brand-mark,.hero-panel>div,.post-card,.empty-state{background:#151c22db}.button-primary{color:#101820}.button-secondary{background:#151c22b8}.prose p,.prose li{color:#d6dedb}.prose code{background:#151c22eb}}