:root{
  --bg:#050505; --surface:#0C0C0D; --surface-2:#121214; --surface-3:#1A1A1D; --card:#0E0E10; --card-2:#111113; --black:#070708;
  --hover:rgba(255,255,255,.035); --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12); --silver:rgba(255,255,255,.18);
  --ink:#F5F5F7; --ink-2:#D4D4D8; --muted:#8E8E96; --dim:#62626A;
  --lime:#B8FF3C; --lime-rgb:184,255,60; --lime-ink:#0A0D02; --lime-glow:rgba(184,255,60,.22); --lime-dim:rgba(184,255,60,.1);
  --red:#FF4D4F; --red-dim:rgba(255,77,79,.12); --amber:#FFB020; --amber-dim:rgba(255,176,32,.12); --green:#4ADE80; --green-dim:rgba(74,222,128,.12);
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:16px; --r-md:14px; --r-sm:12px; --pill:999px;
  --sh:0 30px 80px rgba(0,0,0,.6);
  --side:232px; --gap:16px; --fab:70px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--bg);overflow-x:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;position:relative;
  background:radial-gradient(70% 45% at 85% -10%,rgba(184,255,60,.07),transparent 60%) fixed,var(--bg)}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:inherit}
svg{display:block;flex:none}
img{max-width:100%}
h1,h2,h3,h4,p{margin:0}
::selection{background:var(--lime);color:var(--lime-ink)}
:focus-visible{outline:2px solid rgba(var(--lime-rgb),.7);outline-offset:2px;border-radius:8px}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-corner{background:var(--bg)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.red{color:var(--red)} .up{color:var(--green)} .amber{color:var(--amber)}
.empty{color:var(--muted);font-size:13.5px;margin:0;padding:18px 0}
.note{border-left:2px solid var(--line-2);padding-left:12px;color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.lede{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0;max-width:64ch;text-wrap:pretty}

/* ─── shell ─── */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:18px 14px;background:var(--bg);border-right:1px solid var(--line)}
.main{display:flex;flex-direction:column;min-width:0;position:relative;overflow-x:clip}
.brand{display:flex;align-items:center;gap:10px;padding:2px 6px}
.brand .logo{width:44px;height:44px;display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(184,255,60,.25))}
.brand .logo img{width:44px;height:44px;object-fit:contain}
.brand .bt{display:grid;line-height:1.05}
.wordmark{font-weight:700;font-size:20px;letter-spacing:-.02em}
.powered{font-size:10px;color:var(--dim);letter-spacing:.02em;margin-top:3px;white-space:nowrap}
.nav{display:grid;gap:2px}
.nav a{position:relative;display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--pill);color:var(--muted);font-weight:500;font-size:14.5px;letter-spacing:-.005em;transition:background-color .15s ease,color .15s ease}
.nav a svg{width:17px;height:17px}
.nav a:hover{background:var(--hover);color:var(--ink)}
.nav a[aria-current="page"]{background:rgba(var(--lime-rgb),.1);color:var(--lime)}
.nav .lock{margin-left:auto;width:14px;height:14px;opacity:.6}
.nav a.sep,.nav a.wl{margin-top:22px}
.nav a.sep:before,.nav a.wl:before{content:"";position:absolute;top:-12px;left:12px;right:12px;height:1px;background:var(--line)}
.sidefoot{margin-top:auto;display:grid;gap:10px;padding:0 2px}
.byline{font-family:var(--mono);font-size:10.5px;color:var(--dim);padding:4px 4px 0}
.byline a:hover{color:var(--ink)}
.socials{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.socials a{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:500;transition:color .15s ease,border-color .15s ease}
.socials a:hover{color:var(--ink);border-color:var(--line-2)}
.socials a svg{width:14px;height:14px}
.tokencard{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-md);padding:11px 12px;color:var(--muted);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.tokencard img{width:28px;height:28px;flex:none;opacity:.8}
.tokencard span{display:grid;line-height:1.25;min-width:0}
.tokencard b{font-size:13px;color:var(--ink);font-weight:600}
.tokencard small{font-size:11px;color:var(--dim)}
/* the two actions and the tracked count sit top right of the page with no bar behind them, and scroll away with it */
.fab{position:absolute;top:16px;right:22px;z-index:50;display:flex;align-items:center;gap:8px}
.back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;color:var(--muted);font-family:var(--mono);font-size:12.5px;text-decoration:none;letter-spacing:.02em}.back:hover{color:var(--ink)}
.tracked{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;border-radius:var(--pill);border:1px solid transparent;background:transparent;font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap;margin-right:4px}
.acctslot{display:contents}
.ini{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--lime-rgb),.16);color:var(--lime);font-size:11px;font-weight:700;flex:none}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:var(--fab) 22px 40px;display:flex;flex-direction:column;gap:var(--gap);flex:1}
.wrap.bleed{max-width:none;padding:var(--fab) 0 40px}
.wrap.bleed > *{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.mtop{display:none;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(5,5,5,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.burger{width:38px;height:38px;display:grid;place-content:center;gap:5px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface)}
.burger span{display:block;width:16px;height:1.5px;background:var(--ink-2);border-radius:2px}
.mright{display:flex;align-items:center;gap:8px}
.mtop .acctslot .btn{padding:7px 12px;font-size:12px}
.mtop .acctslot .btn .ini{width:18px;height:18px;font-size:10px}
.tabs{display:none}
.drawer{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.drawerbox{position:absolute;right:0;top:0;bottom:0;width:min(320px,84vw);padding:16px 14px calc(18px + env(safe-area-inset-bottom));background:var(--bg);border-left:1px solid var(--line-2);box-shadow:var(--sh);display:flex;flex-direction:column;gap:14px;animation:slidein .28s ease;overflow:auto}
@keyframes slidein{from{transform:translateX(100%)}to{transform:none}}
.dhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dhead span{font-family:var(--mono);font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.drawerbox .x{position:static}
.drawerbox .cta{flex-direction:column;align-items:stretch;gap:8px}
.drawerbox .btn{width:100%;justify-content:center}
.dhead span{display:inline-flex;align-items:center;gap:8px}
.dlinks a{padding:10px 12px}
.drawer .sidefoot{margin-top:auto}
.foot{border-top:1px solid var(--line);padding:13px 22px calc(14px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font-size:12px;line-height:1.45;color:var(--dim)}
.foot span{max-width:80ch}
.foot nav{display:flex;gap:16px;flex:none}
.foot nav a{color:var(--muted);font-weight:500}
.foot nav a:hover{color:var(--ink)}

/* ─── buttons ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--pill);border:1px solid transparent;font-weight:600;font-size:13.5px;letter-spacing:-.005em;white-space:nowrap;background:var(--lime);color:var(--lime-ink);box-shadow:0 0 24px var(--lime-glow);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}
.btn svg{width:14px;height:14px}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(184,255,60,.3)}
.btn:active{transform:translateY(0)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.ghost{background:rgba(255,255,255,.05);color:var(--ink);border-color:var(--line-2);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.09);box-shadow:none}
.btn.sm{padding:6px 12px;font-size:12.5px;gap:6px}
.btn.sm svg{width:13px;height:13px}
.btn.danger{color:var(--red);border-color:rgba(255,77,79,.35)}
.btn.danger:hover{background:rgba(255,77,79,.1)}
.btn.google{width:100%}
.btn.ghost.ok{color:var(--lime);border-color:rgba(var(--lime-rgb),.4)}
.linkbtn{color:var(--muted);font-size:12.5px;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.linkbtn:hover{color:var(--ink)}
.copybtn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:var(--pill);padding:4px 10px;background:var(--surface);transition:border-color .15s ease,color .15s ease}
.copybtn svg{width:13px;height:13px}
.copybtn:hover{color:var(--ink);border-color:var(--line-2)}
.copybtn.ok{color:var(--lime);border-color:rgba(var(--lime-rgb),.4)}
.cta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.star{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--dim);flex:none;transition:color .15s ease,background-color .15s ease}
.star svg{width:16px;height:16px}
.star:hover{color:var(--ink);background:var(--hover)}
.star[aria-pressed="true"]{color:var(--lime)}
.star[aria-pressed="true"] svg path{fill:var(--lime)}

/* ─── surfaces ─── */
.panel{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden;transition:border-color .15s ease}
.panel:hover{border-color:var(--line-2)}
.panel.head{background:var(--black);border-color:var(--silver);overflow:hidden}
.panel.head:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 100% 0%,rgba(184,255,60,.14),transparent 60%);pointer-events:none}
.panel.head > *{position:relative}
.panel.flush{padding:18px 0 8px}
.panel.flush > .phead,.panel.flush > .cta,.panel.flush > .note,.panel.flush > .empty,.panel.flush > .lede{padding-left:20px;padding-right:20px}
.panel.flush > .empty{padding:14px 20px}
/* a list panel holds its rows: a fixed or capped height, the rows scrolling inside it, a fade at the foot saying there is more */
.panel.tall{max-height:min(640px,74vh)}
.panel.col{height:100%}
.panel.tall > .list,.panel.col > .list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:12px}
.panel.col > .phead,.panel.tall > .phead{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:-2px}
.panel.col:after,.panel.tall:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:36px;pointer-events:none;z-index:4;border-radius:0 0 var(--r) var(--r);background:linear-gradient(180deg,rgba(14,14,16,0),var(--card))}
.phead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.phead h3{font-size:15.5px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.phead small{font-size:12px;color:var(--muted);font-weight:500}
.phead .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.phead .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);flex:none}
.phead .ico svg{width:16px;height:16px}
.phead .ph2{display:grid;gap:1px;min-width:0}
.phead .ph2 small{display:block}
.phead a.go{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);background:var(--surface);transition:color .15s ease,border-color .15s ease}
.phead a.go svg{width:15px;height:15px}
.phead a.go:hover{color:var(--ink);border-color:var(--line-2)}
.hero{display:flex;flex-direction:column;gap:8px;padding:4px 2px 2px;max-width:72ch}
.hero h1{font-size:clamp(28px,3.6vw,38px);line-height:1.04;letter-spacing:-.03em;font-weight:700;text-wrap:balance;margin-top:4px}
.hero p{color:var(--muted);font-size:14.5px;max-width:60ch;text-wrap:pretty}
.hero .cta{margin-top:8px}
.eyebrow,.pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--pill);border:1px solid rgba(var(--lime-rgb),.35);color:var(--lime);background:rgba(var(--lime-rgb),.06)}

/* ─── rows ─── */
.list{display:flex;flex-direction:column;min-width:0}
.item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 20px;transition:background-color .15s ease;min-width:0}
.item + .item{border-top:1px solid var(--line)}
a.item:hover,.item:has(.rowlink:hover){background:var(--hover)}
.rowlink{position:absolute;inset:0;z-index:1}
.item .star,.item a:not(.rowlink),.item button{position:relative;z-index:2}
.item__main{display:grid;gap:2px;min-width:0}
.item__t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:-.01em;min-width:0;color:var(--ink)}
.item__t > b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item__t .who{font-weight:400;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.item__s{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;min-width:0}
.item__s > span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.item__s .badge{flex:none}
.item__n{display:flex;gap:18px;align-items:center}
.item__n > span{display:grid;justify-items:end;line-height:1.3;text-align:right}
.item__n b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;letter-spacing:-.01em}
.item__n small{font-family:var(--mono);font-size:10.5px;color:var(--dim);white-space:nowrap}
.item__n .red b{color:var(--red)}
.item__n .up b{color:var(--green)}
.item__d{grid-column:2/-1;font-size:12.5px;color:var(--muted);line-height:1.5;padding-top:2px;text-wrap:pretty}
.item__d b{color:var(--ink);font-weight:500}
.col .item{padding:11px 18px}
.col .item__n{gap:12px}
.col .phead,.col .note,.col .empty{padding-left:18px;padding-right:18px}
.rank{width:18px;font-family:var(--mono);font-size:11px;color:var(--dim);text-align:right;flex:none}
.rk{display:flex;align-items:center;gap:10px}

/* ─── numbers ─── */
.stats,.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.stat{padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);display:grid;gap:5px;min-width:0}
.stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.stat .v{font-family:var(--mono);font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}
.stat .v.red{color:var(--red)} .stat .v.up{color:var(--green)}
.stat .n{font-size:11.5px;color:var(--muted);line-height:1.4}
.panel .stats{gap:0;border-top:1px solid var(--line);padding-top:12px}
.panel .stats .stat{padding:0 14px;border:0;border-left:1px solid var(--line);border-radius:0;background:none}
.panel .stats .stat:first-child{padding-left:0;border-left:0}
.panel .stats .stat .v{font-size:20px}
.kv{display:grid;min-width:0}
.kv > div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px}
.kv > div + div{border-top:1px solid var(--line)}
.kv > div > span:first-child{color:var(--muted)}
.kv > div > span:last-child{font-family:var(--mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.kv .red{color:var(--red)}

/* ─── small parts ─── */
.badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.02em;padding:3px 8px;border-radius:var(--pill);white-space:nowrap;background:var(--surface-3);color:var(--muted)}
.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.badge.red{background:var(--red-dim);color:var(--red)}
.badge.amber{background:var(--amber-dim);color:var(--amber)}
.badge.green{background:var(--green-dim);color:var(--green)}
.badge.lime{background:rgba(var(--lime-rgb),.1);color:var(--lime)}
.chain-solana{color:#C6ABF8;background:rgba(150,105,245,.16)}
.chain-ethereum{color:#A6B5F5;background:rgba(108,133,245,.16)}
.chain-base{color:#9BB8F7;background:rgba(0,82,255,.22)}
.chain-robinhood{color:#B9E79E;background:rgba(122,220,80,.16)}
.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;color:var(--muted);padding:3px 9px;border:1px solid var(--line);border-radius:var(--pill);background:rgba(255,255,255,.03);white-space:nowrap}
.dot{width:6px;height:6px;border-radius:50%;background:var(--dim);display:inline-block;flex:none}
.dot.live{background:var(--lime);box-shadow:0 0 10px var(--lime-glow);animation:pulse 2.2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(184,255,60,.35)}70%{box-shadow:0 0 0 7px rgba(184,255,60,0)}100%{box-shadow:0 0 0 0 rgba(184,255,60,0)}}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;padding:6px 12px;border-radius:var(--pill);border:1px solid var(--line-2);color:var(--muted);background:rgba(255,255,255,.03);transition:color .15s ease,border-color .15s ease}
.chip svg{width:13px;height:13px}
.chip:hover{color:var(--ink);border-color:var(--silver)}
.avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 30%,#3A3A40,#1C1C20);border:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--muted)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.tok{border-radius:11px}
.avatar.xs{width:22px;height:22px;font-size:9px}
.avatar.sm{width:28px;height:28px;font-size:11px}
.avatar.lg{width:64px;height:64px;font-size:22px}
.avatar.tok.lg{border-radius:18px}
.avatar.w{border-radius:11px;color:var(--muted)}
.avatar.w svg{width:16px;height:16px}
.ca{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ca code{font-family:var(--mono);font-size:12.5px;color:var(--ink);word-break:break-all}

/* ─── the Explore stage: the search, in the head card the record always opened with ─── */
.xhero{position:relative;z-index:20;overflow-x:clip;min-height:calc(66vh - var(--fab));display:flex;align-items:center;justify-content:center;padding:34px 0 30px;isolation:isolate}
.xhero:before{content:"";position:absolute;left:50%;top:52%;width:min(1100px,100%);height:560px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(184,255,60,.075),transparent 70%);pointer-events:none;z-index:0}
.xhero .art{position:absolute;top:30%;width:min(230px,16vw);height:auto;aspect-ratio:1;object-fit:contain;opacity:.3;filter:saturate(.7) brightness(.75) blur(1.2px) drop-shadow(0 0 40px rgba(184,255,60,.2));z-index:0;pointer-events:none}
.xhero .art.l{left:2%;transform:translateY(-50%) scaleX(-1) rotate(-20deg)}
.xhero .art.r{right:2%;transform:translateY(-50%) rotate(-20deg)}
.xin{position:relative;z-index:1;width:min(760px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.xin h1{font-size:clamp(46px,6.6vw,78px);font-weight:700;letter-spacing:-.04em;line-height:.98;color:var(--ink);text-wrap:balance}
.xin h1 .dimline{display:block;color:var(--dim)}
.xsearch{width:100%;max-width:720px;position:relative;margin-top:4px}
.xsearch form{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:var(--pill);padding:7px 7px 7px 22px;color:var(--dim);box-shadow:0 20px 60px -30px rgba(0,0,0,.9);transition:border-color .15s ease,background-color .15s ease}
.xsearch form:focus-within{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.xsearch form > svg{width:18px;height:18px;color:var(--dim)}
.xsearch input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:17px;color:var(--ink)}
.xsearch input::placeholder{color:var(--dim)}
.xsearch .go{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;box-shadow:0 0 24px var(--lime-glow)}
.xsearch .go svg{width:18px;height:18px}
.xres{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);box-shadow:var(--sh);text-align:left;max-height:54vh;overflow-y:auto;padding:6px}
.xr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm)}
.xr:hover{background:var(--hover)}
.xrn{display:grid;gap:1px;min-width:0}
.xrn b{font-size:14px;font-weight:600}
.xrn small{font-family:var(--mono);font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
.trend b{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:500;margin-right:2px}
.trend a,.trend button{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;padding:6px 12px;border-radius:var(--pill);border:1px solid var(--line-2);color:var(--ink-2);background:rgba(255,255,255,.03);transition:color .15s ease,border-color .15s ease}
.trend svg{width:12px;height:12px;color:var(--lime)}
.trend a:hover,.trend button:hover{color:var(--ink);border-color:var(--silver)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.trio > .panel.col{height:460px}
/* the lists under a stage: their heads in view, their rows blurred and faded until the page is scrolled to them, then lifted into place */
.rvwrap{perspective:1400px}
.reveal{--p:0;transform:rotateX(calc((1 - var(--p)) * 7deg)) translateY(calc((1 - var(--p)) * 18px));transform-origin:50% 0;transition:transform .2s ease}
.reveal > :not(.phead){filter:blur(calc((1 - var(--p)) * 4px));opacity:calc(.3 + .7 * var(--p));-webkit-mask-image:linear-gradient(180deg,#000 calc(18% + 82% * var(--p)),transparent calc(44% + 62% * var(--p)));mask-image:linear-gradient(180deg,#000 calc(18% + 82% * var(--p)),transparent calc(44% + 62% * var(--p)));transition:filter .2s ease,opacity .2s ease}
.reveal.on{transform:none}
.reveal.on > :not(.phead){filter:none;opacity:1;-webkit-mask-image:none;mask-image:none}
@media (prefers-reduced-motion:reduce){.reveal{transform:none}.reveal > :not(.phead){filter:none;opacity:1;-webkit-mask-image:none;mask-image:none}}
/* a tab's main list beside two stacked lists: two thirds and a third */
.main3{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--gap);align-items:stretch}
.main3 > .panel.col{height:min(760px,calc(100vh - var(--fab) - 120px))}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.two > .panel{height:100%}
@media (prefers-reduced-motion:reduce){.dot.live,.ticker .track{animation:none}.tabs a{transition:none}}

.wsearch{position:relative;z-index:5;max-width:720px}
.wsearch .xsearch form{padding:5px 5px 5px 18px}
.wsearch .xsearch input{font-size:15px}
.wsearch .xr{grid-template-columns:auto 1fr auto;position:relative}

/* ─── column layouts ─── */
/* two list panels side by side: as tall as the longer one, capped, each scrolling inside */
.cols.even > .panel.col{height:100%;max-height:min(520px,66vh)}
.cols > .panel.col{height:min(640px,76vh)}
.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap);align-items:start}
.cols.even{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols.even > *{height:100%}
.cols.level{align-items:stretch}
.cols.level .colstack{min-height:0}
.cols.level .colstack.fill > .panel:last-child{flex:1;min-height:0;max-height:none}
.cols.level .colstack.fill > .panel:last-child > .list{overflow:auto}
.colstack{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
/* two list panels stacked beside one tall list: they share its height between them */
.colstack.split{min-height:0}
.colstack.split > .panel.col{flex:1 1 0;height:auto;min-height:220px}

/* ─── airdrop & coming soon ─── */

.boardtabs{display:none}
.big3{display:grid;gap:12px}
.big3 > div{display:grid;gap:3px;padding:12px 0 0;border-top:1px solid var(--line)}
.big3 > div:first-child{border-top:0;padding-top:0}
.big3 b{font-size:14px;font-weight:600;letter-spacing:-.01em}
.big3 span{font-size:13px;color:var(--muted);line-height:1.5;text-wrap:pretty}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.steps i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-family:var(--mono);font-size:12px;font-weight:500;font-style:normal;background:rgba(var(--lime-rgb),.12)}
.steps i svg{width:13px;height:13px}
.steps div{display:grid;gap:2px}
.steps div > :first-child{font-size:14px;font-weight:600;letter-spacing:-.01em}
.steps span{font-size:13px;color:var(--muted);line-height:1.5}
.hrow{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:10px 20px;font-size:13.5px;border-top:1px solid var(--line)}
.hrow:first-child{border-top:0}
.hrow:hover{background:var(--hover)}
.hrow .n{font-family:var(--mono);font-size:11px;color:var(--dim)}
.hrow .v{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.hrow a:hover{color:var(--ink)}
.tfs{display:inline-flex;gap:2px;padding:2px;border-radius:var(--pill);border:1px solid var(--line);background:rgba(255,255,255,.04)}
.tfs button{font:500 11px var(--mono);color:var(--muted);padding:3px 8px;border-radius:var(--pill);transition:background-color .15s ease,color .15s ease}
.tfs button:hover{color:var(--ink)}
.tfs button[aria-pressed="true"]{background:rgba(var(--lime-rgb),.14);color:var(--lime)}
.ticker{overflow:hidden;position:relative;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker.empty{text-align:center;color:var(--dim);font-size:13px;padding:22px 20px;mask-image:none}
.ticker .track{display:inline-flex;gap:8px;white-space:nowrap;animation:slide 52s linear infinite}
.ticker .track span{font-family:var(--mono);font-size:11.5px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--pill);color:var(--ink-2);background:rgba(255,255,255,.03)}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.coming{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--silver);background:var(--black);padding:48px 44px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;isolation:isolate}
.coming:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 100% 0%,rgba(184,255,60,.16),transparent 60%);pointer-events:none;z-index:0}
.coming > *{position:relative;z-index:1}
.coming h1{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.coming p{color:var(--muted);font-size:15.5px;line-height:1.55;max-width:52ch;text-wrap:pretty}
.coming .panel{background:rgba(255,255,255,.03)}

/* ─── incident ─── */
.igrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head share" "chart promo";gap:var(--gap);align-items:stretch}
.igrid > .ihead{grid-area:head} .igrid > .ishare{grid-area:share;min-height:0} .igrid > .ichart{grid-area:chart} .igrid > .ipromo{grid-area:promo;min-height:280px;max-height:none;height:auto}
.ishare .sharebox{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;aspect-ratio:auto}
.ishare .sharebox img{width:100%;height:100%;object-fit:contain;max-height:100%}
.list .pcard{padding:11px 20px}
.subhead{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:12px 20px 4px;border-top:1px solid var(--line);margin-top:4px}
.dispute{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--dim);border:1px solid var(--line);border-radius:var(--pill);padding:4px 10px;transition:color .15s ease,border-color .15s ease}
.dispute:hover{color:var(--muted);border-color:var(--line-2)}
.ibadges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ibadges .mono{font-size:10.5px;color:var(--dim);margin-left:auto}
.headline{font-size:clamp(21px,2.4vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.25;text-wrap:pretty}
.headline > span{color:var(--red);font-weight:500}
.receipt{font-family:var(--mono);font-size:11.5px;color:var(--muted);display:grid;gap:7px;line-height:1.5}
.receipt b{color:var(--ink);font-weight:500;margin-right:6px}
.receipt span{word-break:break-word}
.sharebox{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-2);background:var(--bg);aspect-ratio:1200/630}
.sharebox img{display:block;width:100%;height:100%;object-fit:cover}
.sharenote{font-size:12.5px;color:var(--dim);margin:0;line-height:1.5}
.casefile{display:grid;gap:10px}
.casefile .cfh{font-size:15.5px;font-weight:600;letter-spacing:-.015em;line-height:1.35;text-wrap:pretty}
.casefile .cfa{font-size:14px;color:var(--ink-2);line-height:1.6;text-wrap:pretty}
.casefile .cft{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
.casefile .cft > div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;font-size:12.5px;color:var(--muted);line-height:1.5}
.casefile .cft b{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--dim)}
.casefile .cfu{font-size:12.5px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.casefile .cfu b{color:var(--ink-2);font-weight:500}

/* ─── token, profile, wallet ─── */
.ev{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 20px;font-size:13px;border-top:1px solid var(--line)}
.ev:first-child{border-top:0}
.ev:hover{background:var(--hover)}
.ev .k{display:grid;gap:2px;line-height:1.4}
.ev .k b{font-size:12.5px;font-weight:500;color:var(--ink-2)}
.ev .k span{font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.ev .v{color:var(--muted);line-height:1.55;text-wrap:pretty}
.ev .v a{color:var(--ink);font-family:var(--mono);font-size:12px;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.pcard{display:grid;gap:5px;padding:12px 20px;border-top:1px solid var(--line)}
.pcard:first-child{border-top:0}
.pcard:hover{background:var(--hover)}
.pcard .h{display:flex;align-items:center;gap:8px;font-size:13.5px}
.pcard .h b{font-weight:600}
.pcard .h .m{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.pcard .b{font-size:13.5px;color:var(--muted);line-height:1.5;text-wrap:pretty}
.pcard .f{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.kf{display:grid;grid-template-columns:repeat(auto-fill,104px);gap:10px;justify-content:start}
.kf .k{display:grid;gap:5px;justify-items:center;padding:12px 8px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.035);text-align:center}
.kf .ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--red-dim);color:var(--red)}
.kf .ico svg{width:15px;height:15px}
.kf .n{font-family:var(--mono);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1}
.kf .l{font-size:11.5px;color:var(--muted)}

/* ─── the chasers' impact, one profile at a time ─── */
.colhead{display:grid;justify-items:end;text-align:right;line-height:1.25}
.colhead.two{display:inline-flex;gap:18px}.colhead.two > span{min-width:96px;display:inline-flex;justify-content:flex-end;align-items:center;white-space:nowrap}.item__n.keep > span{min-width:96px}
.info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--line-2);color:var(--muted);font:600 9px/1 var(--mono);font-style:normal;margin-left:6px;cursor:help;position:relative;vertical-align:middle;letter-spacing:0}.info::before{content:"i"}
.info::after{content:attr(data-tip);position:absolute;right:-6px;top:20px;width:250px;padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);font:400 11.5px/1.45 var(--sans);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;z-index:30;opacity:0;pointer-events:none;transition:opacity .12s;box-shadow:0 8px 24px rgba(0,0,0,.4)}.info:hover::after,.info:focus::after{opacity:1}
.colhead b{font-size:11.5px;font-weight:600;color:var(--ink-2)}
.colhead small{font-family:var(--mono);font-size:10px;color:var(--dim)}
.ipro{padding:12px 18px 14px;display:grid;gap:10px}
.ipro + .ipro{border-top:1px solid var(--line)}
.iph{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}
.iph small{font-family:var(--mono);font-size:10.5px;color:var(--dim);font-weight:400;margin-left:auto;text-align:right}
.ig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ig > div{display:grid;gap:3px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:rgba(255,255,255,.03);min-width:0}
.ig b{font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig small{font-size:11px;color:var(--muted);line-height:1.35}
.ig .red b{color:var(--red)} .ig .up b{color:var(--green)}
.main3.level > .panel.col{height:min(760px,calc(100vh - var(--fab) - 260px))}
/* the watchlist: the profiles on the left, a rule, and what they do on the right */
.wlgate{position:relative;min-height:560px}
.wlgate-bg{filter:blur(7px) saturate(.6);opacity:.5;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.wlgate-bg .panel{min-height:220px}
.wlgate-card{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 8px));padding:30px 28px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-2);box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.03) inset;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.wlgate-card h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}
.wlgate-card p{margin:0;color:var(--muted);max-width:40ch}
.wlgate-card .cta{justify-content:center}
.wlgrid{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1.15fr) minmax(0,1fr);gap:var(--gap);align-items:stretch;height:min(820px,calc(100vh - var(--fab) - 150px))}
.wlgrid > .panel.col{height:100%}
.wldiv{background:var(--line);align-self:stretch}
.wlp .wsearch{padding:0 18px 10px;max-width:none;position:relative;z-index:6}
.wlp .wsearch .xres{max-height:40vh}
.wrow{grid-template-columns:auto auto minmax(0,1fr) auto auto}
.wck{display:grid;place-items:center;position:relative;z-index:2}
.wck input{width:16px;height:16px;accent-color:var(--lime);margin:0;cursor:pointer}
.empty.pick{padding:14px 18px}

