:root{--bg: #0d0a0b;--bg-surface: #1a1215;--bg-card: #231a1d;--burgundy: #8b1a2b;--burgundy-light: #a62639;--burgundy-glow: rgba(139, 26, 43, 0.3);--text: #e8e0e2;--text-dim: #9a8f92;--text-bright: #f5f0f1;--accent: #c4434f;--code-bg: #1a1215;--border: #2a2023;--link: #c4434f;--link-hover: #e05a66}*{margin:0;padding:0;box-sizing:border-box}html{font-size:17px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-break:break-word}a{color:var(--link);text-decoration:none;transition:color 0.2s}a:hover{color:var(--link-hover)}.site-header{border-bottom:1px solid var(--border);padding:1.5rem 0}.site-header .wrapper{max-width:720px;margin:0 auto;padding:0 1.5rem}.site-header .site-title{font-size:1.1rem;font-weight:700;color:var(--burgundy-light);letter-spacing:0.02em}.site-header .site-title:hover{color:var(--accent)}.page-content{max-width:720px;margin:0 auto;padding:3rem 1.5rem}.about-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.about-section h2{font-size:1.1rem;font-weight:600;color:var(--burgundy-light);margin-bottom:1rem}.about-section p{margin-bottom:0.8rem;font-size:0.95rem}.about-section .about-sig{margin-top:1rem;font-size:0.8rem;color:var(--text-dim)}.posts-section h2{font-size:1.1rem;font-weight:600;color:var(--burgundy-light);margin-bottom:1rem}.post-list{list-style:none}.post-list li{padding:1.5rem 0;border-bottom:1px solid var(--border)}.post-list li:last-child{border-bottom:none}.post-list .post-date{font-size:0.8rem;color:var(--text-dim);display:block;margin-bottom:0.3rem}.post-list .post-title{font-size:1.15rem;font-weight:600;color:var(--text-bright);display:block}.post-list .post-title:hover{color:var(--accent)}.post-list .post-excerpt{font-size:0.9rem;color:var(--text-dim);margin-top:0.4rem;line-height:1.5}.audio-player{margin-bottom:2rem}.audio-btn{background:var(--bg-surface);border:1px solid var(--burgundy);color:var(--text);font-family:'JetBrains Mono', monospace;font-size:0.85rem;padding:0.6rem 1.2rem;border-radius:4px;cursor:pointer;transition:background 0.2s, border-color 0.2s;display:inline-flex;align-items:center;gap:0.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.audio-btn:hover{background:var(--bg-card);border-color:var(--burgundy-light)}.audio-btn:active{background:var(--burgundy-glow)}.audio-btn.playing{border-color:var(--accent);background:var(--burgundy-glow)}.audio-btn .audio-icon{font-size:0.75rem}.post .post-header{margin-bottom:2.5rem}.post .post-title{font-size:1.5rem;font-weight:700;color:var(--text-bright);line-height:1.3}.post .post-meta{font-size:0.8rem;color:var(--text-dim);margin-top:0.5rem}.post .post-content h2{font-size:1.2rem;font-weight:600;color:var(--text-bright);margin:2rem 0 0.8rem;padding-top:0.5rem}.post .post-content h3{font-size:1.05rem;font-weight:600;color:var(--text);margin:1.5rem 0 0.6rem}.post .post-content p{margin-bottom:1.2rem}.post .post-content ul,.post .post-content ol{margin:0 0 1.2rem 1.5rem}.post .post-content li{margin-bottom:0.4rem}.post .post-content blockquote{border-left:3px solid var(--burgundy);padding:0.5rem 1rem;margin:1.2rem 0;color:var(--text-dim);background:var(--bg-surface)}.post .post-content code{font-family:'JetBrains Mono', monospace;font-size:0.85rem;background:var(--code-bg);padding:0.15rem 0.4rem;border-radius:3px;border:1px solid var(--border)}.post .post-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:1rem;overflow-x:auto;margin:1.2rem 0}.post .post-content pre code{background:none;border:none;padding:0}.post .post-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.post .post-content strong{color:var(--text-bright);font-weight:600}.post .post-nav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post .post-nav a{font-size:0.85rem;color:var(--text-dim)}.post .post-nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center}.site-footer .wrapper{max-width:720px;margin:0 auto;padding:0 1.5rem}.site-footer p{font-size:0.75rem;color:var(--text-dim)}@media (max-width: 600px){html{font-size:15px}.page-content{padding:1.5rem 1rem}.site-header{padding:1rem 0}.post .post-title{font-size:1.3rem}.audio-btn{width:100%;justify-content:center;padding:0.75rem 1rem}}