:root{--bg-dark: #0f0f0f;--text-primary: #ffffff;--text-secondary: #9ca3af;--accent: #ff5353;--code-bg: #1e1e1e;--code-border: #3a3a3a;--border-color: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);font-family:Inter Tight,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.7;padding:2rem}article{max-width:800px;margin:0 auto;padding:2rem 0}header{margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}header h1{font-family:Playwrite DE Grund,cursive;font-weight:400;font-size:2.5rem;line-height:1.2;margin-bottom:1rem}header .description{color:var(--text-secondary);font-size:1.1rem;font-style:italic}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}h2{font-size:1.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}h3{font-size:1.4rem}h4{font-size:1.2rem}p{color:var(--text-primary);margin-bottom:1.25rem}a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8;text-decoration:underline}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem}li,li p{margin-bottom:.5rem}code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;background:#262626;padding:.2em .5em;border-radius:4px;border:1px solid var(--code-border)}pre{background:var(--code-bg);padding:1.25rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--code-border)}pre code{background:none;padding:0;border:none;font-size:.875rem;line-height:1.6}blockquote{border-left:3px solid var(--accent);padding-left:1.25rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}blockquote p{color:var(--text-secondary)}img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}figure{margin:2rem 0}figure img{margin-bottom:.75rem}figcaption{color:var(--text-secondary);font-size:.9rem;font-style:italic;text-align:center}hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}strong{font-weight:600}em{font-style:italic}@media (max-width: 640px){body{padding:1rem}article{padding:1rem 0}header h1{font-size:1.75rem}header .description{font-size:1rem}h2{font-size:1.4rem}h3{font-size:1.2rem}pre{padding:1rem;font-size:.8rem}}