:root{--font-mono:"Roboto Mono", monospace;--bg:#0d1117;--card-bg:#161b22;--border-color:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-color:#58a6ff;--accent-hover:#1f6feb}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:16px;line-height:1.6}html,body,#app{min-height:100%}body{color:#fff;background-color:#050505;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}img{max-width:100%;height:auto;display:block}a{color:currentColor}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;min-height:100vh;margin:0 auto;padding:45px 24px;display:flex}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center;margin:32px 0;font-size:42px;line-height:1.2}.home .links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.home .links a{border-radius:6px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.home .links .blogBtn{color:#000;background:#00dc82;border:1px solid #00dc82}.home .links .blogBtn:hover{background:#00b368}.home .links .admin{color:#000;background:#fff;border:1px solid #fff}.home .links .admin:hover{background:#e2e8f0}.home .links .docs{color:#fff;background:0 0;border:1px solid #30363d}.home .links .docs:hover{border-color:#fff}.home .footer{color:#8b949e;align-items:center;gap:8px;margin-top:40px;font-size:14px;display:flex}.home .footer .codeLink{color:#c9d1d9;background:#21262d;border-radius:4px;padding:2px 8px;text-decoration:none}.blogIndexContainer{max-width:860px;margin:0 auto;padding:48px 24px 80px}.blogIndexHeader{border-bottom:1px solid #21262d;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;padding-bottom:24px;display:flex}@media (max-width:640px){.blogIndexHeader{flex-direction:column}}.pageTitle{margin:0 0 8px;font-size:36px;font-weight:800}.pageSubtitle{color:#8b949e;margin:0;font-size:16px}.headerActions{align-items:center;gap:12px;display:flex}.backHomeLink{color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:8px 14px;font-size:14px;text-decoration:none}.backHomeLink:hover{border-color:#8b949e}.adminButton{color:#fff;background:#238636;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.adminButton:hover{background:#2ea043}.emptyState{text-align:center;background:#161b22;border:1px dashed #30363d;border-radius:12px;padding:60px 24px}.emptyState h2{margin-top:0;font-size:22px}.emptyState p{color:#8b949e;margin-bottom:24px}.emptyState .createButton{color:#fff;background:#238636;border-radius:6px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.emptyState .createButton:hover{background:#2ea043}.blogGrid{flex-direction:column;gap:20px;display:flex}.blogCard{color:inherit;background:#0f141c;border:1px solid #21262d;border-radius:10px;padding:24px;text-decoration:none;transition:transform .15s,border-color .15s,background-color .15s}.blogCard:hover{background-color:#161b22;border-color:#58a6ff;transform:translateY(-2px)}.cardMeta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.statusBadge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.status-published{color:#3fb950;background:#23863633;border:1px solid #3fb95066}.status-draft{color:#d29922;background:#d2992233;border:1px solid #d2992266}.cardDate{color:#8b949e;font-size:13px}.cardTitle{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.3}.cardSlug{font-family:var(--font-mono);color:#58a6ff;margin:0 0 16px;font-size:13px}.tagList{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.tagBadge{color:#8b949e;background:#21262d;border-radius:12px;padding:2px 10px;font-size:12px}.cardFooter{justify-content:flex-end;margin-top:16px;display:flex}.readMore{color:#58a6ff;font-size:14px;font-weight:500}.blogPostContainer{max-width:800px;margin:0 auto;padding:48px 24px 100px}.blogNav{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.backLink{color:#8b949e;font-size:14px;text-decoration:none}.backLink:hover{color:#f0f6fc}.adminLink{color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:4px 12px;font-size:13px;text-decoration:none}.adminLink:hover{color:#58a6ff;border-color:#58a6ff}.blogHeader{margin-bottom:32px}.blogMeta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.blogDate{color:#8b949e;font-size:14px}.blogTitle{margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.25}@media (max-width:640px){.blogTitle{font-size:28px}}.divider{border:none;border-top:1px solid #21262d;margin:32px 0}.blogContent{color:#c9d1d9;font-size:18px;line-height:1.8}.blogContent h1,.blogContent h2,.blogContent h3,.blogContent h4,.blogContent h5,.blogContent h6{color:#fff;margin:32px 0 16px;font-weight:700}.blogContent h1{font-size:32px}.blogContent h2{font-size:26px}.blogContent h3{font-size:22px}.blogContent p{margin:16px 0}.blogContent a{color:#58a6ff;text-decoration:underline}.blogContent ul,.blogContent ol{margin:16px 0;padding-left:28px}.blogContent li{margin-bottom:8px}.blogContent blockquote{color:#8b949e;background:#161b22;border-left:4px solid #58a6ff;border-radius:0 6px 6px 0;margin:20px 0;padding:8px 16px}.blogContent code{font-size:.9em;font-family:var(--font-mono);background:#21262d;border-radius:4px;padding:2px 6px}.blogContent pre{font-family:var(--font-mono);background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;overflow-x:auto}.blogContent pre code{background:0 0;padding:0}.emptyContent{color:#8b949e;font-style:italic}