*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}:root{--bg-primary: #0f1316;--bg-surface: #15181b;--bg-secondary: #111316;--text-primary: #e6eef8;--text-secondary: #9aa6b2;--border-color: rgba(255,255,255,0.04);--shadow-color: rgba(0,0,0,0.6);--accent: #1f6aa3;--accent-2: #7ee787;--link-color: var(--accent);--link-hover: #9ccfff;--code-bg: #0b0d0f;--blockquote-bg: #15181b;--card-bg: var(--bg-surface);--button-bg: #1f6aa3;--button-text: #0f1316;--nav-bg: rgba(15,19,22,0.72)}@media (prefers-color-scheme: light){:root{--bg-primary: #fafafa;--bg-surface: #ffffff;--text-primary: #1f2933;--text-secondary: #6b7280;--border-color: #e6e9ec;--accent: #1f6aa3;--button-bg: #1f6aa3;--link-color: var(--accent);--link-hover: #3b86bf;--code-bg: #f3f3f3;--blockquote-bg: #f8f9fa;--nav-bg: rgba(255,255,255,0.9);--button-text: #ffffff}}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;margin:0 auto;max-width:68ch;padding:2rem;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:100vh;transition:background-color 0.2s ease, color 0.2s ease}a{color:var(--link-color, var(--accent));text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s ease-in-out}a:hover{color:var(--link-hover, var(--accent));border-bottom-color:currentColor}a:focus,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:focus,button:focus-visible,.btn:focus,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,h5,h6{margin-top:2rem;margin-bottom:0.75rem;font-weight:600;line-height:1.25;color:var(--text-primary)}ul,ol{margin-left:1.5rem}p{margin-bottom:1rem;line-height:1.75}br{display:block;margin:0.6rem 0;line-height:inherit}li{margin-bottom:0.5rem}img{max-width:100%;height:auto;border-radius:4px}pre,code{font-family:"JetBrains Mono", "Fira Code", monospace;background:var(--code-bg);color:var(--text-primary);border-radius:4px;font-size:0.95em}pre{padding:1rem;overflow-x:auto;border:1px solid var(--border-color);margin:1.5rem 0}button,.btn{background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:6px;padding:0.6rem 1rem;cursor:pointer;transition:transform 0.12s ease, box-shadow 0.12s ease}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,0.35)}body{background-color:var(--bg-primary);color:var(--text-primary)}.main-content,.page-content{width:100%;max-width:68ch;margin:0 auto;padding:2rem}@media (min-width: 1600px){.main-content,.page-content{padding:3rem}}.nav-logo{font-weight:600;font-size:1.1rem;color:var(--accent);text-decoration:none}.nav-links{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0}.nav-links a{color:var(--text-primary);text-decoration:none;transition:color 0.12s ease}.nav-links a:hover{color:var(--accent)}a.button{display:inline-block;background-color:var(--button-bg);color:var(--button-text);padding:0.5rem 1rem;border-radius:6px;transition:transform 0.12s ease, filter 0.12s ease}a.button:hover{transform:translateY(-1px);filter:brightness(1.05)}@media (min-width: 1600px){.post-content{font-size:1.1em}}:root{color-scheme:dark}