:root{--bg:#f3e9c7;--bg-panel:#e9dba8;--border:#c9b878;--text:#1c1a12;--text-muted:#6b6250;--heading:#a8460a;--accent:#a8460a;--code-bg:#e9dba8;*.svg) reference these names directly so they can pick up the live theme colors */ --content-primary: var(--text); --content-secondary: var(--text-muted); --chroma-comment: #93a1a1; --chroma-keyword: #859900; --chroma-name: #268bd2; --chroma-type: #cb4b16; --chroma-string: #2aa198; --chroma-generic: #d33682; --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #1e1e1e;--bg-panel:#171717;--border:#3a3a3a;--text:#e8e8e3;--text-muted:#9a9a94;--heading:#ffa94d;--accent:#ffa94d;--code-bg:#171717;--chroma-comment:#586e75;--chroma-keyword:#719e07;--chroma-name:#268bd2;--chroma-type:#b58900;--chroma-string:#2aa198;--chroma-generic:#d33682}}:root[data-theme=dark]{--bg:#1e1e1e;--bg-panel:#171717;--border:#3a3a3a;--text:#e8e8e3;--text-muted:#9a9a94;--heading:#ffa94d;--accent:#ffa94d;--code-bg:#171717;--chroma-comment:#586e75;--chroma-keyword:#719e07;--chroma-name:#268bd2;--chroma-type:#b58900;--chroma-string:#2aa198;--chroma-generic:#d33682}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:16px;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent)}h1,h2,h3,h4{color:var(--heading);line-height:1.3}h1{font-size:1.6em;border-bottom:2px solid var(--border);padding-bottom:.3em}h2{font-size:1.3em;margin-top:2em}h3{font-size:1.1em}.meta,.tag-count{color:var(--text-muted)}.tags a{color:var(--text-muted);margin-right:.8em;text-decoration:none}.tags a:hover{color:var(--accent);text-decoration:underline;text-shadow:0 0 6px var(--accent)}.sidebar-nav a:hover,.post-list a:hover,.tag-index a:hover,.toc a:hover,article a:hover{text-shadow:0 0 6px var(--accent)}pre{background:var(--code-bg);border:1px solid var(--border);padding:1em;overflow-x:auto}.highlight{border:1px solid var(--border);background:var(--code-bg);margin:1.5em 0}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:.4em .8em;border-bottom:1px solid var(--border)}.code-dots{color:var(--text-muted);font-size:.7em;letter-spacing:.3em}.copy-btn{background:0 0;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.75em;padding:.2em .6em;cursor:pointer}.copy-btn:hover{color:var(--accent);border-color:var(--accent);text-shadow:0 0 6px var(--accent)}.highlight pre{margin:0;padding:1em;border:none;background:0 0}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--chroma-comment);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .ow{color:var(--chroma-keyword)}.chroma .n,.chroma .na,.chroma .nd,.chroma .ni,.chroma .ne,.chroma .nl,.chroma .nn,.chroma .nx,.chroma .py,.chroma .nt,.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm,.chroma .nf,.chroma .fm{color:var(--chroma-name)}.chroma .nc,.chroma .nb,.chroma .bp{color:var(--chroma-type)}.chroma .l,.chroma .ld,.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--chroma-string)}.chroma .g,.chroma .gd,.chroma .ge,.chroma .gr,.chroma .gh,.chroma .gi,.chroma .go,.chroma .gp,.chroma .gs,.chroma .gu,.chroma .gt,.chroma .gl{color:var(--chroma-generic)}code{font-family:var(--font-mono)}:not(pre)>code{background:var(--code-bg);border:1px solid var(--border);padding:.1em .3em}blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:1em;color:var(--text-muted)}img,svg{max-width:100%}.post-image{margin:1.5em 0;text-align:center}.post-image img{border:1px solid var(--border)}.post-image figcaption{margin-top:.5em;color:var(--text-muted);font-size:.8em;font-style:italic}.heading-anchor{color:var(--text-muted);text-decoration:none;opacity:0;margin-left:.3em}h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent)}.nav-toggle-checkbox{display:none}.sidebar{background:var(--bg-panel);border-bottom:2px solid var(--border)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1em}.site-title{display:inline-flex;align-items:center;gap:.4em;color:var(--heading);text-decoration:none;font-weight:700;text-shadow:0 0 6px var(--accent)}.site-icon{width:1.3em;height:1.3em;flex-shrink:0;filter:drop-shadow(0 0 4px var(--accent))}.cursor{animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.hamburger{cursor:pointer;font-size:1.4em;line-height:1;color:var(--text)}.sidebar-bio{margin:0;padding:0 1em 1em;color:var(--text-muted);font-style:italic;font-size:.85em;line-height:1.5}.sidebar-nav,.sidebar-footer{display:none;flex-direction:column;gap:.6em;padding:0 1em 1em}.sidebar-nav a{color:var(--text);text-decoration:none}.sidebar-nav a:hover{color:var(--accent)}.theme-toggle{background:0 0;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:1.1em;padding:.3em .6em;cursor:pointer;width:fit-content}.social-links{display:flex;gap:1em}.social-links a{color:var(--text-muted)}.nav-toggle-checkbox:checked~.sidebar .sidebar-nav,.nav-toggle-checkbox:checked~.sidebar .sidebar-footer{display:flex}.content{padding:1.5em;max-width:100ch}.post-list,.tag-index{list-style:none;padding:0}.post-list li{border-bottom:1px solid var(--border);padding:1em 0}.post-list li:first-child{padding-top:0}.post-list a{text-decoration:none;font-weight:700}.post-list a:hover{text-decoration:underline}.post-list p{color:var(--text-muted);margin:.4em 0 0}.tag-index li{padding:.3em 0}.tag-index a{text-decoration:none}.tag-index a:hover{text-decoration:underline}.series-list{padding-left:1.4em}.series-list li{padding:.5em 0}.series-list a{font-weight:700;text-decoration:none}.series-list a:hover{text-decoration:underline}.series-pending{color:var(--text-muted)}.series-pending-tag{color:var(--text-muted);border:1px solid var(--border);font-size:.75em;padding:.1em .5em;margin-left:.6em}.series-tagline{color:var(--text-muted);font-style:italic}.series-entry-desc{color:var(--text-muted);font-size:.9em;margin:.2em 0 0}.journey-list{display:flex;flex-direction:column;gap:1em;margin:1.5em 0 2.5em}.journey-card{display:block;border:1px solid var(--border);background:var(--bg-panel);padding:1.2em 1.4em;text-decoration:none;color:var(--text)}.journey-card:hover{border-color:var(--accent)}.journey-card h2{margin:0 0 .3em;color:var(--heading)}.journey-card:hover h2{text-decoration:underline}.journey-card p{margin:0 0 .6em;color:var(--text-muted)}.journey-progress{font-size:.8em;color:var(--text-muted);border:1px solid var(--border);padding:.15em .5em}.recent-heading{margin-top:2em}.series-nav{display:flex;justify-content:space-between;gap:1em;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1em 0;margin:2em 0;font-size:.9em}.series-nav a{text-decoration:none}.series-nav a:hover{text-decoration:underline}.series-nav-label{color:var(--text-muted);display:block;font-size:.85em}.toc{border:1px solid var(--border);background:var(--bg-panel);padding:1em 1.5em;margin:1.5em 0}.toc ul{margin:.5em 0 0;padding-left:1.2em}.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--accent)}@media(min-width:900px){body{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;border-bottom:none;border-right:2px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-nav{margin:auto 0}.hamburger{display:none}.sidebar-nav,.sidebar-footer{display:flex}.content{padding:3em 4em}}