:root{--bg-color: #000000;--text-color: #dddddd;--link-color: #ff00ff;--link-hover-color: #ffffff;--accent-color: #333333;--border-color: #444444;--subtle-bg: rgba(255, 255, 255, 0.02);--hover-bg: rgba(255, 255, 255, 0.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Iosevka', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;line-height:1.6;background-color:var(--bg-color);color:var(--text-color);font-size:14px}.container{max-width:750px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:5px}header .header-content{display:flex;align-items:left;justify-content:left;gap:10px;flex-wrap:wrap;text-align:center}header .header-logo{flex-shrink:0}header .site-logo{height:180px;width:auto;filter:brightness(0.9);transition:filter 0.2s ease}header .site-logo:hover{filter:brightness(1)}header .header-text{text-align:center}header h1{font-size:50px;margin-bottom:10px;font-weight:normal}header p{font-size:16px;opacity:0.8}nav{text-align:center;margin-bottom:40px;padding:20px 0;border-bottom:1px solid var(--border-color)}nav a{color:var(--link-color);text-decoration:none;margin:0 20px;font-size:16px;transition:color 0.2s ease}nav a:hover{color:var(--link-hover-color);text-decoration:underline}nav a.current{color:var(--link-hover-color)}.content{margin-bottom:40px}.content h1{font-size:24px;margin:30px 0 20px 0;color:var(--text-color)}.content h2{font-size:20px;margin:30px 0 15px 0;color:var(--text-color)}.content h3{font-size:16px;margin:25px 0 10px 0;color:var(--link-color)}.content p{margin-bottom:15px;line-height:1.6}.content ul,.content ol{margin:15px 0;padding-left:20px}.content ul li,.content ol li{margin-bottom:8px}.content a{color:var(--link-color);text-decoration:none}.content a:hover{color:var(--link-hover-color);text-decoration:underline}.content code{background-color:var(--accent-color);padding:2px 6px;border-radius:3px;font-size:13px}.content pre{background-color:var(--accent-color);padding:15px;border-radius:4px;overflow-x:auto;margin:15px 0}.content pre code{background:none;padding:0}.content blockquote{border-left:3px solid var(--link-color);padding-left:15px;margin:15px 0;opacity:0.8}.posts-section{margin-bottom:40px}.posts-section h2{font-size:20px;margin-bottom:20px;color:var(--text-color)}.post-item{margin-bottom:15px;padding:15px;background-color:var(--subtle-bg);border:1px solid var(--border-color);border-radius:4px;transition:background-color 0.2s ease}.post-item:hover{background-color:var(--hover-bg)}.post-title{color:var(--link-color);text-decoration:none;font-size:16px;font-weight:bold}.post-title:hover{color:var(--link-hover-color);text-decoration:underline}.post-date{font-size:12px;opacity:0.7;margin-top:5px}.post-excerpt{font-size:14px;margin-top:8px;opacity:0.9;line-height:1.4}.connect-section{background-color:var(--subtle-bg);border:1px solid var(--border-color);border-radius:4px;padding:20px;margin:30px 0}.connect-links{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.connect-links a{color:var(--link-color);text-decoration:none;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;transition:all 0.2s ease}.connect-links a:hover{color:var(--link-hover-color);border-color:var(--link-color);background-color:rgba(255,0,255,0.1)}.social-links{margin-top:20px}.social-links a{color:var(--link-color);text-decoration:none;margin:0 10px;font-size:14px}.social-links a:hover{color:var(--link-hover-color);text-decoration:underline}footer{text-align:center;padding:40px 0 20px;border-top:1px solid var(--border-color);margin-top:60px;font-size:12px;opacity:0.6}@media (max-width: 768px){.container{padding:20px 15px}nav a{margin:0 10px;font-size:14px}header .header-content{flex-direction:column;gap:5px;text-align:center}header .header-text{text-align:center}header .site-logo{height:150px}header h1{font-size:24px}.connect-links{justify-content:center}}.highlight{background-color:var(--accent-color);border-radius:4px;padding:15px;margin:15px 0;overflow-x:auto}.highlight .c{color:#75715e}.highlight .k{color:#66d9ef}.highlight .s{color:#e6db74}.highlight .n{color:var(--text-color)}.highlight .o{color:#f92672}.highlight .p{color:var(--text-color)}
