*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0D0D0D;--bg-raised: #161616;--bg-surface: #1C1C1C;--bg-hover: #252525;--border: #2A2A2A;--border-focus: #444;--text: #E8E8E8;--text-dim: #888;--text-muted: #555;--brand: #FF4D4D;--brand-dim: #CC3333;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace;--radius: 8px;--radius-sm: 4px}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100vh}#blog-app{max-width:720px;margin:0 auto;padding:2rem 1.5rem}header{margin-bottom:3rem;text-align:center}.logo-row{display:flex;align-items:center;justify-content:center;gap:.75rem}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.logo-icon{width:36px;height:36px}h1{font-size:1.5rem;font-weight:800;letter-spacing:.05em;color:var(--brand)}.tagline{color:var(--text-dim);font-size:.9rem;margin-top:.25rem}.post-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .15s}.post-card:hover{border-color:var(--border-focus)}.post-card time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.post-card h2{font-size:1.2rem;margin:.5rem 0;line-height:1.3}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--brand)}.post-card p{color:var(--text-dim);font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{font-size:.75rem;color:var(--text-muted);background:var(--bg-surface);padding:.15rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.empty{color:var(--text-dim);text-align:center;padding:3rem 0}.hidden{display:none!important}.back-link{display:inline-block;color:var(--brand);text-decoration:none;font-size:.9rem;margin-bottom:2rem}.back-link:hover{text-decoration:underline}.post-full time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.post-full h1{font-size:2rem;color:var(--text);margin:.5rem 0 1.5rem;line-height:1.2}.post-content{font-size:1.05rem;line-height:1.7}.post-content p{margin-bottom:1.25rem}.post-content h2{font-size:1.4rem;color:var(--text);margin:2rem 0 .75rem}.post-content h3{font-size:1.15rem;color:var(--text);margin:1.5rem 0 .5rem}.post-content a{color:var(--brand);text-decoration:underline}.post-content code{font-family:var(--font-mono);background:var(--bg-surface);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.9em}.post-content strong{color:var(--text)}footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}footer a{color:var(--brand);text-decoration:none}