:root{color-scheme:light dark;--bg-color: #ffffff;--text-color: #1a1a1a;--heading-color: #000000;--accent-color: #3b82f6;--card-bg: #f3f4f6;--nav-bg: rgba(255, 255, 255, .8);--footer-text: #6b7280}@media(prefers-color-scheme:dark){:root{--bg-color: #1a1d23;--text-color: #abb2bf;--heading-color: #ffffff;--accent-color: #61afef;--card-bg: #282c34;--nav-bg: rgba(26, 29, 35, .8);--footer-text: #5c6370}}[data-theme=light]{color-scheme:light;--bg-color: #ffffff;--text-color: #1a1a1a;--heading-color: #000000;--accent-color: #3b82f6;--card-bg: #f3f4f6;--nav-bg: rgba(255, 255, 255, .8);--footer-text: #6b7280}[data-theme=dark]{color-scheme:dark;--bg-color: #1a1d23;--text-color: #abb2bf;--heading-color: #ffffff;--accent-color: #61afef;--card-bg: #282c34;--nav-bg: rgba(26, 29, 35, .8);--footer-text: #5c6370}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Crimson Pro,serif;color:var(--heading-color);margin-bottom:1rem;line-height:1.2}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}nav{position:sticky;top:0;z-index:100;background-color:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 0}.dark nav{border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:700;color:var(--heading-color)}.site-title span{color:var(--accent-color)}.nav-links a{margin-left:1.5rem;font-weight:500;color:var(--text-color)}.nav-links a:hover{color:var(--accent-color)}main{flex:1;max-width:950px;width:100%;margin:2rem auto;padding:0 1.5rem}footer{text-align:center;padding:2rem;color:var(--footer-text);font-size:.9rem;border-top:1px solid rgba(0,0,0,.1)}.dark footer{border-top:1px solid rgba(255,255,255,.05)}.blog-list{list-style:none}.blog-card{background-color:var(--card-bg);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;transition:transform .2s ease}.blog-card:hover{transform:translateY(-4px)}.blog-card h2{margin-bottom:.5rem}.blog-card .date{font-size:.85rem;color:var(--footer-text);display:block;margin-bottom:.5rem}article h1{font-size:2.5rem;margin-bottom:.5rem}article .post-meta{margin-bottom:2rem;color:var(--footer-text)}article .content{font-size:auto}article .content p{margin-bottom:1.5rem}article .content h2{margin-top:2rem}article .hero-image{width:100%;border-radius:12px;margin-bottom:2rem}.comments{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.comments-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.comments-header h2{margin-bottom:0}.reactions{display:flex;gap:.75rem}.reactions button,.comment-form button{border:1px solid rgba(0,0,0,.12);border-radius:8px;background:var(--card-bg);color:var(--text-color);cursor:pointer;font:inherit;font-weight:600;transition:opacity .2s ease,transform .2s ease}.reactions button{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem}.comment-form button{align-self:flex-start;padding:.65rem 1rem}.reactions button:hover,.comment-form button:hover{opacity:.85;transform:translateY(-1px)}.reactions button.is-active{border-color:var(--accent-color);color:var(--accent-color)}.reactions button:disabled,.comment-form button:disabled{cursor:wait;opacity:.6;transform:none}.comment-form{display:grid;gap:1rem;margin-bottom:2rem}.comment-form label{display:grid;gap:.4rem;color:var(--heading-color);font-weight:600}.comment-form input,.comment-form textarea{width:100%;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:var(--bg-color);color:var(--text-color);font:inherit;padding:.75rem}.comment-form textarea{resize:vertical}.form-status,.empty-comments{color:var(--footer-text)}.comment-list{display:grid;gap:1rem}.comment{padding:1rem;border-radius:8px;background:var(--card-bg)}.comment-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--footer-text);font-size:.9rem;margin-bottom:.5rem}.comment-meta strong{color:var(--heading-color)}.comment p{white-space:pre-wrap}.comment-actions{display:flex;gap:.5rem;margin-top:.75rem}.comment-actions button{border:1px solid rgba(0,0,0,.12);border-radius:8px;background:var(--bg-color);color:var(--text-color);cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;padding:.4rem .65rem}@media(max-width:640px){article h1{font-size:2rem}.nav-container{flex-direction:column;gap:1rem}.nav-links a{margin:0 .75rem}.comments-header,.comment-meta{align-items:flex-start;flex-direction:column}}