/* ─── chart ─── */
.chart{padding:0;gap:0}
.chart > .phead{padding:16px 20px;border-bottom:1px solid var(--line)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;color:var(--dim);padding:11px 20px;border-top:1px solid var(--line)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.tv-loading{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mono);font-size:11px;color:var(--dim)}
.tv-loading i{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:9px;animation:pulse 1.6s ease-out infinite}
.tvwrap{position:relative;width:100%}
.tv{width:100%;height:340px}
.tv-marks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mk{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;pointer-events:auto;font-size:11px;font-weight:700;z-index:2;transition:transform .15s ease}
.mk img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.mk.post{border:2px solid var(--lime);background:#0B0E05;color:var(--lime);box-shadow:0 0 0 3px rgba(5,5,5,.92),0 0 12px var(--lime-glow)}
.mk.event{border:2px solid var(--red);background:#120607;color:var(--red);box-shadow:0 0 0 3px rgba(5,5,5,.92),0 3px 10px rgba(0,0,0,.7)}
.mk:hover{transform:translate(-50%,-50%) scale(1.2);z-index:4}
.mk[data-count]:before{content:attr(data-count);position:absolute;top:-9px;right:-10px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:var(--lime);color:var(--lime-ink);box-shadow:0 0 0 2px #050505;font-family:var(--mono);font-size:9px;font-weight:700;line-height:15px;text-align:center;z-index:3}
.mk.event[data-count]:before{background:var(--red);color:#1A0203}
.mk:after{content:attr(data-label);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:8px;background:var(--surface-3);border:1px solid var(--line-2);color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity .15s ease}
.mk:hover:after{opacity:1}

/* ─── legal ─── */
.legal{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start}
.legal .toc{position:sticky;top:var(--fab);display:grid;gap:4px;font-size:13px;color:var(--muted)}
.legal .toc a{padding:6px 10px;border-radius:var(--pill)}
.legal .toc a:hover{background:var(--hover);color:var(--ink)}
.legal .body{display:flex;flex-direction:column;gap:20px;max-width:70ch}
.legal h1{font-size:clamp(28px,3.6vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.legal section{display:grid;gap:6px;scroll-margin-top:calc(var(--fab) + 10px)}
.legal h4{font-size:15px;color:var(--ink);font-weight:600;margin:0;letter-spacing:-.01em}
.legal p{font-size:14px;color:var(--muted);line-height:1.65;margin:0;text-wrap:pretty}

/* ─── forms & modals: one calm sheet, symmetrical, nothing lime inside. The palette lives on .modal so every sheet shares it ─── */
.modal{--m-surface:#121315;--m-raised:#191a1d;--m-line:rgba(255,255,255,.08);--m-line-2:rgba(255,255,255,.06);--m-ink:#f3f4f6;--m-muted:#9ca3af;--m-mono:#7c8087;--m-btn:#f5f5f7;--m-btn-ink:#0b0b0c;--m-ok:#4ade80;--m-danger:#f87171;
  position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .15s ease;color:var(--m-ink)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.box{position:relative;width:min(440px,100%);max-height:88vh;max-height:calc(100dvh - 40px);overflow:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid var(--m-line);border-radius:14px;background:var(--m-surface);box-shadow:0 24px 70px rgba(0,0,0,.55);padding:24px;display:flex;flex-direction:column;gap:12px;animation:rise .22s ease}
.box.wide{width:min(520px,100%)}
@keyframes rise{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.box .step,.box .done{display:flex;flex-direction:column;gap:12px}
.box h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
.box > p,.box .step > p,.box .form > p{color:var(--m-muted);font-size:14px;line-height:1.55;margin:0;text-wrap:pretty}
.box .x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--m-line);display:grid;place-items:center;color:var(--m-muted);background:var(--m-raised);z-index:2;transition:color .15s ease,border-color .15s ease}
.box .x svg{width:14px;height:14px}
.box .x:hover{color:var(--m-ink);border-color:rgba(255,255,255,.18)}
/* the shell's own sheets (.mbox): a centred head, then rows with equal edges, then one action row of equal buttons */
.mbox .pill{align-self:center}
.mbox h3,.mbox > p,.mbox .step > p,.mbox .form > p,.mbox .done > p{text-align:center}
.mbox h3{text-wrap:balance;padding:0 6px}
.mbox .ck p{text-align:left}
.mbox .cta{gap:10px}
.mbox .cta > .btn{flex:1 1 auto;min-width:0}
.mbox .form > .btn{width:100%}
.mbox .form > .linkbtn{align-self:center}
/* the palette, applied to every piece that can appear inside a sheet */
.modal .pill{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--m-mono);background:transparent;border:1px solid var(--m-line);padding:4px 10px;border-radius:999px}
.modal .btn{background:var(--m-btn);color:var(--m-btn-ink);border-color:transparent;box-shadow:none;border-radius:12px;padding:11px 16px;font-size:13.5px}
.modal .btn:hover{background:#fff;transform:none;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.modal .btn:active{transform:none;background:#e6e6ea}
.modal .btn.sm{padding:9px 12px;font-size:12.5px;border-radius:10px}
.modal .btn.ghost{background:transparent;color:var(--m-ink);border-color:var(--m-line)}
.modal .btn.ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);box-shadow:none}
.modal .btn.ghost:active{background:rgba(255,255,255,.07)}
.modal .btn.ghost.ok{color:var(--m-ok);border-color:rgba(74,222,128,.35)}
.modal .btn.danger{color:var(--m-danger);border-color:rgba(248,113,113,.28)}
.modal .btn.danger:hover{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.4)}
.modal .linkbtn{color:var(--m-muted);text-decoration-color:var(--m-line)}
.modal .linkbtn:hover{color:var(--m-ink)}
.modal .copybtn{background:var(--m-raised);border-color:var(--m-line);color:var(--m-muted)}
.modal .copybtn:hover{color:var(--m-ink);border-color:rgba(255,255,255,.16)}
.modal .copybtn.ok{color:var(--m-ok);border-color:rgba(74,222,128,.35)}
.modal :focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}
.modal .btn:focus-visible{outline-offset:3px}
.form{display:flex;flex-direction:column;gap:10px}
.form label{display:grid;gap:6px;font-size:12.5px;color:var(--muted);font-weight:500}
.form label small{color:var(--dim);font-weight:400}
.form input,.form textarea{width:100%;font-size:14px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);padding:10px 12px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.form input:focus,.form textarea:focus{border-color:rgba(255,255,255,.3)}
.form textarea{resize:vertical;min-height:96px;line-height:1.45}
.form input[type=file]{padding:8px 10px;font-size:12.5px;color:var(--muted)}
.modal .form{gap:12px}
.modal .form label{color:var(--m-muted)}
.modal .form label small{color:var(--m-mono)}
.modal .form input,.modal .form textarea{font-size:15px;background:var(--m-raised);border-color:var(--m-line);border-radius:10px;color:var(--m-ink)}
.modal .form input::placeholder,.modal .form textarea::placeholder{color:var(--m-mono)}
.modal .form input:focus,.modal .form textarea:focus{border-color:rgba(255,255,255,.3)}
.modal .form input:focus-visible,.modal .form textarea:focus-visible{outline:0;border-color:rgba(255,255,255,.34);box-shadow:0 0 0 3px rgba(255,255,255,.07)}
.modal .form input[type=file]{font-size:12.5px;color:var(--m-muted)}
.err{color:var(--red);font-size:12.5px;margin:0}
.modal .err,.modal p.err{color:var(--m-danger)}
.or{display:flex;align-items:center;gap:12px;color:var(--dim);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.modal .or{color:var(--m-mono)}
.modal .or:before,.modal .or:after{background:var(--m-line)}
.previews{display:flex;gap:8px;flex-wrap:wrap}
.previews:empty{display:none}
.pv img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--line-2)}
.modal .pv img{border-color:var(--m-line)}
.check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.check input{accent-color:var(--lime)}
.modal .check{color:var(--m-muted)}
.modal .check input{accent-color:var(--m-btn)}
.progress{font-size:13px;color:var(--muted)}
.pid{font-family:var(--mono);font-size:11px;color:var(--dim)}
.modal .progress{color:var(--m-muted)}
.modal .pid{color:var(--m-mono)}
.checklist{display:flex;flex-direction:column;gap:10px}
.ck{border:1px solid var(--m-line-2);border-radius:12px;padding:12px 14px;background:var(--m-raised);display:flex;flex-direction:column;gap:10px}
.ckh{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}
.ckh .k{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--m-ink)}
.ckh .k i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(74,222,128,.14);color:var(--m-ok)}
.ckh .k i svg{width:11px;height:11px;stroke-width:3}
.ckh .k i.off{background:rgba(255,255,255,.06);color:var(--m-mono)}
.ckh .m{font-family:var(--mono);font-size:10.5px;color:var(--m-mono);text-align:right}
.ckh .m.ok{color:var(--m-ok)}
.xv{display:flex;flex-direction:column;gap:10px}
.xv p{font-size:13px;color:var(--m-muted);margin:0;line-height:1.5}
.xv code{display:block;font-family:var(--mono);font-size:12.5px;color:var(--m-ink);background:var(--m-surface);border:1px solid var(--m-line);padding:10px 12px;border-radius:10px;word-break:break-word;line-height:1.5;user-select:all}
.xv-ok{color:var(--m-ink);display:flex;align-items:center;gap:8px;font-size:13.5px}
.xv-ok svg{width:15px;height:15px;color:var(--m-ok)}
.fixedval{display:flex;flex-direction:column;gap:5px;padding:11px 13px;border:1px solid var(--m-line);border-radius:10px;background:var(--m-surface)}
.fixedval .mono{font-size:12px;word-break:break-all;color:var(--m-ink)}
.fixedval small{color:var(--m-mono);font-size:11.5px;line-height:1.45}
.acct-foot{border-top:1px solid var(--m-line-2);padding-top:14px;margin-top:2px}
.ok{color:var(--lime);font-size:12.5px}
.modal .ok{color:var(--m-ok)}
.post-box .ph{display:flex;align-items:center;gap:10px;padding-right:36px}
.post-box .ph .who{display:grid;line-height:1.3;min-width:0}
.post-box .ph .h{font-weight:600;font-size:14.5px}
.post-box .ph .m{font-family:var(--mono);font-size:10.5px;color:var(--m-mono)}
.pt{font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.pp:empty{display:none}
.pp img{width:100%;border-radius:12px;border:1px solid var(--m-line)}
.pr{display:flex;flex-direction:column;gap:6px}
.pr:empty{display:none}
.pr .rh{font-family:var(--mono);font-size:10.5px;color:var(--m-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.rp{display:grid;gap:3px;padding:9px 0;border-top:1px solid var(--m-line-2);font-size:13px;color:var(--m-ink)}
.rp .m{font-family:var(--mono);font-size:10.5px;color:var(--m-mono)}
@media (prefers-reduced-motion:reduce){.modal,.box{animation:none}.modal .btn,.box .x{transition:none}}

/* ─── welcome: the first visit, one sheet that says what the record is and the three things to do with it ─── */
.wbox{width:min(800px,100%);gap:18px;padding:30px 30px 26px}
.wbrand{display:flex;align-items:center;justify-content:center;gap:12px}
.wbrand .logo img{width:44px;height:44px;object-fit:contain;display:block}
.wbrand .wname{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.wbrand .wordmark{font-size:21px}
.wbrand .powered{margin-top:3px}
.whead{display:grid;gap:8px;justify-items:center}
.wbox h3{font-size:24px;letter-spacing:-.025em}
.whead p{max-width:58ch;color:var(--m-muted);font-size:14px;line-height:1.55;text-align:center;margin:0;text-wrap:balance}
.wfine{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--m-mono);letter-spacing:.01em;text-align:center;margin:0;text-wrap:balance}
.wbox .cta{justify-content:center}
.wbox .cta > .btn{flex:0 1 230px}
@media (max-width:760px){
  .wbox{gap:14px;padding:24px 18px 20px}
  .wbrand{flex-direction:column;gap:6px}
  .wbrand .wname{align-items:center}
  .wbox h3{font-size:20px}
  .whead p{font-size:13.5px}
  .wbox .cta > .btn{flex:1 1 0}
}

/* ─── responsive ─── */
@media (max-width:1240px){
  .trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trio > :last-child{grid-column:1/-1}
  .cols,.igrid,.coming{grid-template-columns:minmax(0,1fr)}
  .xhero .art{width:130px;opacity:.22}
  .legal{grid-template-columns:minmax(0,1fr)}
  .legal .toc{display:none}
}
@media (max-width:1000px){
  :root{--side:0px;--gap:14px;--fab:0px}
  .app{grid-template-columns:minmax(0,1fr)}
  .side,.fab{display:none}
  .mtop{display:flex}
  .wrap{padding:16px 14px 30px}
  .wrap.bleed{padding:16px 0 30px}
  .wrap.bleed > *{padding-left:14px;padding-right:14px}
  .trio{grid-template-columns:minmax(0,1fr)}
  .trio > :last-child{grid-column:auto}
  .cols > .panel.col,.cols.even > .panel.col{height:auto;max-height:min(540px,64vh)}
  .trio > .panel.col{height:auto;max-height:min(480px,62vh)}
  .xhero{padding:46px 0 30px;min-height:auto;margin-bottom:12px}
  .xhero .art{width:92px;top:0;opacity:.24;filter:drop-shadow(0 0 30px rgba(184,255,60,.3))}
  .xhero .art.l{left:-6px;transform:scaleX(-1) rotate(-20deg)}
  .xhero .art.r{right:-6px;transform:rotate(-20deg)}
  .xin{gap:18px}
  .xin h1{font-size:44px}
  .xsearch form{padding:6px 6px 6px 16px}
  .xsearch input{font-size:16px}
  .xsearch .go{flex-basis:42px;width:42px;height:42px}
  .trend{justify-content:flex-start}
  .main3,.two{grid-template-columns:minmax(0,1fr)}
  .wlgrid{grid-template-columns:minmax(0,1fr);height:auto}
  .wldiv{display:none}
  .wlgrid > .panel.col,.wlr > .panel.col{height:auto;max-height:min(520px,62vh)}
  .main3.level > .panel.col{height:auto;max-height:min(560px,66vh)}
  .igrid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "chart" "share" "promo"}
  .igrid > .ipromo{max-height:min(560px,66vh)}
  .ishare .sharebox{aspect-ratio:1200/630}
  .main3 > .panel.col{height:auto;max-height:min(560px,66vh)}
  .colstack.split > .panel.col{height:auto;max-height:min(480px,60vh)}
  .boards > .panel:last-child{display:none}
  .boardtabs{display:inline-flex}
  .coming{padding:28px 20px}
  .tabs{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;column-gap:2px;padding:10px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(8,8,9,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.05)}
  .tabs a{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;padding:6px 2px 4px;border-radius:14px;color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap;transition:transform .2s ease,opacity .2s ease,color .15s ease,background-color .15s ease,border-color .15s ease}
  .tabs a svg{width:20px;height:20px}
.tabs a.key svg{width:23px;height:23px}
  .tabs a[aria-current="page"]{color:var(--lime);background:none}
  .tabs a .lock{display:none}
  .tabs a.wl{margin:0}
  .tabs a.wl:before{display:none}
  /* the bar's depth, quiet and Apple-like: the centre key lifted on a soft blurred backdrop, its neighbours a touch up, the ends a touch back */
  .tabs a.key{transform:translateY(-4px);justify-self:center;width:min(100%,74px);padding:7px 4px 5px;border:1px solid transparent;border-radius:16px;background:transparent;box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink-2)}
  .tabs a.key[aria-current="page"]{color:var(--lime);border-color:transparent}
  .tabs a.near{transform:translateY(-2px)}
  .tabs a.far{transform:scale(.96);opacity:.72}
  .tabs a.far[aria-current="page"]{opacity:.88}
  .foot{padding:14px 14px calc(14px + 72px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start}
  .item{padding:11px 16px;grid-template-columns:auto minmax(0,1fr) auto}
  .panel{padding:16px 16px}
  .panel.flush{padding:16px 0 6px}
  .panel.flush > .phead,.panel.flush > .cta,.panel.flush > .note,.panel.flush > .empty,.panel.flush > .lede{padding-left:16px;padding-right:16px}
  .col .item{padding:11px 14px}
  .col .phead,.col .note,.col .empty{padding-left:16px;padding-right:16px}
  .ev{grid-template-columns:minmax(0,1fr);gap:4px;padding:11px 16px}
  .pcard,.hrow{padding:12px 16px}
  .hero{padding:4px 2px 0}
  .stat .v{font-size:22px}
  .panel .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}
  .panel .stats .stat:nth-child(3){border-left:0;padding-left:0}
  .tv{height:260px}
}
@media (max-width:760px){
  .modal{padding:16px}
  .box{max-height:calc(100dvh - 32px)}
  .modal .form input,.modal .form textarea{font-size:16px}
  .item__n{display:none}
  .item__n.keep{display:flex}
  .item__t{flex-wrap:wrap}
  .ibadges .mono{margin-left:0;width:100%}
  .colhead small{display:none}
  .colhead b{font-size:10.5px;font-family:var(--mono);font-weight:500;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
  .cols.even{grid-template-columns:minmax(0,1fr)}
  .cols.even > *{height:auto}
  .headline{font-size:19px}
  .stats,.strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trend{width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .trend a,.trend button{flex:none}
}

/* ─── airdrop page ─── */
.ad-page{display:flex;flex-direction:column;gap:var(--gap);min-width:0;max-width:100%}

/* hero: the title, one line and the two follow pills, centred on a black field; an isometric scene (components/isoscene.ts)
   enters from both edges of the page and falls away before the cards. Short on purpose: the two cards show under it. */
.ad-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(380px,calc(100vh - var(--fab) - 230px),580px);padding:24px 16px 44px;isolation:isolate;min-width:0}
.ad-hero > :not(.ad-scene){position:relative;z-index:1}
.ad-hero h1{font-size:clamp(40px,4.3vw,68px);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--ink);text-wrap:balance}
.ad-hero p{margin-top:18px;max-width:100%;font-size:clamp(15px,1.25vw,18px);line-height:1.5;color:var(--muted);text-wrap:balance}
.ad-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.ad-pills a{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.16);background:rgba(10,10,11,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:13.5px;color:var(--ink-2);transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.ad-pills a svg{width:18px;height:18px;color:var(--ink)}
.ad-pills a:hover{border-color:rgba(255,255,255,.34);color:var(--ink);background:rgba(255,255,255,.06)}
.ad-scene{position:absolute;z-index:0;top:calc(-1 * var(--fab));bottom:-56px;left:50%;width:calc(100vw - var(--side));transform:translateX(-50%);overflow:hidden;pointer-events:none;background:var(--bg);--shift:clamp(-170px,calc((100vw - var(--side) - 1208px) * .3),220px);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,#000 62%,transparent 98%)}
.ad-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(46% 38% at 50% 0%,rgba(255,255,255,.04),transparent 70%)}
.ad-scene svg{position:absolute;top:0;height:100%;width:auto;overflow:visible}
.ad-scene .l{left:0;transform:translateX(var(--shift))}
.ad-scene .r{right:0;transform:translateX(calc(-1 * var(--shift)))}
.ad-scene path{vector-effect:non-scaling-stroke}
.ad-scene .glow{animation:ad-lit 8s ease-in-out infinite}
@keyframes ad-lit{0%,100%{opacity:.55}50%{opacity:1}}

/* the two cards: three plain rows each, a tile, a short title, one line; the note or the buttons sit at the foot */
.ad-explain{width:min(100%,1072px);margin:0 auto}
.two.ad-explain{gap:24px}
.panel.ad-card{gap:14px;padding:22px 24px}
.ad-card > .phead{gap:12px}
.ad-card .phead h3{font-size:18px;letter-spacing:-.02em}
.ad-card .phead small{font-size:12.5px}
.ad-three{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ad-three li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.ad-three li:first-child{border-top:0;padding-top:2px}
.ad-three li:last-child{padding-bottom:4px}
.ad-three i{width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:16px;font-weight:500;color:var(--lime);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ad-three i svg{width:18px;height:18px}
.ad-three li > div{display:grid;gap:3px;min-width:0}
.ad-three b{font-size:15px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.ad-three span{font-size:13px;color:var(--muted);line-height:1.5;text-wrap:pretty}
.ad-card > .note{margin-top:auto;font-size:12.5px}
/* the foot of "How to participate": signed out, the two buttons share the row; signed in, the shell hides .join-only and
   shows .signed-only, so the explainer takes the left and the contribute button sits content-sized on the right */
.ad-card > .ad-cta{margin-top:auto;padding-top:2px;align-items:center;justify-content:space-between;gap:10px 14px}
.ad-cta > .btn{flex:1 1 170px}
.ad-cta .ad-lead{flex:1 1 220px;min-width:0;margin:0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.ad-cta .ad-lead:not([hidden]) ~ .btn{flex:0 0 auto}
.ad-contrib .ad-short{display:none}

/* the holder boards: black, a silver top edge, a lime glow breathing behind the head, a lime meter per row */
.ad-boards{display:flex;flex-direction:column;gap:20px;width:min(100%,1240px);margin:28px auto 0}
.ad-shead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 8px}
.ad-shead h2{font-size:clamp(26px,3.2vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.ad-shead p{color:var(--muted);font-size:14px;line-height:1.55;max-width:56ch;text-wrap:balance}
.ad-grid{gap:20px}
.panel.ad-board{background:var(--black);border-color:var(--silver);box-shadow:var(--sh);padding:22px 0 10px}
.panel.ad-board:hover{border-color:var(--silver)}
.ad-board:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 52% at 50% 0%,rgba(184,255,60,.17),transparent 70%),radial-gradient(45% 40% at 100% 0%,rgba(184,255,60,.07),transparent 60%);pointer-events:none;z-index:0;animation:ad-breathe 7s ease-in-out infinite}
.ad-board:after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);pointer-events:none;z-index:2}
.ad-board > *{position:relative;z-index:1}
@keyframes ad-breathe{0%,100%{opacity:.72}50%{opacity:1}}
.ad-board > .phead{gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ad-board .phead .ico{width:40px;height:40px;border-radius:12px;background:rgba(var(--lime-rgb),.1);color:var(--lime);border:1px solid rgba(var(--lime-rgb),.28);box-shadow:0 0 28px var(--lime-glow)}
.ad-board .phead .ico svg{width:18px;height:18px}
.ad-board .phead h3{font-size:18px;letter-spacing:-.02em}
.ad-board .phead small{font-size:12px}
.ad-board .boardtabs{display:none}
.ad-cols{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:12px 20px 6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ad-cols > span:last-child{text-align:right}
.ad-board .hrow{position:relative;isolation:isolate;grid-template-columns:28px minmax(0,1fr) auto;padding:11px 20px;font-size:14px}
.ad-board .hrow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--w,0) * 100%);background:linear-gradient(90deg,rgba(184,255,60,.02),rgba(184,255,60,.1));border-radius:0 6px 6px 0;z-index:-1;pointer-events:none}
.ad-board .hrow > *{position:relative}
.ad-board .hrow .n{font-size:12px;font-variant-numeric:tabular-nums}
.ad-board .hrow.ad-top .n{color:var(--lime);font-weight:500}
.ad-board .hrow .ad-who{min-width:0;overflow-wrap:anywhere}
.ad-board .hrow .v{font-size:12.5px;color:var(--ink);text-align:right}
.ad-board .ad-empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:34px 20px 30px;color:var(--muted);font-size:13.5px;line-height:1.55;max-width:44ch;margin:0 auto;text-wrap:pretty}
.ad-empty i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--lime);background:rgba(var(--lime-rgb),.08);border:1px solid rgba(var(--lime-rgb),.25);font-style:normal;box-shadow:0 0 28px var(--lime-glow)}
.ad-empty i svg{width:18px;height:18px}
.ad-legal{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--dim);line-height:1.6;max-width:70ch;margin:6px auto 0;padding:0 8px}

