@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f6f3ee;--surface: #fffaf1;--text: #1d232b;--muted: #4b5968;--accent: #b13a2b;--accent-soft: #f8d7cf;--border: #e4d8c5;--shadow: 0 10px 30px rgba(32, 33, 35, .08);--max: 92ch}:root[data-theme=dark]{--bg: #121722;--surface: #1a2130;--text: #e7edf8;--muted: #b8c2d4;--accent: #ff8a72;--accent-soft: #3a2a31;--border: #2a3448;--shadow: 0 14px 34px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top right,#f0dfca 0%,transparent 36%),radial-gradient(circle at left 80%,#e6efdf 0%,transparent 30%),var(--bg);color:var(--text);font-family:Merriweather,Georgia,serif;line-height:1.75}a{color:inherit;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}.article,.post-card{overflow-wrap:anywhere;word-break:break-word}.wrapper{width:min(1100px,92vw);margin:0 auto}.site-header{position:sticky;top:0;backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 85%,white);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,white);z-index:50}.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:.95rem 0}.brand{font-family:Space Grotesk,sans-serif;font-size:1.05rem;letter-spacing:.02em;font-weight:700;text-decoration:none}.nav{display:flex;gap:1rem;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:.95rem}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.28rem .75rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.01em;cursor:pointer;transition:border-color .14s ease,color .14s ease,background-color .14s ease;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0}.theme-icon{display:inline-flex;align-items:center;justify-content:center}.theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}main{padding:3.2rem 0 5rem}.hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:2.6rem;animation:rise .52s ease-out both}.hero h1{margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.3rem);line-height:1.05}.hero p{margin:0;color:var(--muted);max-width:56ch}.posts-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow);display:grid;gap:.7rem;animation:rise .45s ease-out both}.post-card h2,.post-card h3{margin:0;font-family:Space Grotesk,sans-serif;line-height:1.2}.post-card p{margin:0;color:var(--muted)}.meta{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--muted)}.tag{padding:.16rem .5rem;border-radius:999px;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 85%,black);font-weight:700}.article{max-width:min(var(--max),100%);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(1.2rem,4vw,2.4rem);box-shadow:var(--shadow)}.article h1,.article h2,.article h3{font-family:Space Grotesk,sans-serif;line-height:1.2}.article h1{margin-top:0;font-size:clamp(2rem,5vw,3rem)}.article pre{padding:2.2rem 1rem 1rem;border-radius:10px;overflow-x:auto;background:color-mix(in srgb,var(--surface) 92%,#eef3fb);border:1px solid color-mix(in srgb,var(--border) 86%,#cad4e7);box-shadow:none;position:relative}.code-block-shell{position:relative}.article pre code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.5}.code-lang-badge{position:absolute;top:.6rem;left:.65rem;border:1px solid color-mix(in srgb,var(--border) 76%,#b8c4d8);background:color-mix(in srgb,var(--surface) 92%,#f2f6fd);color:var(--muted);border-radius:999px;padding:.15rem .52rem;font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.4}.code-copy-btn{position:absolute;top:.6rem;right:.65rem;border:1px solid color-mix(in srgb,var(--border) 76%,#b8c4d8);background:color-mix(in srgb,var(--surface) 92%,#f2f6fd);color:var(--muted);border-radius:999px;padding:.15rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;line-height:1.4;cursor:pointer}.code-copy-btn:hover{color:var(--accent);border-color:var(--accent)}.article blockquote{margin:1.5rem 0;padding:.2rem 1rem;border-left:5px solid var(--accent);background:color-mix(in srgb,var(--surface) 60%,white)}.callout{margin:1.6rem 0;padding:1rem 1rem 1rem 1.15rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,white);box-shadow:var(--shadow)}.callout-label{display:inline-block;margin-bottom:.55rem;padding:.16rem .6rem;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.callout-body>:first-child{margin-top:0}.callout-body>:last-child{margin-bottom:0}.callout-note{border-left:5px solid #2e7dd7;background:color-mix(in srgb,var(--surface) 76%,#edf5ff)}.callout-note .callout-label{background:#dbeafc;color:#205eab}.callout-tip{border-left:5px solid #2f8a57;background:color-mix(in srgb,var(--surface) 74%,#edf8f0)}.callout-tip .callout-label{background:#dcefe2;color:#256844}.callout-warning{border-left:5px solid #cb5a32;background:color-mix(in srgb,var(--surface) 74%,#fff0e7)}.callout-warning .callout-label{background:#f9dccd;color:#9a4020}.site-footer{padding:2rem 0 3rem;color:var(--muted);font-size:.9rem;text-align:center}.footer-meta{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.footer-item+.footer-item:before{content:"·";margin-right:.75rem;opacity:.65}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.site-header .inner{gap:.8rem;flex-direction:column;align-items:flex-start}.hero{padding:1.4rem}.nav{font-size:.9rem}}.article img,.article svg,.article video,.article iframe{max-width:100%;height:auto;display:block}