.site-header[data-astro-cid-3ef6ksr2]{border-bottom:1px solid var(--color-border);background:#0a0a0fcc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.header-inner[data-astro-cid-3ef6ksr2]{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-weight:700;font-size:1.05rem}.logo[data-astro-cid-3ef6ksr2]:hover{color:var(--color-text)}.logo-icon[data-astro-cid-3ef6ksr2]{font-size:1.4rem}nav[data-astro-cid-3ef6ksr2]{display:flex;gap:1.5rem}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:color .2s}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--color-text)}@media (max-width: 480px){.header-inner[data-astro-cid-3ef6ksr2]{padding:.75rem 1rem}.logo-text[data-astro-cid-3ef6ksr2]{display:none}nav[data-astro-cid-3ef6ksr2]{gap:1rem}}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);margin-top:4rem;padding:2rem 0;color:var(--color-text-muted);font-size:.875rem}.footer-inner[data-astro-cid-sz7xmlte]{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:1.25rem}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-text-muted)}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-text)}:root{--color-bg: #0a0a0f;--color-bg-soft: #13131a;--color-surface: #1a1a23;--color-border: #2a2a35;--color-text: #e8e8ed;--color-text-muted: #9898a8;--color-accent: #7c3aed;--color-accent-bright: #a78bfa;--color-success: #10b981;--color-warning: #f59e0b;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 720px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:var(--color-accent-bright);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}h1,h2,h3,h4{color:var(--color-text);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem;margin-top:2rem;margin-bottom:1rem}h2{font-size:1.875rem;margin-top:2.5rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}h4{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1.25rem}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface);padding:.2em .4em;border-radius:4px;border:1px solid var(--color-border)}pre{background:var(--color-surface);padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--color-border)}pre code{background:none;border:none;padding:0}blockquote{border-left:3px solid var(--color-accent);padding-left:1.25rem;margin:1.5rem 0;color:var(--color-text-muted);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--color-surface);font-weight:600;color:var(--color-text)}ul,ol{margin:1rem 0 1.5rem 1.5rem}li{margin-bottom:.5rem}main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 4rem}.post-meta{color:var(--color-text-muted);font-size:.875rem;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap}.tag{display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;color:var(--color-text-muted)}.btn{display:inline-block;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:8px;font-weight:600;transition:all .2s;border:none;cursor:pointer}.btn:hover{background:var(--color-accent-bright);color:#fff;transform:translateY(-1px)}.lead{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:2rem}@media (max-width: 600px){h1{font-size:2rem}h2{font-size:1.5rem}main{padding:1.5rem 1rem 3rem}}