:root{--bg:#f5f6f7;--surface:#fff;--text:#101315;--muted:#4b5963;--link:#1a4cff;--line:#d4d9dd;--radius:14px;--shadow:0 1px 2px #10131514, 0 12px 24px #1013150f;--font:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg:#111418;--surface:#171d22;--text:#f2f5f7;--muted:#aab6bf;--link:#93b0ff;--line:#2b343c}*{box-sizing:border-box}body{font-family:var(--font);background:radial-gradient(circle at 0 0, #3f67ff14, transparent 40%), var(--bg);color:var(--text);margin:0;line-height:1.6;transition:background-color .35s,color .35s}a{color:var(--link);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.page-shell{max-width:740px;margin:0 auto;padding:1.25rem 1rem 4rem}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.site-header nav{flex-wrap:wrap;gap:.9rem;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;width:2rem;height:2rem;transition:transform .2s}.theme-toggle:hover{transform:rotate(18deg)}.hero{margin:2.6rem 0 1.8rem}.hero.compact{margin-bottom:1rem}.kicker{color:var(--muted);font-weight:600}h1{letter-spacing:-.03em;margin:.4rem 0 1rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}h2{margin:0 0 1rem;font-size:1.2rem}.lede{color:var(--muted);max-width:62ch;font-size:1.05rem}.section-title-row{justify-content:space-between;align-items:baseline;margin-bottom:.7rem;display:flex}.post-list{margin:0;padding:0;list-style:none}.post-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:.8rem;padding:1rem;animation:.32s both riseIn}.post-list time{color:var(--muted);font-size:.87rem}.post-list h3{letter-spacing:-.02em;margin:.3rem 0;font-size:1.25rem}.post-list p{color:var(--muted);margin:0}.tags-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tags-list a,.tag-pill{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;padding:.15rem .7rem;font-size:.86rem;text-decoration:none;display:inline-flex}.search-panel{margin:1rem 0}.search-panel label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.search-panel input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.7rem}.post-article{margin-top:1.6rem}.post-header{margin-bottom:1.8rem}.post-date,.back-link{color:var(--muted);font-size:.9rem}.post-content p{margin:0 0 1rem}.post-content h2,.post-content h3{margin:1.4rem 0 .7rem}.post-content pre{color:#f6f8fa;background:#0f1418;border-radius:10px;padding:1rem;overflow:auto}.post-content img,.gallery img{border:1px solid var(--line);border-radius:10px;width:100%}.gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1rem 0;display:grid}.embed-frame{border:1px solid var(--line);border-radius:10px;width:100%;min-height:320px}.hidden{display:none}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about{margin-top:2.2rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.8rem;padding-top:1rem}.not-found{text-align:center;margin-top:4rem}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start}}