:root{--paper:#efede6;--ink:#0b0b0a;--acc:#ff4a1c;--mute:#6b6a64;--rule:2px solid var(--ink)}
*{box-sizing:border-box;border-radius:0}html{background:var(--paper)}
body{margin:0;color:var(--ink);font:500 18px/1.5 "IBM Plex Mono",ui-monospace,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--acc);color:var(--ink)}
a{color:inherit}.dim{color:var(--mute)}
.idx{font:700 13px "IBM Plex Mono";letter-spacing:.06em;margin:0 0 18px}
.top{display:grid;grid-template-columns:auto 1fr auto auto;border-bottom:var(--rule);position:sticky;top:0;background:var(--paper);z-index:20}
.top>*{padding:14px 18px;border-right:var(--rule);display:flex;align-items:center;gap:10px;font:700 13px "IBM Plex Mono";letter-spacing:.06em}.top>*:last-child{border-right:0}
.brand{text-decoration:none;font:800 20px "Archivo";font-stretch:110%;letter-spacing:-.01em}.brand img{width:30px;height:30px}
.live i{width:10px;height:10px;background:var(--mute)}.live.on i{background:var(--acc);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.tape{border-bottom:var(--rule);background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;font:500 13px/1 "IBM Plex Mono";padding:9px 0}
.tape-in{display:inline-block;animation:tape 90s linear infinite}.tape-in span{margin-right:28px}.tape-in b{color:var(--acc);font-weight:500;margin-right:28px}
@keyframes tape{to{transform:translateX(-50%)}}
main{border-left:0}
.hero{display:grid;grid-template-columns:1.25fr 1fr;border-bottom:var(--rule);min-height:calc(100svh - 100px)}
.h-left{padding:clamp(20px,4vw,48px);border-right:var(--rule);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.h-left::after{content:attr(data-hash);position:absolute;inset:auto 0 0 0;font:500 11px/1.25 "IBM Plex Mono";color:rgba(11,11,10,.12);word-break:break-all;pointer-events:none;max-height:40%;overflow:hidden}
h1{font:900 clamp(78px,15vw,230px)/.82 "Archivo";font-stretch:62%;letter-spacing:-.02em;margin:0;text-transform:uppercase}
h1 .q{color:var(--acc);display:inline-block;animation:q 3s ease-in-out infinite}@keyframes q{0%,90%,100%{transform:none}93%{transform:rotate(14deg)}96%{transform:rotate(-8deg)}}
.lead{font-size:clamp(18px,1.7vw,22px);max-width:560px;margin:32px 0 0;position:relative;z-index:1}mark{background:var(--acc);color:var(--ink);padding:0 4px}
.term{display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}
.tbar{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #2a2a27;font:700 12px "IBM Plex Mono";letter-spacing:.08em}
#tstate{color:var(--acc)}
.tin{display:flex;gap:12px;padding:22px 18px;flex:1;cursor:text}.caret{font:700 34px/1.2 "IBM Plex Mono";color:var(--acc)}
textarea{flex:1;background:transparent;border:0;outline:0;color:var(--paper);font:500 clamp(24px,2.6vw,34px)/1.25 "IBM Plex Mono";resize:none;caret-color:var(--acc);min-height:150px}textarea::placeholder{color:#55544f}
.chips{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a2a27}
.chips button{background:transparent;color:var(--paper);border:0;border-right:1px solid #2a2a27;padding:14px 10px;font:700 12px "IBM Plex Mono";letter-spacing:.04em;cursor:pointer;text-align:left}.chips button:last-child{border-right:0}
.chips button:hover{background:var(--paper);color:var(--ink)}
.go{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--acc);color:var(--ink);border:0;padding:24px 18px;font:900 clamp(28px,3vw,40px)/1 "Archivo";font-stretch:75%;letter-spacing:.01em;cursor:pointer;text-decoration:none;text-transform:uppercase;transition:background .12s}
.go b{font:700 30px "IBM Plex Mono";transition:transform .15s}.go:hover{background:var(--paper)}.go:hover b{transform:translateX(-6px)}.go:active{transform:translateY(2px)}.go:disabled{opacity:.5}
.go.sm{width:auto;padding:14px 18px;font-size:24px;gap:24px;border:var(--rule)}
.term .msg{color:#8f8e86;padding:12px 18px;margin:0;border-top:1px solid #2a2a27;font-size:13px}.msg{font-size:14px;color:var(--mute)}.msg.err{color:var(--acc)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--rule)}
.strip div{padding:18px;border-right:var(--rule)}.strip div:last-child{border-right:0}
small{display:block;font:700 12px "IBM Plex Mono";letter-spacing:.08em;color:var(--mute)}
.strip b{display:block;font:900 clamp(40px,5.5vw,84px)/1 "Archivo";font-stretch:62%;margin-top:8px;font-variant-numeric:tabular-nums}
.run{border-bottom:var(--rule)}
.run-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:var(--rule)}.run-head .idx{margin:0}
.tag{background:var(--ink);color:var(--paper);padding:6px 10px;font:700 12px "IBM Plex Mono";letter-spacing:.06em}.tag.done{background:var(--acc);color:var(--ink)}
.qa{display:grid;grid-template-columns:1fr 2fr;border-bottom:var(--rule)}.qa>div{padding:22px 18px}.qcell{border-right:var(--rule)}
.rq{font-size:clamp(20px,2vw,26px);margin:10px 0 0}
.ra{font:900 clamp(52px,8vw,128px)/.88 "Archivo";font-stretch:62%;text-transform:uppercase;margin:12px 0 0;min-height:.9em;word-break:break-word}
.ra .w{display:inline-block;margin-right:.18em;animation:stamp .35s steps(3) both}
.ra .w:last-child{background:var(--acc);padding:0 .06em}
.ra .cur{display:inline-block;width:.45em;height:.8em;background:var(--acc);vertical-align:-.05em;animation:blink 1s steps(2) infinite}
.ra .think{font:500 clamp(18px,2vw,24px) "IBM Plex Mono";text-transform:none;color:var(--mute)}
@keyframes stamp{0%{opacity:0;transform:scale(1.6)}66%{opacity:1;transform:scale(.96)}100%{transform:none}}
.prog{border-bottom:var(--rule)}.pt{display:flex;justify-content:space-between;padding:12px 18px;font:700 14px "IBM Plex Mono";border-bottom:var(--rule)}
.layers{display:grid;grid-template-columns:repeat(36,1fr);height:44px;border-bottom:var(--rule)}.layers i{border-right:1px solid var(--ink);transition:background .2s}.layers i:last-child{border-right:0}
.layers i.on{background:var(--ink)}.layers i.now{background:var(--acc);animation:blink .6s steps(2) infinite}
.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{padding:16px 18px;border-right:var(--rule)}.stats div:last-child{border-right:0}
.stats b{display:block;font:900 clamp(32px,4vw,56px)/1 "Archivo";font-stretch:62%;margin-top:6px;font-variant-numeric:tabular-nums}
.feedbox{background:var(--ink);color:var(--paper)}#feedn{color:var(--acc)}
.feed{list-style:none;margin:0;padding:0;height:300px;overflow:hidden;font:400 14px/1 "IBM Plex Mono";counter-reset:none}
.feed li{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:9px 18px;border-bottom:1px solid #22221f;animation:row .25s steps(2)}
.feed li:first-child{background:var(--acc);color:var(--ink)}.feed li:first-child a{color:var(--ink)}
.feed a{color:var(--paper);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed a:hover{text-decoration:underline}.feed .n,.feed .t{color:#8f8e86}.feed li:first-child .n,.feed li:first-child .t{color:var(--ink)}
@keyframes row{from{opacity:0}}
.share{padding:18px;border-top:var(--rule)}.share img{width:100%;display:block;border:var(--rule)}
.btns{display:flex;flex-wrap:wrap;margin-top:14px}.btn{background:var(--paper);border:var(--rule);margin:0 -2px -2px 0;padding:14px 18px;font:700 13px "IBM Plex Mono";letter-spacing:.06em;cursor:pointer;text-decoration:none;color:var(--ink)}
.btn:hover{background:var(--ink);color:var(--paper)}
.run .msg{padding:0 18px 14px;word-break:break-all}
.how,.recent{border-bottom:var(--rule);padding:28px 0 0}.how .idx,.recent .idx{padding:0 18px}
.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--rule)}
.how li{padding:22px 18px 30px;border-right:var(--rule);transition:background .15s}.how li:last-child{border-right:0}.how li:hover{background:var(--ink);color:var(--paper)}
.how em{font:900 96px/1 "Archivo";font-stretch:62%;font-style:normal;color:var(--acc);display:block}.how b{display:block;font:900 40px/1 "Archivo";font-stretch:75%;margin:12px 0 10px;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));border-top:var(--rule)}
.ora{display:flex;flex-direction:column;gap:10px;padding:18px;text-decoration:none;border-right:var(--rule);border-bottom:var(--rule);margin-bottom:-2px;transition:background .1s}
.ora:hover{background:var(--acc)}.ora p{margin:0;font-size:15px}.ora b{font:900 38px/.95 "Archivo";font-stretch:62%;text-transform:uppercase}.ora small{margin-top:auto}
.tech{border-bottom:var(--rule)}.tech summary{padding:20px 18px;cursor:pointer;font:700 13px "IBM Plex Mono";letter-spacing:.06em;list-style:none;display:flex;justify-content:space-between}.tech[open] summary b{transform:rotate(45deg)}.tech summary b{transition:transform .15s;font-size:20px}
.tech div{padding:0 18px 18px;max-width:900px;font-size:15px}#techids{font-size:12px;word-break:break-all;color:var(--mute)}
footer{background:var(--ink);color:var(--paper)}
.bigword{font:900 19.5vw/.8 "Archivo";font-stretch:62%;letter-spacing:-.02em;padding:20px 10px 0;color:var(--paper);overflow:hidden;white-space:nowrap}
.fgrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2a2a27}.fgrid p{margin:0;padding:18px;font-size:13px}.fgrid p:first-child{border-right:1px solid #2a2a27}.fgrid a{color:var(--acc)}
.rv{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.rv.in{opacity:1;transform:none}
@media(max-width:820px){
 .top{grid-template-columns:1fr auto}.hide-m{display:none!important}
 .hero{grid-template-columns:1fr;min-height:0}.h-left{border-right:0;border-bottom:var(--rule)}
 h1{font-size:30vw}
 .strip{grid-template-columns:1fr 1fr}.strip div:nth-child(2){border-right:0}.strip div:nth-child(-n+2){border-bottom:var(--rule)}
 .chips{grid-template-columns:1fr}.chips button{border-right:0;border-bottom:1px solid #2a2a27}
 .qa{grid-template-columns:1fr}.qcell{border-right:0;border-bottom:var(--rule)}
 .how ol{grid-template-columns:1fr}.how li{border-right:0;border-bottom:var(--rule)}.how li:last-child{border-bottom:0}
 .feed{height:240px}.feed li{grid-template-columns:44px 1fr}.feed .t{display:none}
 .fgrid{grid-template-columns:1fr}.fgrid p:first-child{border-right:0;border-bottom:1px solid #2a2a27}
 .go.sm{width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
.ca{display:grid;grid-template-columns:auto 1fr auto auto;border-bottom:var(--rule);background:var(--paper);color:var(--ink)}
.ca>*{padding:14px 18px;border-right:var(--rule);display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.ca>*:last-child{border-right:0}
.ca-t b{font:900 40px/1 "Archivo";font-stretch:62%}.ca-q{color:var(--acc)!important}
.ca-addr{flex-direction:row!important;align-items:center;gap:12px!important;flex-wrap:wrap}.ca-addr small{flex:0 0 auto}
.ca-addr code{font:700 clamp(13px,1.25vw,18px) "IBM Plex Mono";overflow-wrap:anywhere;word-break:break-all;flex:1;min-width:0}
.ca-copy{background:var(--ink);color:var(--paper);border:0;padding:10px 14px;font:700 13px "IBM Plex Mono";letter-spacing:.06em;cursor:pointer}.ca-copy:hover,.ca-copy.ok{background:var(--acc);color:var(--ink)}
.ca-mc b{font:900 40px/1 "Archivo";font-stretch:62%;font-variant-numeric:tabular-nums}
.ca-links{display:grid!important;grid-template-columns:1fr 1fr;padding:0!important;gap:0!important}
.ca-links a{padding:10px 14px;font:700 12px "IBM Plex Mono";text-decoration:none;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}.ca-links a:nth-child(2n){border-right:0}.ca-links a:nth-child(n+3){border-bottom:0}
.ca-links a:hover{background:var(--acc)}
footer .ca{border-top:var(--rule)}
@media(max-width:1100px){.ca{grid-template-columns:auto 1fr auto}.ca-links{grid-column:1/-1;grid-template-columns:repeat(4,1fr);border-top:var(--rule)}.ca-links a{border-bottom:0!important;border-right:1px solid var(--ink)!important}.ca-links a:last-child{border-right:0!important}}
@media(max-width:820px){.ca{grid-template-columns:1fr 1fr}.ca-addr{grid-column:1/-1;order:3;border-right:0!important;border-top:var(--rule)}.ca-mc{border-right:0!important}.ca-links{order:4;grid-template-columns:1fr 1fr}.ca-links a:nth-child(2n){border-right:0!important}.ca-links a:nth-child(-n+2){border-bottom:1px solid var(--ink)!important}}
