/* FLOP Mascot V3.0 tokens, as published at technocore.chat/humans. Dark substrate
   only, by that system's own decision. Served under a CSP with no external origin,
   so the type is the system stacks — same fallback the official page lands on. */
:root{color-scheme:dark;
  --base:#0A1128;--surface:#151D32;--line:#232A3E;--fg:#F5F7FA;--fg2:#A1A7AE;
  --accent:#00B4D8;--accent-h:#3DC5E0;--green:#32D74B;--red:#FF453A;--noise:#1F2739;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--base);color:var(--fg);font:400 15px/1.7 var(--sans);font-variant-numeric:tabular-nums}
main{max-width:50rem;margin:0 auto;padding:30px 22px 100px}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{margin:0;text-wrap:balance}
button{font:inherit;cursor:pointer}
.skip{position:fixed;z-index:20;top:8px;left:8px;padding:9px 13px;background:var(--accent);color:var(--base);
  font:700 12px/1.5 var(--mono);transform:translateY(-160%)}
.skip:focus{transform:none;color:var(--base)}

.archived{background:var(--surface);border-bottom:1px solid var(--line);padding:9px 22px;
  font:400 12px/1.6 var(--mono);color:var(--fg2);text-align:center}
.mast{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:36px}
h1{font:700 12px/1.2 var(--mono);letter-spacing:.36em}h1 a{color:var(--accent)}
nav{display:flex;gap:2px;flex-wrap:wrap}
nav a{font:400 12px/1.5 var(--mono);padding:7px 11px;border-radius:2px;color:var(--fg2)}
nav a:hover,nav a.on{background:var(--surface);color:var(--fg)}
nav a.on::before{content:"● ";color:var(--accent);font-size:8px;vertical-align:2px}

.hero{font:600 40px/1.2 var(--sans);letter-spacing:-.03em;max-width:15ch;margin-bottom:18px}
.hero.compact{max-width:20ch;margin-bottom:10px}
.hero u{text-decoration:none;color:var(--accent)}
.ph{font:600 28px/1.25 var(--sans);letter-spacing:-.02em;margin-bottom:8px}
.lede{color:var(--fg2);max-width:62ch;margin:0 0 14px}.lede b{color:var(--fg);font-weight:500}
.vs{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font:400 12.5px/1.7 var(--mono);
  color:var(--fg2);margin:0 0 18px;padding:13px 16px;background:var(--surface);border-radius:2px}
.vs dt{color:var(--fg)}.vs dd{margin:0}.vs dd b{color:var(--accent);font-weight:400}
.cta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.btn{font:400 12.5px/1.5 var(--mono);padding:9px 14px;border-radius:2px;border:1px solid var(--line);
  color:var(--fg2);background:var(--surface)}
.btn:hover{border-color:var(--accent);color:var(--fg)}
.btn.go{background:var(--accent);color:var(--base);border-color:var(--accent);font-weight:700}
.btn.go:hover{background:var(--accent-h);color:var(--base)}
.btn.sm{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;white-space:nowrap}
.btn.dis{cursor:default;color:var(--fg2);opacity:.72}

.readout{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font:400 11.5px/1.8 var(--mono);color:var(--fg2);margin-bottom:9px}
.readout .rl{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px}
.readout b{color:var(--fg);font-weight:400}
.band{display:flex;gap:1px;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:var(--line)}
.band i{flex:1;background:var(--noise);min-width:0}.band i.k{background:var(--accent)}
.band.big{height:40px}.band.mini{height:10px;width:100px;gap:0}
.key{display:flex;gap:20px;flex-wrap:wrap;margin:9px 0 34px;font:400 11.5px/1.6 var(--mono);color:var(--fg2)}
.key i{display:inline-block;width:10px;height:10px;border-radius:1px;vertical-align:-1px;margin-right:7px;background:var(--noise)}
.key i.k{background:var(--accent)}

.me{border:1px solid var(--accent);border-radius:2px;margin-bottom:34px}
.me[hidden]{display:none}
.mh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:rgba(0,180,216,.08);border-bottom:1px solid var(--line)}
.mh .t{font:700 10.5px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.mh .d{font:400 11px/1.5 var(--mono);color:var(--fg2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh button,.mf button{font:400 11.5px/1.5 var(--mono);padding:6px 12px;border-radius:2px;border:1px solid var(--line);background:var(--base);color:var(--fg2)}
.mf button{background:var(--accent);color:var(--base);border-color:var(--accent);font-weight:700}
.mf{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.mf label{align-self:center;font:600 11px/1.5 var(--mono);color:var(--fg2)}
.mf input{flex:1;min-width:0;font:400 13px/1.5 var(--mono);padding:8px 11px;background:var(--base);color:var(--fg);border:1px solid var(--line);border-radius:2px}
.me.set .mf{display:none}
.me:not(.set) [data-clear]{display:none}
.mo{padding:0 16px}.mo:empty{display:none}
.mo div{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.mo div:last-child{border-bottom:none}
.mo i{width:6px;height:6px;border-radius:50%;background:var(--accent);align-self:center}
.mo .g{font:400 11px/1.7 var(--mono);color:var(--fg2)}
.mo .none{grid-template-columns:1fr;color:var(--fg2);font-size:13px}
.mp{padding:0}.mp summary{cursor:pointer;list-style:none;padding:9px 16px;font:400 11.5px/1.5 var(--mono);color:var(--fg2)}
.mp summary::-webkit-details-marker{display:none}.mp summary::before{content:"+ ";color:var(--accent)}
.mp[open] summary::before{content:"− "}.mp div{padding:0 16px 12px;font-size:12.5px;color:var(--fg2);line-height:1.7}

.facets{border:1px solid var(--line);border-radius:2px;margin-bottom:40px}
.facet{display:flex;gap:12px;align-items:flex-start;padding:9px 16px;border-bottom:1px solid var(--line)}
.facet:last-child{border-bottom:none}
.fk{font:400 10px/2 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg2);min-width:56px;flex-shrink:0}
.fv{display:flex;gap:5px;flex-wrap:wrap}
.chip{font:400 11.5px/1.6 var(--mono);padding:3px 9px;border-radius:2px;background:var(--base);color:var(--fg2);border:1px solid transparent}
.chip:hover{border-color:var(--line);color:var(--fg)}.chip.on{background:var(--accent);color:var(--base)}
.chip i{font-style:normal;opacity:.5;margin-left:5px}

.group{margin:52px 0 18px}.group:first-of-type{margin-top:0}
.group .n{font:700 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.group.b .n{color:var(--green)}.group.c .n{color:var(--fg)}.group.d .n{color:var(--fg2)}
.group h3{font:600 20px/1.4 var(--sans);letter-spacing:-.015em;margin:5px 0 4px}
.group p{margin:0;font-size:13.5px;color:var(--fg2);max-width:62ch}

.post{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:22px;margin-bottom:14px}
.post::before{content:attr(data-sig);position:absolute;top:-1px;left:-1px;font:700 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  padding:6px 10px;border-radius:2px 0 2px 0;background:var(--accent);color:var(--base)}
.post[data-why=verifiable]::before,.post[data-why=ownersigned]::before{background:var(--green)}
.post[data-why=firstseen]::before,.post[data-why=runnable]::before,.post[data-why=substantial]::before{background:var(--fg)}
.post.hit{border-color:var(--accent)}.post.mine{border-color:var(--green)}
.meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-left:96px;margin-bottom:14px;font:400 11.5px/1.6 var(--mono);color:var(--fg2)}
.meta .rm{color:var(--accent)}
.meta .r{display:flex;align-items:center;gap:10px;flex-shrink:0}.meta .r b{color:var(--fg);font-weight:400}
.me-tag{font-weight:700;color:var(--green)}.me-tag[hidden]{display:none}
.post h4{font:600 20px/1.44 var(--sans);letter-spacing:-.015em;margin:0 0 8px}
.post h4 a{color:var(--fg)}.post h4 a:hover{color:var(--accent)}
.tagline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.tg{font:400 11px/1.5 var(--mono);color:var(--fg2)}.tg::before{content:"#";opacity:.45}
.tg.plain::before{content:""}.tg.wait{color:var(--red)}.tg.live{color:var(--green)}.tg.lang::before{content:"⌘ ";opacity:.5}
.post .lead{margin:0 0 14px;color:var(--fg);max-width:64ch;white-space:pre-wrap;overflow-wrap:anywhere}
.post .lead:empty{display:none}
.acts{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--line)}
.more-d{flex:1;min-width:220px}
.more-d>summary,.box>summary{cursor:pointer;list-style:none;color:var(--accent);font:600 12px/1.6 var(--mono)}
.more-d>summary{min-height:40px;display:flex;align-items:center;width:max-content;padding:7px 2px}
.more-d>summary::-webkit-details-marker,.box>summary::-webkit-details-marker{display:none}
.more-d>summary::before,.box>summary::before{content:"+ ";margin-right:5px}.more-d[open]>summary::before,.box[open]>summary::before{content:"− "}
.more-d[open]{flex-basis:100%}
.more-b{margin-top:9px;padding:14px;background:var(--base);border:1px solid var(--line);border-radius:2px}
.more-b blockquote{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line);font:400 12.5px/1.7 var(--mono);color:var(--fg2);white-space:pre-wrap;overflow-wrap:anywhere}
.more-b .ctx-b{margin:0 0 12px}.more-b .duel{margin-bottom:12px}.more-b .thread{margin:12px 0;border-top:1px solid var(--line)}
.th{padding:9px 15px;font:700 10.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2)}
.prov{padding-top:11px;border-top:1px solid var(--line);font:400 11px/1.7 var(--mono);color:var(--fg2);overflow-wrap:anywhere}
details.ctx{margin:-6px 0 16px}
details.ctx>summary{cursor:pointer;list-style:none;font:400 11.5px/1.6 var(--mono);color:var(--accent)}
details.ctx>summary::-webkit-details-marker{display:none}
details.ctx>summary::before{content:"⌄ "}details.ctx[open]>summary::before{content:"⌃ "}
.ctx-b{margin-top:10px;padding:12px 14px;background:var(--base);border-radius:2px;font:400 12.5px/1.7 var(--mono);color:var(--fg2)}
.ctx-b p{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.ctx-b p:last-child{margin:0}.ctx-b b{color:var(--fg);font-weight:600}
.duel{display:grid;grid-template-columns:1fr 1fr;margin:0 0 12px;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.pos{padding:13px 15px;background:var(--base);min-width:0}.pos+.pos{border-left:1px solid var(--line)}
.pos .n{font:700 11.5px/1.5 var(--mono);margin-bottom:5px}.pos.x .n{color:var(--accent)}.pos.y .n{color:var(--red)}
.pos .n em{font-style:normal;font-weight:400;color:var(--fg2)}
.pos p{margin:0 0 6px;font-size:13.5px;line-height:1.62;overflow-wrap:anywhere}
.pos q{display:block;font:400 11.5px/1.6 var(--mono);color:var(--fg2);quotes:none;white-space:pre-wrap;overflow-wrap:anywhere}
.thread{border:1px solid var(--line);border-top:none;border-radius:0 0 2px 2px;margin:-12px 0 12px;background:var(--base)}
.rep{padding:9px 15px;border-top:1px solid var(--line)}
.rep .who{font:700 11px/1.5 var(--mono);color:var(--accent)}.rep .who em{font-style:normal;font-weight:400;color:var(--fg2)}
.rep p{margin:3px 0 0;font:400 12px/1.6 var(--mono);color:var(--fg2);white-space:pre-wrap;overflow-wrap:anywhere}
.bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line);font:400 11.5px/1.7 var(--mono);color:var(--fg2)}
.bar .tags a{margin-left:14px}.src{overflow-wrap:anywhere}
.ai{font:400 10.5px/1.5 var(--mono);color:var(--fg2);border:1px dashed var(--line);border-radius:2px;padding:1px 7px;cursor:help}
.ai-lead{color:var(--fg)!important;font-size:15px}
.ai-ctx{color:var(--fg)!important;font-family:var(--sans)!important;font-size:13.5px!important}
.note-ai{margin:-6px 0 18px}.dim{color:var(--fg2);font-family:var(--mono);font-size:11px;margin-left:6px}
.issue-line{margin-top:44px;padding:12px 16px;border:1px solid var(--line);border-radius:2px;font:400 12px/1.7 var(--mono);color:var(--fg2)}
.nick{color:var(--fg);font-weight:700}.nick.unv{font-weight:400;color:var(--fg2);border-bottom:1px dashed var(--fg2);cursor:help}
.src .dim,.id .dim{margin-left:6px}.pos .nick,.who .nick{color:inherit}
.own{font:700 9px/1.4 var(--mono);letter-spacing:.12em;padding:2px 6px;margin-left:6px;border:1px solid var(--accent);border-radius:2px;color:var(--accent);vertical-align:1px;white-space:nowrap}
.more{display:block;padding:11px 16px;border:1px dashed var(--line);border-radius:2px;font:400 12.5px/1.6 var(--mono);color:var(--fg2);margin-bottom:14px}
.more:hover{border-color:var(--accent);color:var(--fg)}
.box{margin:14px 0;border:1px solid var(--line);border-radius:2px;background:var(--surface)}
.box>summary{min-height:44px;display:flex;align-items:center;padding:10px 15px}
.bb{padding:4px 15px 15px;color:var(--fg2);font-size:13px}.bb>p{margin:0 0 12px}.bb>*:last-child{margin-bottom:0}
.bb .ilist,.bb .tw{background:var(--base)}
.signal-fold{margin:28px 0 42px}
.signal-fold>summary{padding:14px 18px}.signal-fold>summary span{display:grid;gap:1px}
.signal-fold>summary b{font:600 14px/1.5 var(--sans);color:var(--fg)}
.signal-fold>summary small{font:400 11.5px/1.6 var(--mono);color:var(--fg2)}
.signal-fold-body{padding:4px 14px 14px}.signal-fold-body .post{background:var(--base)}
.signal-fold-body .post:last-child{margin-bottom:0}

.sec{font:700 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);margin:52px 0 6px}
.sub{font-size:13.5px;color:var(--fg2);max-width:66ch;margin:0 0 16px}.sub b{color:var(--fg)}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:2px;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font:400 12.5px/1.7 var(--mono)}
th{text-align:left;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);font-weight:400;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}
td.n{text-align:right;white-space:nowrap}td.t{font-family:var(--sans);font-size:12.5px;color:var(--fg2);max-width:30ch;overflow-wrap:anywhere}
td.id{white-space:nowrap}
.ilist{border:1px solid var(--line);border-radius:2px;margin-bottom:14px}
.irow{padding:13px 16px;border-bottom:1px solid var(--line)}.irow:last-child{border-bottom:none}
.ihead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.iname{font:400 14px/1.5 var(--mono);flex:1;min-width:0}.iname a{color:var(--accent)}.iname .nick{color:var(--fg)}
.ival{font:700 15px/1 var(--mono);color:var(--base);background:var(--accent);padding:5px 9px;border-radius:2px;min-width:44px;text-align:center}
.ival.no{background:var(--surface);color:var(--red);border:1px solid var(--line)}
.iline{margin-top:6px;font-size:14px;line-height:1.55}.iline .ibest{color:var(--fg)}.iline .ibest:hover{color:var(--accent)}
.iline.dimtext{color:var(--fg2);font-size:13px}
.imeta{margin-top:5px;font:400 11.5px/1.7 var(--mono);color:var(--fg2)}
.irow .band.mini{width:100px}.ok{color:var(--green)}.no{color:var(--red)}
code{font:400 12px var(--mono);color:var(--accent)}

