:root{color-scheme:dark;--bg:#1b201e;--text:#e2e8f0;--heading:#f1f5f9;--accent:#a7f3d0;--accent-hover:#34d399;--muted:#94a3b8;--code-bg:#151917;--code-text:#cbd5e1;--border:#252c29;--font:var(--font-mono), "JetBrains Mono", monospace}:root[data-theme=light]{color-scheme:light;--bg:#fcfbfa;--text:#2e3331;--heading:#0f172a;--accent:#1b4d3e;--accent-hover:#047857;--muted:#64748b;--code-bg:#f4f3f0;--code-text:#334155;--border:#e2e8f0}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;line-height:1.8}body{flex-direction:column;max-width:42rem;min-height:100svh;margin:0 auto;padding:0 1.25rem;display:flex}main{flex:1;padding-bottom:3rem}a{color:var(--accent);border-bottom:1px dashed var(--accent-hover);text-decoration:none;transition:color .2s,background-color .2s}a:hover{color:var(--accent-hover);background:color-mix(in srgb, var(--accent-hover) 10%, transparent);border-bottom-style:solid}h1,h2,h3,h4,h5,h6{color:var(--heading);letter-spacing:-.02em;text-transform:lowercase;font-weight:500;line-height:1.3}.site-title{text-align:center;letter-spacing:.02em;text-transform:lowercase;margin:3rem 0 .25rem;font-size:1.5rem;font-weight:400;line-height:1.3}.site-title a{color:var(--accent);border:0}.site-title a:hover{color:var(--accent-hover);background:0 0}.subtitle{text-align:center;color:var(--muted);text-transform:lowercase;margin:0 0 2.5rem;font-size:.9rem;font-style:italic;font-weight:300}body>header{margin-bottom:2rem;position:relative}.tools{align-items:center;height:2rem;display:flex;position:absolute;top:2.975rem;right:-.5rem}.tools a,.tools button{width:2rem;height:2rem;color:var(--muted);border:0;border-radius:6px;place-items:center;display:grid}.tools a:hover,.tools button:hover{color:var(--accent-hover)}.tools svg{display:block}.tools .icon-moon,:root[data-theme=light] .tools .icon-sun{display:none}:root[data-theme=light] .tools .icon-moon{display:block}@media (width<=30rem){.tools{justify-content:center;height:auto;margin-bottom:1rem;position:static}}.intro{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:1.5rem}.mail{direction:rtl;unicode-bidi:bidi-override}.posts{margin:0;padding:0;list-style:none}.posts li{margin-bottom:2rem}.posts h2{margin:0;font-size:1.1rem}.posts h2 a{border:0}.posts time{color:var(--muted);font-size:.85rem;display:block}.excerpt{margin-top:.5rem}.excerpt>:first-child{margin-top:0}.excerpt>:last-child{margin-bottom:.5rem}.more{font-size:.85rem}.more:after{content:" →"}article>header h1{margin:0;font-size:1.75rem}article>header{color:var(--muted);margin-bottom:2rem;font-size:.85rem}.prose h2{margin:2.5rem 0 .75rem;font-size:1.35rem}.prose h3{margin:2rem 0 .5rem;font-size:1.1rem;font-style:italic}.prose p,.prose ul,.prose ol{margin:1rem 0}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:1.5rem 0;padding-left:1rem}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.prose img{opacity:.9;border-radius:6px;max-width:100%;height:auto;margin:2.5rem auto;display:block}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.4rem .75rem}.prose li::marker{color:var(--accent)}code,pre{font-family:var(--font);font-size:.9em}:not(pre)>code{background:var(--code-bg);color:var(--code-text);border:1px solid var(--border);border-radius:6px;padding:.1em .35em}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;margin:1.5rem 0;padding:1rem;line-height:1.6;overflow-x:auto}.astro-code,.astro-code span{color:var(--shiki-dark)}:root[data-theme=light] .astro-code,:root[data-theme=light] .astro-code span{color:var(--shiki-light)}.astro-code{background:var(--code-bg)!important}footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;padding:1.25rem 0 1.5rem;font-size:.85rem;display:flex}footer a{color:var(--muted);border:0;border-bottom:1px dashed}footer a:hover{color:var(--accent-hover);background:0 0}button{font:inherit;cursor:pointer;background:0 0;padding:0}:focus-visible{outline:2px dashed var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
