:root{--primary-color: #3D3833;--secondary-color: #6B5B4F;--border-color: #F5F0E8;--background-color: #FAF7F2;--code-bg: #FFFEF9;--accent-color: #B87652;--accent-secondary: #8B9E85;--spacing: 1.5rem}@media (prefers-color-scheme: dark){:root{--primary-color: #E8E2D9;--secondary-color: #C4B8A8;--border-color: #2D2926;--background-color: #1A1816;--code-bg: #242120;--accent-color: #D4956A;--accent-secondary: #C17D54}}body[data-theme="dark"]{color-scheme:dark;--primary-color: #E8E2D9;--secondary-color: #C4B8A8;--border-color: #2D2926;--background-color: #1A1816;--code-bg: #242120;--accent-color: #D4956A;--accent-secondary: #C17D54}body[data-theme="light"]{color-scheme:light;--primary-color: #3D3833;--secondary-color: #6B5B4F;--border-color: #F5F0E8;--background-color: #FAF7F2;--code-bg: #FFFEF9;--accent-color: #B87652;--accent-secondary: #8B9E85}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:16px;line-height:1.6;color:var(--primary-color);background:var(--background-color);transition:background 0.3s ease, color 0.3s ease}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.3}p{margin-bottom:1rem}code{background:var(--code-bg);padding:0.2rem 0.4rem;border-radius:3px;font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size:0.9rem}pre{background:var(--code-bg);padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0;font-size:0.85rem}blockquote{border-left:3px solid var(--border-color);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:var(--secondary-color)}ul,ol{margin-left:2rem;margin-bottom:1rem}ul li,ol li{margin-bottom:0.5rem}.container{max-width:800px;margin:0 auto;padding:0 var(--spacing)}header{border-bottom:1px solid var(--border-color);padding:2rem 0;margin-bottom:2rem;position:relative}header h1{font-size:2rem;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.75rem}header h1 .header-icon{width:2rem;height:2rem;display:inline-block}header h1 .header-icon img{width:100%;height:100%}header h1 a{color:var(--primary-color)}header h1 a:hover{text-decoration:underline}header .description{font-size:1rem;color:var(--secondary-color)}header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}header .header-title{flex:1}header .header-controls{display:flex;gap:0.5rem;align-items:center}header .theme-toggle{background:none;border:none;cursor:pointer;padding:0.5rem;font-size:1.5rem;transition:transform 0.3s ease}header .theme-toggle:hover{transform:scale(1.1)}header .theme-toggle .theme-icon{display:inline-block}header .menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem;gap:0.5rem}header .menu-toggle span{width:1.5rem;height:2px;background-color:var(--primary-color);transition:all 0.3s ease;display:block}header .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(0.7rem, 0.7rem)}header .menu-toggle.active span:nth-child(2){opacity:0}header .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(0.5rem, -0.5rem)}header .header-nav{border:none;margin:0;padding:0}header .header-nav ul{list-style:none;display:flex;gap:2rem;flex-direction:row}header .header-nav a{color:var(--primary-color);padding:0.5rem 0;display:block}header .header-nav a:hover{color:var(--accent-color)}main{min-height:calc(100vh - 400px);margin-bottom:2rem}footer{border-top:1px solid var(--border-color);padding:2rem 0;color:var(--secondary-color);font-size:0.9rem;text-align:center}footer p{margin-top:1rem}article{margin-bottom:2rem}article h1{font-size:1.75rem;margin-bottom:0.5rem;color:var(--primary-color)}article time{color:var(--secondary-color);font-size:0.9rem;display:block;margin-bottom:1rem}article h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--accent-color)}article h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:0.75rem;color:var(--accent-secondary)}.post-list{list-style:none}.post-list li{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.post-list li:last-child{border-bottom:none}.post-list li a{color:var(--primary-color);font-size:1.25rem}.post-list li a:hover{color:var(--accent-color);text-decoration:underline}.post-list-meta{color:var(--secondary-color);font-size:0.9rem;margin-top:0.5rem}.post-excerpt{margin-top:0.75rem;color:var(--secondary-color)}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.post-nav a{color:var(--primary-color);flex:1;transition:color 0.2s}.post-nav a:hover{color:var(--accent-color);text-decoration:underline}.post-nav .prev{text-align:left}.post-nav .next{text-align:right}.social-media-list{list-style:none;display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.social-media-list a{color:var(--secondary-color);display:inline-block;transition:color 0.2s}.social-media-list a:hover{color:var(--accent-color)}.social-media-list svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 600px){header .menu-toggle{display:flex}header .header-nav{position:fixed;left:-100%;top:0;width:max-content;min-width:200px;max-width:60%;height:100vh;background:var(--background-color);border-right:1px solid var(--border-color);padding:6rem 2rem 2rem;transition:left 0.3s ease;z-index:999;overflow-y:auto}header .header-nav.active{left:0}header .header-nav ul{flex-direction:column;gap:1.5rem}header .header-nav a{font-size:1.1rem}header .header-content{flex-direction:row;align-items:center;gap:1rem}header .header-title{flex:1}header h1{font-size:1.5rem}.social-media-list{gap:1rem}.post-nav{flex-direction:column}.post-nav .prev{text-align:left}.post-nav .next{text-align:left}article h1{font-size:1.5rem}article h2{font-size:1.25rem}}