:root{--background-color: #121212;--text-color: #e0e0e0;--accent-blue: #4cc9f0;--accent-purple: #7209b7}body{margin:0;font-family:system-ui,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.app-bar{position:sticky;top:0;background-color:#1a1a1a;color:#fff;padding:1.5rem 1rem;z-index:1000;text-align:center;box-shadow:0 2px 4px #0006;border-bottom:4px solid var(--accent-purple)}.app-bar h1{margin:0;font-size:1.75rem}.app-footer{background-color:#1a1a1a;color:#999;text-align:center;padding:1rem;font-size:.9rem;border-top:1px solid #333}.content{padding:0rem;max-width:800px;margin:auto}.date{font-size:.9rem;color:#999;margin-top:-.5rem}.content-preface{padding:0rem;max-width:800px;margin:3rem auto;font-style:italic;text-align:left}.post-separator{border:none;border-top:1px solid #ccc;margin:3rem auto;width:100%}article img{display:block;margin-left:auto;margin-right:auto;max-width:90%;height:auto}.github-link{color:var(--accent-blue);font-size:.9rem;text-decoration:none;margin-top:.25rem;display:inline-block}.github-link:hover{text-decoration:underline}