:root{--primary-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--max-width:675px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:18px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);font-feature-settings:"rlig" 1,"calt" 1}html{scroll-behavior:smooth}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.header{padding:24px 0;border-bottom:1px solid var(--border-color);margin-bottom:48px}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.logo{font-weight:700;font-size:20px;color:var(--text-primary);text-decoration:none;transition:color 0.2s ease}.logo:hover{color:var(--primary-color)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.2s ease}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.admin-link{background:var(--bg-secondary);padding:6px 12px;border-radius:6px;font-size:14px}.admin-link:hover{background:var(--primary-color);color:white!important}.posts-list{display:flex;flex-direction:column;gap:1px}.post-preview{padding:16px;border-bottom:1px solid var(--border-color);transition:all 0.2s ease}.post-preview:hover{transform:translateY(-2px)}.post-preview:last-child{border-bottom:none}.post-preview-title{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:8px;line-height:1.2}.post-preview-title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.post-preview-title a:hover{color:var(--text-primary)}.post-preview-date{color:var(--text-secondary);font-weight:600;font-size:14px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:16px}.post-preview-excerpt{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.post-preview-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:16px;transition:all 0.2s ease}.post-preview-link:hover{color:var(--text-primary);text-decoration:underline}.article{margin-bottom:64px}.article-header{margin-bottom:32px}.article-title{font-size:32px;font-weight:500;color:var(--primary-color);margin-bottom:12px;line-height:1.2}.article-date{color:var(--text-secondary);font-weight:600;font-size:14px;letter-spacing:0.5px;text-transform:uppercase}.article-content{font-size:18px;line-height:1.7}.article-content h1{font-size:28px;font-weight:600;margin:48px 0 24px 0;color:var(--text-primary)}.article-content h2{font-size:24px;font-weight:600;margin:48px 0 24px 0;color:var(--text-primary)}.article-content h3{font-size:20px;font-weight:600;margin:32px 0 16px 0;color:var(--text-primary)}.article-content p{margin-bottom:24px}.article-content p:first-child{margin-top:0}.article-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.article-content a:hover{border-bottom-color:var(--primary-color)}.article-content strong{font-weight:600;color:var(--text-primary)}.article-content em{font-style:italic}.article-content code{font-family:'JetBrains Mono',monospace;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:16px;color:var(--primary-color)}.article-content pre{background:var(--bg-secondary);padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;border-left:4px solid var(--primary-color);position:relative}.article-content pre code{background:none;padding:0;color:var(--text-primary);font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.5;display:block;white-space:pre;word-wrap:normal}.article-content ul,.article-content ol{margin:24px 0;padding-left:24px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid var(--primary-color);margin:24px 0;padding-left:20px;font-style:italic;color:var(--text-secondary)}.article-content img{max-width:100%;width:auto;height:auto;max-height:400px;display:block;margin:32px auto;border-radius:8px;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);transition:transform 0.2s ease,box-shadow 0.2s ease;object-fit:cover}.article-content img:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1)}.post-navigation{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.2s ease}.back-link:hover{color:var(--primary-color)}.no-posts{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-posts h1,.no-posts h2{font-size:24px;margin-bottom:16px;color:var(--text-primary)}.no-posts p{font-size:16px;line-height:1.6}.no-posts a{color:var(--primary-color);text-decoration:none;font-weight:600}.no-posts a:hover{text-decoration:underline}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.post-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;text-decoration:none;transition:all 0.2s ease}.post-tag:hover{background:var(--primary-color);color:white}.active-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--text-primary)}.clear-filter{background:var(--primary-color);color:white;border:none;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.clear-filter:hover{background:#dc2626}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color)}.pagination-btn{padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all 0.2s ease;cursor:pointer}.pagination-btn:hover:not(.disabled){background:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.footer{border-top:1px solid var(--border-color);padding:32px 0;margin-top:64px}.footer-content{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.footer-content a{color:var(--text-secondary);text-decoration:none;font-size:16px;transition:color 0.2s ease}.footer-content a:hover{color:var(--primary-color)}.hidden{display:none}.fade-in{animation:fadeIn 0.3s ease-in-out}.loading{opacity:0.7;transition:opacity 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a:focus,button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){body{font-size:16px}.nav{flex-direction:column;text-align:center}.nav-links{gap:24px}.article-title{font-size:28px}.article-content h2{font-size:22px}.article-content img{max-height:300px;margin:24px auto}.post-preview-title{font-size:20px}.post-preview-excerpt{font-size:14px}.post-tags{justify-content:center}.pagination{flex-wrap:wrap}.footer-content{gap:24px}}@media (prefers-color-scheme: dark){:root{--text-primary:#f9fafb;--text-secondary:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--border-color:#374151}}