:root{--bg:#0b0f14;--fg:#e6edf3;--mut:#9aa7b4;--acc:#39d98a;--line:rgba(57,217,138,.16);
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--fg);background:transparent}
body{font:17px/1.65 var(--sans);min-height:100vh;display:flex;flex-direction:column}
.grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;animation:drift 20s linear infinite;mask-image:radial-gradient(ellipse at 30% 20%,#000 45%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 45%,transparent 95%)}
@keyframes drift{to{background-position:40px 40px}}
main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:clamp(3rem,10vw,7rem) 1.5rem 3rem}
.prompt{font:0.9rem var(--mono);color:var(--acc);margin:0 0 1.5rem}
.dim{color:var(--mut)}
.cursor{display:inline-block;width:.6em;height:1.1em;margin-left:.3em;vertical-align:-.2em;background:var(--acc);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
h1{font:700 clamp(2.6rem,9vw,4.5rem)/1 var(--mono);letter-spacing:.08em;margin:0 0 1rem}
.lede{color:var(--mut);margin:0 0 4rem;font-size:1.1rem}
section{margin:0 0 3.5rem}
h2{font:600 .85rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--acc);margin:0 0 1rem}
section p{margin:0 0 1rem}
ul{list-style:none;padding:0;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tags li{font:.85rem var(--mono);border:1px solid #26323f;border-radius:4px;padding:.3rem .6rem;color:var(--fg)}
.list li{font-family:var(--mono);font-size:.95rem;padding:.35rem 0;border-bottom:1px solid #1a232d}
.list li::before{content:"> ";color:var(--acc)}
footer{border-top:1px solid #1a232d;padding:1.5rem;text-align:center;font:.8rem var(--mono);color:var(--mut)}
footer p{margin:0}
@media (prefers-reduced-motion:reduce){.grid,.cursor{animation:none}}