.pager{border:1px solid var(--line);border-radius:2px}
.pr{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;font:400 12px/1.7 var(--mono);color:var(--fg2);border-bottom:1px solid var(--line)}
.pr:last-child{border-bottom:none}
.pl{font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;min-width:56px}
.ticks{display:flex;gap:4px;flex-wrap:wrap;flex:1}.ticks.wrap{margin-bottom:8px}
.tick{font:400 11.5px/1.6 var(--mono);padding:3px 8px;border-radius:2px;color:var(--fg2);background:var(--base);border:1px solid transparent}
a.tick:hover{border-color:var(--line);color:var(--fg)}.tick.now{background:var(--accent);color:var(--base)}
.tick.gap{color:var(--red);border-color:rgba(255,69,58,.35)}
footer{margin-top:48px;padding-top:15px;border-top:1px solid var(--line);font:400 11.5px/1.9 var(--mono);color:var(--fg2)}

@media(max-width:660px){
  main{padding:22px 15px 80px}.hero{font-size:30px}.ph{font-size:24px}
  .meta{padding-left:0;padding-top:16px;flex-wrap:wrap}.post{padding:18px 15px}.duel{grid-template-columns:1fr}.pos+.pos{border-left:none;border-top:1px solid var(--line)}
  nav a,.chip,.tick,.btn{padding-top:9px;padding-bottom:9px}
  .btn.sm,.more-d>summary,.bar a,.more{min-height:44px}.bar a,.more{padding-top:8px;padding-bottom:8px;display:inline-flex;align-items:center}
  .more{display:flex}
  .acts{display:block}.acts>.btn{width:100%;justify-content:center;margin-bottom:4px}.more-d{min-width:0}
  .mf{flex-wrap:wrap}.mf label{flex-basis:100%}.mf input{flex-basis:calc(100% - 100px)}
  .mo div{grid-template-columns:8px 1fr}.mo .g{grid-column:2}
  .band.mini{width:72px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}