:root{--bg-colour:#161216;--fg-colour:#fff;--accent-colour:#ffa7f8;--font:"Helvetica Neue", Helvetica, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--transition-speed:.2s;--scrollbar-bg:#ffffff1a;--scrollbar-thumb:var(--accent-colour);--scrollbar-thumb-hover:#ebb6f8;--border-colour:#ffffff14;--card-bg:#ffffff05;--code-bg:#ffffff0d;--text-muted:#ffffff80}html{font-family:var(--font);background-color:var(--bg-colour);color:var(--fg-colour);scroll-behavior:smooth;font-size:1rem;line-height:1.7}body{margin:0;padding:0}.grain{z-index:9999;pointer-events:none;opacity:.05;isolation:isolate;width:100%;height:100vh;position:fixed;inset:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg);box-sizing:border-box}::-webkit-scrollbar{background-color:var(--scrollbar-bg);width:16px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:4px solid var(--scrollbar-bg);transition:background-color var(--transition-speed);border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{margin:.5em 0;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.15rem}p{margin:0 0 1rem}pre{border:1px solid var(--border-colour);border-radius:8px;width:100%;padding:1.25rem;overflow-x:auto;background-color:var(--code-bg)!important}code{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background-color:var(--code-bg);border:1px solid var(--border-colour);border-radius:4px;padding:.15em .4em}pre.command-line,pre.command-line code{white-space:pre-wrap;word-break:break-all}a{color:var(--accent-colour);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--scrollbar-thumb-hover);text-decoration:underline}.inline-list{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.inline-list li{padding-inline-end:.5ch}.inline-list li+li{border-inline-start:2px solid var(--fg-colour);padding-inline-start:.5ch}.tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tag{background-color:color-mix(in srgb, var(--accent-colour) 10%, transparent);transition:transform var(--transition-speed) ease, background-color var(--transition-speed) ease;border-radius:20px;margin:0;padding:.3rem .8rem;font-size:.95rem}.tag:hover{background-color:color-mix(in srgb, var(--accent-colour) 20%, transparent);transform:translateY(-2px)}.tag a{color:var(--accent-colour)}.tag a:hover{text-decoration:none}.go-back{color:var(--fg-colour);border:1px solid var(--border-colour);background:var(--card-bg);transition:color var(--transition-speed) ease, border-color var(--transition-speed) ease, background var(--transition-speed) ease, transform var(--transition-speed) ease;border-radius:6px;margin-bottom:1rem;padding:.5rem 1rem;display:inline-block}.go-back:hover{color:var(--accent-colour);border-color:var(--accent-colour);background:var(--code-bg);text-decoration:none;transform:translate(-2px)}.container{width:90%;max-width:700px;margin:0 auto;padding-top:1rem}@media (width>=768px){.container{width:70%}}.pixelated{image-rendering:pixelated}.post-header{border-bottom:1px solid var(--border-colour);margin-bottom:2rem;padding-bottom:1.5rem}.post-header h1{color:var(--fg-colour);margin-bottom:1rem;font-size:2.8rem;line-height:1.3}.post-meta{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.post-content{color:var(--fg-colour);line-height:1.7}.post-content p{margin-bottom:1.5rem}.post-content p:last-child{margin-bottom:0}.post-content img{border:1px solid var(--border-colour);border-radius:8px;max-width:100%;height:auto;margin:2rem 0}.post-content h2{margin:3rem 0 1rem}.post-content h3{margin:2rem 0 .75rem}.post-content h4{margin:1.5rem 0 .75rem}.post-content blockquote{border-left:3px solid var(--accent-colour);color:var(--text-muted);margin:2rem 0;padding-left:1.5rem;font-style:italic}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-content a{color:var(--accent-colour);transition:border-color var(--transition-speed);border-bottom:1px solid #0000;text-decoration:none}.post-content a:hover{border-bottom-color:var(--accent-colour)}@media (width<=768px){.post-header h1{font-size:2.2rem}}footer[data-astro-cid-jo6i4kqk]{justify-content:center;display:flex}header[data-astro-cid-nen7h5rs]{background-color:var(--bg-colour);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}h1[data-astro-cid-nen7h5rs]{white-space:nowrap;flex-shrink:0;margin:0;font-size:2rem}h1[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{align-items:center;display:flex}h1[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--fg-colour)}ul[data-astro-cid-nen7h5rs]{flex-direction:row;gap:2rem;margin:0;padding:0;list-style:none;display:flex}li[data-astro-cid-nen7h5rs]{margin:0;font-size:1.25rem}a[data-astro-cid-nen7h5rs]{color:var(--fg-colour)}a[data-astro-cid-nen7h5rs]:hover{color:var(--accent-colour);text-decoration:none}nav[data-astro-cid-nen7h5rs]{flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-left:auto;padding:0;display:flex}.title[data-astro-cid-nen7h5rs]{color:var(--fg-colour);text-decoration:none}.title[data-astro-cid-nen7h5rs]:hover{text-decoration:none}.website-name[data-astro-cid-nen7h5rs]{margin-left:1rem;display:none}.header-content[data-astro-cid-nen7h5rs]{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin:0 auto;padding:0 1rem;display:flex}@media only screen and (width>=768px){header[data-astro-cid-nen7h5rs]{padding:1rem 0}.website-name[data-astro-cid-nen7h5rs]{display:unset}.header-content[data-astro-cid-nen7h5rs]{width:70%;padding:0}}body{min-height:100vh;margin:0}.main[data-astro-cid-ju4pidww]{flex-direction:column;align-items:center;min-height:100vh;display:flex}.content[data-astro-cid-ju4pidww]{box-sizing:border-box;flex:1;width:100%;max-width:700px;margin:0 auto;padding:2rem 1rem}@media only screen and (width>=768px){.content[data-astro-cid-ju4pidww]{width:70%;padding:2rem 0}}
