@font-face{font-family:"JBM";src:url(vendor/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"JBM";src:url(vendor/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"JBM";src:url(vendor/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:block}
:root{--bg:#050706;--panel:#07090899;--solid:#070a08f0;--line:#24302a;--fg:#f2f5f2;--tx:#d6ded8;--mut:#8e9a92;--g:#3dff8a;--g2:#9cf5bb;--amb:#ffb000;--red:#ff5f56;--mono:"JBM",ui-monospace,Menlo,Consolas,monospace;--a:var(--g);--b:var(--g)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:400 19px/1.6 var(--mono);-webkit-font-smoothing:antialiased}
#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}
#vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 55% 50%,transparent 50%,#050706c0 100%)}
#progress{position:fixed;inset:0 0 auto;height:3px;z-index:6;background:#0d130f}#progress span{display:block;height:100%;width:0;background:var(--g)}
#brand{position:fixed;top:20px;left:4vw;z-index:6;display:flex;gap:16px;align-items:baseline;font-size:15px;background:var(--solid);border:1px solid var(--line);padding:6px 12px}
#brand b{font-weight:700;color:var(--fg)}#brand b::before{content:"~/ ";color:var(--g)}#brand span{color:var(--mut);font-size:14px}
#chapter{position:fixed;top:20px;right:4vw;z-index:6;font:500 15px var(--mono);color:var(--g);background:var(--solid);border:1px solid var(--line);padding:6px 12px}
#chapter:empty{display:none}#chapter::before{content:"[ ";color:var(--mut)}#chapter::after{content:" ]";color:var(--mut)}
#captions section{position:fixed;left:4vw;bottom:8vh;width:min(660px,90vw);z-index:5;opacity:0;pointer-events:none;will-change:opacity,transform;
  background:var(--solid);border:1px solid var(--line);padding:22px 26px 18px;box-shadow:0 20px 60px #000c}
#captions section::before{content:"┌─ " attr(data-ch) " ";position:absolute;top:-13px;left:14px;background:var(--bg);padding:0 8px;font:500 14px var(--mono);color:var(--g)}
#captions section.on{pointer-events:auto}
.eyebrow{font:500 15px var(--mono);color:var(--g);margin:0 0 6px}.eyebrow::before{content:"$ "}
h1,h2{font-family:var(--mono);font-weight:700;color:var(--fg);letter-spacing:-.01em}
h1{font-size:clamp(32px,3.6vw,50px);line-height:1.12;margin:.15em 0 .45em}
h2{font-size:clamp(26px,2.5vw,36px);line-height:1.18;margin:0 0 .5em}
h1::after,h2::after{content:"";display:inline-block;width:.5em;height:.95em;margin-left:.18em;vertical-align:-.1em;background:var(--g);animation:blink 1.1s steps(1) infinite}
section:not(.on) h1::after,section:not(.on) h2::after{animation:none}
@keyframes blink{50%{opacity:0}}
#captions p{color:var(--tx);margin:0 0 .75em;font-size:19px}
b{color:var(--fg);font-weight:700}a{color:var(--g)}
.grad{color:var(--g)}
.contact{font-size:17px;margin-top:1em!important}.contact span{color:var(--mut);font-size:16px}
#captions code{font:18px var(--mono);color:var(--amb)}
#captions .fine{font-size:16px;color:var(--mut)}
.st{display:inline-block;font:700 14px var(--mono);text-transform:uppercase;padding:1px 8px;margin-right:6px;border:1px solid}
.st.ip{color:var(--amb);border-color:var(--amb);background:#2a1d00}.st.pl{color:var(--g2);border-color:#3c7a52;background:#0b1e12}.st.co{color:#c8d0ca;border-color:#56605a;border-style:dashed;background:#121614}
#brand a{color:var(--g);text-decoration:none}
#spacer{height:4000vh}
/* cold open: tmux + X post overlay */
#cold{position:fixed;top:9vh;bottom:8vh;left:calc(4vw + min(660px,90vw) + 2.5vw);right:4vw;z-index:3;pointer-events:none;opacity:0;font-size:16px}
.tmux{position:absolute;inset:0;background:#030504f2;border:1px solid #2c3a31;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr 30px;box-shadow:0 30px 90px #000}
.pane{position:relative;overflow:hidden;padding:30px 14px 10px;border-right:1px solid #2c3a31;border-bottom:1px solid #2c3a31;color:#c9d6cd;line-height:1.55;white-space:pre}
.pane .ttl{position:absolute;top:0;left:0;right:0;height:24px;line-height:24px;padding:0 10px;background:#0c140f;color:var(--g);font-size:14px;border-bottom:1px solid #2c3a31}
.pane.agents{grid-row:1/3}.pane .ok{color:var(--g)}.pane .am{color:var(--amb)}.pane .mu{color:#7f8c84}
.pane .cur{display:inline-block;width:.6em;height:1.05em;background:var(--g);vertical-align:-.15em;animation:blink 1.1s steps(1) infinite}
.feed .inner{position:absolute;left:14px;right:14px;top:30px}
.feed .it{border-bottom:1px solid #1a231d;padding:8px 0;white-space:normal;color:#9aa69e;font-size:14px}.feed .it b{color:#d9e2dc}
.status{grid-column:1/3;background:var(--g);color:#031007;font:700 14px/30px var(--mono);padding:0 12px;display:flex;justify-content:space-between}
#xpost{position:absolute;left:50%;top:50%;width:min(600px,92%);transform:translate(-50%,-50%) scale(.9);opacity:0;background:#000;border:1px solid #2f3336;border-radius:16px;padding:16px 18px 10px;
  font:400 17px/1.4 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#e7e9ea;box-shadow:0 0 0 1px #000,0 30px 80px #000,0 0 60px #3dff8a22;white-space:normal}
#xpost .hd{display:flex;gap:12px;align-items:flex-start}#xpost .av{flex:0 0 44px;height:44px;border-radius:50%;background:#3a4a6a;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
#xpost .nm{font-weight:700}#xpost .hn{color:#71767b}#xpost .tx{margin:4px 0 12px}
#xpost .q{border:1px solid #2f3336;border-radius:16px;padding:12px 14px;margin:0 0 10px;font-size:16px}#xpost .q .av{flex:0 0 22px;height:22px;font-size:10px;background:#1a73e8}
#xpost .q .hd{gap:6px;align-items:center;margin-bottom:4px}
#xpost .tm{color:#71767b;font-size:15px;margin:2px 0 10px}#xpost .row{display:flex;justify-content:space-between;color:#71767b;border-top:1px solid #2f3336;padding:10px 4px 2px}
#xpost svg{width:20px;height:20px;fill:none;stroke:#71767b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#xpost .ln{color:#1d9bf0}
#flash{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 70% 50%,#eafff1 0,#3dff8a55 25%,transparent 60%)}
/* static fallback */
body.static #gl,body.static #vignette,body.static #spacer,body.static #chapter,body.static #progress,body.static #cold,body.static #flash{display:none}
body.static #brand{position:static;margin:24px 5vw 0;display:inline-flex;flex-direction:column;gap:2px}
body.static #captions section{position:static;opacity:1!important;transform:none!important;width:auto;max-width:760px;margin:44px auto;pointer-events:auto}
body.static .still{display:block;width:100%;border:1px solid var(--line);margin:0 0 16px}
.still{display:none}
#captions section.wide{left:50%;bottom:auto;top:50%;width:min(1040px,92vw);transform:translate(-50%,-50%)}
#captions section.wide .tbl{font:500 19px/1.55 var(--mono);color:var(--tx);background:#030504;border:1px solid #23302a;padding:18px 22px;margin:0 0 16px;white-space:pre;overflow:hidden}
#captions .tbl .ok{color:var(--g)}#captions .tbl .am{color:var(--amb)}#captions .tbl .mu{color:var(--mut)}