@media (max-width:1000px){
  .ad-page{padding:0 2px}
  .ad-hero{min-height:0;padding:150px 4px 60px}
  .ad-hero h1{font-size:clamp(34px,10.4vw,46px)}
  .ad-hero p{margin-top:14px;font-size:15px}
  .ad-pills{margin-top:24px;gap:10px}
  .ad-pills a{height:42px;padding:0 16px;font-size:12.5px}
  .ad-scene{top:-16px;bottom:-34px;--shift:-64px;-webkit-mask-image:linear-gradient(180deg,#000 22%,transparent 40%);mask-image:linear-gradient(180deg,#000 22%,transparent 40%)}
  .ad-scene svg{height:70%}
  .two.ad-explain{gap:var(--gap)}
  .panel.ad-card{padding:18px 16px}
  .ad-three li{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .ad-three i{width:40px;height:40px}
  .ad-boards{margin-top:20px;gap:16px}
  .ad-grid{gap:var(--gap)}
  .panel.ad-board{padding:18px 0 8px}
  .ad-board .phead .end{flex:1 1 100%;margin-left:0;margin-top:4px}
  .ad-board .phead .end .tfs{display:flex;width:100%}
  .ad-board .phead .end .tfs button{flex:1 1 0;text-align:center;padding:7px 10px;font-size:12px}
  .ad-cols{padding:10px 16px 4px}
  .ad-board .hrow{padding:11px 16px}
  .ad-board .ad-empty{padding:28px 16px 24px}
}
@media (max-width:700px){
  .ad-contrib .ad-long{display:none}
  .ad-contrib .ad-short{display:inline}
  .ad-cta .ad-lead:not([hidden]) ~ .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.ad-board:before,.ad-scene .glow{animation:none}}

.ad-board{min-height:520px}
.ad-empty{min-height:400px;align-content:center}
.ad-cta:has(.join-only:not([hidden])) .ad-lead{flex:1 1 100%;order:-1;margin-bottom:6px}


/* the goat: a small jointed body the page's script stands on the slab's top face and draws each frame (components/goat.ts). Muted, so it sits in the scene rather than on it:
   a warm grey coat lit from above, the far legs a shade down, a dark line where one part passes in front of another, a soft shadow on the ground under it. */
.ad-scene .goat{pointer-events:none}
.ad-scene .goat path,.ad-scene .goat circle{vector-effect:none}
.ad-scene .goat .hit{fill:transparent;stroke:none;pointer-events:all;cursor:default;-webkit-tap-highlight-color:transparent}
.ad-scene .goat .g-o{fill:#191917;stroke:#191917;stroke-width:1.05;stroke-linejoin:round;opacity:.85}
.ad-scene .goat .g-hf{fill:#22211c}
.ad-scene .goat .g-ct{fill:#000;opacity:.42}
.ad-scene .goat .g-spine{fill:none;stroke:rgba(255,255,255,.26);stroke-width:.9;stroke-linecap:round}
.ad-scene .goat .g-ear{fill:#aaa79b;stroke:#191917;stroke-width:.3}
.ad-scene .goat .g-horn{stroke:#191917;stroke-width:.3}
.ad-scene .goat .g-beard{fill:#b1aea2}
.ad-scene .goat .g-nose{fill:#4a433d}
.ad-scene .goat .g-eye{fill:#0f0e0c}
/* what it says when it is bothered: a small bubble by its head, this visitor only */
.ad-hero > .goat-say{position:absolute;z-index:6;left:0;top:0;max-width:240px;-webkit-user-select:none;user-select:none;padding:7px 11px;border-radius:12px 12px 12px 3px;background:rgba(18,19,20,.95);border:1px solid rgba(255,255,255,.16);color:var(--ink);font:500 12px/1.4 var(--mono);letter-spacing:.01em;text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.ad-hero > .goat-say.on{opacity:1;transform:none}
.ad-hero > .goat-say.long{max-width:min(330px,calc(100vw - 32px))}

/* ─── page head: the title and the subhead share one line when they fit; otherwise the subhead sits under the title at full width, never wrapped beside it ─── */
.hero.row{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 18px;max-width:none}
.hero.row h1{flex:0 0 auto;margin-top:0;white-space:nowrap;text-wrap:initial}
.hero.row .dash{display:none}
.hero.row p{flex:1 1 auto;min-width:0;margin:0;font-size:15px;line-height:1.45;max-width:78ch}
@media (max-width:700px){.hero.row h1{white-space:normal;text-wrap:balance}.hero.row p{flex-basis:100%;font-size:14px}}
/* ─── content-sized layouts: a panel is the height of what it holds, nothing scrolls inside it and no row is cut; a long list pages with "Show more" ─── */
.main3.fit,.cols.fit{align-items:start}
.main3.fit > .panel.col,.main3.fit .colstack.split > .panel.col,.cols.fit .panel.col,.cols.fit .panel.tall,.cols.fit > .panel,.tk-grid .panel.col{height:auto;max-height:none;flex:none;min-height:0}
.main3.fit .panel.col:after,.cols.fit .panel.col:after,.cols.fit .panel.tall:after,.tk-grid .panel.col:after{display:none}
.main3.fit .panel > .list,.cols.fit .panel > .list,.tk-grid .panel.col > .list{overflow:visible;flex:none;padding-bottom:6px}
.cols.fit .colstack{min-height:0}
.list > .more{display:contents}
.list > .more[hidden]{display:none}
.showmore{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 20px 8px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}
.showmore:hover{color:var(--ink);border-color:var(--line-2)}
.showmore small{font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.showmore[hidden]{display:none}
/* a row that opens a panel ends in a chevron; a link inside it still goes where it says */
.item .go{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--dim);border:1px solid transparent;transition:color .15s ease,border-color .15s ease,background-color .15s ease}
.item .go svg{width:14px;height:14px}
.item[data-panel]:hover .go{color:var(--ink);border-color:var(--line-2);background:rgba(255,255,255,.04)}
.item .lead,.item__t .who a,.item__t a.who{position:relative;z-index:1;color:inherit;text-decoration:none}
.item .lead:hover b,.item__t .who a:hover,.item__t a.who:hover{text-decoration:underline;text-underline-offset:3px}
.item__t > b,.item__t > .lead{flex:none;overflow:visible;max-width:60%}
.item__t > .lead > b{overflow:hidden}
/* the figures on feed rows and the head labels over them share one width, so they line up; the head clears the chevron column */
.colhead.three{display:inline-flex;gap:18px}
.colhead.three > span{min-width:104px;display:inline-flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap}
.ch-feed .item__n.keep > span,.sh-feed .item__n.keep > span{min-width:104px}
.ch-feed .phead .colhead,.sh-feed .phead .colhead{margin-right:38px}
.phead .ph2{flex:1 1 auto}
.colhead em{font-style:normal}
.colhead .sm,.item__n .lbl{display:none}
@media (max-width:1000px){.item .go{display:none}}
/* phones: the figures move under the name in a row of their own, each with its label; the column head goes */
@media (max-width:760px){
  .ch-feed .phead .colhead,.sh-feed .phead .colhead{display:none}
  .item__n .lbl{display:inline}
  .ch-feed .item,.sh-feed .item{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
  .ch-feed .item__n.keep,.sh-feed .item__n.keep{grid-column:1 / -1;display:flex;justify-content:flex-start;gap:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
  .ch-feed .item__n.keep > span,.sh-feed .item__n.keep > span{flex:1 1 0;min-width:0;justify-items:start;text-align:left}
  .ch-feed .item__n.keep > span:last-child,.sh-feed .item__n.keep > span:last-child{justify-items:end;text-align:right}
  .colhead.two > span,.item__n.keep > span{min-width:0}
  .colhead .lg,.colhead .info{display:none}.colhead .sm{display:inline}
  .item__t > b,.item__t > .lead{max-width:100%}
}
.phead .ph2 h3{white-space:nowrap}
/* a row that leaves the site wears the same arrow as the outbound chips */
.item__t .ext{color:var(--dim);font-size:12px;font-weight:500;margin-left:-2px}
/* stat tiles: a label never breaks mid-word; six and five across only where the width allows */
.tile4 > div{min-width:0}
.tile4 .k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.06em}

.tile4 .n{text-wrap:pretty}
/* ─── token page: the head and the chart beside the lists. One column under 1240px, where the sidebar leaves no room for two (the theme's own .cols breakpoint). ─── */
.tk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap);align-items:start;min-width:0}
.tk-main,.tk-side{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.tk-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.tk-strip .stat .v{font-size:22px}
.tk-promo > .phead{padding-bottom:12px;border-bottom:1px solid var(--line)}
.panel.tk-promo > .note{border-left:0;border-top:1px solid var(--line);padding:10px 20px 6px;font-size:12px;margin-top:4px}
.tk-promo .subhead{padding:12px 20px 4px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line);margin-top:6px}
@media (max-width:1240px){.tk-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.tk-grid{padding:0 2px}.panel.tk-promo > .note{padding:10px 16px 6px}}
@media (max-width:760px){.tk-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* the explore trio: the panel is the fixed box (theme .trio > .panel.col), the list scrolls inside it; a taller list than its panel clips instead of scrolling */
.wlgate-bg .list{min-height:150px}.wlgate-bg .wlgrid > .panel .list{min-height:520px}

.pcard .f{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pcard .ptok{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;border:1px solid var(--line);border-radius:var(--pill);color:var(--ink);text-decoration:none;font-size:12px}
.pcard .ptok .avatar,.pcard .ptok img{width:18px;height:18px;border-radius:6px}
.pcard .ptok:hover{border-color:rgba(255,255,255,.2)}
.tag.red{color:#f87171;border-color:rgba(248,113,113,.4)}
.tag.lime{color:var(--lime);border-color:rgba(var(--lime-rgb),.4)}

.rkind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.rkind .rk{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--m-line,rgba(255,255,255,.08));border-radius:12px;background:var(--m-raised,#191a1d);color:var(--m-muted,#9ca3af);font-size:13px;cursor:pointer}
.rkind .rk.on{color:var(--m-ink,#f3f4f6);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.rkind .rk svg{width:16px;height:16px}

.tiles4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 var(--gap)}
.tile4{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--silver);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--black);box-shadow:var(--sh);min-width:0}
.tile4 .ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--lime-rgb),.08);color:var(--lime);flex:0 0 auto}
.tile4 .ico svg{width:20px;height:20px}
.tile4 .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.tile4 .v{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-top:2px;font-variant-numeric:tabular-nums}
.tile4 .v.up{color:var(--lime)}.tile4 .v.red{color:#f87171}
.tile4 .n{font-size:11.5px;color:var(--muted);margin-top:2px}
.tiles4.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.tiles4.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.tiles4,.tiles4.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tiles4{grid-template-columns:1fr 1fr;gap:8px}.tile4{padding:12px;gap:10px}.tile4 .ico{width:32px;height:32px;border-radius:10px}.tile4 .v{font-size:19px}}
.colhead.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.item[data-panel]{cursor:pointer}
.item[data-panel]:hover{background:rgba(255,255,255,.025)}
.item[data-panel] .who{position:relative;z-index:1}
.bars-cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:6px}
.meter{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:6px}
.meter i{position:absolute;inset:0 auto 0 0;background:var(--lime);border-radius:3px;box-shadow:0 0 12px rgba(var(--lime-rgb),.45)}
.kv.beh > div{grid-template-columns:minmax(0,1fr) auto}
.kv.beh b{font-variant-numeric:tabular-nums}

.spark{display:block;color:var(--lime);filter:drop-shadow(0 0 5px rgba(var(--lime-rgb),.4))}
.spark.down{color:#f87171;filter:drop-shadow(0 0 5px rgba(248,113,113,.35))}
.item__n.keep > span > b .spark{vertical-align:middle}
.sh-feed .item__t .badge{margin-left:8px}
.sp-post{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0}
.sp-post .h{display:flex;align-items:center;gap:10px;font-size:13px}
.sp-post .h .m{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim)}
.sp-post .b{margin:10px 0 6px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.sp-post .e{display:flex;gap:14px;font-family:var(--mono);font-size:11px;color:var(--dim)}
.sp-post .e .tag.red{margin-left:auto}
.sp-strip{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}
.sp-strip .nums{display:flex;gap:16px;font-variant-numeric:tabular-nums;font-size:13px}
.sp-strip .nums small{display:block;font-family:var(--mono);font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.sp-strip .nums .red{color:#f87171}.sp-strip .nums .up{color:var(--lime)}
.sp-rule{border-left:2px solid rgba(248,113,113,.6);padding:8px 12px;margin:6px 0 4px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.sp-rule small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:4px}
.sp-prof{display:grid;gap:8px}
.sp-prof > div{display:flex;align-items:center;gap:10px;font-size:13px}
.sp-prof > div span.m{color:var(--muted);font-size:12px}
@media (max-width:700px){.sp-strip{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.sp-strip .nums{grid-column:auto;gap:12px;font-size:12.5px;flex-wrap:wrap}.sp-strip > svg,.sp-strip > .spark{width:58px;height:auto;flex:none}}

.tiles4.six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1600px){.tiles4.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.tiles4.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
.item .who.lead{text-decoration:none;color:inherit;position:relative;z-index:1}

.tk-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.tk-kv > div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.tk-kv span{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.tk-kv b{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.tk-kv b.red{color:#f87171}
.tk-kv small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 12px}
.tk-sum .tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.tk-sum .tile .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.tk-sum .tile .v{font-size:18px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}
.tk-sum .tile .v.red{color:#f87171}
.tk-sum .tile .n{font-size:11px;color:var(--muted);margin-top:2px}
.pcard .f .tag.red{margin-left:0}

.spanel{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.spanel[hidden]{display:none}
.spanel-box{position:relative;width:min(600px,100%);height:100%;overflow:auto;overscroll-behavior:contain;background:var(--black);border-left:1px solid var(--silver);box-shadow:-24px 0 60px rgba(0,0,0,.6);animation:spanel-in .22s ease-out}
@keyframes spanel-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.spanel-box > .x{position:sticky;top:12px;float:right;margin:12px 12px 0 0;z-index:2}
.spanel-body{padding:22px 24px 40px}
.spanel-body .sp-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.spanel-body .sp-head .avatar{width:56px;height:56px;border-radius:14px}
.spanel-body .sp-title{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
.spanel-body .sp-sub{color:var(--muted);font-size:13px;margin-top:4px}
.spanel-body .sp-mono{font-family:var(--mono);font-size:11.5px;color:var(--dim);margin-top:6px;word-break:break-all}
.spanel-body .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0}
.spanel-body .tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.spanel-body .tile .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.spanel-body .tile .v{font-size:20px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.spanel-body .tile .v.up{color:var(--lime)}.spanel-body .tile .v.red{color:#f87171}
.spanel-body .tile .n{font-size:11.5px;color:var(--muted);margin-top:2px}
.spanel-body .sp-sec{margin-top:18px}
.spanel-body .sp-sec > h4{font-size:13px;font-weight:600;margin:0 0 8px;display:flex;align-items:baseline;gap:8px}
.spanel-body .sp-sec > h4 small{font-family:var(--mono);font-size:11px;color:var(--dim);font-weight:400}
.spanel-body table.sp{width:100%;border-collapse:collapse;font-size:12.5px}
.spanel-body table.sp th{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);font-weight:400}
.spanel-body table.sp td{padding:8px;border-bottom:1px solid rgba(255,255,255,.04);font-variant-numeric:tabular-nums;white-space:nowrap}
.spanel-body table.sp td.mono{font-family:var(--mono);font-size:11.5px}
.spanel-body .sp-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.spanel-body .sp-chart{height:180px;position:relative;margin:6px 0 4px}
.spanel-body .sp-chart svg{width:100%;height:100%;display:block}
.spanel-body .sp-legend{display:flex;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:6px}
.spanel-body .sp-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.spanel-loading{padding:40px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:12px}
@media (max-width:700px){.spanel{align-items:flex-end}.spanel-box{width:100%;height:92%;border-left:0;border-top:1px solid var(--silver);border-radius:18px 18px 0 0;animation:spanel-up .22s ease-out}@keyframes spanel-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.spanel-body{padding:18px 16px 40px}}
@media (prefers-reduced-motion:reduce){.spanel-box{animation:none}}

:root{--muted:#9A9AA3;--gap:18px}
@media (max-width:1000px){:root{--gap:14px}}
/* the page head breathes; the back link sits on the row of the top controls */
.hero.row{margin-bottom:2px}
.back{position:absolute;top:26px;left:22px;margin:0;z-index:50}
@media (max-width:1000px){.back{position:static;margin:0 0 2px}}
/* metric strips: one surface, hairlines between the cells; the icon is quiet, the number speaks */
.tiles4{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin:0 0 4px}
.tile4{border:0;border-radius:0;background:var(--card);box-shadow:none;padding:18px 20px}
.tile4 .ico{background:var(--surface-3);color:var(--muted)}
.tile4 .v{font-size:23px}
.tile4 .n{color:var(--muted)}
/* the primary surface: the record on this page, lifted a touch above everything else */
.panel.primary{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 140px),var(--black);border-color:var(--silver);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.panel.primary:hover{border-color:var(--silver)}
.panel.primary > .phead h3{font-size:17px}
/* rails: tonal, borderless, quieter rows */
.colstack.split > .panel{background:rgba(255,255,255,.022);border-color:transparent;box-shadow:none}
.colstack.split > .panel:hover{border-color:transparent}
.colstack.split > .panel.col > .phead{border-bottom-color:rgba(255,255,255,.05)}
.colstack.split .item{padding:10px 18px}
.colstack.split .phead h3{font-size:15px}
/* section heads and secondary copy: readable, not developer-dim */
.phead h3{font-size:16px}
.phead small{font-size:12.5px}
.item__s{font-size:11.5px}
.item__d{font-size:12.5px}
.kv > div{font-size:13.5px}
.note{font-size:12.5px}
/* key metrics and summaries: hairlines, not a grid of boxes */
.tk-kv{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tk-kv > div{border:0;border-radius:0;background:var(--card)}
.tk-sumline{margin:0;padding:0 20px 10px;font-size:13px;line-height:1.55;color:var(--muted)}
.tk-sumline b{color:var(--ink);font-weight:500}
.tk-sumline b.red{color:var(--red)}
/* identity heads: the identity on the left, a small read of the activity on the right */
/* a behavioural summary reads as a sentence before it reads as numbers */
.beh-sum{margin:0 0 4px;font-size:13.5px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.beh-sum b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
/* the written account: the timeline leads, the prose folds away */
.casefile .cft{border-top:0;padding-top:0;gap:0}
.casefile .cft > div{grid-template-columns:128px minmax(0,1fr);padding:8px 0;border-top:1px solid rgba(255,255,255,.05);color:var(--ink-2)}
.casefile .cft > div:first-child{border-top:0}
.casefile details{border-top:1px solid var(--line);padding-top:10px}
.casefile summary{cursor:pointer;font-size:12.5px;color:var(--muted);list-style:none;display:inline-flex;align-items:center;gap:8px}
.casefile summary::-webkit-details-marker{display:none}
.casefile summary:before{content:"+";font-family:var(--mono);color:var(--dim);width:12px;text-align:center}
.casefile details[open] summary:before{content:"–"}
.casefile summary:hover{color:var(--ink)}
.casefile details .cfa{margin-top:10px}
/* the on-chain stream: time, kind, what, receipt */
.ev .v a.tx{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--dim);text-decoration:none}
.ev .v a.tx:hover{color:var(--ink)}
/* the promotion drawer's window timeline */
.sp-gone{margin:0 0 10px;padding:9px 12px;border-radius:10px;background:var(--red-dim);color:var(--red);font-size:12.5px;line-height:1.45}
/* the promoters' faces before their names on a Shills row */
.stack{display:inline-flex;align-items:center;flex:none}
.stack .avatar{width:20px;height:20px;font-size:8px;border:1.5px solid var(--card);margin-left:-7px}
.stack .avatar:first-child{margin-left:0}
/* ─── desktop workspaces: the page fits the screen and the record scrolls inside its panel; the head sits on the row of the top controls ─── */
.wsbar{display:flex;align-items:center;gap:10px;min-height:34px}
.tfs.seg{padding:3px;background:rgba(255,255,255,.03);border-color:var(--line-2)}
.tfs.seg{flex:none}
.phead .end > .tfs.seg{margin-left:auto}
.phead .tfs.seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
/* the column labels sit on a row of their own under a head that carries the switch */
.colrow{display:flex;justify-content:space-between;align-items:center;padding:7px 58px 0 20px;margin-bottom:-12px}.colrow .colhead.lead{justify-content:flex-start;padding-left:0;margin:0}
.colrow .colhead{margin:0}
.panel.col > .phead:has(+ .colrow){border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:-2px}
.tfs.seg button{font:500 13px var(--sans);padding:7px 16px;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tfs.seg button small{font-family:var(--mono);font-size:10px;color:var(--dim)}
.tfs.seg button[aria-pressed="true"]{background:rgba(var(--lime-rgb),.14);color:var(--lime);box-shadow:inset 0 0 0 1px rgba(var(--lime-rgb),.25)}
.tfs.seg button[aria-pressed="true"] small{color:rgba(var(--lime-rgb),.7)}
.pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.pane[hidden]{display:none}
@media (min-width:1001px){
  .main.vp .ws{align-items:stretch}
  .main.vp .ws > .colstack{min-height:0;height:100%}
  .main.vp .ws > .panel.col,.main.vp .ws .colstack > .panel.col{height:100%;max-height:none;min-height:0;flex:1 1 auto}
  .main.vp .ws .colstack.split > .panel.col{flex:1 1 0}
  .main.vp .ws .colstack.split > .panel.col.auto{flex:0 0 auto;height:auto}
  .main.vp .ws .panel.col > .list,.main.vp .ws .panel.col > .pane > .list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:18px}
  .main.vp .ws .panel.col:after{display:block}
  .main.vp .ws .panel.col.auto:after{display:none}
  .main.vp .panel.head{padding:16px 18px}
  .main.vp .ws .item{padding:12px 20px}
  .main.vp .ws .colstack.split .item{padding:11px 18px}
}
@media (max-width:1000px){
  /* phones and tablets: a panel is a box of at most ~70% of the screen; its list scrolls inside with the fade, the page itself stays short (TJ, 2026-10-04) */
  .ws > .panel.col,.ws .colstack > .panel.col{height:auto!important;max-height:min(640px,70vh)!important;flex:0 0 auto}
  .ws .panel.col.auto{max-height:none!important}
  .ws .panel.col:after{display:block}
  .ws .panel.col.at-end:after{display:none}
  .ws .panel.col > .list,.ws .pane > .list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:14px}
  .colrow{display:none}
  .tk-grid .panel.tall{max-height:min(640px,70vh)}
  .tk-grid .panel.tall > .list{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:14px}
}

@media (max-width:520px){.tile4 .ico{display:none}.tile4{padding:14px 14px}}
/* the token page: the rail is as tall as the head and the chart beside it, Promoted by scrolling inside; the evidence spans the full width underneath */
.tk-grid{align-items:stretch}
.tk-grid > .tk-evidence{grid-column:1 / -1;min-width:0}
.tk-side{align-self:stretch;min-height:0}
.tk-side > .panel{flex:none}
.tk-side > .panel.tk-promo{flex:1 1 auto;min-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
@media (max-width:1240px){.tk-side > .panel.tk-promo{flex:none;max-height:640px}}
/* ─── the record pages share one system: a 70/30 top with two equal cards, a slim strip of figures, the record beside its intelligence ─── */
.top2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:var(--gap);align-items:stretch;min-width:0}
.top2 > .panel{height:auto;min-height:0}
.top2 > .panel.col:not(.flush) > .phead{padding-left:0;padding-right:0}
@media (max-width:1240px){.top2{grid-template-columns:minmax(0,1fr)}}
.tiles4.slim .tile4{padding:11px 16px;gap:10px}
.tiles4.slim .tile4 .ico{display:none}
.tiles4.slim .tile4 .k{font-size:10px}
.tiles4.slim .tile4 .v{font-size:19px;margin-top:1px}
.tiles4.slim .tile4 .n{font-size:11px;margin-top:1px}
/* a bar with a reading: hover on a desk, tap on a phone */
.bars-tip{position:fixed;z-index:95;pointer-events:none;background:var(--black);border:1px solid var(--silver);border-radius:10px;padding:8px 11px;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--ink);box-shadow:var(--sh);white-space:pre-line;max-width:260px}
/* the delay buckets */
.hist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;height:96px;padding:6px 0 0}
.hist > div{display:grid;grid-template-rows:1fr auto auto;height:100%;gap:4px;text-align:center;min-width:0}
.hist i{display:block;align-self:end;background:linear-gradient(180deg,var(--lime),rgba(var(--lime-rgb),.35));border-radius:3px 3px 0 0;min-height:3px;opacity:.85}
.hist i.z{background:rgba(255,255,255,.07)}
.hist b{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink)}
.hist span{font-family:var(--mono);font-size:10px;color:var(--dim);white-space:nowrap}
/* the evidence timeline: when, what, of which kind; a row that has a drawer opens it */
.evt{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:14px;padding:11px 20px;border-top:1px solid var(--line);font-size:13px;align-items:start}
.evt:first-child{border-top:0}
.evt .t{font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.5}
.evt .t b{display:block;color:var(--ink-2);font-weight:500;font-size:12px}
.evt .w{color:var(--muted);line-height:1.5;min-width:0;text-wrap:pretty}
.evt .w b{color:var(--ink);font-weight:500}
.evt .w a{color:var(--ink)}
.evt .w q{quotes:"“" "”"}
.evt .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding-top:2px}
.evt.inc .k{color:var(--red)}
.evt.shill .k{color:var(--lime)}
.evt.gone .k{color:var(--red)}
.evt[data-panel]{cursor:pointer}
.evt[data-panel]:hover{background:rgba(255,255,255,.025)}
.evt[hidden]{display:none}
/* record pages are not fitted: the record panel caps itself and scrolls, everything else sizes to its content */
.panel.capped{max-height:min(720px,74vh)}
.panel.capped > .list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:12px}
.panel.capped:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:36px;pointer-events:none;z-index:4;border-radius:0 0 var(--r) var(--r);background:linear-gradient(180deg,rgba(14,14,16,0),var(--card))}
.item__s .st{color:var(--dim);font-style:italic}
/* the promoters on a token, compact */
.promoter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:10px 20px;border-top:1px solid var(--line);align-items:center;cursor:pointer}
.promoter:first-child{border-top:0}
.promoter:hover{background:rgba(255,255,255,.025)}
.promoter .n{font-size:13.5px;font-weight:600}
.promoter .n .who{font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}
.promoter .m{grid-column:2;font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.5}
.promoter .m b{color:var(--ink-2);font-weight:500}
.promoter .m .red{color:var(--red)}
@media (max-width:760px){.evt{grid-template-columns:minmax(0,1fr);gap:4px}.evt .k{order:-1}}
/* the discovery tabs: slimmer figures, a tighter rhythm, the data leads */
@media (min-width:1001px){
  .main.vp > .wrap{gap:14px}
  .main.vp .hero.row{margin-bottom:-2px}
  .main.vp .tiles4 .tile4{padding:12px 18px;gap:12px}
  .main.vp .tiles4 .tile4 .ico{width:32px;height:32px;border-radius:10px}
  .main.vp .tiles4 .tile4 .ico svg{width:16px;height:16px}
  .main.vp .tiles4 .tile4 .v{font-size:20px}
  .main.vp .tiles4 .tile4 .n{font-size:11px}
}
/* ─── the discovery tabs' heads: a smaller title with its line under it, the strip right beneath ─── */
@media (min-width:1001px){
  .main.vp .hero.row{flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 -2px;padding:2px 2px 0}
  .main.vp .hero.row h1{font-size:27px;line-height:1.1;letter-spacing:-.025em}
  .main.vp .hero.row p{font-size:13.5px;flex:none;max-width:none}
}
/* ─── one grid for the record pages: 70/30, the same gutter at every level ─── */
.g73{grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important}
.g55{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media (max-width:1240px){.g55{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:1240px){.g73{grid-template-columns:minmax(0,1fr)!important}}
.main3.fixed{height:clamp(520px,62vh,720px);align-items:stretch}
.main3.fixed > .colstack{min-height:0;height:100%}
.main3.fixed > .panel.col,.main3.fixed .colstack > .panel.col{height:100%;max-height:none;min-height:0;flex:1 1 auto}
.main3.fixed .panel.col > .list,.main3.fixed .panel.col > .pane > .list,.panel.col > .list.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:12px}
.main3.fixed .panel.col:after{display:block}
@media (max-width:1000px){.main3.fixed{height:auto}.main3.fixed > .panel.col,.main3.fixed .colstack > .panel.col{height:auto!important;max-height:min(640px,70vh)!important;flex:0 0 auto}.main3.fixed .panel.col.at-end:after{display:none}}
@media (min-width:1400px){.tiles4.six.slim{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* a list that scrolls says so: its last rows fade until the end is reached */
.panel.col:after{height:76px!important;background:linear-gradient(180deg,rgba(14,14,16,0),var(--card) 82%)!important}
.panel.col.primary:after{background:linear-gradient(180deg,rgba(7,7,8,0),var(--black) 82%)!important}
.colstack.split > .panel.col:after{background:linear-gradient(180deg,rgba(11,11,12,0),#0b0b0d 82%)!important}
.panel.col.at-end:after{display:none!important}
/* the profile's intelligence card */
.pi-sum{padding:6px 20px 8px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.pi-sum b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.pi-sum b.red{color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}
.phead.sub{padding:12px 20px 10px;border-top:1px solid var(--line)}
/* the token page: the chart beside a live activity card of the same height; the account a fixed card under them */
.tk-row{align-items:stretch}
.tk-chart{min-width:0}
.tk-chart .tv{height:384px}
.tk-side{position:relative;min-width:0;min-height:0}
.tk-side > .tk-act{position:absolute;inset:0;height:auto!important;max-height:none!important;min-height:0}
.tk-act > .list.scroll{overflow-y:auto!important}
@media (max-width:1240px){.tk-side > .tk-act{position:relative;inset:auto;max-height:460px!important}}
@media (max-width:1000px){.tk-chart .tv{height:270px}}
.promo-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 20px 12px;border-bottom:1px solid var(--line)}
.promo-strip a{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:var(--pill);font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none}
.promo-strip a:hover{color:var(--ink);border-color:var(--line-2)}
.promo-strip a .avatar{width:18px;height:18px;font-size:8px}
.promo-strip .dot.red{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}
.evt.sm{grid-template-columns:minmax(0,1fr);gap:3px;padding:9px 20px;font-size:12.5px}
.evt.sm .t{display:flex;gap:8px;align-items:baseline}
.evt.sm .t b{display:inline}
.evt.sm .k{padding:0;margin-left:auto}
.evt.sm .w{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.panel.acct{max-height:380px}
.panel.acct > .casefile{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding-bottom:12px}
.top2 .kv.beh{flex:1 1 auto;grid-auto-rows:auto;align-content:space-between}
.kv.beh b{white-space:nowrap}
.top2 .kv.beh > div{padding:6px 0;font-size:13px}
/* the chaser drawer */
.sp-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 36px 14px 0}
.sp-nav-n{font-family:var(--mono);font-size:11px;color:var(--dim)}
.lnk{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lnk:hover{color:var(--ink)}
/* ─── the record heroes (token, wallet, profile), one composition: who it is, the record's context, the utilities, and the read on the right ─── */
.panel.hx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-template-rows:1fr;grid-auto-rows:auto;gap:0;padding:22px 24px;min-width:0}
.panel.hx.solo{grid-template-columns:minmax(0,1fr)}
.hx-main{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;padding-right:24px}
.hx.solo .hx-main{padding-right:0}
.hx-id{display:flex;align-items:center;gap:14px;min-width:0}
.hx-id > .avatar{width:56px;height:56px;font-size:20px}
.hx-who{display:grid;gap:4px;min-width:0}
.hx-name{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
.hx-name .hx-h{font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}
.hx-name .badge svg{width:11px;height:11px;margin-right:-2px}
.hx-name .star{width:28px;height:28px;margin:0 -4px}
.hx-sub{font-size:13px;color:var(--muted);line-height:1.45;text-wrap:pretty}
.hx-sub a,.hx-ctx a,.hx-meta a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.hx-mid{display:flex;flex-direction:column;gap:12px;min-width:0}
.hx-ctx{font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.hx-ctx b{color:var(--ink);font-weight:600}
.hx-ca{display:flex;align-items:stretch;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}
.hx-ca code{display:flex;align-items:center;padding:7px 12px;font-family:var(--mono);font-size:12px;color:var(--ink-2);word-break:break-all;min-width:0}
.hx-ca .copybtn{flex:none;border:0;border-left:1px solid var(--line);border-radius:0;background:none;padding:0 12px}
.hx-ca .copybtn:hover{background:var(--hover)}
.hx-meta{display:flex;flex-wrap:wrap;gap:10px 26px}
.hx-meta > div{display:grid;gap:2px;min-width:0}
.hx-meta .k,.hx-side .k{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.hx-meta b{font-size:13px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.hx-acts{display:flex;flex-wrap:wrap;gap:8px}
.hx-acts .btn .avatar{width:16px;height:16px;font-size:7px;margin-left:-3px}
.hx-side{display:flex;flex-direction:column;gap:5px;min-width:0;padding-left:24px;border-left:1px solid var(--line)}
.hx-side .big{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.hx-side .big.red{color:var(--red)}
.hx-side .n{font-size:12px;color:var(--muted);line-height:1.45;text-wrap:pretty}
.hx-side .lower{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:7px;min-width:0}
.hx-chips{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:900px){.panel.hx{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;padding:18px 16px}.hx-main{padding-right:0;gap:14px}.hx-side{padding:14px 0 0;margin-top:14px;border-left:0;border-top:1px solid var(--line)}.hx-name{font-size:21px}.hx-id > .avatar{width:48px;height:48px}.hx-side .lower{margin-top:0}}
/* signed in (remembered by the shell before first paint): no Join Airdrop anywhere */
.signed .join-only{display:none!important}
/* the watchlist button beside the account, on phones, once signed in */
.wlbtn{display:none;width:38px;height:38px;border-radius:50%;place-items:center;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--ink)}
.wlbtn svg{width:16px;height:16px}
@media (max-width:1000px){.signed .wlbtn{display:grid}.signed .mtop .acct > span:last-child{display:none}.signed .mtop .acct{padding:5px}}
/* the share button, a small share card: near-black, a silver edge, a lime light high on the right */
.btn.share{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#15181c,#090a0c);color:var(--ink);border-color:var(--silver);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.4)}
.btn.share:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 130% at 100% 0%,rgba(184,255,60,.36),rgba(184,255,60,.07) 46%,transparent 72%);opacity:.9;transition:opacity .2s ease}
.btn.share svg{color:var(--lime)}
.btn.share:hover{background:linear-gradient(180deg,#191d22,#0b0c0f);border-color:rgba(184,255,60,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 22px rgba(0,0,0,.5),0 0 22px rgba(184,255,60,.12)}
.btn.share:hover:before{opacity:1}
.btn.share.ok{border-color:rgba(184,255,60,.6);color:var(--lime)}
.btn.share.lg{width:100%;padding:13px 18px;font-size:14.5px;border-radius:14px}
.btn.share.lg svg{width:16px;height:16px}
/* the activity read on the record heroes: bars for the volume, a lane of marks under them for what the record caught */
.hx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hx-top > div{display:grid;gap:3px;min-width:0}
.hx-top > div + div{text-align:right;justify-items:end}
.hx-side .big.sm{font-size:16px}
.act{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto;min-height:0;margin-top:12px}
.act-cols{display:flex;gap:2px;flex:1 1 auto;min-height:72px;padding:0 1px}
.act-cols .c{flex:1 1 0;min-width:2px;display:grid;grid-template-rows:minmax(0,1fr) 14px;row-gap:4px;cursor:crosshair;border-radius:3px}
.act-cols .c .a{display:flex;align-items:flex-end;min-height:0;border-bottom:1px solid rgba(255,255,255,.08)}
.act-cols .c i{display:flex;align-items:flex-end;width:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--lime),rgba(var(--lime-rgb),.38));opacity:.88}
.act.split .act-cols .c i{background:rgba(255,255,255,.16);opacity:1}
.act-cols .c i b{display:block;width:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--lime),rgba(var(--lime-rgb),.4))}
.act-cols .c em{display:flex;flex-direction:column;align-items:center;gap:2px;font-style:normal}
.act-cols .c:hover,.act-cols .c.on{background:rgba(255,255,255,.05)}
.act-cols .c:hover i,.act-cols .c.on i{opacity:1;filter:brightness(1.15)}
.act-cols u{display:block;width:4px;height:4px;border-radius:50%;flex:none}
.act-cols u.promo,.act-key i.promo{background:var(--lime)}
.act-cols u.inc,.act-key i.inc{background:var(--red)}
.act-cols u.gone,.act-key i.gone{background:var(--amber)}
.act-cols u.chain,.act-cols u.handle,.act-key i.chain,.act-key i.handle{background:var(--ink-2)}
.act .bars-cap{margin-top:0}
.act-key{display:flex;flex-wrap:wrap;gap:3px 12px;font-family:var(--mono);font-size:10px;color:var(--dim)}
.act-key span{display:inline-flex;align-items:center;gap:5px}
.act-key i{width:6px;height:6px;border-radius:50%;display:inline-block;flex:none}
.act-key i.vol{border-radius:1px;background:rgba(255,255,255,.24)}
.act-key i.hi{border-radius:1px;background:var(--lime)}
/* each record page has its own air behind the hero: a profile is lit from behind the picture, a token sits on contour rings, a wallet on a mesh of paths */
.panel.hx > *{z-index:1}
.panel.hx:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.panel.hx.hx-p:before{background:radial-gradient(54% 130% at 7% -6%,rgba(184,255,60,.2),rgba(184,255,60,.05) 46%,transparent 72%),radial-gradient(40% 60% at 100% 0%,rgba(184,255,60,.07),transparent 60%)}
.panel.hx.hx-p{border-color:rgba(255,255,255,.22)}
.panel.hx.hx-t:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'%3E%3Cg fill='none' stroke='%23fff'%3E%3Ccircle cx='360' cy='360' r='46' stroke-opacity='.1'/%3E%3Ccircle cx='360' cy='360' r='78' stroke-opacity='.085'/%3E%3Ccircle cx='360' cy='360' r='112' stroke-opacity='.07'/%3E%3Ccircle cx='360' cy='360' r='148' stroke-opacity='.058'/%3E%3Ccircle cx='360' cy='360' r='186' stroke-opacity='.046'/%3E%3Ccircle cx='360' cy='360' r='226' stroke-opacity='.036'/%3E%3Ccircle cx='360' cy='360' r='268' stroke-opacity='.027'/%3E%3Ccircle cx='360' cy='360' r='312' stroke-opacity='.018'/%3E%3Ccircle cx='360' cy='360' r='356' stroke-opacity='.01'/%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:720px 720px;background-position:calc(52px - 360px) calc(50px - 360px)}
/* the wallet hero: every address the profile trades with, each one row with its chain */
.hx-cas{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.hx-ca .ch{display:flex;align-items:center;padding:0 0 0 12px;margin-right:-4px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.hx-ca a.ext{display:flex;align-items:center;padding:0 11px;border-left:1px solid var(--line);color:var(--muted);font-size:12px}
.hx-ca a.ext:hover{color:var(--ink);background:var(--hover)}
.hx-top3{display:flex;flex-direction:column;gap:12px;min-width:0}
/* the profile hero's notes: what the record has observed, as facts */
.hx-notes{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.45;color:var(--muted)}
.hx-notes li{position:relative;padding-left:14px;text-wrap:pretty}
.hx-notes li:before{content:"";position:absolute;left:1px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--dim)}
.hx-notes b{color:var(--ink);font-weight:600}
.hx-notes b.red{color:var(--red)}
.hx-notes li.soon{color:var(--dim)}
.hx-over{font-size:13px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.hx-lab{display:block;margin-bottom:5px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.hx-meta.five{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:12px 14px}
.hx-meta.four{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:12px 14px}
.hx-meta b.red{color:var(--red)}
@media (max-width:700px){.hx-meta.five{grid-template-columns:repeat(3,auto)!important}.hx-meta.four{grid-template-columns:repeat(2,auto)}}
/* the drawer: a share card shown as it will unfurl, rows that open further records */
.sp-share{display:grid;gap:10px;margin-top:18px}
.sp-card{display:block;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:#050505;aspect-ratio:1200 / 630}
.sp-card img{display:block;width:100%;height:100%;object-fit:cover}
/* a box of a fixed height that scrolls inside the drawer says so: its last lines fade until its end is reached */
[data-fade]{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 54px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 54px),transparent)}
[data-fade].at-end{-webkit-mask-image:none;mask-image:none}
.sp-posts{max-height:310px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sp-posts .sp-post{margin:0;border:0;border-radius:0;background:none}
.sp-posts .sp-post + .sp-post{border-top:1px solid var(--line)}
.sp-post .e .out{margin-left:auto;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.sp-post .e .out:hover{color:var(--ink)}
.sp-scroll{max-height:268px}
.sp-scroll table.sp thead th{position:sticky;top:0;background:var(--black);z-index:1}
a.sp-strip{color:inherit;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
a.sp-strip:hover{border-color:var(--line-2);background:var(--surface-2)}
.sp-head > a{flex:none;display:block}
.spanel-body .sp-cta.top{margin:-4px 0 14px}
.sp-prof > a{display:flex;align-items:center;gap:10px;font-size:13px;color:inherit;text-decoration:none;padding:6px 8px;margin:0 -8px;border-radius:10px}
.sp-prof > a:hover{background:var(--hover)}
.sp-prof > a span.m{color:var(--muted);font-size:12px}
.sp-rows{display:grid;gap:2px;margin:0 -10px}
.sp-rows > *{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--muted);min-width:0;text-decoration:none}
.sp-rows > [data-panel],.sp-rows > a{cursor:pointer}
.sp-rows > [data-panel]:hover,.sp-rows > a:hover{background:var(--hover)}
.sp-rows b{color:var(--ink);font-weight:600}
.sp-rows .t{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.sp-rows .m{margin-left:auto;flex:none;font-family:var(--mono);font-size:11px;color:var(--dim);white-space:nowrap;padding-top:1px}
.sp-rows .avatar{width:22px;height:22px;font-size:9px;flex:none}
.sp-rows .dot{flex:none;width:7px;height:7px;border-radius:50%;margin-top:6px;background:var(--dim)}
.sp-rows .dot.red{background:var(--red)}
.sp-chg{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 16px;margin-top:10px;display:grid;gap:10px}
.sp-chg.on{border-color:rgba(255,77,79,.45)}
.sp-chg .b{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
.sp-chg .w{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--dim)}
.sp-chg .w a,.sp-chg .w [data-panel]{color:var(--ink);cursor:pointer}

/* the weekly chaser results: a plain table inside the chasers panel, the result the one coloured figure; price lifts are amber everywhere */
.pnl-wrap{overflow:auto;padding:0 14px 8px}
.pnl-t{width:100%;border-collapse:collapse;font-size:13px}
.pnl-t th{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);font-weight:400;white-space:nowrap}
.pnl-t td{padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.04);font-variant-numeric:tabular-nums;white-space:nowrap}
.pnl-t td.mono{font-family:var(--mono);font-size:12px}
.pnl-t tbody tr{cursor:pointer}.pnl-t tbody tr:hover{background:rgba(255,255,255,.03)}
.pnl-t b.up{color:var(--lime)}.pnl-t b.red{color:var(--red)}.pnl-t .m{color:var(--dim);font-size:11.5px}
.pnl-note{margin:12px 6px 4px;color:var(--dim);font-size:12px;line-height:1.5}
.item__n .amber b{color:var(--amber)}.tile4 .v.amber{color:var(--amber)}.spanel-body .tile .v.amber{color:var(--amber)}.spanel-body table.sp b.amber{color:var(--amber);font-weight:500}
.spanel-body table.sp .m{color:var(--dim);font-size:11px}
.spanel-body{position:relative}
.sp-glow{--g:var(--lime-rgb);position:absolute;top:0;right:0;width:420px;height:380px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--g),.16) 0%,rgba(var(--g),.05) 40%,rgba(var(--g),0) 70%);pointer-events:none;z-index:0}
.sp-glow.glow-solana{--g:150,105,245}.sp-glow.glow-ethereum{--g:108,133,245}.sp-glow.glow-base{--g:0,82,255}.sp-glow.glow-robinhood{--g:122,220,80}
.spanel-body > *{position:relative;z-index:1}.spanel-body > .sp-glow{position:absolute;z-index:0}
.sp-rule.big{font-size:18.5px;font-weight:700;line-height:1.38;letter-spacing:-.014em;padding:10px 14px}
.sp-rule.big b{color:#f87171;font-weight:800}
.sp-rule.big small{font-size:11px;margin-top:8px;font-weight:400;letter-spacing:0}
.spanel-body table.sp b.up{color:var(--lime)}.spanel-body table.sp b.red{color:var(--red)}


/* the wallet hero's four facts: a fact grid that fills the column, a note under each */
.hx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:auto 0}
.hx-facts > div{display:grid;gap:3px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.hx-facts .k{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.hx-facts b{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-facts .n{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1240px){.hx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.hx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-facts b{font-size:17px}}
/* drawer tiles with a tone: a tinted top edge and label, the figure stays white */
.spanel-body .tiles.t4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.spanel-body .tiles.t4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.spanel-body .tile.tn{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 70%),var(--surface);border-color:rgba(255,255,255,.1)}
.sp-nav{justify-content:space-between}.sp-nav-b{display:flex;gap:6px;margin-left:auto}
.sp-scroll.tall{max-height:520px}
.sp-prof-list{display:flex;flex-direction:column}
.sp-prof-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-top:1px solid var(--line);color:var(--ink)}.sp-prof-row:first-child{border-top:0}
.sp-prof-row .i{font-family:var(--mono);font-size:11px;color:var(--dim);width:22px;text-align:right}
.sp-prof-row .t{display:grid;gap:2px;min-width:0}.sp-prof-row .m{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button.tracked{cursor:pointer}button.tracked:hover{border-color:var(--line-2);color:var(--ink)}
.hx-facts .n{white-space:normal}
.tag.src{padding:1px 6px;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-color:var(--line-2);vertical-align:1px}
@media (max-width:700px){.trend{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 16px;margin:0 -16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}.trend::-webkit-scrollbar{display:none}.trend a{flex:none}}
/* legal pages: numbered sections, a quiet index, bold definitions */
.legal h4{display:flex;align-items:baseline;gap:10px;font-size:16px}.legal h4 i,.legal .toc i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.06em;color:var(--lime);min-width:22px}
.legal .toc a{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:5px 10px}.legal .toc i{min-width:18px;color:var(--dim)}
.legal section p{color:var(--ink-2);line-height:1.62}.legal section p + p{margin-top:8px}.legal section p b{color:var(--ink);font-weight:600}
.legal .body{max-width:76ch}
@media (max-width:900px){.legal{grid-template-columns:minmax(0,1fr)}.legal .toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:6px}}
/* phones: nothing is cut off; what does not fit wraps to a second line, and small controls get a thumb-sized hit area */
@media (max-width:700px){
  .item__s{white-space:normal;flex-wrap:wrap;row-gap:2px}
  .item__s > span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
  .sp-prof-row .m,.hx-facts .n{white-space:normal;overflow:visible;text-overflow:clip}
  .tfs button,.tfs.seg button{min-height:32px;padding:6px 10px}
  .spanel .x,.modal .x,.box .x{width:36px;height:36px;display:grid;place-items:center}
  .hx-acts .btn.sm,.btn.sm{min-height:36px}
  .copybtn{min-height:32px}
  .star{width:36px;height:36px}
  .legal .toc{grid-template-columns:minmax(0,1fr);max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;padding:6px}
}
@media (max-width:700px){.sp-rule.big{font-size:16.5px}}
.sp-foot{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
/* the incident drawer: dispute beside the title, the token box, the evidence box; the promotion drawer's incident as a box of its own */
.sp-head .sp-act{margin-left:auto;margin-right:36px;flex:none;align-self:flex-start;position:relative;z-index:1}
.sp-stack{display:grid;gap:8px}
.sp-strip.inc{cursor:pointer;border-color:rgba(248,113,113,.3);background:linear-gradient(90deg,rgba(248,113,113,.08),rgba(248,113,113,0) 62%),var(--surface)}
.sp-strip.inc:hover{border-color:rgba(248,113,113,.55);background:linear-gradient(90deg,rgba(248,113,113,.12),rgba(248,113,113,0) 70%),var(--surface-2)}
.sp-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(248,113,113,.13);color:#f87171;flex:none}
.sp-mark svg{width:18px;height:18px}
.sp-go{display:grid;place-items:center;color:var(--dim);transition:color .15s ease,transform .15s ease}
.sp-go svg{width:16px;height:16px}
.sp-strip.inc:hover .sp-go{color:var(--ink);transform:translateX(2px)}
.sp-ev{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 14px}
.sp-ev p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.sp-ev p + p{margin-top:3px}
.sp-ev p b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.sp-evlist{max-height:186px;margin:10px -6px -4px;padding:0 6px}
.sp-evlist > div{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px;min-width:0}
.sp-evlist a.mono{color:var(--ink);text-decoration:none;flex:none}
.sp-evlist a.mono:hover{text-decoration:underline;text-underline-offset:3px}
.sp-evlist .t{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.sp-evlist .t .tag{padding:1px 7px;font-size:9.5px}
.sp-evlist .t .out{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.sp-evlist .m{margin-left:auto;flex:none;font-family:var(--mono);font-size:11.5px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:520px){.sp-head .sp-act{margin-right:30px;padding-left:10px;padding-right:10px}.sp-strip.inc{grid-template-columns:auto 1fr auto}.sp-strip.inc .nums{grid-column:auto}}
.modal .err,.modal p.err,.form .err{display:block;margin:2px 0 0;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:var(--ink);font-size:12.5px;line-height:1.45}
.modal .err[hidden],.form .err[hidden]{display:none}
.sp-post .h a{display:inline-flex;align-items:center;gap:8px;color:inherit;min-width:0}

/* phones (TJ's mobile pass): rows keep their figures in a box under the name instead of crushing the name; the six-tile strips run three across; the hero charts sit lower and tighter; the footer is one line of text beside its two links */
.foot .short{display:none}
@media (max-width:700px){
  .item{grid-template-columns:auto minmax(0,1fr) auto}
  .item__n:has(> span + span){grid-column:1 / -1;display:flex;justify-content:space-between;gap:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
  .item__n:has(> span + span) > span{flex:1 1 0;min-width:0;justify-items:start;text-align:left}
  .item__n:has(> span + span) > span:last-child{justify-items:end;text-align:right}
  .item__n:has(> span + span) small{white-space:normal}
  .tiles4.six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tiles4.six .tile4,.tiles4.six.slim .tile4{padding:10px 9px;gap:6px}
  .tiles4.six .tile4 .k,.tiles4.six.slim .tile4 .k{font-size:9px;letter-spacing:.05em}
  .tiles4.six .tile4 .v{font-size:19px}
  .tiles4.six .tile4 .n{font-size:10px;line-height:1.3}
  .act-cols{min-height:56px}
  .act-key{font-size:10px;gap:4px 10px}
  .hx-side .big{font-size:18px}
  .hx-acts .btn{padding:8px 12px;font-size:12.5px}
}
@media (max-width:1000px){
  .foot{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:14px;font-size:10.5px;line-height:1.4}
  .foot .long{display:none}
  .foot .short{display:block;flex:1 1 auto;min-width:0;max-width:none}
  .foot nav{flex-direction:column;align-items:flex-end;gap:4px;flex:none;padding-top:1px}
}

.wnote{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}
.act-cols{touch-action:pan-y}
@media (max-width:1000px){.foot nav{padding-right:6px}}
.ck.go{cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.ck.go:hover{border-color:var(--line-2);background:var(--surface-2)}
.xv-intro{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.5}
.xv .ca{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 14px;background:rgba(255,255,255,.03);margin:10px 0 12px}
.xv .ca code{flex:1 1 auto;min-width:0;font-size:13px;letter-spacing:.01em;word-break:break-all}
.xv .ca .copybtn{flex:none}
/* the optional X step can be skipped from the top-left corner of the sheet, level with the close button (TJ) */
.skiptop{position:absolute;top:14px;left:14px;height:36px;display:flex;align-items:center;padding:0 10px;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;color:var(--m-muted);border-radius:999px}
.skiptop:hover{color:var(--m-ink)}
.skiptop:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* ── hero refresh (D240): a four-figure stat bar where the bullets were; on a phone the name sits over the handle with the bookmark beside it, the share button in the card's top-right corner, and the buttons fill one line ── */
.hx-name .nm{min-width:0}
.hx-name .share.top,.hx-name .brk{display:none}
/* the record in four figures: an open strip, big numbers over small mono captions, hairlines between */
.hx-stats{display:flex;align-items:stretch;min-width:0;padding:4px 0 2px}
.hx-stats > div{display:grid;gap:4px;align-content:start;min-width:0;padding-right:22px;margin-right:22px;border-right:1px solid var(--line)}
.hx-stats > div:last-child{padding-right:0;margin-right:0;border-right:0}
.hx-stats b{font-size:24px;font-weight:650;letter-spacing:-.025em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.hx-stats b.red{color:var(--red)}
.hx-stats .k{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);line-height:1.3;white-space:nowrap}
.hx-soon{margin:0;font-size:13px;line-height:1.5;color:var(--dim);text-wrap:pretty}
.hx-acts .btn .short{display:none}
.hx-acts .copybtn .tail{font-family:var(--mono);font-size:11px;color:var(--muted)}
.drawerbox .cta{flex-direction:row;flex-wrap:wrap}
.drawerbox .cta > .btn,.drawerbox .cta .acctslot > .btn{flex:1 1 calc(50% - 4px);width:auto}
.drawerbox .cta > .signed-only{flex-basis:100%}
@media (max-width:700px){
  .panel.hx .hx-acts .share{display:none}
  .hx-name .share.top{display:inline-flex;flex:none;margin-left:auto;height:30px;min-height:0;padding:0 11px;font-size:12px}
  .hx-name .brk{display:block;flex-basis:100%;height:0}
  .hx-name .nm{flex:1 1 auto;min-width:0}
  .hx-p .hx-name{gap:4px 8px}
  .hx-p .hx-name .nm{font-size:22px}
  .hx-p .hx-name .star{width:26px;height:26px;margin:0 0 0 -2px}
  .hx-w .hx-name{font-size:20px}
  .hx-t .hx-name{gap:6px 8px}
  .hx-stats{justify-content:space-between;padding:2px 0 0}
  .hx-stats > div{flex:1 1 0;padding-right:10px;margin-right:10px;gap:3px}
  .hx-stats b{font-size:20px}
  .hx-stats .k{font-size:9px;letter-spacing:.05em;white-space:normal}
  .panel.hx .hx-acts{display:flex;flex-wrap:wrap;gap:8px}
  .panel.hx .hx-acts > .btn:not(.share){flex:1 1 auto;min-width:0;justify-content:center;padding-left:8px;padding-right:8px;white-space:nowrap}
  .hx-p .hx-acts{flex-wrap:nowrap}
  .hx-p .hx-acts > .btn:not(.share){flex:1 1 0}
  .hx-p .hx-acts .btn .full{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hx-p .hx-acts.n3 .btn .full{display:none}
  .hx-p .hx-acts.n3 .btn .short{display:inline}
  .hx-facts{gap:8px}
  .hx-facts > div{padding:9px 11px;gap:2px}
  .hx-facts b{font-size:16px}
  .hx-facts .n{font-size:11px}
}

/* list heads on phones: the title block shrinks and wraps its own text; the arrow stays on the title's line instead of dropping under it */
@media (max-width:700px){.phead{flex-wrap:nowrap}.phead > .ph2,.phead > div:not(.ico):not(.end){min-width:0;flex:1 1 auto}.phead h3{text-wrap:balance}}


/* ── wallet chips (D242): a chip per wallet — chain, "· Fomo" when FOMO made it, entries in 30 days, a live dot for a buy in the last day — the picked one lit; the small button beside it copies the address ── */
.hx-wsel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.wgrp{display:inline-flex;align-items:stretch;max-width:100%}
.wchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ink);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;min-width:0;transition:border-color .15s ease,background-color .15s ease}
.wchip svg{width:14px;height:14px;color:var(--muted);flex:none}
.wchip .src{font-weight:500;color:var(--muted)}
.wchip .cnt{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);padding-left:2px}
.wchip .dot{margin-left:-1px}
.wchip:hover{border-color:rgba(255,255,255,.2);background:var(--hover)}
.wgrp .wchip{border-radius:999px 0 0 999px;border-right:0;padding-right:10px}
.wgrp .cp{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:0 999px 999px 0;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}
.wgrp .cp svg{width:13px;height:13px}
.wgrp .cp:hover{color:var(--ink);background:var(--hover)}
.wgrp .cp.ok{color:var(--lime)}
.wgrp.on .wchip,.wchip.all.on{border-color:rgba(184,255,60,.5);background:rgba(184,255,60,.07)}
.wgrp.on .wchip svg{color:var(--lime)}
.wgrp.on .cp{border-color:rgba(184,255,60,.5)}
/* the wallet facts as the same open strip as the profile's figures */
.hx-facts{display:flex;flex-wrap:wrap;gap:0;margin:auto 0;padding:4px 0 2px}
.hx-facts > div{flex:1 1 0;display:grid;gap:3px;align-content:start;min-width:0;padding:2px 18px 2px 0;margin-right:18px;border:0;border-right:1px solid var(--line);border-radius:0;background:none}
.hx-facts > div:last-child{padding-right:0;margin-right:0;border-right:0}
.hx-facts b{font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.05}
/* the profile's figures open what they count: a faint lime glow says so, stronger under the pointer */
.hx-stats > div[role=button]{cursor:pointer;outline:none;border-radius:8px}
.hx-stats > div[role=button]:hover b:not(.red){color:var(--lime)}
.hx-stats > div[role=button]:hover .k{color:var(--muted)}
.hx-stats > div[role=button]:focus-visible{outline:2px solid var(--lime);outline-offset:6px}
.panel.flash{border-color:rgba(184,255,60,.6);box-shadow:0 0 0 1px rgba(184,255,60,.25),0 0 30px rgba(184,255,60,.1)}
@media (max-width:700px){
  .hx-name .nm{flex:1 1 0}
  /* the activity read is its own card under the hero on phones (TJ) */
  .panel.hx{padding:0;border:0;background:none;box-shadow:none;overflow:visible;gap:12px}
  .panel.hx:after,.panel.hx:before{display:none}
  .panel.hx > .hx-main,.panel.hx > .hx-side{position:relative;border:1px solid var(--silver);border-radius:var(--r);background:var(--black);padding:18px 16px;overflow:hidden}
  .panel.hx > .hx-main:before,.panel.hx > .hx-side:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 100% 0%,rgba(184,255,60,.14),transparent 60%);pointer-events:none}
  .panel.hx > .hx-side:before{background:radial-gradient(55% 70% at 100% 0%,rgba(184,255,60,.08),transparent 60%)}
  .panel.hx > .hx-side{margin-top:0;border-top:1px solid var(--silver)}
  .hx-facts b{font-size:19px}
  .wchip{height:32px;padding:0 10px;font-size:12px}
  .wgrp .cp{width:32px;height:32px}
}

/* ── chasers vs. the chased (D245): two tinted cards facing each other, a "vs" seal on the seam, three facts under ── */
@media (min-width:901px){.panel.hx.hx-w{grid-template-columns:minmax(0,1fr) minmax(0,46%)}}
.hx-side.vs{justify-content:center;gap:12px}
.vs-head{display:grid;gap:3px}
.vs-head h4{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.vs-head h4 span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0 4px}
.vs-head small{font-size:11.5px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.vs-cards{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}
.vs-card{position:relative;display:grid;gap:4px;align-content:start;min-width:0;padding:14px 14px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);overflow:hidden}
.vs-card .k{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.vs-card .k svg{width:12px;height:12px}
.vs-card .big{display:block;margin-top:6px;font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.vs-card .big.amber{color:var(--amber)}
.vs-card .big.up{color:var(--lime)}
.vs-card .big.red{color:var(--red)}
.vs-card .big.dim{color:var(--dim);font-size:26px}
.vs-card .n{font-size:12px;font-weight:600;color:var(--ink);line-height:1.3}
.vs-card .n2{font-size:10.5px;color:var(--muted);line-height:1.35}
.vs-card.down{border-color:rgba(255,77,79,.32);background:linear-gradient(180deg,rgba(255,77,79,.1),rgba(255,77,79,.03))}
.vs-card.up{border-color:rgba(184,255,60,.32);background:linear-gradient(180deg,rgba(184,255,60,.1),rgba(184,255,60,.03))}
.vs-card .usd{display:block;margin-top:2px;font-size:14px;font-weight:650;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.vs-card.up .usd{color:var(--lime)}
.vs-card.down .usd{color:var(--red)}
/* the explainer beside the head is the record's usual "i": a tooltip, a little wider for this one's length */
.vs-head h4 .info{margin-left:4px;vertical-align:2px}
.vs-head h4 .info::after{width:320px;right:auto;left:-150px;white-space:normal;text-transform:none;letter-spacing:0;font:400 12px/1.5 var(--sans)}
.vs-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:var(--black);box-shadow:0 0 0 4px var(--black);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vs-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.vs-foot > div{display:grid;gap:2px;min-width:0;padding:0 12px;border-left:1px solid var(--line)}
.vs-foot > div:first-child{padding-left:0;border-left:0}
.vs-foot b{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.vs-foot span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* the menu's tracked tag opens the tracked profiles, as the header's does */
.drawerbox .tracked-tag{cursor:pointer;border-radius:999px}
.drawerbox .tracked-tag:hover{color:var(--ink)}
/* phones: the top bar steps away while scrolling down; the bottom tabs float on a soft fade instead of a line (D243) */
.mtop{will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;contain:paint}
@media (max-width:700px){
  .tabs{border-top:0;background:linear-gradient(180deg,rgba(8,8,9,.38) 0%,rgba(8,8,9,.84) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:10px}
  .tabs:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:linear-gradient(180deg,rgba(8,8,9,0),rgba(8,8,9,.38));pointer-events:none}
  /* a list head with a switch (Top / Longest, Activity / Shills) puts the switch on its own line under the title */
  .phead:has(> .end .tfs){flex-wrap:wrap}
  .phead:has(> .end .tfs) > .end{flex:1 1 100%;margin-left:0;justify-content:flex-start}
  .vs-card{padding:12px 12px 10px}
  .vs-card .big{font-size:28px}
  .vs-card .big.dim{font-size:22px}
  .vs-foot > div{padding:0 8px}
}

/* the wallet facts fall into two by two before the hero's main column gets narrow enough to clip a date */
@media (max-width:1240px){
  .hx-facts > div{flex:1 1 40%;padding-right:12px;margin-right:12px}
  .hx-facts > div:nth-child(2n){padding-right:0;margin-right:0;border-right:0}
  .hx-facts > div:nth-child(n+3){border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
}

/* ── D244: aligned facts, tight lists, Explore heads, centred airdrop boards on phones, the account sheet's top-left link ── */
.hx-facts .k,.hx-facts .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-facts > div{grid-template-rows:auto auto auto;align-content:start}
.phead:has(> a){flex-wrap:nowrap}
.phead:has(> a) > .ph2{min-width:0;flex:1 1 auto}
.panel .list{overflow-x:hidden;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}
.list.pnl-wrap{overflow-x:auto}
.item > *{min-width:0}
.item__d{overflow-wrap:anywhere}
.skiptop svg{width:14px;height:14px}
.skiptop{gap:6px}
@media (max-width:700px){
  .hx-facts .n{white-space:normal;overflow:visible;text-overflow:clip}
  .ad-board .phead{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:12px}
  .ad-board .phead > .ico{display:none}
  .ad-board .phead > .ph2{flex:1 1 100%;text-align:center}
  .ad-board .phead > .ph2 h3,.ad-board .phead > .ph2 small{text-align:center}
  .ad-board .phead > .end{flex:1 1 100%;margin-left:0;justify-content:center}
}
/* the token page's promoter strip (D247): one row, centred chips, the right edge fades while more chips sit off-screen, no vertical movement */
.strip-wrap{position:relative;border-bottom:1px solid var(--line)}
.strip-wrap::after{content:"";position:absolute;top:0;bottom:0;right:0;width:48px;background:linear-gradient(90deg,rgba(14,14,16,0),var(--card) 78%);pointer-events:none;opacity:0;transition:opacity .25s}
.strip-wrap.more::after{opacity:1}
.promo-strip{border-bottom:0;align-items:center;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-right:40px}
/* the activity feed (D247): each row leads with what it is — a red pill for an incident, amber for a post gone from X, lime for a shill, grey for the chain and the market — then the time, then the fact; an incident sits on a faint red ground behind a red rule */
.evt.sm .t{align-items:center;gap:8px}
.evt.sm .k{order:-1;margin:0;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:9.5px;letter-spacing:.08em;line-height:1.3;color:var(--dim)}
.evt.sm .t b{font-size:11px;color:var(--dim);font-weight:500}
.evt.sm.inc{border-left:2px solid var(--red);background:rgba(255,77,79,.045);padding-left:18px}
.evt.sm.inc .k{color:var(--red);background:rgba(255,77,79,.1);border-color:rgba(255,77,79,.35)}
.evt.sm.inc .w{color:var(--ink-2)}
.evt.sm.inc .w > b:first-child{font-weight:650}
.evt.sm.gone .k{color:var(--amber);background:rgba(255,176,32,.08);border-color:rgba(255,176,32,.4)}
.evt.sm.gone .w q{color:var(--dim)}
.evt.sm.shill .k{color:var(--lime);background:rgba(184,255,60,.07);border-color:rgba(184,255,60,.35)}
/* D248: the token page's promoter strip sits centred between its two hairlines (the column's gap above it taken back), and the list under it starts at its first row */
.tk-act > .strip-wrap{margin-top:-14px}
.tk-act > .strip-wrap .promo-strip{padding:14px 20px 11px}
.tk-act > .list.scroll{margin-top:-14px}
/* the wallet hero's facts fall two by two whenever the versus column sits beside them: four across clipped their captions under 1600px */
@media (max-width:1380px){
  .hx-w .hx-facts > div{flex:1 1 40%;padding-right:12px;margin-right:12px}
  .hx-w .hx-facts > div:nth-child(2n){padding-right:0;margin-right:0;border-right:0}
  .hx-w .hx-facts > div:nth-child(n+3){border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
}
.vs-foot span{white-space:normal;line-height:1.3}
.tile4 .v.red{color:var(--red)}
/* the chasers-of-the-week sort, as links (the sort is in the address, so a shared page opens on it) */
.tfs.sorts{flex-wrap:wrap}
.tfs.sorts a{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font:500 12px var(--sans);color:var(--muted);text-decoration:none;white-space:nowrap}
.tfs.sorts a:hover{color:var(--ink)}
.tfs.sorts a[aria-current="true"]{background:rgba(var(--lime-rgb),.14);color:var(--lime);box-shadow:inset 0 0 0 1px rgba(var(--lime-rgb),.25)}
/* D249: the versus cards carry each side's running total through the days; the behaviour strip has a head with its drawer link; the wallet hero spans the page with the versus beside it */
.vs-spark{display:block;width:100%;height:26px;margin-top:8px}
.vs-spark .fill{opacity:.9}
.vs-spark.up .fill{fill:rgba(184,255,60,.14)}
.vs-spark.up .line{stroke:var(--lime)}
.vs-spark.down .fill{fill:rgba(255,77,79,.14)}
.vs-spark.down .line{stroke:var(--red)}
.vs-spark.flat .fill,.vs-spark.none .fill{fill:rgba(255,255,255,.08)}
.vs-spark.flat .line,.vs-spark.none .line{stroke:var(--muted)}
.vs-spark .line{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}
.vs-spark .axis{stroke:rgba(255,255,255,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.beh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 0}
.beh-head .ph2 h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}
.beh-head .ph2 small{display:block;font-size:12px;color:var(--muted)}
.beh-head + .tiles4{margin-top:-4px}
.sp-kvs{display:grid;gap:0}
.sp-kv{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.sp-kv:first-child{border-top:0}
.sp-kv span{color:var(--muted);font-size:13px;min-width:0}
.sp-kv span small{display:block;font-size:11px;color:var(--dim);line-height:1.35;margin-top:2px}
.sp-kv b{font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:700px){.beh-head{padding:0 2px}.beh-head .btn{font-size:12px;padding:6px 10px}}
@media (max-width:520px){.tiles4.six{grid-template-columns:1fr 1fr}.tiles4.six .tile4 .k{white-space:normal}}
/* D250: the wallet hero's buttons sit top right beside the name, left of the versus; on phones they drop under the name on their own line */
.hx-w .hx-id{align-items:flex-start}
.hx-w .hx-id > .hx-acts{margin-left:auto;flex:none;padding-top:6px}
@media (max-width:700px){.hx-w .hx-id{flex-wrap:wrap}.hx-w .hx-id > .hx-acts{flex:1 1 100%;margin-left:0;padding-top:0}}
/* the wallet hero's three facts stay on one row on phones */
@media (max-width:700px){
  .hx-w .hx-facts > div{flex:1 1 30%;padding-right:10px;margin-right:10px;border-top:0;padding-top:2px;margin-top:0}
  .hx-w .hx-facts > div:nth-child(2n){padding-right:10px;margin-right:10px;border-right:1px solid var(--line)}
  .hx-w .hx-facts > div:last-child{padding-right:0;margin-right:0;border-right:0}
  .hx-w .hx-facts > div:nth-child(n+3){border-top:0;padding-top:2px;margin-top:0}
}
/* D251/D252: the front door's live feed — a head over the three boards on desktop; phones get one fixed-height feed with a segmented filter, incidents loudest, buys quietest; every list refreshes itself each minute and a new row slides in */
.livehead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:42px 4px 12px}
.livehead h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.livehead small{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.live{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(var(--lime-rgb),.55);animation:lvpulse 2s ease-out infinite}
@keyframes lvpulse{0%{box-shadow:0 0 0 0 rgba(var(--lime-rgb),.55)}70%{box-shadow:0 0 0 7px rgba(var(--lime-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--lime-rgb),0)}}
.feedcard{display:none}
.fhead{display:grid;justify-items:center;text-align:center;gap:3px;padding:18px 16px 8px}
.fhead h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}
.fhead small{font-size:12px;color:var(--muted)}
.fseg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:8px 14px 0;padding:3px;border:1px solid var(--line-2);border-radius:12px;background:rgba(255,255,255,.03)}
.fseg button{font:500 12.5px var(--sans);color:var(--muted);padding:8px 0;border-radius:9px;background:transparent;border:0;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.fseg button[aria-pressed="true"]{color:var(--ink);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 1px 2px rgba(0,0,0,.45)}
.feedcard .fdlist{margin-top:10px}
.fd{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:0;cursor:pointer}
.fd:first-child{border-top:0}
.fd .t{display:grid;gap:2px;min-width:0;flex:1 1 0}
.fd .t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px;min-width:0}
.fd .t b em{font-style:normal;font-weight:450;color:var(--muted)}
.fd.shill .t b,.fd.buy .t b{display:block}
.fd.shill .t b{font-size:15px}
.fd.shill .t small{white-space:normal}
.fd.shill .v .badge{font-size:10px;padding:2px 7px}
.fd .t small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd .v{flex:none;text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--muted);white-space:nowrap}
.fd .v .amber{color:var(--amber)}
.fd.inc{padding:14px 14px 14px 13px;background:linear-gradient(90deg,rgba(255,77,79,.09),rgba(255,77,79,.02) 60%,transparent);border-left:3px solid var(--red)}
.fd.inc .avatar{width:40px;height:40px}
.fd.inc .t b{font-size:16px}
.fd.inc .kb{font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red);padding:2px 7px;border-radius:999px;border:1px solid rgba(255,77,79,.35);background:rgba(255,77,79,.1);flex:none}
.fd.inc .v{font-weight:700;font-size:17px;color:var(--ink)}
.fd.inc .v.red{color:var(--red)}
.fd.inc .v.amber{color:var(--amber)}
.fd.shill .avatar{width:30px;height:30px}
.fd.buy{padding:8px 16px}
.fd.buy .avatar{width:22px;height:22px}
.fd.buy .t b{font-size:13px;color:var(--ink-2);font-weight:550}
.fd.buy .t small{font-size:11px}
.fd[hidden]{display:none}
.fd.new,.list > [data-panel].new{animation:fdin 1.1s ease-out}
@keyframes fdin{0%{background-color:rgba(var(--lime-rgb),.16);transform:translateY(-4px)}100%{background-color:transparent;transform:none}}
@media (prefers-reduced-motion:reduce){.live i{animation:none}.fd.new,.list > [data-panel].new{animation:none}}
@media (max-width:700px){.trio,.livehead{display:none}section#l-feed.panel.col{display:flex;height:min(72vh,720px);min-height:520px;margin-top:36px}.feedcard .fdlist{flex:1 1 auto;min-height:0;overflow-y:auto}}
/* D252: the chasers panel's sort toggles sit top right beside the title on desktop, the subhead wrapping under the title */
/* D251: the wallet hero on phones — the profile link and Share wallet first, then the name beside its avatar; the facts centred everywhere */
@media (max-width:700px){
  .hx-w .hx-id > .hx-acts{order:-1;display:flex;justify-content:space-between;align-items:center;gap:8px;flex:1 1 100%;margin:0 0 6px;padding-top:0}
  .panel.hx.hx-w .hx-acts .share{display:inline-flex}
  .hx-w .hx-id > .hx-acts > .btn:not(.share){flex:0 1 auto}
  .hx-w .hx-name .share.top{display:none}
  .hx-w .hx-id > .avatar{width:48px;height:48px}
  .hx-w .hx-who{flex:1 1 0}
}
.hx-w .hx-facts > div{text-align:center;padding:2px 12px;margin-right:0}
.hx-w .hx-facts > div:first-child{padding-left:0}
.hx-w .hx-facts > div:last-child{padding-right:0}
@media (max-width:700px){.hx-w .hx-facts > div,.hx-w .hx-facts > div:nth-child(2n){padding:2px 8px;margin-right:0}.hx-w .hx-facts > div:first-child{padding-left:0}.hx-w .hx-facts > div:last-child{padding-right:0}}
/* the front door's Latest profile buys: two figures a row (chasing, lift) in a third of the width; the column heads on their own line under the title (.colrow) */
.trio #l-buys .item__n > span:nth-child(2){display:none}
/* D253: the front door's head a size up and nearer the search, the boards a row taller, the buys board's column heads where a subhead sits; the phone feed without its tag, an incident taller; the versus foot centred; the hero's note and facts; heads with the subhead beside the title; the chasers panel's toggles beside the title with the subhead under both; phones: the wallet hero's buttons above the name beside the avatar, and the tabs' boards as one panel with a segmented control */
.livehead{margin:28px 4px 12px}
.livehead h2{font-size:24px}
.livehead small{font-size:14px}
.livehead .live{font-size:12px}
.trio > .panel.col{height:552px}
.trio #l-buys .ph2{flex:1 1 auto;min-width:0}
.trio #l-buys .ph2 > .colhead{margin:2px -10px 0 0;justify-content:flex-end;width:calc(100% + 10px)}
.fhead{padding:16px 16px 6px}
.fhead h3 .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin:0 9px 0 0;vertical-align:2px;box-shadow:0 0 0 0 rgba(var(--lime-rgb),.55);animation:lvpulse 2s ease-out infinite}
.fd.shill .t small .badge{margin-right:5px;vertical-align:1px}
@media (max-width:700px){section#l-feed.panel.col{height:min(82vh,820px);min-height:560px}}
.vs-foot > div{text-align:center;justify-items:center}
.hx-w .hx-bio{flex:1 1 auto;display:flex;align-items:center;margin:14px 0 12px;font-size:13px;line-height:1.55;color:var(--muted);max-width:56ch}
.hx-w .hx-facts{margin-top:auto}
@media (max-width:700px){.hx-w .hx-bio{display:none}}
#chasers > .phead{flex-wrap:wrap}
#chasers > .phead > .ph2{flex:1 1 auto;min-width:0}
#chasers > .phead > .end{flex:none;margin-left:auto}
#chasers > .phead > .phsub{order:3;flex:1 1 100%;font-size:12.5px;color:var(--muted);margin-top:-4px}
@media (max-width:700px){
  .hx-w .hx-id{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av acts" "av who";column-gap:12px;row-gap:6px;align-items:center}
  .hx-w .hx-id > .avatar{grid-area:av}
  .hx-w .hx-id > .hx-acts{grid-area:acts;order:0;flex:none;margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px}
  .hx-w .hx-id > .hx-who{grid-area:who;flex:none}
}
.combo{display:none}
.combo .fseg{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;margin:12px 14px 0}
.combo .cpane{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.combo .cpane[hidden]{display:none}
.combo .cpane > .phead{padding:14px 16px 10px;border-bottom:1px solid var(--line);flex:none}
.combo .cpane > .list{flex:1 1 auto;min-height:0;overflow-y:auto}
@media (max-width:700px){.panel.col.combo{display:flex;height:min(80vh,800px);min-height:520px}.main3.has-combo{display:none}.combo .cpane > .phead > .colhead{display:none}}
/* D254: phones restructured — the top bar carries a sidebar button, the brand centred and the airdrop or profile button; the bottom tabs are gone; the drawer slides from the left with the whole sidebar (sections, Report, account, contribution, Terms, Privacy, socials, token); no footer on phones, the page ends on a soft cap. Stat strips: one hairline grid, no icon boxes. The chasers panel sorts with a dropdown and swaps in place. Phone panels carry a head and the feed's height; the wallet hero's buttons sit under the name. */
.tiles4{gap:1px;background:var(--line);border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden}
.tile4{display:grid;gap:3px;align-content:start;padding:15px 18px 14px;border:0;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),var(--bg)}
.tile4 .ico{display:none}
.tile4 .k{font-size:10.5px;letter-spacing:.1em;color:var(--dim)}
.tile4 .v{font-size:25px;letter-spacing:-.02em;line-height:1.1;margin-top:3px}
.tile4 .n{font-size:11.5px;color:var(--muted);margin-top:1px}
.tile4:hover{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)),var(--bg)}
.sortsel{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--sans);color:var(--muted)}
.sortsel select{appearance:none;-webkit-appearance:none;font:500 12.5px var(--sans);color:var(--ink);background:rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/14px;border:1px solid var(--line-2);border-radius:999px;padding:6px 30px 6px 12px;cursor:pointer}
.sortsel select:focus-visible{outline:2px solid rgba(var(--lime-rgb),.5);outline-offset:2px}
#chasers.busy .pnl-wrap{opacity:.45;transition:opacity .15s ease}
.endcap{display:none}
@media (max-width:1000px){.foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}
@media (max-width:700px){
  .tiles4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile4{padding:12px 14px 11px}.tile4 .v{font-size:20px}.tile4 .n{font-size:11px}
  .mtop{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;position:sticky}
  .mtop .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .mtop .brand .logo img{width:38px;height:38px}
  .mtop .brand .wordmark{font-size:17px}
  .mtop .mright{justify-self:end}
  .burger{width:40px;height:38px;display:grid;place-items:center;gap:0;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);justify-self:start}
  .burger svg{width:21px;height:21px}
  .burger span{display:none}
  .tabs{display:none}
  .foot{display:none}
  .wrap{padding-bottom:8px}
  .endcap{display:grid;place-items:center;height:92px;margin-top:4px;background:linear-gradient(180deg,rgba(8,8,9,0),rgba(8,8,9,.9) 60%,#080809);padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .endcap img{width:28px;height:28px;opacity:.28;filter:grayscale(1)}
  .drawerbox{left:0;right:auto;width:min(300px,56vw);padding:14px 12px calc(16px + env(safe-area-inset-bottom));border-left:0;border-right:1px solid var(--line-2);animation:slideleft .28s ease}
  @keyframes slideleft{from{transform:translateX(-100%)}to{transform:none}}
  .drawerbox .dlinks{display:grid;gap:2px}
  .drawerbox .dlinks a{padding:10px 12px;border-radius:12px;font-size:15px}
  .drawerbox .dlinks a.sep{margin-top:8px}
  .drawerbox .cta{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
  .drawerbox .cta .btn{width:100%;justify-content:center}
  .dlegal{display:flex;gap:16px;padding:4px 12px 0;font-size:12.5px}
  .dlegal a{color:var(--muted)}
  .panel.col.combo{height:min(82vh,820px);min-height:560px}
  .wrap:has(.combo) .hero.row{display:none}
  .combo .fhead{padding:16px 16px 4px}
  .hx-w .hx-id{grid-template-areas:"av who" "acts acts";row-gap:10px}
  .hx-w .hx-id > .hx-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
  .hx-w .hx-acts .btn{width:100%;justify-content:center}
  .phead:has(> .end .sortsel){flex-wrap:wrap}
  .phead:has(> .end .sortsel) > .end{flex:1 1 100%;margin-left:0}
  .phead:has(> .end .sortsel) > .phsub{order:0}
}
/* a post quoted in a list wraps anywhere, so a contract address in it never pushes past the edge */
.list .w,.list .w q,.item__d{overflow-wrap:anywhere;word-break:break-word}
/* phones: a panel head's controls (a Mcap/Price switch beside a timeframe strip) wrap and tighten instead of running past the edge */
@media (max-width:700px){.phead > .end:has(.tfs){flex-wrap:wrap;justify-content:flex-end;row-gap:6px;max-width:100%}.phead > .end .tfs button{padding:3px 7px;font-size:10.5px}}
/* D256: phones — a plain end cap, the feed a touch richer, an airdrop card under it, the tab panels' heads tightened */
.endcap{display:none}
.adcard{display:none}
@media (max-width:700px){
  .endcap{display:block;height:84px;margin-top:6px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0))}
  .drawerbox .dlinks{padding-top:4px}
  .drawer .sidefoot{margin-top:auto}
  .feedcard{border-color:rgba(255,255,255,.12)}
  .feedcard .fhead{padding:14px 16px 2px}
  .fhead h3{font-size:20px}
  .feedcard .fseg{margin:10px 14px 0;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}
  .fseg button[aria-pressed="true"]{background:#1b1c20;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.5)}
  .fd{padding:13px 16px}
  .fd .avatar{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .fd .t b{font-size:15px}
  .fd .t small{font-size:12px}
  .fd.inc{padding:15px 14px 15px 13px}
  .fd.inc .t b{font-size:16.5px}
  .fd.inc .v{font-size:18px}
  .fd.buy{padding:11px 16px}
  .fd.buy .t b{font-size:14px}
  .adcard{display:grid;gap:10px;padding:20px 16px 18px;text-align:center;justify-items:center;margin-top:14px;background:linear-gradient(180deg,rgba(var(--lime-rgb),.06),rgba(255,255,255,.01)),var(--bg)}
  .adcard h3{font-size:18px;margin:0;letter-spacing:-.02em;text-wrap:balance;line-height:1.25}
  .adcard p{margin:0;font-size:13px;color:var(--muted)}
  .adc-pill{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);padding:3px 9px;border:1px solid rgba(var(--lime-rgb),.3);border-radius:999px}
  .adc-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:4px}
  .adc-cta .btn{justify-content:center}
  .combo .fhead{padding:14px 16px 2px}
  .combo .fseg{margin:8px 14px 0}
  .combo .cpane > .phead{padding:10px 16px 8px}
  .combo .cpane > .phead .ph2 h3{display:none}
  .combo .cpane > .phead .ph2 small{font-size:12px}
}

/* D257: phones — one drawer (the sidebar, Join or the account at its top, Terms and Privacy tucked under the token card), Report alone on the right of the bar; the welcome: one line, a question, three square doors, Join and Search, with depth (a lit top edge, layered glass, a soft rise), the same on every screen; the tab panels a size taller; the sheet's height off the small viewport so it never jumps as the browser's bars come and go; the replay player in the chart's place */
.mright{display:flex;align-items:center;gap:8px}
.mtop .acctslot{display:contents}
.wbox{width:min(600px,100%);padding:30px 28px 26px;gap:20px;border-color:rgba(255,255,255,.14);background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,.11),transparent 55%),linear-gradient(180deg,#17181c 0%,#0e0f11 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 100px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6);animation:wrise .42s cubic-bezier(.2,.8,.2,1)}
@keyframes wrise{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}
.wbox .whead{gap:10px}
.wbox h3{font-size:25px;letter-spacing:-.03em;line-height:1.15}
.wq{font-size:15.5px;color:var(--m-ink);opacity:.82;font-weight:500;text-align:center;margin:0;line-height:1.4}
.wsq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wsq a{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border-radius:16px;color:var(--m-ink);text-decoration:none;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 10px 30px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.wsq a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 40px rgba(0,0,0,.5)}
.wsq a:active{transform:translateY(-1px)}
.wsq i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--m-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.wsq i svg{width:19px;height:19px}
.wsq b{font-size:15px;font-weight:600;letter-spacing:-.01em}
.wsq span{font-size:11.5px;line-height:1.35;color:var(--m-muted);text-wrap:balance}
.wbox .wcta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wbox .wcta .btn,.wbox .cta > .btn{flex:none;width:100%;justify-content:center}
@media (prefers-reduced-motion:reduce){.wbox{animation:none}.wsq a{transition:none}}
.rpbtn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;margin-right:6px;transition:border-color .12s ease,background-color .12s ease}
.rpbtn:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.rpbtn svg{width:12px;height:12px}
.replay{display:flex;flex-direction:column;gap:10px}
.rp-stage{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:#070708;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rp-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;cursor:pointer}
.rp-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,7,8,.7);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.rp-x:hover{background:rgba(255,255,255,.12)}
.rp-badge{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:rgba(7,7,8,.75);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;backdrop-filter:blur(6px)}
.rp-badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF4D4F;margin-right:7px;vertical-align:1px}
.rp-bar{display:flex;align-items:center;gap:10px}
.rp-play{width:36px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:13px;display:grid;place-items:center;cursor:pointer;flex:none}
.rp-bar input[type=range]{flex:1 1 auto;min-width:0;accent-color:#dcdde2;height:4px}
.rp-time{font-size:11.5px;color:var(--muted);flex:none;min-width:84px;text-align:right}
.rp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rp-acts.busy .btn{opacity:.45;pointer-events:none}
.rp-note{font-size:12px;color:var(--muted);flex:1 1 100%;line-height:1.45}
.rp-sec .btn{margin-top:2px}
@media (max-width:700px){
  .mtop .acctslot .btn.acct,.signed .mtop .acctslot .btn.acct{display:grid;place-items:center;width:40px;height:38px;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:none}
  .dtop{padding:2px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
  .dtop .btn,.dtop .acctslot > .btn{width:100%;justify-content:center}
  .drawer .sidefoot .dlegal{display:flex;gap:14px;margin-top:10px;padding:10px 4px 0;border-top:1px solid var(--line);font-size:12.5px}
  .drawer .sidefoot .dlegal a{color:var(--muted)}
  .panel.col.combo{height:min(88vh,880px);min-height:600px}
  .box{max-height:calc(100svh - 32px)}
  .wbox{padding:24px 16px 18px;gap:16px}
  .wbox h3{font-size:20px}
  .wq{font-size:14px}
  .wsq{gap:8px}
  .wsq a{padding:10px 6px;gap:6px;border-radius:14px}
  .wsq i{width:34px;height:34px;border-radius:10px}
  .wsq i svg{width:16px;height:16px}
  .wsq b{font-size:13px}
  .wsq span{font-size:10.5px}
  .rp-acts .btn{flex:1 1 auto;justify-content:center}
}

/* D259: the welcome (a greeting, two lines, bigger doors on desktop), the feed's posts themselves (two lines, a tap opens them whole), the phone feed a size taller and the page's end a plain fade with no edge, the replay in the incident drawer */
.wbox{width:min(560px,100%)}
.wq{display:grid;gap:3px}
.wq1{color:var(--m-muted);font-size:14.5px;font-weight:400}
.wq2{color:var(--m-ink);font-size:16px;font-weight:500}
.wsq a{padding:20px 12px 18px;gap:11px}
.wsq i{width:52px;height:52px;border-radius:15px}
.wsq i svg{width:23px;height:23px}
.wsq b{font-size:17px}
.wsq span{font-size:13px;max-width:17ch}
.fq{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;quotes:none;font-style:normal;color:var(--ink-2);font-size:13px;line-height:1.45;cursor:pointer;margin:0;overflow-wrap:anywhere;white-space:normal}
.fq:before,.fq:after{content:none}
.fq.open{-webkit-line-clamp:unset;display:block}
.item .fq{margin-top:4px}
.fd.shill{display:grid;gap:6px}
.fd.shill .fdh{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.replay.inplace .rp-stage{border-radius:12px}
.sp-replay .rp-acts .btn{flex:1 1 auto;justify-content:center}
.sp-replay .sp-foot{margin-top:10px}
.rp-acts .btn:disabled{opacity:.55;pointer-events:none}
@media (max-width:700px){
  section#l-feed.panel.col{height:min(90vh,920px);min-height:620px}
  .wrap{padding-bottom:0}
  .endcap{height:56px;margin-top:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.035))}
  .wsq a{padding:12px 6px 10px;gap:7px}
  .wsq i{width:36px;height:36px;border-radius:11px}
  .wsq i svg{width:17px;height:17px}
  .wsq b{font-size:13.5px}
  .wsq span{font-size:10.5px}
  .wq1{font-size:13px}
  .wq2{font-size:14.5px}
}

/* D260: the welcome's title and its line sit together, the question a step below; an activity row's handle shortens with an ellipsis and never runs over the token; the phone page's end fades into its own safe area */
.wbox .whead{gap:4px}
.wq{gap:0}
.wq2{margin-top:12px}
.item__t > .lead{min-width:0;flex:0 1 auto;max-width:none}
.item__t > .lead > b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item__t > .lead:last-child{flex:none}
.item__d .fq{color:var(--ink-2)}
@media (max-width:700px){
  .endcap{height:auto;min-height:72px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 100%)}
}
/* D261: the welcome's one line under the doors */
.wbox .wlegal{margin:-6px 0 0;font-size:11.5px;line-height:1.45;color:var(--m-mono);text-align:center;text-wrap:balance}
.wbox .wlegal a{color:var(--m-muted);text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.wbox .wlegal{font-size:11px;margin-top:-4px}}

/* D262: the phone stat bar as a calm 2×N grid; the welcome's disclaimer on one line; feed rows with the platform and time on the right and a lime "more" on a cut post */
.wbox .wlegal{white-space:nowrap;font-size:10.5px;margin-top:-4px;letter-spacing:-.005em}
.wbox .wlegal b{font-weight:600;color:var(--m-muted)}
.item__t .who.lime,.fd .t b em.lime{color:var(--lime);font-weight:600;font-style:normal}
.item__n > span.pl b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2)}
.item__n > span.pl small{font-size:11px}
.fd .v.pl{display:grid;justify-items:end;gap:2px;flex:none;margin-left:auto}
.fd .v.pl b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2);font-weight:600}
.fd .v.pl small{font-size:11px;color:var(--muted)}
.fq{position:relative}
.fq.more::after{content:"more";position:absolute;right:0;bottom:0;padding-left:34px;background:linear-gradient(90deg,rgba(14,14,16,0),var(--card) 45%);color:var(--lime);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;line-height:inherit}
@media (max-width:700px){
  .wbox .wlegal{white-space:normal;font-size:10px;opacity:.85;margin-top:-6px;max-width:34ch;margin-left:auto;margin-right:auto}
  .tiles4,.tiles4.slim,.tiles4.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .tiles4 .tile4,.tiles4.slim .tile4,.tiles4.six .tile4{display:grid;grid-template-columns:none;gap:4px;align-content:start;padding:14px 16px 13px;min-height:0}
  .tiles4 .tile4 .ico{display:none}
  .tiles4 .tile4 .k,.tiles4.slim .tile4 .k{font-size:10px;letter-spacing:.09em;color:var(--mono)}
  .tiles4 .tile4 .v,.tiles4.slim .tile4 .v{font-size:24px;line-height:1.1;letter-spacing:-.02em;margin:0}
  .tiles4 .tile4 .n,.tiles4.slim .tile4 .n{font-size:11.5px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
}
/* D262: the buys board names the profile under the token, never over it */
#l-buys .item__t{flex-wrap:wrap;row-gap:0}
#l-buys .item__t > .who,#l-buys .item__t > a.who{flex:1 1 100%;max-width:100%;font-size:12px;line-height:1.3}
/* D262b: the disclaimer stays on one line on desktop; the lime word never shrinks, the handle does */
@media (min-width:701px){.wbox .wlegal{white-space:nowrap;text-wrap:nowrap;font-size:11px;letter-spacing:-.01em}.wbox{width:min(584px,100%)}}
.item__t .who.lime{flex:none;overflow:visible}
/* D263: a post's head in a drawer wraps its meta under the name on phones, never over it */
@media (max-width:700px){.sp-post .h{flex-wrap:wrap;row-gap:3px;align-items:center}.sp-post .h > .m{flex:1 1 100%;padding-left:0;white-space:normal;line-height:1.35}}

/* D264 — feed heads: the handle is the point, so it never gives way; the rest wraps under it on a narrow row */
.fd.shill .t b{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;white-space:nowrap;overflow:visible;text-overflow:clip}
.fd.shill .t b .hh{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fd.shill .t b .tk{min-width:0;overflow:hidden;text-overflow:ellipsis}
.fd.shill .t b em{flex:none}
/* D265 — the first-visit flash: thin letters run across the blurred page in a wave (each alight for five steps), the blur then clears into the welcome, whose title glows once */
.wflash{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:0 16px;pointer-events:none;background:rgba(7,7,8,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .42s ease}
.wflash.out{opacity:0}
.wflash span{display:flex;justify-content:center;white-space:nowrap;font-size:clamp(26px,4.6vw,54px);font-weight:300;letter-spacing:.02em;line-height:1;color:rgba(240,242,245,.92)}
.wflash b{display:inline-block;font-weight:300;opacity:0;animation:wletter .275s linear forwards}
@keyframes wletter{0%{opacity:0;transform:translateY(.14em)}25%{opacity:1;transform:none}70%{opacity:1}100%{opacity:0;transform:translateY(-.1em)}}
.wbox h3.glow{background:linear-gradient(90deg,#fff 0%,#fff 36%,#dcffb3 50%,#fff 64%,#fff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tsweep 1.7s cubic-bezier(.3,.7,.3,1) .25s both,tglow 1.7s ease-out .25s both}
@keyframes tsweep{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes tglow{0%{text-shadow:0 0 0 rgba(181,240,98,0)}40%{text-shadow:0 0 30px rgba(181,240,98,.72),0 0 6px rgba(255,255,255,.35)}100%{text-shadow:0 0 0 rgba(181,240,98,0)}}
/* D266 — the activity board's head stays one line: the X/time cell no longer reserves the number columns' 96px, the token and the verb keep their width, and only the handle shortens when a row is truly too narrow */
#l-shills .item__n.keep > span{min-width:0}
#l-shills .item__t{flex-wrap:nowrap}
#l-shills .item__t > .lead:first-child{flex:0 1 auto;min-width:5ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#l-shills .item__t > .lead:first-child > b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#l-shills .item__t > .lead:last-child,#l-shills .item__t > .who{flex:none}
/* D267 — the activity board's post copy sits close under its head (the row grid's 12px gap was a row gap too) */
#l-shills .item{row-gap:3px}
#l-shills .item__d{padding-top:0}
/* D270 — one tooltip everywhere: the circled i, and a glassy box that opens on hover, focus or a tap; near the left edge it opens to the right */
.info::after{top:22px;width:280px;max-width:min(280px,calc(100vw - 32px));padding:10px 12px;border-radius:12px;background:rgba(20,21,25,.74);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.5);font:400 12.5px/1.5 var(--sans);transform:translateY(-4px);transition:opacity .14s,transform .14s;z-index:60}
.info:hover::after,.info:focus-visible::after,.info.open::after{opacity:1;transform:none}
.info.l::after{right:auto;left:-6px}
.vs-head h4 .info::after{width:320px;right:auto;left:-150px}
/* D270 — column titles read like a table head everywhere: mono, small, quiet, under the title and subhead */
.colrow{padding:7px 58px 0 20px}
.colrow .colhead,.colrow .colhead em,.colrow .colhead span,.colrow .colhead b{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:400;font-style:normal}
.colrow .colhead .info{vertical-align:-1px;margin-left:5px}
#l-buys .colrow{padding-right:52px}
@media (max-width:700px){.colrow{padding:8px 44px 6px 16px}}
/* D270 — the share sheet */
.sbox{width:min(420px,100%)}
.sbox h3{margin:0;font-size:19px;letter-spacing:-.02em}
.ss-sub{margin:4px 0 0;color:var(--m-muted);font-size:13px}
.ss-opts{display:grid;gap:8px;margin-top:14px}
.ss-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--m-line);background:rgba(255,255,255,.04);color:var(--m-ink);font:500 14px/1.3 var(--sans);text-align:left;cursor:pointer;transition:background .12s,border-color .12s}
.ss-opt:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.ss-opt.ok .l{color:var(--m-ok)}
.ss-opt small{color:var(--m-muted);font-size:12px;text-align:right;flex:0 1 auto}
@media (max-width:700px){#sharesheet{align-items:flex-end}#sharesheet .box{width:100%;max-width:none;border-radius:18px 18px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}
/* D271 — the phone pages: Shills, Chasers, the live feed, the search sheet, the slim footer. Nothing here shows on desktop except the shared rows' small additions. */
.mpage{display:none}
.mhide{}
.wseg{display:none}
.mfoot{display:none}
.ffilter{display:block}
@media (max-width:700px){
  .mhide{display:none!important}
  .mpage{display:block;padding:0 0 8px}
  .mhead{padding:6px 2px 12px}.mhead h1{margin:0;font-size:30px;letter-spacing:-.03em;line-height:1.05}.mhead p{margin:4px 0 0;color:var(--muted);font-size:14px}
  .mstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .mstrip > div{background:var(--card);padding:12px 10px 11px;display:grid;gap:2px}
  .mstrip b{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.05}.mstrip b.red{color:var(--red)}.mstrip b.up{color:var(--lime)}.mstrip b.amber{color:var(--amber)}
  .mstrip .k{font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:0}.mstrip .k .info{margin-left:5px}.mstrip .n{font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:.04em}
  .mseg{margin:12px 0 0;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
  .mpane[hidden]{display:none}
  .mtop2{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 6px}.mtop2 h3{margin:0;font-size:15px;font-weight:600;color:var(--ink-2)}
  .msort{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.msort select{font:500 12.5px var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:5px 8px}
  .mlist{display:grid;gap:8px}
  .mc{position:relative;display:grid;gap:8px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}
  .mc-h{display:flex;align-items:center;gap:10px;min-width:0}.mc-t{min-width:0;flex:1 1 auto;display:grid;gap:1px}.mc-t b{font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .mc-who{display:flex;align-items:baseline;gap:6px;font-size:12.5px;min-width:0}.mc-who a{color:var(--ink);font-weight:600;text-decoration:none}.mc-who small{color:var(--muted);font-size:11.5px;white-space:nowrap}
  .mc-r{margin-left:auto;display:grid;justify-items:end;gap:3px;text-align:right;flex:none}.mc-r b{font-size:16px;font-weight:700;letter-spacing:-.01em}.mc-r b.red{color:var(--red)}.mc-r b.up{color:var(--lime)}.mc-r small{font-size:10.5px;color:var(--muted);white-space:nowrap}
  .mc .fq{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
  .mc-f{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.mcl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}
  .mc .mcs{margin-left:auto;font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:.04em}.mc .mcs.live{color:var(--lime)}
  .mc .mc-more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-size:12.5px;font-weight:500}.mc .mc-more svg{width:12px;height:12px}
  .mc-inc .mc-t b{font-size:16px}.mc-when{margin:0;color:var(--red);font-size:13px;font-weight:500}.mc-ev{margin:0;color:var(--ink-2);font-size:13px;line-height:1.45}
  .mc-by{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.mc-names{color:var(--ink-2)}
  .mc-share{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mc-share svg{width:14px;height:14px}.mc-inc .mc-h{padding-right:36px}
  .mr{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-decoration:none;min-width:0;cursor:pointer}
  .mr > svg{width:14px;height:14px;color:var(--dim);flex:none}
  .mr-t{min-width:0;flex:1 1 auto;display:grid;gap:2px}.mr-t b{font-size:14.5px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mr-t b a{color:inherit;text-decoration:none}.mr-t small{font-size:12px;color:var(--muted)}.mr-t small b{font-size:12px;color:var(--ink-2);display:inline}
  .mr-r{margin-left:auto;display:grid;justify-items:end;gap:2px;text-align:right;flex:none}.mr-r b{font-size:16px;font-weight:700;letter-spacing:-.01em}.mr-r b.red{color:var(--red)}.mr-r b.up{color:var(--lime)}.mr-r b.amber{color:var(--amber)}.mr-r b.dim{color:var(--dim)}.mr-r small{font-size:10.5px;color:var(--muted);white-space:nowrap}
  .mr-buy .mr-ch{color:var(--ink-2)}
  .mr-vs{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.mr-vs > div{display:grid;justify-items:end;text-align:right;gap:1px}.mr-vs .k{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}.mr-vs b{font-size:16px;font-weight:700}.mr-vs b.red{color:var(--red)}.mr-vs b.up{color:var(--lime)}.mr-vs small{font-size:10px;color:var(--muted)}.mr-vs .vs{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}
  .faces{display:inline-flex;align-items:center}.faces .avatar{margin-left:-6px;border:2px solid var(--card);width:22px;height:22px}.faces .avatar:first-child{margin-left:0}.faces i{font-style:normal;font-size:11px;color:var(--muted);margin-left:5px}
  .mc .faces .avatar{width:20px;height:20px}
  .mcv{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2)}.mcv em{font-style:normal;font-weight:500}.mcv em.red{color:var(--red)}.mcv em.up{color:var(--lime)}.mcv i{font-style:normal;color:var(--dim)}.mcv.dim em{color:var(--muted)}
  .mr-r .mcv{font-size:11px}
  .mc-t em,.mr-t em{font-style:normal;color:var(--muted);font-weight:500}.mc-t em.lime{color:var(--lime);font-weight:600}
  .mc .avatar.tok,.mr .avatar.tok{border-radius:8px}
  /* the live feed on phones: records, not cards */
  .feedcard .fhead2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 8px}.fhead2 h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.fhead2 small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
  .ffilter{position:relative}.ffilter summary{list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);padding:7px 10px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.03);cursor:pointer;white-space:nowrap}.ffilter summary::-webkit-details-marker{display:none}.ffilter summary svg{width:12px;height:12px;color:var(--muted)}
  .fmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:200px;display:grid;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(20,21,25,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.5)}
  .fmenu button{text-align:left;font:500 13px var(--sans);color:var(--ink-2);background:transparent;border:0;padding:9px 10px;border-radius:9px;cursor:pointer}.fmenu button.sub{padding-left:22px;color:var(--muted);font-size:12.5px}.fmenu button[aria-pressed="true"]{color:var(--ink);background:rgba(255,255,255,.07)}
  .feedcard .fdlist{display:grid;gap:0;padding:0 10px 6px}.feedcard .fdlist > .mc,.feedcard .fdlist > .mr{border:0;border-radius:0;background:transparent;border-top:1px solid var(--line);padding:12px 2px 11px}.feedcard .fdlist > [data-kind]:first-child{border-top:0}
  .feedcard .fdlist > [hidden]{display:none}
  .fmore{margin:6px 14px 14px;padding:11px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--ink-2);font:500 13px var(--sans);cursor:pointer;width:calc(100% - 28px)}.fmore[hidden]{display:none}
  /* the phone shell: the search and report icons bare, the slim footer in the end band, nothing legal in the drawer */
  .mtop .mright{display:flex;align-items:center;gap:2px}.mtop .burger.plain{border:0;background:transparent;box-shadow:none;width:38px;height:38px}
  .endcap{height:36px;margin-top:0;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))}
  .mfoot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#050505;border-top:1px solid rgba(255,255,255,.05)}
  .mf-brand{display:inline-flex;align-items:center;gap:7px;color:var(--dim);font-size:12px;font-weight:600;text-decoration:none}.mf-brand img{width:16px;height:16px;opacity:.6;filter:grayscale(1)}
  .mfoot nav{display:flex;gap:14px}.mfoot nav a{color:var(--dim);font-size:12px;text-decoration:none}
  /* the wallet page: Entries and Chasers behind one control */
  .wseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 0 10px}
  html[data-wpane="entries"] #chasers{display:none}html[data-wpane="chasers"] .ch-feed{display:none}
  /* investigations, before the door opens */
  .coming{padding:26px 18px;grid-template-columns:1fr;gap:18px;border-radius:16px}.coming h1{font-size:27px}.coming p{font-size:14.5px}.coming .cta{flex-wrap:wrap;gap:8px}
}
/* the search sheet (phones) */
.ssbox{width:min(480px,100%)}
.ssq{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--m-line);border-radius:12px;background:rgba(255,255,255,.04)}.ssq svg{width:16px;height:16px;color:var(--m-muted);flex:none}.ssq input{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:var(--m-ink);font:400 16px var(--sans)}
.ssres{display:grid;gap:4px;margin-top:10px;max-height:52vh;overflow:auto}.ss-hint{margin:6px 4px;color:var(--m-muted);font-size:12.5px}
.ssh{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--m-ink);text-decoration:none}.ssh:hover{background:rgba(255,255,255,.05)}.ssh .t{display:grid;gap:1px;min-width:0;flex:1 1 auto}.ssh .t b{font-size:14px}.ssh .t small{font-size:12px;color:var(--m-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssh .tag{font-family:var(--mono);font-size:10.5px;color:var(--m-mono);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:700px){#searchsheet{align-items:flex-start}#searchsheet .box{margin-top:10px;width:calc(100% - 16px);max-width:none}}
/* ─── D272 ─── */
/* the tooltip: a lowercase i in its ring, and one box for the page that no panel can clip */
.info{width:15px;height:15px;font:italic 600 10.5px/1 Georgia,"Times New Roman",serif;color:var(--muted)}
.info::after{display:none}
.tipbox{position:fixed;z-index:400;padding:10px 12px;border-radius:12px;background:rgba(20,21,25,.78);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.5);color:var(--ink);font:400 12.5px/1.5 var(--sans);text-align:left;text-transform:none;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity .14s}
.tipbox.on{opacity:1}.tipbox[hidden]{display:none}
/* the profile's record changes: two doors, each with its count */
.rcseg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 16px 8px}
.rcseg button{text-align:left;display:grid;gap:2px;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;font-family:var(--sans);transition:border-color .15s,background-color .15s}
.rcseg button b{font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-.01em}.rcseg button small{font-size:11px;color:var(--dim);line-height:1.3}
.rcseg button[aria-pressed="true"]{border-color:rgba(var(--lime-rgb),.3);background:rgba(var(--lime-rgb),.07)}.rcseg button[aria-pressed="true"] b{color:var(--lime)}
#incidents [data-rc-pane][hidden]{display:none}
/* the activity board's shill rows: the time at the right, the source under the face */
#l-shills .mcol{display:grid;justify-items:center;gap:3px}#l-shills .plat{font:600 9.5px var(--mono);color:var(--dim);letter-spacing:.06em;font-style:normal;line-height:1}
#l-shills .item__n.keep > span > small:empty{display:none}
/* the airdrop page: the three steps spread over the card's height on desktop, so nothing pools under them */
@media (min-width:701px){.ad-card .ad-three{flex:1 1 auto;justify-content:space-evenly}.ad-three li{padding:15px 0}.ad-three li:first-child{padding-top:4px}}
@media (max-width:700px){
  /* investigations: the two doors side by side */
  .coming .cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coming .cta .btn{justify-content:center;padding:11px 8px;font-size:12.5px;white-space:nowrap}.coming .cta .btn svg{width:13px;height:13px}
  /* the lists on phone pages: a screen tall, scrolling inside the page, their edges fading while there is more */
  /* the sort control fits the option it shows */
  .msort select{appearance:none;-webkit-appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}
  /* shill cards (D272): the source and the time first, who shilled what under it, the token's move since its first promotion at the right */
  .mc-meta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-meta .red{color:var(--red)}.mc-meta .dim{color:var(--dim)}
  .mc-t b.mc-line{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap;min-width:0;font-size:15px}.mc-line > a{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;color:var(--ink);text-decoration:none;font-weight:600}.mc-line > span,.mc-line > em{flex:none}
  .mc-shill .mc-r b{font-size:17px}.mc-r b.up{color:var(--lime)}
  /* incident cards (D272): the rule beside the token, the move under it, the promoters in ink */
  .mc-inc .mc-t{gap:4px}.mc-inc .mc-t b.mc-line{font-size:16px}.mc-inc .mc-line > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.mc-inc .mc-line .badge{flex:none}
  .mc-move{display:flex;align-items:center;gap:8px}.mc-move > b{font-size:13.5px;font-weight:700;color:var(--red)}
  .mc-by{font-size:13.5px;color:var(--ink-2)}.mc-by .mcl{color:var(--dim)}.mc-names{color:var(--ink);font-weight:600}
  /* the explore page: the search a touch lower, the airdrop strip under it, the feed a plain list of records behind a filter of checks */
  .xhero{padding:68px 0 24px}
  section#l-feed.panel.col{display:block;height:auto;min-height:0;margin-top:22px;border:0;background:transparent;box-shadow:none;padding:0;border-radius:0}
  .feedcard .fhead2{padding:0 2px 10px}
  .feedcard .fdlist{display:grid;gap:8px;padding:2px 0 8px}.feedcard .fdlist > .mc,.feedcard .fdlist > .mr{border:1px solid var(--line);border-radius:14px;background:var(--card)}.feedcard .fdlist > .mc{padding:12px 12px 11px}.feedcard .fdlist > .mr{padding:11px 12px}
  .fmore{margin:8px 0 0;width:100%}
  .fmenu{min-width:220px}.fmenu button{display:flex;align-items:center;gap:9px}.fmenu button::before{content:"";width:15px;height:15px;border-radius:5px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);flex:none;font:700 10px/15px var(--sans);text-align:center;color:#0B0E05}.fmenu button[aria-pressed="true"]{background:transparent;color:var(--ink)}.fmenu button[aria-pressed="true"]::before{content:"✓";background:var(--lime);border-color:var(--lime)}
  /* the airdrop strip: a thin atmospheric band in the logo's own black, blue and green, with a compact action, not a card with a pill */
  /* the token chart on a phone: the title and Replay on one row, the mode and the timeframes under it, smaller pins kept inside the chart */
  #lc > .phead{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"t s r" "m f f";align-items:center;gap:9px 8px;padding:14px 14px 10px}
  #lc > .phead > .end{display:contents}
  #lc-title{grid-area:t;margin:0}#lc-sub{grid-area:s;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lc .rpbtn{grid-area:r;margin:0;padding:4px 9px 4px 7px;font-size:11.5px}#lc-mode{grid-area:m;justify-self:start}#lc-tfs{grid-area:f;justify-self:end}
  #lc .tfs button{padding:4px 7px;font-size:10.5px}
  .mk{width:21px;height:21px;font-size:10px}.mk.post,.mk.event{border-width:1.5px;box-shadow:0 0 0 2px rgba(5,5,5,.92)}.mk[data-count]:before{top:-7px;right:-8px;min-width:13px;height:13px;line-height:13px;font-size:8.5px;padding:0 3px}
  #lc .legend{gap:6px 14px;padding:10px 14px}
}
/* the replay's controls (D272): a hairline seek, a small play glyph, quiet text actions; nothing competes with the replay */
.replay{gap:0}
.rp-stage canvas{aspect-ratio:16/10}
.rp-bar{margin:6px 2px 0;padding:0;height:30px;gap:8px;opacity:.7;transition:opacity .2s}
.replay:hover .rp-bar,.rp-bar:focus-within{opacity:1}
.rp-play{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(7,7,8,.5);color:#fff;font-size:11px;backdrop-filter:blur(6px)}
.rp-bar input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:14px;margin:0;cursor:pointer}
.rp-bar input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:rgba(255,255,255,.22)}
.rp-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#dcdde2;margin-top:-4px;box-shadow:0 0 0 3px rgba(7,7,8,.6)}
.rp-bar input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:rgba(255,255,255,.22)}
.rp-bar input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#dcdde2}
.rp-time{font-size:10.5px;color:rgba(255,255,255,.55);min-width:70px;font-family:var(--mono)}
.rp-acts{margin-top:8px;gap:6px}
.rp-acts .btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;box-shadow:none;flex:0 0 auto}
.rp-acts .btn:hover{color:var(--ink);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.sp-replay .rp-acts .btn{flex:0 0 auto}
@media (max-width:700px){.rp-acts .btn{flex:1 1 auto;justify-content:center}}
/* ─── D273 ─── */
/* the records' cards everywhere (lifted from the phone block so the desktop boards share them) */
.mc{position:relative;display:grid;gap:8px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}
.mc-h{display:flex;align-items:center;gap:10px;min-width:0}.mc-t{min-width:0;flex:1 1 auto;display:grid;gap:1px}.mc-t b{font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mc-who{display:flex;align-items:baseline;gap:6px;font-size:12.5px;min-width:0}.mc-who a{color:var(--ink);font-weight:600;text-decoration:none}.mc-who small{color:var(--muted);font-size:11.5px;white-space:nowrap}
.mc-r{margin-left:auto;display:grid;justify-items:end;gap:3px;text-align:right;flex:none}.mc-r b{font-size:16px;font-weight:700;letter-spacing:-.01em}.mc-r b.red{color:var(--red)}.mc-r b.up{color:var(--lime)}.mc-r small{font-size:10.5px;color:var(--muted);white-space:nowrap}
.mc .fq{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.mc-f{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.mcl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}
.mc .mcs{margin-left:auto;font-size:10.5px;color:var(--dim);font-family:var(--mono);letter-spacing:.04em}.mc .mcs.live{color:var(--lime)}
.mc .mc-more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-size:12.5px;font-weight:500}.mc .mc-more svg{width:12px;height:12px}
.mc-inc .mc-t b{font-size:16px}.mc-when{margin:0;color:var(--red);font-size:13px;font-weight:500}.mc-ev{margin:0;color:var(--ink-2);font-size:13px;line-height:1.45}
.mc-by{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.mc-names{color:var(--ink-2)}
.mc-share{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mc-share svg{width:14px;height:14px}.mc-inc .mc-h{padding-right:36px}
.mr{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-decoration:none;min-width:0;cursor:pointer}
.mr > svg{width:14px;height:14px;color:var(--dim);flex:none}
.mr-t{min-width:0;flex:1 1 auto;display:grid;gap:2px}.mr-t b{font-size:14.5px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mr-t b a{color:inherit;text-decoration:none}.mr-t small{font-size:12px;color:var(--muted)}.mr-t small b{font-size:12px;color:var(--ink-2);display:inline}
.mr-r{margin-left:auto;display:grid;justify-items:end;gap:2px;text-align:right;flex:none}.mr-r b{font-size:16px;font-weight:700;letter-spacing:-.01em}.mr-r b.red{color:var(--red)}.mr-r b.up{color:var(--lime)}.mr-r b.amber{color:var(--amber)}.mr-r b.dim{color:var(--dim)}.mr-r small{font-size:10.5px;color:var(--muted);white-space:nowrap}
.mr-buy .mr-ch{color:var(--ink-2)}
.mr-vs{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.mr-vs > div{display:grid;justify-items:end;text-align:right;gap:1px}.mr-vs .k{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}.mr-vs b{font-size:16px;font-weight:700}.mr-vs b.red{color:var(--red)}.mr-vs b.up{color:var(--lime)}.mr-vs small{font-size:10px;color:var(--muted)}.mr-vs .vs{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono);color:var(--dim)}
.faces{display:inline-flex;align-items:center}.faces .avatar{margin-left:-6px;border:2px solid var(--card);width:22px;height:22px}.faces .avatar:first-child{margin-left:0}.faces i{font-style:normal;font-size:11px;color:var(--muted);margin-left:5px}
.mc .faces .avatar{width:20px;height:20px}
.mcv{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2)}.mcv em{font-style:normal;font-weight:500}.mcv em.red{color:var(--red)}.mcv em.up{color:var(--lime)}.mcv i{font-style:normal;color:var(--dim)}.mcv.dim em{color:var(--muted)}
.mr-r .mcv{font-size:11px}
.mc-t em,.mr-t em{font-style:normal;color:var(--muted);font-weight:500}.mc-t em.lime{color:var(--lime);font-weight:600}
.mc .avatar.tok,.mr .avatar.tok{border-radius:8px}
.mc-meta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-meta .red{color:var(--red)}.mc-meta .dim{color:var(--dim)}
.mc-t b.mc-line{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap;min-width:0;font-size:15px}.mc-line > a{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;color:var(--ink);text-decoration:none;font-weight:600}.mc-line > span,.mc-line > em{flex:none}
.mc-shill .mc-r b{font-size:17px}.mc-r b.up{color:var(--lime)}
.mc-inc .mc-t{gap:4px}.mc-inc .mc-t b.mc-line{font-size:16px}.mc-inc .mc-line > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.mc-inc .mc-line .badge{flex:none}
.mc-move{display:flex;align-items:center;gap:8px}.mc-move > b{font-size:13.5px;font-weight:700;color:var(--red)}
.mc-by{font-size:13.5px;color:var(--ink-2)}.mc-by .mcl{color:var(--dim)}.mc-names{color:var(--ink);font-weight:600}
.mlist > [hidden],.fdlist > [hidden]{display:none!important}
.fmore{display:block;margin:10px 0 0;padding:11px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--ink-2);font:500 13px var(--sans);cursor:pointer;width:100%}.fmore[hidden]{display:none}
/* the tooltip's i: small, quiet, never shouted by an uppercase head */
.info,.colhead .info,.colrow .colhead .info{width:13px;height:13px;font:italic 500 9.5px/1 Georgia,"Times New Roman",serif;color:var(--dim);border-color:rgba(255,255,255,.13);text-transform:none;letter-spacing:0;opacity:.75;transition:opacity .15s,color .15s}
.info:hover,.info.open,.info:focus-visible{opacity:1;color:var(--muted)}
/* the desktop boards on the live feed: the records as rows */
@media (min-width:701px){
  .trio .list > .mc,.trio .list > .mr{border:0;border-radius:0;background:transparent;border-top:1px solid var(--line);padding:12px 18px 11px}.trio .list > [data-kind]:first-child{border-top:0}
  .trio .list > .mc.new,.trio .list > .mr.new{animation:fdin 1.1s ease-out}
  .trio .mc-share{top:9px;right:12px}
}
/* incident cards (D273): the fall beside the trigger line, the promoters and View details on one row, nothing under them */
.mc-inc{gap:7px}
.mc-when{display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-when > span{color:var(--red)}.mc-pct{color:var(--red);font-size:15px;font-weight:700;letter-spacing:-.01em}
.mc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-foot .mc-by{min-width:0}
.mc-share{color:var(--muted)}.mc-share svg{width:14px;height:14px}
/* shill cards: the move sits on the handle line's baseline */
.mc-meta .amber{color:var(--amber)}
.mc-shill .mc-r{align-self:end;padding-bottom:1px}.mc-shill .mc-r b{font-size:15px;line-height:1.1}.mc-shill .mc-r small{line-height:1.1}
/* the profile's record changes: two quiet chips over one list, both on */
.rcbar{display:flex;gap:6px;padding:10px 16px 4px;flex-wrap:wrap}
.rchip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--dim);font:500 12px var(--sans);cursor:pointer;transition:color .15s,border-color .15s}
.rchip i{width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none}.rchip b{font:500 11px var(--mono);color:var(--dim)}
.rchip.on{color:var(--ink-2);border-color:var(--line-2)}.rchip.on i{background:var(--lime);box-shadow:0 0 8px rgba(var(--lime-rgb),.5)}.rchip.on b{color:var(--muted)}
#rclist > [hidden]{display:none}
/* the watchlist's door: one glass card over a faint ghost of the page */
.wlgate{min-height:min(640px,calc(100vh - var(--fab) - 140px));display:flex;align-items:center;justify-content:center;padding:24px 0}
.wlgate-bg{position:absolute;inset:0;filter:blur(9px) saturate(.5);opacity:.3;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 40%,#000 18%,transparent 72%)}
.wlgate-card{position:relative;left:auto;top:auto;transform:none;width:min(440px,100%);padding:30px 28px 26px;text-align:center;display:grid;gap:14px;justify-items:center;background:rgba(14,15,18,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.6);border-radius:20px}
.wlgate-card .pill{font-size:10.5px}.wlgate-card h3{font-size:24px;letter-spacing:-.025em}.wlgate-card p{font-size:14.5px;line-height:1.5;max-width:36ch}.wlgate-card .cta{margin-top:2px}.wlgate-card .note{font-size:12px;color:var(--dim);border-left:0;padding:0;margin-top:-4px}
/* the token chart's head: the token with its live dot, the mode and the candle size; no legend under the chart */
#lc > .phead{padding:14px 18px 12px}
#lc-title{display:inline-flex;align-items:center;gap:9px;font-size:16px;letter-spacing:-.015em}.lc-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);display:inline-block;flex:none}.lc-dot.live{background:var(--lime);box-shadow:0 0 8px rgba(var(--lime-rgb),.55)}
#lc-sub{font-size:11.5px}#lc-sub:empty{display:none}
.lc-tfsel{display:none}
#lc .legend{display:none}
/* the replay's stage: the controls over the bottom of the picture, shown on a hover or a touch, a hairline seek, full screen at the right */
.rp-stage canvas{aspect-ratio:4/3}
.rp-stage .rp-bar{position:absolute;left:0;right:0;bottom:0;margin:0;height:auto;padding:26px 12px 10px;gap:10px;opacity:0;background:linear-gradient(180deg,rgba(7,7,8,0),rgba(7,7,8,.75));transition:opacity .22s;z-index:3}
.rp-stage:hover .rp-bar,.rp-stage.show .rp-bar,.rp-stage .rp-bar:focus-within{opacity:1}
.rp-play{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,7,8,.55);color:#fff;font-size:11px}
.rp-time{order:0;min-width:0}.rp-seek{order:1}.rp-full{order:2;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(7,7,8,.45);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.rp-full svg{width:14px;height:14px}
.rp-acts{margin-top:10px}
@media (max-width:700px){
  /* the phone shell: one background to the footer, no band */
  .endcap{display:none}.mfoot{background:transparent;border-top:1px solid rgba(255,255,255,.055);padding-top:14px;margin-top:22px}
  .mpage .mlist,.feedcard .fdlist{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
  /* explore: the search lower and its art quieter, the strip a touch fuller, the link over the action */
  .xhero{padding:88px 0 24px}.xhero .art{width:76px;opacity:.15;top:8px}
  .fhead2 h3 .dot{display:none}
  /* the search sheet: from the top, one field, results under it */
  #searchsheet{align-items:flex-start}#searchsheet .box{margin:0;width:100%;max-width:none;border-radius:0 0 22px 22px;border-top:0;padding:calc(10px + env(safe-area-inset-top)) 14px 14px;background:rgba(10,11,13,.9);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}
  .ssrow{display:flex;align-items:center;gap:10px}.ssq{flex:1 1 auto;padding:11px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.ssq svg{width:17px;height:17px;color:var(--lime)}.ssq input{font-size:17px}
  .ssx{border:0;background:transparent;color:var(--muted);font:500 14px var(--sans);padding:6px 2px;cursor:pointer}
  .ssres{margin-top:12px;max-height:60vh}.ss-hint{color:var(--dim);font-size:12px;font-family:var(--mono);letter-spacing:.02em;margin:8px 4px 2px}
  .ssh{padding:10px 8px;border-radius:12px}.ssh .t b{font-size:14.5px}
  /* the token chart on a phone: the token, the mode and one candle size with a menu, tight */
  #lc > .phead{grid-template-columns:1fr auto auto;grid-template-areas:"t m f";gap:8px;padding:12px 12px 8px}
  #lc-sub,#lc-tfs{display:none}#lc-mode{grid-area:m}
  .lc-tfsel{grid-area:f;display:inline-block;appearance:none;-webkit-appearance:none;font:500 11px var(--mono);color:var(--lime);background:rgba(var(--lime-rgb),.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8FF3C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/11px;border:1px solid rgba(var(--lime-rgb),.25);border-radius:999px;padding:5px 24px 5px 11px}
  .tk-chart .tv{height:300px}
  .wlgate{min-height:0;padding:8px 0 26px}.wlgate-bg{display:none}.wlgate-card{padding:26px 20px 22px}
  .rp-stage .rp-bar{opacity:1;padding:22px 10px 8px}
}
/* ─── D274 ─── */
.list > [hidden]{display:none!important}
.fq,.item__d,.mc .fq,.mc-ev{overflow-wrap:anywhere;word-break:break-word}
/* incident cards: the fall beside the move */
.mc-move{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mc-move .mc-pct{font-size:12.5px;font-weight:700;color:var(--red);letter-spacing:0}.mc-move .div{width:1px;height:12px;background:var(--line-2);display:inline-block}
.mc-when{display:block}
/* the search sheet's field: one box, not a field inside a field */
.ssq input{-webkit-appearance:none;appearance:none;border:0;border-radius:0;box-shadow:none;outline:0;background:transparent;padding:0;margin:0}.ssq input::-webkit-search-decoration,.ssq input::-webkit-search-cancel-button,.ssq input::-webkit-search-results-button{-webkit-appearance:none;display:none}
/* the replay in its theatre (D274): the page dimmed and still behind it, the stage large but not the whole screen */
.replay.rp-fill{position:fixed;inset:0;z-index:2000;background:rgba(5,5,5,.94);display:flex;align-items:center;justify-content:center;padding:3vh 3vw;cursor:zoom-out}
.replay.rp-fill .rp-stage{width:min(94vw,calc(94vh * 4 / 3));border-radius:16px;box-shadow:0 40px 120px rgba(0,0,0,.7);cursor:default}.replay.rp-fill .rp-stage canvas{aspect-ratio:4/3;width:100%;height:auto}.replay.rp-fill .rp-acts,.replay.rp-fill .rp-badge{display:none}
body.rp-lock{overflow:hidden;touch-action:none;overscroll-behavior:none}
@media (max-width:700px){
  /* nothing scrolls inside the page on a phone (D274): every panel takes its height from its rows, a long list pages with Show more */
  .main3 > .panel.col,.main3 .colstack > .panel.col,.ws > .panel.col,.ws .colstack > .panel.col,.tk-grid .panel.tall,.panel.col,.main3.fixed > .panel.col,.main3.fixed .colstack > .panel.col{height:auto!important;max-height:none!important}
  /* a list on a phone is a bounded scroller of its own (D276): about a screen tall, it scrolls in place and hands the scroll to the page at its end; the panel never clips it */
  .panel.col > .list,.panel.col > .pane > .list,.list.scroll,.tk-act > .list.scroll,.tk-grid .panel.tall > .list,.main3.fixed .panel.col > .list{overflow-y:auto!important;overflow-x:hidden!important;max-height:min(68vh,640px)!important;flex:none!important;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}
  .list.pnl-wrap{overflow-x:auto!important}
  .mfoot{margin-top:34px}
  .replay.rp-fill{padding:0 2vw}.replay.rp-fill .rp-stage{width:96vw}
  /* a row's text never runs past its card: addresses and links break where they must */
  .list .fd,.list .item,.list .fd > *,.list .item__main{min-width:0;max-width:100%}.list .fd *,.list .item__main *,.list .item__d *{overflow-wrap:anywhere;word-break:break-word;min-width:0}
  .pcard{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.pcard > *{min-width:0;max-width:100%}.pcard .b,.pcard .h,.pcard .f{overflow-wrap:anywhere;word-break:break-word}.pcard .h .m{white-space:nowrap;flex:none}
  .ss-hint{font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--muted)}
}
/* ─── D275 … D281 ─── */
/* the front door (D283): DeShill's record as an archive facing the page's left (components/isoscene.ts, EXPLORE_SCENE) — three bays stepping down to the right (Statements, Activity, Outcomes) with plates on their near walls and labelled records filed inside, a softer row behind (profiles, tokens, wallets) under captions, the coin far back. The scene is anchored to the right edge, lit from the upper left, dissolves inside the drawing and through the mask, and ends at the hero's foot, so nothing continues behind the strip */
.xhero{min-height:0;height:440px;box-sizing:border-box;padding:0;overflow:visible;display:flex;align-items:center;justify-content:center;background:none;border-radius:0}
.xhero:before,.xhero .art,.xhero .coin{display:none}
.xenv{position:absolute;left:50%;right:auto;width:calc(100vw - var(--side));transform:translateX(-50%);top:calc(-1 * var(--fab));bottom:0;height:auto;pointer-events:none;overflow:hidden;border-radius:0;background:var(--bg);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.xenv:before{content:none}
.xenv svg{position:absolute;top:0;bottom:auto;left:50%;right:auto;transform:translateX(-50%);height:100%;width:auto;overflow:visible}.xenv .am{display:none}.xenv path{vector-effect:non-scaling-stroke}.xenv .glow{animation:ad-lit 8s ease-in-out infinite}
.xenv .drift{animation:xdrift 40s ease-in-out infinite alternate;transform-origin:78% 40%}@keyframes xdrift{from{transform:translate(0,0) scale(1)}to{transform:translate(-22px,12px) scale(1.08)}}.xenv .float{animation:xfloat 11s ease-in-out infinite alternate}.xenv .float.b{animation-duration:13s;animation-delay:-4s}.xenv .float.c{animation-duration:9s;animation-delay:-7s}@keyframes xfloat{from{transform:translateY(0)}to{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.xenv .drift,.xenv .float,.xenv .glow{animation:none}}
@media (min-width:761px) and (max-width:1459px){.xin .xsearch{max-width:min(640px,calc((100vw - var(--side)) * .53))}.xenv .ar{width:100%;height:auto;top:calc(339px - (100vw - var(--side)) * .2694);bottom:auto}}
.xenv path{vector-effect:non-scaling-stroke}.xenv .glow{animation:ad-lit 8s ease-in-out infinite}
.xenv text{font-family:var(--mono);fill:#fff}.xenv .pn{font-size:13px;font-weight:500;letter-spacing:.12em;fill:#c9ff5e;fill-opacity:.85}.xenv .pl{font-size:12px;font-weight:500;letter-spacing:.1em;fill-opacity:.7}.xenv .ps{font-size:8.5px;letter-spacing:.01em;fill-opacity:.42}.xenv .tl{font-size:9.5px;font-weight:500;letter-spacing:.1em}
.xin{position:relative;z-index:1;align-items:center;text-align:center;width:min(760px,100%);padding:0 28px;gap:22px;margin:0}
.xin h1{font-size:clamp(44px,4.6vw,64px);line-height:.98;letter-spacing:-.04em;max-width:none;text-wrap:balance;text-shadow:0 14px 44px rgba(0,0,0,.75)}
.xin h1 .dimline{color:#a2a9a6}.xin h1 .dimline::after{content:none}
.xsearch{max-width:640px;margin-top:2px}.xsearch form{padding:8px 8px 8px 26px;gap:14px;background:rgba(8,9,10,.6);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:rgba(255,255,255,.13);box-shadow:0 30px 70px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07)}
.xsearch form:focus-within{border-color:rgba(255,255,255,.3)}.xsearch form > svg{width:19px;height:19px}.xsearch input{font-size:17.5px}.xsearch .go{flex:0 0 48px;width:48px;height:48px}
.trend{justify-content:center;gap:10px;margin-top:-8px}.trend b{font-size:11px;letter-spacing:.14em}.trend a,.trend button{font-size:12px;padding:8px 14px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.11)}
.livehead{margin-top:12px}
/* the token card (D282): the mark, the ticker and a live dot; the market cap large; the day's line through the middle over a faint lime floor; "View on Jupiter" quiet at the foot. Near-black glass with a dark grey edge, a little shorter than square; the phone drawer carries the same card */
.tokencard.live{display:grid;grid-template-rows:auto auto 1fr auto;gap:5px;aspect-ratio:1/0.8;padding:12px 13px 11px;border-radius:15px;border:1px solid #202324;background:linear-gradient(180deg,#0b0c0d,#070808 70%,#060707),radial-gradient(70% 50% at 50% 100%,rgba(184,255,60,.07),transparent 70%);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 18px 36px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);color:var(--ink);text-decoration:none;position:relative;overflow:hidden;text-transform:none;letter-spacing:0;font:400 12px var(--sans);transition:border-color .15s ease}
.tokencard.live:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(70% 46% at 50% 102%,rgba(184,255,60,.09),transparent 70%);pointer-events:none;display:block}
.tokencard.live:hover{border-color:#2d3133}
.tokencard.live > span{display:block;line-height:normal;position:relative}
.tokencard.live .tk-top{display:flex;align-items:center;gap:7px}.tokencard.live .tk-top img{width:20px;height:20px;border-radius:6px;opacity:1;padding:2px;background:#0b0c0b;border:1px solid rgba(255,255,255,.08)}.tokencard.live .tk-top b{font:500 12px var(--sans);color:var(--ink-2);letter-spacing:.01em}
.tokencard.live .tk-live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font:500 10px var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--lime)}.tokencard.live .tk-live i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime)}
.tokencard.live .tk-num{display:block;margin-top:1px}.tokencard.live .tk-num b{font:600 24px var(--sans);letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.tokencard.live .tk-chart{display:block;align-self:center;min-height:40px}.tk-spark{display:block;width:100%;height:48px}.tokencard.live .tk-wait{display:flex;align-items:center;height:40px;font-size:11px;color:var(--dim);line-height:1.3}
.tokencard.live .tk-foot{display:flex;align-items:center;justify-content:space-between;padding-top:4px;font:400 11px var(--sans);color:var(--muted)}.tokencard.live .tk-foot > span{display:inline}.tokencard.live .tk-foot svg{width:12px;height:12px;color:var(--dim)}
.drawerbox .tokencard.live{aspect-ratio:1/0.8;height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:5px;padding:12px 13px 11px}
.drawerbox .tokencard.live .tk-chart{grid-column:1;grid-row:auto;align-self:center;min-height:40px}.drawerbox .tk-spark{height:48px}.drawerbox .tokencard.live .tk-wait{height:40px}
.drawerbox .tokencard.live .tk-foot{grid-column:1;margin-top:0}
/* the explore boards' records as cards (D275) */
.trio .list{display:grid;gap:8px;padding:10px 12px 12px;align-content:start}
.trio .list > .mc,.trio .list > .mr{border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.02)!important;padding:12px 12px 11px!important}
.trio .list > .mc:hover,.trio .list > .mr:hover{background:rgba(255,255,255,.035)!important}
/* incident cards without the trigger line (D276): the token and its fall, then the promoters */
.mc-inc{gap:10px}
/* shill cards (D277): the move sits level with the source line, "since first promo" level with the handle line */
.mc-shill .mc-h{align-items:flex-start}.mc-shill .mc-h > .avatar{align-self:center}.mc-shill .mc-t{gap:1px}.mc-shill .mc-meta{line-height:17px}.mc-shill .mc-t b.mc-line{line-height:22px}
.mc-shill .mc-r{gap:1px;align-self:flex-start;margin-top:0}.mc-shill .mc-r b{font-size:15.5px;line-height:17px}.mc-shill .mc-r small{line-height:22px}
/* the search sheet's field is a plain text field (D277): nothing of the platform's own search box remains inside ours */
#msq{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* lists scroll in place and hand the scroll to the page at their end (D276): a bounded list on every size, a fade at its foot while more is below, nothing to press; more rows arrive as the reader nears the foot */
.panel.col:after,.panel.tall:after{transition:opacity .25s ease}
.panel.col .list.scrolled:before,.panel.tall .list.scrolled:before{content:"";position:sticky;top:-10px;display:block;height:44px;margin:-10px 0 -34px;z-index:3;pointer-events:none;background:linear-gradient(180deg,var(--fadebg,var(--card)) 30%,rgba(14,14,16,0))}
.panel.primary{--fadebg:var(--black)}.panel.primary.col:after{background:linear-gradient(180deg,rgba(7,7,8,0),var(--black) 82%)!important}
.panel.col:has(> .list.atend):after,.panel.col:has(> .pane > .list.atend):after,.panel.tall:has(> .list.atend):after{opacity:0}
.panel.col:not(:has(.list)):after{display:none}
.feedcard .fdlist{max-height:min(760px,78vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
.feedcard:after{display:block}
@media (max-width:700px){
  .xhero{min-height:0;height:auto;padding:12px 0 24px;align-items:center}
  .xenv{top:0;bottom:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 60%,transparent 92%),linear-gradient(90deg,transparent 0,#000 30%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 60%,transparent 92%),linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
  .xenv .ar{display:none}.xenv .am{display:block;left:0;right:auto;transform:none;top:0;bottom:auto;width:100%;height:auto}
  .xin{gap:14px;padding:0 16px;margin-top:84px}.xin h1{font-size:38px;letter-spacing:-.04em;line-height:.96;max-width:none}
  .xsearch{max-width:none}.xsearch form{padding:7px 7px 7px 20px}.xsearch .go{flex:0 0 44px;width:44px;height:44px}.xsearch input{font-size:16px}
  .trend{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:none;width:100%;padding-bottom:2px}.trend::-webkit-scrollbar{display:none}.trend a{flex:none}
  /* the search sheet (D278): a card below the top edge, one pill field, nothing of the platform's own box */
  #searchsheet{align-items:flex-start;padding:0}
  #searchsheet .box{margin:calc(10px + env(safe-area-inset-top)) 10px 0;width:calc(100% - 20px);flex:none;max-width:none;border-radius:20px;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);padding:12px 12px 14px;background:rgba(12,13,15,.94);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}
  .ssrow{display:flex;align-items:center;gap:10px}
  .ssq{flex:1 1 auto;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.ssq svg{width:17px;height:17px;color:var(--lime);flex:none}
  .ssq input,#msq{flex:1 1 0;width:100%;min-width:0;height:100%;font-size:16px;line-height:1;color:var(--ink);-webkit-tap-highlight-color:transparent}
  #msq,#msq:focus,#msq:focus-visible{outline:none!important;border:0!important;box-shadow:none!important;background:transparent!important;-webkit-appearance:none!important;appearance:none!important;border-radius:0!important}
  .ssx{border:0;background:transparent;color:var(--muted);font:500 14px var(--sans);padding:6px 2px;cursor:pointer}
  .livehead{margin-top:30px}
  /* the phone lists without a container (D276): a screen tall, scrolling in place, a fade at the foot while more is below */
  .mlist,.feedcard .fdlist{position:relative;max-height:min(68vh,640px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0!important}
  .mlist::-webkit-scrollbar,.feedcard .fdlist::-webkit-scrollbar{display:none}
  .mpane{position:relative;padding-bottom:0}.mlist{margin-bottom:0}.mpane::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:150px;background:linear-gradient(180deg,rgba(5,5,5,0),var(--bg) 72%);pointer-events:none;z-index:2;transition:opacity .25s ease;transform:translateZ(0)}
  .mpane:has(> .mlist.atend)::after{opacity:0}
  .feedcard{position:relative}
  .feedcard:after{display:block!important;left:-2px;right:-2px;bottom:-4px!important;height:150px!important;border-radius:0;background:linear-gradient(180deg,rgba(5,5,5,0),var(--bg) 72%)!important;z-index:2;transform:translateZ(0)}
  .feedcard:has(> .fdlist.atend):after{opacity:0}
  /* the profile head on a phone: the name, the handle and the line sit together beside the face, which starts where the name does; Share keeps the corner */
  .panel.hx{position:relative}.hx-p .hx-name .share.top{position:absolute;top:14px;right:14px;margin:0}.hx-p .hx-name{gap:3px 8px}.hx-p .hx-name .nm{max-width:calc(100% - 118px)}.hx-who{gap:3px}
  .hx-id{align-items:flex-start}.hx-id > .avatar{margin-top:2px}
  /* the token chart: less air inside its card */
  #lc{padding:12px 12px 6px}#lc > .phead{padding:0 0 10px}
}