:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:#17201a;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f2;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{background:#f6f7f2;min-width:320px;margin:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);line-height:1.15}#root{min-height:100vh}.site-shell{--bg:#f6f7f2;--surface:#fff;--surface-muted:#ecefe7;--text:#17201a;--text-muted:#5e695f;--heading:#07110c;--border:#cfd7cc;--accent:#1c7c54;--accent-strong:#0b5635;--code-bg:#0d1711;--code-text:#8fe7b7;--header-bg:#f6f7f2e6;--button-text:#fff;--shadow:0 0 0 1px #1c7c5421, 0 18px 44px #17201a14;--radius:8px;--small-radius:6px;background:linear-gradient(#1c7c540e 1px, transparent 1px), linear-gradient(90deg, #1c7c540b 1px, transparent 1px), radial-gradient(circle at 20% 10%, #1c7c5414, transparent 25rem), var(--bg);color:var(--text);font-family:var(--mono);background-size:28px 28px,28px 28px,auto,auto;min-height:100vh;transition:background-color .18s,color .18s}.site-shell[data-theme=dark]{--bg:#020202;--surface:#090909;--surface-muted:#17110c;--text:#fff7e8;--text-muted:#d4b99b;--heading:#fff;--border:#3a2414;--accent:#ff7a18;--accent-strong:#ff9d3f;--code-bg:#050505;--code-text:#ff9d3f;--header-bg:#020202e0;--button-text:#0b0602;--shadow:0 0 0 1px #ff7a1840, 0 0 28px #ff7a181f;--radius:8px;--small-radius:6px;background:linear-gradient(#ff7a180b 1px, transparent 1px), linear-gradient(90deg, #ff7a1809 1px, transparent 1px), radial-gradient(circle at 20% 10%, #ff7a181f, transparent 26rem), var(--bg)}.site-header{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10;grid-template-columns:minmax(max-content,1fr) minmax(15rem,27rem) minmax(max-content,1fr);align-items:center;gap:1rem;padding:1rem max(1.25rem,50vw - 490px);display:grid;position:sticky;top:0}.site-logo{color:var(--heading);isolation:isolate;justify-self:start;padding:.35rem .55rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .16s,text-shadow .16s,transform .12s;position:relative}.site-logo:after{content:"";transform-origin:0;z-index:-1;background:#1c7c541f;border:1px solid #1c7c545c;border-radius:4px;width:100%;height:100%;transition:transform .17s;position:absolute;top:0;bottom:auto;left:0;transform:scaleX(0)}.site-logo:hover{color:var(--heading);text-shadow:2px 0 #1c7c5470,-2px 0 #fffffff2,0 0 18px #1c7c5438}.site-logo:hover:after{transform:scaleX(1)}.site-logo:active{color:var(--accent);text-shadow:-2px 0 #fff,0 0 20px #1c7c5473;transform:translate(2px,1px)}.site-logo:before{color:var(--accent);content:"[...] "}.site-shell[data-theme=dark] .site-logo:after{background:#ff7a1833;border-color:#ff7a188c}.site-shell[data-theme=dark] .site-logo:hover{color:var(--heading);text-shadow:2px 0 0 var(--accent), -2px 0 0 #ffffff73, 0 0 18px #ff7a18b3}.site-shell[data-theme=dark] .site-logo:active{color:var(--accent);text-shadow:-2px 0 #fff,0 0 24px #ff7a18f2;transform:translate(2px,1px)}.header-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.site-nav{align-items:center;gap:.5rem;display:flex}.site-nav a{color:var(--text-muted);border-radius:999px;padding:.45rem .8rem;text-decoration:none;transition:color .16s,transform .16s}.site-nav a.active,.site-nav a:hover{background:var(--surface-muted);color:var(--heading)}.site-nav a:hover{animation:.36s nav-hop}@keyframes nav-hop{0%,to{transform:translateY(0)}32%{transform:translateY(-3px)}58%{transform:translateY(1px)}78%{transform:translateY(-2px)}}.command-line{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--small-radius);color:var(--code-text);grid-template-columns:auto auto minmax(5rem,1fr);justify-self:center;align-items:center;width:100%;max-width:27rem;min-height:2.15rem;padding:.28rem .5rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #8fe7b70d}.command-line:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px #8fe7b714,0 0 18px #1c7c5429}.command-line-invalid{border-color:#c83b3b;animation:.24s command-line-shake}.command-line-label{color:var(--text-muted);margin-right:.45rem;font-size:.78rem;font-weight:700}.command-line-prompt{color:var(--accent-strong);margin-right:.35rem;font-weight:700}.command-line input{color:inherit;font:inherit;background:0 0;border:0;outline:0;min-width:0;padding:0}.command-line input::placeholder{color:color-mix(in srgb, var(--code-text) 48%, transparent)}.command-line-output{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 1.1rem);font-size:.72rem;position:absolute;bottom:-2.35rem;left:.55rem;right:.55rem;overflow:hidden}.site-shell[data-theme=dark] .command-line:focus-within{box-shadow:inset 0 0 0 1px #ff9d3f14,0 0 18px #ff7a1838}@keyframes command-line-shake{0%,to{transform:translate(0)}22%{transform:translate(-4px)}44%{transform:translate(4px)}66%{transform:translate(-2px)}82%{transform:translate(2px)}}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .45rem;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--heading)}.toggle-label{text-align:left;min-width:2.4rem;padding-inline:.25rem;font-size:.78rem;font-weight:700}.toggle-track{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;width:2.75rem;height:1.45rem;padding:.15rem;display:inline-flex}.toggle-thumb{background:var(--accent);border-radius:999px;width:1.05rem;height:1.05rem;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 0 16px #0d5b463d}.site-shell[data-theme=dark] .toggle-thumb{transform:translate(1.3rem);box-shadow:0 0 16px #ff7a18bf}.site-main{max-width:980px;margin:0 auto;padding:3rem 1.25rem 4rem}.hero-section{flex-direction:column;align-items:flex-start;gap:1.25rem;min-height:calc(100vh - 5rem);padding:4rem 0;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.eyebrow:before{content:"./"}.hero-section h1{max-width:1000px;font-size:clamp(1.9rem,4vw,2rem)}.page-heading h1,.post-header h1,.empty-state h1{max-width:780px;font-size:clamp(2.25rem,7vw,4.75rem)}.hero-copy{color:var(--text-muted);max-width:640px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.button-link,.text-link,.back-link{color:var(--accent-strong);font-weight:700}.button-link{background:var(--accent);border:1px solid var(--accent);border-radius:var(--small-radius);color:var(--button-text);cursor:pointer;font:inherit;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--accent-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--accent-strong)}.button-secondary:hover{background:var(--surface-muted);border-color:var(--accent)}.page-section{gap:2rem;display:grid}.latest-post-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:1.8rem;padding:clamp(1.25rem,4vw,2.25rem);scroll-margin-top:6rem;display:grid}.latest-post-heading{border-bottom:1px solid var(--border);gap:.7rem;padding-bottom:1.5rem;display:grid}.latest-post-heading time{color:var(--text-muted);font-size:.9rem}.latest-post-heading h2{font-size:clamp(1.8rem,5vw,3rem)}.latest-post-heading p{color:var(--text-muted);max-width:680px}.latest-post-content{max-width:100%}.latest-post-section:before{color:var(--accent);content:"$ tail -f latest-post.md";font-size:.78rem}.page-heading{gap:.5rem;display:grid}.post-grid{gap:1rem;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:.7rem;padding:1.25rem;display:grid}.post-card-command,.post-card time,.post-header time{color:var(--text-muted);font-size:.9rem}.post-card-command{color:var(--accent);font-size:.78rem}.post-card h2{font-size:1.45rem}.post-card a{text-underline-offset:.2em;text-decoration-color:#0000}.post-card a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.post-card p,.post-header p{color:var(--text-muted)}.post-page{gap:2rem;display:grid}.post-header{border-bottom:1px solid var(--border);gap:.8rem;padding-bottom:2rem;display:grid}.markdown-content{color:var(--text);gap:1.1rem;max-width:760px;display:grid}.markdown-content h2,.markdown-content h3{margin-top:1.2rem}.markdown-content ul,.markdown-content ol{margin:0;padding-left:1.4rem}.markdown-content code{background:var(--surface-muted);border-radius:var(--small-radius);color:var(--heading);font-family:var(--mono);padding:.12rem .28rem;font-size:.92em}.markdown-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--small-radius);color:var(--code-text);margin:0;padding:1rem;overflow-x:auto}.markdown-content pre code{color:inherit;background:0 0;padding:0;display:block}.empty-state{gap:1rem;display:grid}@media (width<=640px){.site-header{grid-template-columns:1fr;align-items:flex-start;gap:.75rem}.header-actions{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.command-line{justify-self:stretch;max-width:none}.site-main{padding-top:2rem}.hero-section{padding:2.5rem 0}}