:root{--text: #000;--bg: #fff;--link: #00f;--visited: #551a8b;--border: #ccc;--code-bg: #f5f5f5;--max-width: 650px;--font: Georgia, "Times New Roman", serif;--mono: "Courier New", monospace}:root.dark{--text: #e0e0e0;--bg: #1a1a1a;--link: #6db3f2;--visited: #b19cd9;--border: #444;--code-bg: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);max-width:var(--max-width);margin:2em auto;padding:0 20px;transition:background .2s,color .2s}h1{font-size:24px;font-weight:400;margin:1em 0 .5em}h2{font-size:20px;font-weight:400;margin:1.5em 0 .5em}h3{font-size:18px;font-weight:400;margin:1em 0 .5em}p{margin:1em 0}a{color:var(--link);text-decoration:underline}a:visited{color:var(--visited)}ul,ol{margin:1em 0 1em 2em}blockquote{margin:1em 2em;padding-left:1em;border-left:3px solid var(--border)}code{font-family:var(--mono);font-size:14px;background:var(--code-bg);padding:2px 4px}pre{font-family:var(--mono);font-size:14px;background:var(--code-bg);padding:1em;margin:1em 0;overflow-x:auto;line-height:1.4}pre code{background:none;padding:0}hr{border:none;border-top:1px solid var(--text);margin:2em 0}table{border-collapse:collapse;margin:1em 0;width:100%}th,td{border:1px solid var(--text);padding:5px 10px;text-align:left}th{font-weight:700}img{max-width:100%;height:auto}.post-meta{color:var(--text);opacity:.7;font-size:14px}.tag{font-size:14px;opacity:.7}.tag-filter{cursor:pointer;color:var(--link);text-decoration:underline;margin-right:.5em}.tag-filter:hover{opacity:.8}.tag-filter.active{font-weight:700}.theme-toggle{position:fixed;top:1em;right:1em;background:none;border:1px solid var(--text);color:var(--text);padding:5px 10px;cursor:pointer;font-family:var(--font);font-size:14px}.theme-toggle:hover{background:var(--text);color:var(--bg)}:root.dark .astro-code{background-color:var(--shiki-dark-bg)!important}:root.dark .astro-code span{color:var(--shiki-dark)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}@media (max-width: 600px){body{font-size:14px;margin:1em auto}}