.light-theme{--color-bg: #ffffff;--color-bg-alt: #f5f5f5;--color-text: #333333;--color-text-muted: #666666;--color-border: #e0e0e0;--color-primary: #3a5caa;--color-primary-hover: #2a4a8a;--color-link: #3a5caa;--color-link-hover: #2a4a8a;--color-code-bg: #f5f5f5;--color-code-text: #333333;--color-code-border: #e0e0e0;--color-syntax-comment: #707070;--color-syntax-keyword: #8b3a8c;--color-syntax-string: #2a7a40;--color-syntax-function: #3a5caa;--color-syntax-variable: #a0522d;--color-syntax-number: #5e64c3;--color-header-bg: rgba(255, 255, 255, 0.95);--color-shadow: rgba(0, 0, 0, 0.05)}.dark-theme{--color-bg: #1e1e2e;--color-bg-alt: #2a2a3a;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--color-border: #444444;--color-primary: #7e9cd8;--color-primary-hover: #98b0e3;--color-link: #7e9cd8;--color-link-hover: #98b0e3;--color-code-bg: #2a2a3a;--color-code-text: #e0e0e0;--color-code-border: #444444;--color-syntax-comment: #8b8b8b;--color-syntax-keyword: #c678dd;--color-syntax-string: #98c379;--color-syntax-function: #7e9cd8;--color-syntax-variable: #e5c07b;--color-syntax-number: #d19a66;--color-header-bg: rgba(30, 30, 46, 0.95);--color-shadow: rgba(0, 0, 0, 0.2)}code{font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:.2em .4em;border-radius:var(--border-radius)}pre{margin:1.5em 0;padding:1em;overflow-x:auto;border:1px solid var(--color-code-border);border-radius:var(--border-radius)}pre code{padding:0;background-color:rgba(0,0,0,0);font-size:.9em;line-height:1.5}.light-theme pre{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.dark-theme pre{background-color:#2b303b}table{width:100%;margin:1.5em 0;border-collapse:collapse;font-size:.95rem;border-radius:var(--border-radius);overflow:hidden}thead{background-color:var(--color-bg-alt);border-bottom:2px solid var(--color-border)}th{padding:.75rem;text-align:left;font-weight:600}td{padding:.75rem;border-top:1px solid var(--color-border)}tr:nth-child(even){background-color:var(--color-bg-alt)}@media (max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}:root{--font-family-sans: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--font-family-mono: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;--font-size-base: 18px;--line-height-base: 1.6;--border-radius: 4px;--border-radius-lg: 8px;--transition-base: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family-sans);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);transition:var(--transition-base)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em;line-height:1.3;color:var(--color-text)}h1{font-size:2rem}@media (min-width: 768px){h1{font-size:2.5rem}}h2{font-size:1.5rem}@media (min-width: 768px){h2{font-size:1.75rem}}h3{font-size:1.25rem}@media (min-width: 768px){h3{font-size:1.5rem}}p,ul,ol{margin-bottom:1.5em}a{color:var(--color-link);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-link-hover)}header{top:0;background-color:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:.75rem 0;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.25rem;font-weight:700}.site-title a{color:var(--color-text)}.site-title a:hover{color:var(--color-primary)}nav ul{display:flex;list-style:none;margin:0}nav ul li{margin-left:1rem}.nav-link{font-weight:500}#theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:var(--transition-base)}#theme-toggle:hover{background-color:var(--color-bg-alt)}#theme-toggle svg{width:1.25rem;height:1.25rem;fill:currentColor}.light-theme .moon-icon,.dark-theme .sun-icon{display:block}.light-theme .sun-icon,.dark-theme .moon-icon{display:none}main{min-height:calc(100vh - 200px);width:100%;max-width:800px;margin:0 auto;padding:1rem 0 3rem}.posts-list .post-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.posts-list .post-item:last-child{border-bottom:none}.posts-list .post-title{margin:.25em 0}.posts-list .post-title a{color:var(--color-text)}.posts-list .post-title a:hover{color:var(--color-primary)}.posts-list .post-meta{font-size:.9rem;color:var(--color-text-muted)}.post .post-header{position:static;z-index:1;background:none;border-bottom:none;padding:0}.post .post-title{margin-bottom:.25em}.post .post-meta{font-size:.9rem;color:var(--color-text-muted)}.post .post-content{max-width:650px;margin:0 auto}@media (min-width: 992px){.post .post-content{max-width:800px}}.post .post-content img{max-width:100%;height:auto;border-radius:var(--border-radius);display:block;margin:2em auto}.post .post-content ul,.post .post-content ol{padding-left:1.5em}.post .post-content ul li,.post .post-content ol li{margin-bottom:.5em}.post .post-content blockquote{border-left:4px solid var(--color-border);padding-left:1em;margin-left:0;color:var(--color-text-muted);font-style:italic}.post .post-content hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.about{max-width:650px;margin:0 auto}.about .about-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.about .about-header h1{margin-top:1rem}.about .avatar-container{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid var(--color-border)}.about .avatar-container img{width:100%;height:100%;object-fit:cover}.about .social-links{display:flex;justify-content:center;margin-top:2rem}.about .social-links a{margin:0 .75rem;color:var(--color-text-muted);transition:var(--transition-base)}.about .social-links a:hover{color:var(--color-primary)}.about ul,.about ol{padding-left:1.5em}.about ul li,.about ol li{margin-bottom:.5em}footer{padding:1rem 0;border-top:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-muted)}.footer-content{display:flex;justify-content:space-between;align-items:center}