@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--accent:#10b981;--accent-hover:#059669}[data-theme="dark"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;font-display:swap}.container{max-width:800px;margin:0 auto;padding:2rem 1.5rem}header{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:2rem}header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary)}header p{color:var(--text-secondary);margin-top:.25rem}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;cursor:pointer;font-size:1.25rem;z-index:100}.post-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 20px -2px rgba(0,0,0,.05)}.post-card h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.post-card h2 a{color:var(--text-primary);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-meta{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.post-summary{color:var(--text-secondary);line-height:1.6}.post-card .tags{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--border-color)}.post-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.post-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.post-content h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.post-content h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.post-content p{margin-bottom:1.25rem;color:var(--text-secondary)}.post-content a{color:var(--accent);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content ul,.post-content ol{padding-left:1.5rem;margin-bottom:1.25rem;color:var(--text-secondary)}.post-content li{margin-bottom:.5rem}.post-content code{background:var(--bg-secondary);padding:.2rem .4rem;border-radius:.25rem;font-size:.875em;font-family:'SF Mono',Monaco,monospace}.post-content pre{background:#1e293b;color:#f8fafc;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem}.post-content pre code{background:transparent;padding:0;color:inherit}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--text-secondary);text-decoration:none}.back-link:hover{color:var(--accent)}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;text-align:center}@media(max-width:640px){.container{padding:1rem}.post-content{padding:1.5rem}}