/* Layout: one column; hero, stat strip, full-width bubble field with a side drawer (stacks on phones), then chart, paired coins, table, method. Deep navy + ice blue from the token's cap. */
:root{
  --ink:#0a1120; --ink2:#101a2d; --bub:#15223a; --line:#21304b; --fg:#e8eefa; --mute:#8d9cb8;
  --ice:#8fe3ff; --true:#7fd8ff; --red:#f2b84b; --exit:#ff6b7d; --dev:#ff6b7d; --edge:#c4a7ff;
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--ink);color:var(--fg);margin:0}
body{font-family:var(--f-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--ice)}
.min0{min-width:0}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 28px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.hero{display:flex;gap:20px;align-items:center}
.logo{width:96px;height:96px;border-radius:22px;object-fit:cover;flex:none;border:2px solid var(--line);box-shadow:0 0 0 6px rgba(143,227,255,.06)}
h1{font-family:var(--f-display);font-weight:800;font-size:clamp(30px,5vw,54px);line-height:1;margin:0;letter-spacing:-.025em;text-wrap:balance}
h1 span{color:var(--ice)}
.tagline{margin:8px 0 0;color:var(--mute);font-size:16px}
.sub{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.sub a{text-decoration:none;font-size:13px}
.mint{font-family:var(--f-mono);font-size:12px;background:var(--ink2);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:4px 8px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mint[data-copied] span{display:none}.mint[data-copied]::after{content:"Copied"}
:focus-visible{outline:2px solid var(--ice);outline-offset:2px}
.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding-block:8px;background:linear-gradient(var(--ink) 75%,transparent)}
.tabs a{flex:none;text-decoration:none;color:var(--fg);font-size:12px;font-weight:500;letter-spacing:.02em;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--ink2);transition:border-color .15s,color .15s}
.tabs a:hover,.tabs a:focus-visible{color:var(--ice);border-color:var(--ice)}
section[id]{scroll-margin-top:70px}
.senders{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.snd{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;font:inherit;color:var(--fg)}
.snd b{font-family:var(--f-display);font-size:16px;overflow-wrap:anywhere}
.snd small{color:var(--mute)}
.bar3{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--line)}
.bar3 i{display:block}.bar3 .t{background:var(--true)}.bar3 .r{background:var(--red)}.bar3 .e{background:var(--exit);opacity:.7}
td.after{font-size:12px}td.after .ok{color:var(--true)}td.after .bad{color:var(--exit)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.stat b{display:block;font-family:var(--f-display);font-weight:800;font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.stat b i{font-style:normal;font-size:15px;opacity:.75;margin-left:4px}
.stat small{color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.c-true{color:var(--true)}.c-red{color:var(--red)}.c-exit{color:var(--exit)}.c-dev{color:var(--dev);border-color:var(--dev)}
.pulse{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.pulse:empty{display:none}
.ph1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.ph1 .next{margin-left:auto;color:var(--mute);font-family:var(--f-mono);font-size:11px}
.live{width:8px;height:8px;border-radius:50%;background:var(--true);box-shadow:0 0 0 0 rgba(127,216,255,.6);animation:live 2s infinite;flex:none}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(127,216,255,.55)}70%{box-shadow:0 0 0 8px rgba(127,216,255,0)}100%{box-shadow:0 0 0 0 rgba(127,216,255,0)}}
.pg{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pl{font-weight:600;margin-right:4px}
.wchip{font:inherit;font-size:12px;background:var(--ink);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:2px 9px;cursor:pointer}
.wchip.in{border-color:var(--true)}.wchip.out{border-color:var(--exit)}.wchip.lost{border-color:var(--red)}
.more{color:var(--mute);font-size:12px}
.since{color:var(--mute);font-size:12px}.since b{color:var(--fg)}
.b.changed .ring{animation:ping 1.6s ease-out 4}
@keyframes ping{0%{stroke-width:8;stroke-opacity:1}100%{stroke-width:2;stroke-opacity:.6}}
.lead{color:var(--mute);margin:0;max-width:80ch}.lead b{color:var(--fg)}
.sec{display:flex;flex-direction:column;gap:12px}
h3{font-family:var(--f-display);font-weight:800;font-size:24px;margin:10px 0 0;letter-spacing:-.01em}
.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bar input{flex:1 1 240px;min-width:0;background:var(--ink2);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:9px 12px;font:inherit}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--ink2);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.chip span{color:var(--mute);font-variant-numeric:tabular-nums}
.chip[aria-pressed=true]{border-color:var(--ice);color:var(--ice)}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--fg);font-size:12px;align-items:center}
.legend .muted{color:var(--mute)}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:2px solid}
.d-true{border-color:var(--true)}.d-red{border-color:var(--red)}.d-exit{border-color:var(--exit);opacity:.6}.d-dev{border-color:var(--dev)}
.line{display:inline-block;width:16px;height:0;border-top:2px solid var(--edge);margin-right:6px;vertical-align:3px}
.stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.field{position:relative;background:radial-gradient(ellipse at 50% 40%,#132140 0%,var(--ink) 72%);border:1px solid var(--line);border-radius:16px;overflow:hidden;aspect-ratio:16/10;max-width:100%;min-width:0}
.field svg{display:block;width:100%;height:100%}
.b{cursor:pointer;outline:none}.b .ring{fill:none}.b:focus-visible .ring{stroke:var(--fg)!important;stroke-width:4!important}
.edge{stroke:var(--edge);stroke-opacity:.55}
.tip{position:absolute;pointer-events:none;background:rgba(10,17,32,.95);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px;white-space:nowrap}
aside{background:var(--ink2);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:min(80vh,760px);overflow:auto}
.who{display:flex;gap:12px;align-items:center}
aside img,.ph{width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover;background:var(--line)}
aside h2{font-family:var(--f-display);font-weight:800;font-size:21px;margin:0;overflow-wrap:anywhere;line-height:1.15}
.w{font-family:var(--f-mono);font-size:11px;color:var(--mute);overflow-wrap:anywhere}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:1px 6px;border:1px solid;white-space:nowrap}
.why{background:#1b1421;border:1px solid #3b2534;border-radius:10px;padding:10px 12px;font-size:13px}
.why.ok{background:#0e2232;border-color:#1d4761}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;margin:0}
.kv dt{color:var(--mute)}.kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bio{color:var(--mute);font-size:12px;margin:0;overflow-wrap:anywhere}
.links{display:flex;flex-wrap:wrap;gap:8px}
.links a{text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:12px}
.tl{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:5px;font-size:12px}
.tl div{display:grid;grid-template-columns:82px 1fr auto 18px;gap:8px;align-items:baseline}
.tl time{color:var(--mute);font-family:var(--f-mono);font-size:11px}
.tl .amt{text-align:right;font-variant-numeric:tabular-nums}
.tl .via{grid-column:2/4;color:var(--mute);font-size:11px;overflow-wrap:anywhere;margin-top:-3px}
.tl .tx{text-decoration:none;color:var(--mute);grid-column:4;grid-row:1}
.k-buy,.k-launch,.k-in,.k-sold_paired{color:var(--true)}.k-sell,.k-out,.k-spend,.k-burn{color:var(--exit)}.k-fee{color:var(--mute)}
.cohort{background:var(--ink2);border:1px solid var(--line);border-radius:16px;padding:14px;overflow-x:auto}
.cohort svg{min-width:600px;width:100%;height:auto;display:block}
.grid{stroke:var(--line)}.ax{fill:var(--mute);font-size:11px}.lb{fill:var(--fg);font-size:11px;font-weight:600}
.r-true{fill:var(--true)}.r-reduced{fill:var(--red)}.r-exited{fill:var(--exit);opacity:.55}
.list{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}
th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}
th{color:var(--mute);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink2);position:sticky;top:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
td a{text-decoration:none}
#rows tr{cursor:pointer}#rows tr:hover,#rows tr:focus-visible{background:#14213a}
.av{width:22px;height:22px;border-radius:50%;vertical-align:middle;margin-right:8px;object-fit:cover;background:var(--line);display:inline-block}
.mono{font-family:var(--f-mono);font-size:12px;color:var(--mute)}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.how dl{display:grid;grid-template-columns:200px 1fr;gap:10px 20px;margin:0;max-width:900px}
.how dt{font-weight:600}.how dd{margin:0;color:var(--mute)}
.beer{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--ink2);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.beer b{font-family:var(--f-display);font-size:18px}.beer p{margin:4px 0 0;color:var(--mute);font-size:13px}.beer .tag{margin-left:6px;vertical-align:2px}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:var(--mute);font-size:12px;border-top:1px solid var(--line);padding-top:16px}
@media (max-width:860px){.stage{grid-template-columns:minmax(0,1fr)}.field{aspect-ratio:1/1.1}aside{max-height:none}.how dl{grid-template-columns:1fr}.how dd{margin-bottom:6px}}
@media (max-width:480px){.hero{align-items:flex-start}.logo{width:64px;height:64px;border-radius:16px}.stat b{font-size:22px}}
@media (prefers-reduced-motion:reduce){.live,.b.changed .ring{animation:none}*{transition:none!important;scroll-behavior:auto!important}}

.calls{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.call{background:var(--ink2);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-width:0}
.call.kept{border-left-color:var(--true)}.call.part{border-left-color:var(--red)}.call.exit{border-left-color:var(--exit)}
.call header{display:flex;gap:10px;align-items:center}
.call header img,.call header .av{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover;background:var(--line)}
.call header b{display:block;overflow-wrap:anywhere}.call header small{color:var(--mute);font-size:12px}
.call header .tag{margin-left:auto;flex:none}
.call .th{margin:0;font-size:13px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.call:focus-within .th,.call:hover .th{-webkit-line-clamp:unset}
.call .aft{font-size:12px;color:var(--mute)}
.aft .ok,.cpanel .ok{color:var(--true)}.aft .warn,.cpanel .warn{color:var(--red)}.aft .bad,.cpanel .bad{color:var(--exit)}
.call .held{display:flex;align-items:baseline;gap:8px}.call .held small{color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.call .held b{font-family:var(--f-display);font-size:18px}
.call details{font-size:12px;color:var(--mute)}.call details p{margin:6px 0 0;overflow-wrap:anywhere}.call details time{font-family:var(--f-mono);font-size:11px;margin-right:4px}
.call summary{cursor:pointer}
.cpanel{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.cpanel p{margin:6px 0;overflow-wrap:anywhere}.cpanel small{color:var(--mute)}
.call header .min0{flex:1}
.burnbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line)}
.burnbar i{display:block;background:var(--exit);border-right:1px solid var(--ink)}.burnbar i:nth-child(2){background:#ff9a6b}.burnbar i:nth-child(3){background:#ffc46b}.burnbar i.left{background:var(--true);opacity:.5;border:0}
.mute{color:var(--mute)}
.dpbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.dp{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dp small{color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.dp b{font-family:var(--f-display);font-size:20px;color:var(--exit)}.dp span{color:var(--mute);font-size:12px;overflow-wrap:anywhere}
.dp.lock b{color:var(--true)}.lead.small{font-size:12px}
.k-lock{color:var(--true)}