:root{
  --bg:#070807; --bg2:#0D0F0D;
  --t1:#E2E5E0; --t2:#A2A79F; --t3:#8A9188; --t4:#2A2E29; --t5:#191C18;
  --long:#96E75B; --short:#F26D6D; --brand:#96E75B;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--t2);font-family:var(--mono);font-size:14px;line-height:1.5}
a{color:var(--brand);text-decoration:none}
a:hover:not(.pgx-tab){text-decoration:underline}
button{font-family:var(--mono)}
::selection{background:var(--t1);color:var(--bg)}
:focus-visible{outline:1px solid var(--t1);outline-offset:3px}

body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:51;
  background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%)}

.long{color:var(--long)}.short{color:var(--short)}
.w{color:var(--t1)}

/* status bar */
.sbar{border-bottom:1px solid var(--t4);display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center;padding:9px 22px;font-size:12px;color:var(--t3)}
.sbar .id{color:var(--t1);font-weight:800;letter-spacing:.5px}
.sbar .id i{font-style:normal;animation:blink 1.2s steps(1) infinite}
.sbar b{color:var(--t2);font-weight:500}
.sbar .r{margin-left:auto}
@keyframes blink{50%{opacity:0}}

.page{max-width:1240px;margin:0 auto;padding:0 22px 70px}

/* search zone */
.search{padding:46px 0 38px;border-bottom:1px solid var(--t4)}
.search label{display:block;color:var(--t1);font-size:15px;margin-bottom:12px}
.sbox{display:flex;max-width:640px;border:1.5px solid var(--t3);border-radius:9px;background:var(--bg2);overflow:hidden;padding:5px}
.sbox span{padding:11px 0 11px 13px;color:var(--t3);font-size:20px}
.sbox input{flex:1;min-width:0;background:transparent;border:0;color:var(--t1);font-family:var(--mono);font-size:20px;padding:11px 12px;text-transform:uppercase;caret-color:var(--t1)}
.sbox input::placeholder{color:var(--t3);text-transform:none}
.sbox input:focus{outline:none}
.sbox:focus-within{border-color:var(--t1)}
.sbox button{background:rgba(150,231,91,.08);color:var(--brand);border:1.5px solid rgba(150,231,91,.7);border-radius:7px;font-weight:700;font-size:14px;letter-spacing:.8px;text-transform:uppercase;padding:0 22px;cursor:pointer}
.sbox button:hover{background:rgba(150,231,91,.15)}
.search .hint{margin-top:10px;font-size:12px;color:var(--t3)}
.search .hint u{color:var(--t2);text-decoration:none;border-bottom:1px dotted var(--t3);cursor:pointer}

/* zones */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 36px;padding-top:26px}
@media (max-width:980px){.cols{grid-template-columns:minmax(0,1fr)}}
.zt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.zt h2{color:var(--t1);font-size:16px;font-weight:700}
.zt .s{color:var(--t3);font-size:12px}
.filters{display:flex;gap:4px;flex-wrap:wrap;font-size:12.5px;margin:10px 0 4px}
.filters span{color:var(--t3);cursor:pointer;padding:5px 12px;border:1.5px solid transparent;border-radius:7px;font-weight:700;letter-spacing:.5px}
.filters span.on{color:var(--t1);border:1.5px solid var(--t3);border-radius:7px;background:rgba(226,229,224,.05)}

/* event */
.ev{display:grid;grid-template-columns:70px 150px minmax(0,1fr);gap:0 16px;padding:16px 0;border-top:1px solid var(--t5)}
.ev.new{animation:in .8s ease-out}
@keyframes in{0%{background:rgba(226,229,224,.07)}100%{background:transparent}}
.ev .tm{color:var(--t3);font-size:12px;padding-top:2px}
.ev .tk{cursor:pointer}
.ev .tk b{display:block;color:var(--t1);font-size:15px;font-weight:700}
.ev .tk:hover b{text-decoration:underline}
.ev .tk small{color:var(--t3);font-size:11.5px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.8px;border:1.5px solid currentColor;border-radius:7px;padding:5px 12px;margin-right:12px;vertical-align:1px;background:rgba(0,0,0,.2)}
.tag.long{background:rgba(150,231,91,.07);border-color:rgba(150,231,91,.7)}
.tag.short{background:rgba(242,109,109,.07);border-color:rgba(242,109,109,.7)}
.ev .hl{color:var(--t1);font-weight:700;font-size:15px}
.ev .tx{margin-top:4px;max-width:68ch}
.ev .tx b{color:var(--t1);font-weight:500}
.gauge{margin-top:10px;font-size:12px;color:var(--t3);display:grid;grid-template-columns:150px 42px auto 1fr;gap:2px 10px;align-items:center;max-width:620px}
.gauge .n{color:var(--t1);text-align:right}
.gauge .b{color:var(--t2);letter-spacing:-1px;white-space:nowrap;overflow:hidden}
.gauge .sec{opacity:.75}
.gauge .sec .n{color:var(--t2)}
.note{margin-top:6px;font-size:11.5px;color:var(--t3)}

/* side */
.split{display:grid;grid-template-columns:1fr auto auto;gap:6px 16px;font-size:13px;margin-top:12px}
.split .hd{color:var(--t3);font-size:11px}
.split .n{color:var(--t1);cursor:pointer}
.split .n:hover{text-decoration:underline}
.split .v{text-align:right;color:var(--t2)}
.dict{margin-top:30px;font-size:12px;line-height:1.75;color:var(--t3)}
.dict b{color:var(--t2);font-weight:500}
.foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--t4);font-size:11.5px;color:var(--t3)}

/* board */
.board{padding-top:28px}
.wm-box{position:relative;isolation:isolate}
.wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;user-select:none;
  display:flex;align-items:center;gap:.35em;white-space:nowrap;
  font-size:clamp(36px,6.5vw,92px);font-weight:800;letter-spacing:.02em;color:var(--t1);opacity:.07}
.wm svg{width:.9em;height:.9em}
.wm-box > :not(.wm){position:relative;z-index:1}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px;position:relative}
.tbl th{text-align:right;color:var(--t3);font-weight:400;font-size:12px;padding:10px 10px;border-bottom:1px solid var(--t4)}
.tbl td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--t5);white-space:nowrap}
.tbl th:first-child,.tbl td:first-child{text-align:left;padding-left:0}
.tbl tr[data-open]{cursor:pointer}
.tbl tr[data-open]:hover td{background:rgba(226,229,224,.035)}
@media (max-width:760px){.now .thtip,}
.now .thtip,
.tbl .thtip{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:5px;border:1px solid var(--t4);border-radius:50%;color:var(--t3);font-size:9px;cursor:help;vertical-align:1px;position:relative}
.now .thtip:hover,
.tbl .thtip:hover{color:var(--t1);border-color:var(--t2)}
.now .thtip:hover::after{content:attr(data-tip);position:absolute;left:0;top:20px;z-index:20;width:210px;white-space:normal;text-align:left;background:#0B0D0B;border:1px solid var(--t4);border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.4;color:var(--t2);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.tbl .thtip:hover::after{content:attr(data-tip);position:absolute;right:0;top:20px;z-index:20;width:210px;white-space:normal;text-align:left;background:#0B0D0B;border:1px solid var(--t4);border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.4;color:var(--t2);box-shadow:0 10px 24px rgba(0,0,0,.5)}
@media (max-width:760px){
  .now .thtip,.tbl .thtip{width:15px;height:15px;font-size:10px;margin-left:4px}
  .now .thtip:focus::after,.tbl .thtip:focus::after{content:attr(data-tip);position:absolute;left:0;top:20px;z-index:30;width:min(230px,72vw);white-space:normal;text-align:left;background:#0B0D0B;border:1px solid var(--t4);border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.4;color:var(--t2);box-shadow:0 10px 24px rgba(0,0,0,.5)}
  .now .k{display:flex;align-items:center}
}
.tbl .mb{position:relative;display:inline-block;width:104px;height:10px;margin-left:12px;vertical-align:middle;background:repeating-linear-gradient(90deg,#1F231E 0 6px,transparent 6px 8px)}
.tbl .mb u{display:block;height:100%;text-decoration:none;background:repeating-linear-gradient(90deg,var(--t2) 0 6px,transparent 6px 8px)}
.tbl .mb::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#3A403A}
@media (max-width:760px){.tbl .mb{width:60px;height:9px;margin-left:8px;background:repeating-linear-gradient(90deg,#1F231E 0 4px,transparent 4px 6px)}
.tbl .mb u{background:repeating-linear-gradient(90deg,var(--t2) 0 4px,transparent 4px 6px)}}
@media (max-width:760px){.tbl .mb{width:60px;height:9px;margin-left:8px;background:repeating-linear-gradient(90deg,#1F231E 0 4px,transparent 4px 6px)}
}
@media (max-width:760px){.tbl .mb{width:58px;height:8px;margin-left:7px;background:repeating-linear-gradient(90deg,#20241F 0 4px,transparent 4px 6px)}
}
.dimc{color:var(--t3)}
.board .foot{margin-top:16px;border-top:0;padding-top:0}
@media (max-width:760px){.tbl .hm{display:none}.tbl{font-size:13px}.tbl td,.tbl th{padding:11px 6px}}

.hctl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.rng span{display:inline-block;padding:5px 12px;margin-right:4px;color:var(--t3);border:1.5px solid transparent;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.rng span.on{color:var(--t1);border-color:var(--t3);background:rgba(226,229,224,.05)}
.pan{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--t2)}
.pan button{background:rgba(226,229,224,.03);border:1.5px solid var(--t4);border-radius:7px;color:var(--t2);padding:5px 12px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.pan button:hover:not(:disabled){border-color:var(--t2);color:var(--t1)}
.pan button:disabled{opacity:.3;cursor:default}
.tip{min-height:22px;font-size:12.5px;color:var(--t3);margin:6px 0 2px}
.tip b{color:var(--t1);font-weight:500;margin-right:14px}
.spark{cursor:grab;touch-action:pan-y;user-select:none}
.spark.drag{cursor:grabbing}
.cols-ch i.hov{background:var(--t1)!important}
.cols-ch.c i.hov{box-shadow:inset 0 0 0 1px var(--t1);background:rgba(226,229,224,.25)!important}

.wmrow{padding:0!important}
.wm-inline{display:flex;align-items:center;justify-content:center;gap:.45em;font-size:22px;font-weight:800;letter-spacing:.08em;color:var(--t1);opacity:.16;user-select:none;pointer-events:none;margin-top:22px;height:30px}
.wm-inline svg{width:1em;height:1em}

/* autocomplete */
.sboxwrap{position:relative;max-width:640px;z-index:5!important}
.ac{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#0E110E;border:1.5px solid var(--t4);border-radius:9px;overflow:hidden;display:none;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.ac.on{display:block}
.ac div{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;cursor:pointer;font-size:14px}
.ac div + div{border-top:1px solid var(--t5)}
.ac div.sel,.ac div:hover{background:rgba(226,229,224,.06)}
.ac b{color:var(--t1);font-weight:700}
.ac em{font-style:normal;color:var(--brand)}
.ac span{color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac i{font-style:normal;color:var(--t2);font-size:12.5px}
.ac .empty{display:block;color:var(--t3);cursor:default}

/* live scan line */
.scan{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;
  border-bottom:1px solid var(--t4);padding:7px 22px;font-size:12.5px;color:var(--t3);background:rgba(226,229,224,.015)}
.scan .p{color:var(--t3)}
.scan b{color:var(--t1);font-weight:700}
#sc-data{color:var(--t2);overflow:hidden;text-overflow:ellipsis}
#sc-data em{font-style:normal;color:var(--t1)}
.scan .cur{font-style:normal;color:var(--t2);animation:blink 1s steps(1) infinite}
.scan .cnt{margin-left:auto;padding-left:18px}
@media (max-width:640px){.scan{padding:7px 16px}.scan .cnt{display:none}}

/* intercepted packet dump behind search */
.search{position:relative;overflow:hidden}
.dump{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0;pointer-events:none;
  display:flex;flex-direction:column;justify-content:flex-end;padding:14px 0;
  font-size:11.5px;line-height:1.75;color:var(--t3);white-space:pre;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,transparent 0%,#000 45%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,transparent 0%,#000 45%);mask-composite:intersect}
.dump div{opacity:.55}
.dump div .o{color:var(--t4)}
.dump div .a{color:var(--t3)}
.dump div.new{opacity:1;color:var(--t2)}
.dump div.new .a{color:var(--t1)}
.dump div.new .o{color:var(--t3)}
.search > :not(.dump){position:relative;z-index:1}
.search label{text-shadow:0 0 12px #070807}
@media (max-width:900px){.dump{display:none}}

/* decrypt */
.dec{color:var(--t3)!important}

@media (prefers-reduced-motion:reduce){.scan .cur{animation:none}}

/* ===== dossier ===== */
#file{display:none}
body.file #feedview{display:none}
body.file #file{display:block}
.back{display:inline-block;margin:26px 0 18px;color:var(--t2);cursor:pointer;font-size:13px}
.back:hover{color:var(--t1)}
.fhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding-bottom:20px;border-bottom:1px solid var(--t4)}
.fhead .lbl{color:var(--t3);font-size:12px}
.fhead h1{color:var(--t1);font-size:34px;font-weight:800;letter-spacing:-.5px}
.fhead .px{color:var(--t2);font-size:18px}
.fhead .st{margin-left:auto;color:var(--t1);font-size:14px}

.sec2{padding:24px 0;border-bottom:1px solid var(--t4)}
.sec2 h3{color:var(--t1);font-size:14px;font-weight:700;margin-bottom:14px}
.sec2 h3 span{color:var(--t3);font-weight:400;font-size:12px;margin-left:10px}

.now{display:grid;grid-template-columns:170px max-content minmax(0,340px) auto;gap:10px 14px;align-items:center;font-size:13px}
.now .k{color:var(--t2)}
.now .n{color:var(--t1);text-align:right;font-weight:700}
.now .b{color:var(--t2);letter-spacing:-1px;white-space:nowrap;overflow:hidden}
.now .was{color:var(--t3);font-size:12px}

.pos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--t4)}
.pos > div{padding:16px 18px}
.pos > div + div{border-left:1px solid var(--t4)}
.pos .h{color:var(--t1);font-weight:700;margin-bottom:10px}
.pos dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}
.pos dt{color:var(--t3)}
.pos dd{text-align:right;color:var(--t1)}
.pos dd.long{color:var(--long)}.pos dd.short{color:var(--short)}
@media (max-width:640px){.pos{grid-template-columns:1fr}.pos > div + div{border-left:0;border-top:1px solid var(--t4)}}

.spark{overflow-x:auto}
.crow{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;gap:0 16px;align-items:end;padding:10px 0}
.crow .k{color:var(--t2);font-size:12px;align-self:center}
.crow .k small{display:block;color:var(--t3);font-size:11px}
.crow .v{color:var(--t1);font-size:14px;font-weight:700;align-self:center}
.cols-ch{position:relative;display:flex;align-items:flex-end;gap:3px;height:72px;border-bottom:1px solid var(--t4)}
.cols-ch i{display:block;flex:1;background:rgba(162,167,159,.72)}
.cols-ch.p i{background:rgba(120,126,118,.28)}
.cols-ch.c i{background:transparent;box-shadow:inset 0 0 0 1px var(--t2)}
.cols-ch .mid{position:absolute;left:0;right:0;border-top:1px dashed var(--t4);pointer-events:none}

.cols-ch .flip{position:absolute;top:-6px;bottom:-6px;border-left:1px solid var(--t1)}
.xaxis{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;gap:0 16px;font-size:11px;color:var(--t3)}
.xaxis .d{position:relative;height:16px}
.xaxis .d span{position:absolute;white-space:nowrap}
.xaxis .d span.f{color:var(--t1)}
@media (max-width:640px){
  .crow,.xaxis{grid-template-columns:minmax(0,1fr)}
  .crow .v{display:none}
  .cols-ch{gap:2px}
}
.tl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px 18px;font-size:13px}
.tl .d{color:var(--t3)}
.tl .e{color:var(--t2)}
.tl .e b{color:var(--t1);font-weight:500}

@media (max-width:640px){
  .page{padding:0 16px 60px}
  .sbar{padding:9px 16px}.sbar .r{margin-left:0}
  .sbox span,.sbox input{font-size:17px}
  .ev{grid-template-columns:minmax(0,1fr);gap:4px}
  .ev .tk b{display:inline;margin-right:8px}
  .gauge{grid-template-columns:110px 38px auto;}
  .gauge .rest{grid-column:1/-1;margin-top:-2px}
  .now{grid-template-columns:auto max-content minmax(0,1fr);gap:4px 10px}
  .now .k{grid-column:1/-1;margin-top:8px}
  .now .n{grid-column:1/2;text-align:left}
  .now .b{grid-column:2/4}
  .now .was{grid-column:1/-1;margin-top:-2px}
  .fhead .st{margin-left:0}
  .spark .row{grid-template-columns:90px auto 48px}
}
@media (prefers-reduced-motion:reduce){.sbar .id i{animation:none}.ev.new{animation:none}}

/* ===== production additions ===== */
.loading{color:var(--t3);padding:22px 0}
.loading::after{content:"█";margin-left:6px;animation:blink 1s steps(1) infinite}
.errbox{color:var(--t2);border:1.5px solid var(--t4);border-radius:9px;padding:14px 16px;margin:18px 0}
.more{margin-top:14px;background:rgba(226,229,224,.03);border:1.5px solid var(--t4);border-radius:7px;color:var(--t2);padding:8px 14px;cursor:pointer;font-weight:700;letter-spacing:.6px;text-transform:uppercase;font-size:12px}
.more:hover{border-color:var(--t2);color:var(--t1)}
.tbl .few{color:var(--t3)}
.tbl .na{color:var(--t4)}
.fnote{margin-top:12px;font-size:12px;color:var(--t3)}
.cols-ch i.none{background:transparent!important;box-shadow:none!important}
.hist-empty{color:var(--t3);font-size:12.5px;margin:6px 0}
.tl .empty{grid-column:1/-1;color:var(--t3)}

/* ===== v2 fixes ===== */
.top{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--t4)}
.brand{display:flex;align-items:center;gap:10px;color:var(--t1);text-decoration:none!important;font-family:'Space Grotesk',var(--mono);font-size:19px;letter-spacing:-.2px}
.brand img{border-radius:50%;display:block}
.brand b{font-weight:700;color:var(--t1)}
.brand span{font-weight:500;color:var(--t2)}
.top-sub{color:var(--t3);font-size:12.5px;border-left:1px solid var(--t4);padding-left:16px}

.tape{overflow:hidden;border-bottom:1px solid var(--t4);background:rgba(226,229,224,.015);white-space:nowrap}
.tape-in{display:inline-flex;padding:8px 0;animation:tape 60s linear infinite;will-change:transform}
.tape:hover .tape-in{animation-play-state:paused}
.tape .ti{padding:0 26px;font-size:12.5px;color:var(--t3);letter-spacing:.3px}
.tape .ti b{color:var(--t1);font-weight:700}
.tape .ti b.long{color:var(--long)}.tape .ti b.short{color:var(--short)}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape-in{animation:none}}

.filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filters::-webkit-scrollbar{display:none}
.filters span{white-space:nowrap;border-color:var(--t4)!important}
.filters span.on{border-color:var(--t2)!important}
.filters span:hover{color:var(--t1)}

.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl th[data-col]{cursor:pointer;user-select:none;white-space:nowrap}
.tbl th[data-col]:hover{color:var(--t1)}
.tbl th.act{color:var(--t1)}
.tbl th .ar{display:inline-block;width:1em;text-align:center}
.swipe{display:none;font-size:12px;color:var(--t3);margin-top:10px;transition:opacity .4s}
.swipe.off{opacity:0}

.pos .h.long{color:var(--long)}.pos .h.short{color:var(--short)}

@media (max-width:760px){
  .tbl .hm{display:table-cell!important}
  .tbl{min-width:760px}
  .tbl th:first-child,.tbl td:first-child{position:sticky;left:0;background:var(--bg);z-index:2;padding-right:12px}
  .swipe{display:block}
  .fhead .st{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-left:0;flex-basis:100%}
  .fhead .st .tag{margin-right:0}
  .top{padding:12px 16px}
}

/* ===== v3 ===== */
.search{overflow:visible!important}
.tape{display:none}

.mkt{border-bottom:1px solid var(--t4);background:rgba(226,229,224,.015)}
.mkt-in{max-width:1240px;margin:0 auto;padding:16px 22px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.mkt .c{padding:4px 18px;border-left:1px solid var(--t4)}
.mkt .c:first-child{border-left:0;padding-left:0}
.mkt .k{font-size:11.5px;color:var(--t3);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt .v{margin-top:4px;font-size:24px;font-weight:800;color:var(--t1);letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.mkt .v.long{color:var(--long)}.mkt .v.short{color:var(--short)}
.mkt .s{margin-top:2px;font-size:11.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt .s b{color:var(--t2);font-weight:500}
.mkt-foot{max-width:1240px;margin:0 auto;padding:4px 22px 12px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--t3)}
.mkt-foot b{color:var(--t2);font-weight:500}
@media (max-width:760px){
  .mkt-in{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px 4px;row-gap:14px}
  .mkt .c{border-left:0;padding:0}
  .mkt .c:last-child{grid-column:1/-1}
  .mkt .v{font-size:21px}
  .mkt-foot{padding:6px 16px 12px}
}

.sortnote{font-size:12px;color:var(--t3);margin:12px 0 2px}
.sortnote b{color:var(--t2);font-weight:500}

.wm img{width:.9em;height:.9em;border-radius:50%;filter:grayscale(1) brightness(1.4)}
.wm-inline{display:none}

/* history lines */
.hchart{position:relative;margin-top:8px}
.hchart svg{display:block;width:100%;overflow:visible}
.hrow{display:grid;grid-template-columns:150px minmax(0,1fr) 88px;gap:0 16px;align-items:center}
.hrow .k{font-size:12px;color:var(--t2)}
.hrow .k i{font-style:normal;display:inline-block;width:18px;margin-right:6px;vertical-align:middle;border-top:2px solid var(--t1)}
.hrow .k i.cr{border-top:2px dashed var(--t2)}
.hrow .k i.pr{border-top:1.5px solid var(--t3)}
.hrow .v{font-size:13px;color:var(--t1);font-weight:700;text-align:right}
.hrow .v small{display:block;color:var(--t3);font-weight:400;font-size:11.5px}
.hplot{position:relative;cursor:crosshair;touch-action:pan-y}
.hplot .xh{position:absolute;top:0;bottom:0;width:1px;background:var(--t2);pointer-events:none;display:none}
.hleg{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 0;font-size:12px;color:var(--t2)}
.hleg span i{font-style:normal;display:inline-block;width:18px;margin-right:6px;vertical-align:middle;border-top:2px solid var(--t1)}
.hleg span i.cr{border-top:2px dashed var(--t2)}
.hleg span i.gp{border-top:8px solid rgba(226,229,224,.08)}
.haxis{display:grid;grid-template-columns:150px minmax(0,1fr) 88px;gap:0 16px;font-size:11px;color:var(--t3);margin-top:6px}
.haxis .d{position:relative;height:16px}
.haxis .d span{position:absolute;white-space:nowrap}
@media (max-width:640px){
  .hrow,.haxis{grid-template-columns:minmax(0,1fr) 64px}
  .hrow .k{grid-column:1/-1;margin-top:6px}
  .haxis span:first-child{display:none}
}
.hplot .dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--t1);pointer-events:none}
.hplot .dot.cr{background:var(--t2)}.hplot .dot.pr{background:var(--t3)}

/* ===== header from pumpinfo.life main ===== */
.top{display:none}
nav.pg-nav{border-bottom:1px solid #1E241E;position:sticky;top:0;background:rgba(10,12,10,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}
nav.pg-nav .wrap{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:66px}
nav.pg-nav .logo{display:flex;align-items:center;gap:8px;text-decoration:none}
nav.pg-nav .logo-mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 7px rgba(62,230,134,.3));transform:translateY(-1.5px)}
nav.pg-nav .logo-mark img{width:100%;height:100%;object-fit:contain}
nav.pg-nav .logo-word{display:inline-flex;align-items:center;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1;color:#F2F5F2;margin-top:-7px}
nav.pg-nav .logo-word b{color:#96E75B;font-weight:700}
nav.pg-nav .logo-word .dim{color:#8A928A;font-weight:500}
nav.pg-nav .nav-links{display:flex;align-items:center;gap:28px}
nav.pg-nav .nav-links a{color:#8A928A;font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}
nav.pg-nav .nav-links a:hover{color:#F2F5F2}
nav.pg-nav .nav-links a.nav-cta{font-weight:700;background:linear-gradient(135deg,#3EE686 0%,#96E75B 100%);color:#000;padding:10px 20px;border-radius:10px;box-shadow:0 0 16px rgba(62,230,134,.18)}
nav.pg-nav .nav-links a.nav-cta:hover{color:#000}
@media(max-width:720px){nav.pg-nav .nav-links a:not(.nav-cta){display:none}}
@media(max-width:560px){nav.pg-nav .wrap{padding:0 14px}}

/* ===== thin ALL TOKENS strip ===== */
.mkt{display:none!important}
.agg{border-bottom:1px solid var(--t4);background:rgba(226,229,224,.012)}
.agg-in{max-width:1240px;margin:0 auto;padding:0 22px;height:36px;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden}
.agg-tag{color:var(--t2);font-weight:700;letter-spacing:.8px;border-right:1px solid var(--t4);padding-right:14px;cursor:help}
.agg-body{flex:1;min-width:0;display:flex;align-items:baseline;overflow:hidden;letter-spacing:.4px}
.agg-body .l{color:var(--t3)}
.agg-body .n{color:var(--t1);font-weight:700;font-size:13px;margin-left:8px}
.agg-body .sub{margin-left:18px;color:var(--t3);overflow:hidden;text-overflow:ellipsis}
.agg-dots{display:flex;gap:7px}
.agg-dots button{width:7px;height:7px;border-radius:50%;border:1px solid var(--t3);background:transparent;padding:0;cursor:pointer}
.agg-dots button.on{background:var(--t2);border-color:var(--t2)}
@media (max-width:640px){
  .agg-in{height:auto;min-height:46px;padding:6px 14px;gap:10px}
  .agg-tag{font-size:10.5px;padding-right:10px;letter-spacing:.5px}
  .agg-body{flex-direction:column;align-items:flex-start;line-height:1.35}
  .agg-body .l{font-size:11px}
  .agg-body .n{font-size:12.5px}
  .agg-body .sub{margin-left:0;font-size:11px;max-width:100%}
}

/* ===== title, grid alignment, calm strip ===== */
/* same grid as the pumpinfo.life header: 1320px, 32px sides, 14px under 560px */
.page{max-width:1320px!important;padding:0 32px 70px!important}
.agg-in{max-width:1320px!important;padding:0 32px!important}
@media (max-width:560px){.page{padding:0 14px 60px!important}.agg-in{padding:6px 14px!important}}

.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-title{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:clamp(30px,4.2vw,44px);line-height:1.05;letter-spacing:-.02em;color:#F2F5F2;margin:0}
.pg-lead{margin:10px 0 22px;font-size:14px;line-height:1.5;color:var(--t3);max-width:60ch}
.pg-lead-sub{color:var(--t3);font-size:.92em}
.search{padding-top:40px!important}

.agg-body .l{text-transform:none;letter-spacing:.1px;color:var(--t3);display:inline-block;min-width:23ch}
.agg-body .n{display:inline-block;min-width:8ch;margin-left:0!important;font-size:13px}
.agg-body .sub{margin-left:10px!important}
.agg-dots{gap:0}
.agg-count{font-size:11px;color:var(--t4);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.agg{cursor:default}
.fade{animation:aggfade .6s ease-out}
@keyframes aggfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.fade{animation:none}}
@media (max-width:640px){
  .agg-body .l{min-width:0}
  .agg-body .row{display:flex;gap:8px;align-items:baseline}
  .agg-body .n{min-width:0}
  .agg-body .sub{margin-left:0!important}
}

/* ===== mobile zoom fix ===== */
.hplot{min-width:0;overflow:hidden}
.hplot svg{display:block;width:100%!important;max-width:100%}
.page{overflow-x:clip}

/* ===== tabs back, info note, strip click ===== */
.sortnote,.fnote{display:none!important}
.agg,.agg-tag{cursor:pointer!important}
.board .zt{align-items:center;margin-bottom:0}
.info{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--t3);background:transparent;color:var(--t2);
  font-family:var(--mono);font-size:11px;font-weight:700;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.info:hover,.info.on{border-color:var(--t1);color:var(--t1)}
.info-note{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--t4);border-radius:8px;font-size:12.5px;line-height:1.55;color:var(--t2);max-width:78ch}
.info-note[hidden]{display:none}
#tabs{margin:14px 0 6px}
.tbl th{cursor:default}

/* ===== tabs spacing mobile ===== */
.swipe{max-height:24px;overflow:hidden;transition:opacity .4s,max-height .35s .35s,margin .35s .35s}
.swipe.off{opacity:0;max-height:0;margin:0!important}
@media (max-width:760px){
  #tabs{margin:12px 0 2px}
  .swipe{margin-top:6px}
  .tbl{margin-top:0}
  .tbl th{padding-top:8px;padding-bottom:8px}
}

/* ===== sticky token column fix ===== */
.tbl th:first-child,.tbl td:first-child{padding-left:10px!important}
.tbl tr[data-open]:hover td{background:#111411}
@media (max-width:760px){
  .tbl th:first-child,.tbl td:first-child{background:#070807!important;box-shadow:inset -1px 0 0 var(--t4)}
  .tbl tr[data-open]:hover td:first-child,.tbl tr[data-open]:active td:first-child{background:#111411!important}
  .tbl td,.tbl th{position:relative}
  .tbl th:first-child,.tbl td:first-child{position:sticky!important;z-index:3}
}

/* ===== tap highlight fix ===== */
.tbl tr,.tbl td,.tbl th,[data-open]{-webkit-tap-highlight-color:transparent}
.tbl td:first-child,.tbl th:first-child{background-clip:padding-box}
@media (max-width:760px){
  .tbl tr[data-open]:active td{background:#111411}
  .tbl tr[data-open]:active td:first-child{background:#111411!important}
}

/* ===== token file tidy ===== */
/* screenshot part (header, who is long, positions) always the same width */
#f-body > .fhead, #f-body > .sec2:nth-child(2), #f-body > .sec2:nth-child(3){max-width:760px}
#f-body .fhead h1{font-size:34px;letter-spacing:-.5px}
#f-body .fhead .st{flex-basis:100%;margin-left:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
#f-body .fhead .st .tag{margin-right:0}
#f-body .pos dd,#f-body .now .n{font-variant-numeric:tabular-nums}
/* watermark: quieter so it never fights with the numbers */
#f-body .wm-box .wm{font-size:clamp(30px,4.4vw,54px);opacity:.05}
@media (max-width:640px){
  #f-body > .sec2{padding:18px 0}
  #f-body .fhead .st{flex-direction:column;align-items:flex-start;gap:10px}
  #f-body .fhead{padding-bottom:16px}
  #f-body .fhead h1{font-size:28px}
  #f-body .pos > div{padding:14px 14px}
  #f-body .pos dl{font-size:12.5px;row-gap:5px}
  #f-body .now{row-gap:6px}
}

/* ===== png snapshot ===== */
.shot{position:relative;max-width:760px}
.shot > :not(.shot-wm){position:relative;z-index:1}
.shot > .shot-wm{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:0;
  font-size:clamp(34px,6.2vw,66px)!important;opacity:.05!important;pointer-events:none;white-space:nowrap}
.shot-foot{display:none}
@media (max-width:640px){ .shot > .sec2{padding:18px 0} .shot > .shot-wm{font-size:34px!important;top:58%} }

#f-body .fhead .lbl{display:flex;justify-content:space-between;align-items:center;gap:12px}
.png-btn{background:rgba(226,229,224,.03);border:1.5px solid var(--t4);border-radius:7px;color:var(--t2);
  padding:6px 12px;cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.png-btn:hover:not(:disabled){border-color:var(--t2);color:var(--t1)}
.png-btn:disabled{opacity:.7;cursor:progress}

/* render mode: only the screenshot part, fixed desktop width */
body.shot-mode::before,body.shot-mode::after{display:none!important}
body.shot-mode nav.pg-nav,body.shot-mode .agg,body.shot-mode #feedview,body.shot-mode .back,
body.shot-mode .png-btn,body.shot-mode #f-body > .sec2{display:none!important}
body.shot-mode #file{display:block!important}
body.shot-mode .page{max-width:none!important;padding:0!important;margin:0!important}
body.shot-mode .shot{width:760px;max-width:760px;padding:24px 30px 18px;background:#070807}
body.shot-mode .shot > .sec2:last-of-type{border-bottom:0}
body.shot-mode .shot-foot{display:block;position:relative;z-index:1;margin-top:0;padding-top:14px;border-top:0;
  font-size:11.5px;color:var(--t3);letter-spacing:.4px}

/* ===== history chart (smc) ===== */
.smc{margin-top:6px}
.smc-ctl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 8px}
.smc-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.smc-seg{display:inline-flex;border:1.5px solid var(--t4);border-radius:7px;overflow:hidden}
.smc-seg span{padding:5px 11px;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--t3);cursor:pointer;user-select:none}
.smc-seg span.on{color:var(--t1);background:rgba(226,229,224,.07)}
.smc-btn{background:rgba(226,229,224,.03);border:1.5px solid var(--t4);border-radius:7px;color:var(--t2);padding:5px 10px;cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px}
.smc-btn:hover{border-color:var(--t2);color:var(--t1)}
.smc-when{display:inline-block;vertical-align:middle;line-height:20px;font-size:12.5px;color:var(--t3);min-height:20px;margin-bottom:6px}
.smc-when b{color:var(--t1);font-weight:500}
.smc-box{position:relative;height:680px;border-top:1px solid var(--t4);border-bottom:1px solid var(--t4)}
.smc-tools{position:absolute;left:0;top:0;bottom:0;width:40px;border-right:1px solid var(--t5);display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;z-index:7;background:#070807}
.smc-tools button{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--t3);cursor:pointer;padding:0}
.smc-tools button:hover{color:var(--t1);background:rgba(226,229,224,.05)}
.smc-tools button.on{color:var(--t1);border-color:var(--t4);background:rgba(226,229,224,.08)}
.smc-tools button:disabled{opacity:.3;cursor:default}
.smc-tools svg{width:18px;height:18px}
.smc-tools .sep{width:22px;height:1px;background:var(--t4);margin:4px 0}
.smc-tools button[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:40px;top:6px;white-space:nowrap;background:#0E110E;border:1px solid var(--t4);color:var(--t2);font-size:11px;padding:3px 7px;border-radius:5px;pointer-events:none;z-index:9}
.smc-chart{position:absolute;left:40px;right:0;top:0;bottom:0}
.smc-loading{padding:22px;color:var(--t3);font-size:13px}
.smc-draw{position:absolute;pointer-events:none;z-index:4}
.smc-lab{position:absolute;left:0;top:0;will-change:transform;z-index:5;font-size:11.5px;line-height:1.5;color:var(--t3);pointer-events:none;background:rgba(7,8,7,.8);padding:2px 5px;max-width:calc(100% - 140px)}
.smc-lab .row{display:flex;gap:4px 12px;align-items:center;flex-wrap:wrap}
.smc-lab .vals{color:var(--t2)}
.smc-lab .vals b{color:var(--t1);font-weight:500}
.smc-lab .long,.smc-lab .vals b.long{color:var(--long)}
.smc-lab .short,.smc-lab .vals b.short{color:var(--short)}
.smc-lab .grey{color:#8A8F89}
.smc-lab i.ln{display:inline-block;width:16px;margin-right:5px;vertical-align:middle;border-top:2px solid}
.smc-lab .sw{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px}
.smc-lab .pex{pointer-events:auto;background:none;border:0;color:var(--t3);font-family:var(--mono);font-size:11px;cursor:pointer;padding:0 2px}
.smc-lab .pex:hover,.smc-lab .pex.on{color:var(--t1)}
.smc-hint{position:absolute;left:52px;bottom:34px;z-index:6;font-size:11px;color:var(--t2);background:rgba(7,8,7,.9);border:1px solid var(--t4);border-radius:6px;padding:3px 8px;display:none;pointer-events:none}
.smc-hint.on{display:block}
.smc-fstop{display:none}
.smc-box.fs{position:fixed;inset:0;z-index:300;height:auto!important;background:#070807;border:0}
.smc-box.fs .smc-tools,.smc-box.fs .smc-chart{top:44px}
.smc-box.fs .smc-fstop{display:flex;position:absolute;left:12px;right:12px;top:8px;justify-content:space-between;align-items:center;color:var(--t1);font-size:13px;font-weight:700}
body.smc-noscroll{overflow:hidden}
.smc-notes{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 26px;font-size:12px;line-height:1.55;color:var(--t3)}
.smc-notes b,.smc-how b{color:var(--t2);font-weight:500}
.smc-how{margin-top:14px;font-size:12px;line-height:1.6;color:var(--t3);border-top:1px dashed var(--t4);padding-top:10px}
.smc-tv{margin-top:8px;font-size:11px;color:var(--t4)}
.smc-tv a{color:var(--t3)}
#smchart{margin-top:4px}
#f-body > .sec2{max-width:none!important}
@media (max-width:1000px){ .smc-notes{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){
  .smc-box{height:760px}
  .smc-notes{grid-template-columns:1fr}
  .smc-lab{font-size:10.5px;max-width:calc(100% - 96px)}
  .smc-lab .row > span:not(:first-of-type){display:none}
  .smc-tools{width:34px}.smc-tools button{width:28px;height:28px}
  .smc-chart{left:34px}
}

/* ===== history chart: live + mobile ===== */
.smc-whenrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.smc-whenrow .smc-when, .smc-bar .smc-when{margin-bottom:0}
.smc-live{display:inline-block;vertical-align:middle;line-height:20px;font-size:11px;color:var(--t3);letter-spacing:.4px;white-space:nowrap}
.smc-live .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--long);margin-right:6px;vertical-align:0;animation:smcpulse 1.6s ease-in-out infinite}
.smc-live .dot.off{background:var(--t3);animation:none}
@keyframes smcpulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.smc-live .dot{animation:none}}
.smc-mob{display:none!important}
.smc-btn.on{border-color:var(--t2);color:var(--t1)}
@media (max-width:640px){
  .smc-desk{display:none!important}
  .smc-mob{display:inline-flex!important;align-items:center}
  .smc-ctl{gap:8px}
  .smc-right{gap:6px}
  .smc-seg span{padding:5px 9px;font-size:11.5px}
  .smc-btn{padding:5px 8px}
  .smc-chart{left:0!important}
  .smc-tools{display:none;top:6px;bottom:auto;left:6px;width:auto;flex-direction:row;padding:4px;gap:2px;border:1px solid var(--t4);border-radius:8px;background:rgba(7,8,7,.96)}
  .smc-tools.open{display:flex}
  .smc-tools .sep{width:1px;height:20px;margin:0 3px}
  .smc-tools button[data-tip]:hover::after{display:none}
  .smc-box.fs .smc-tools{top:50px}
  .smc-lab{max-width:calc(100% - 58px)}
  .smc-hint{left:8px;bottom:30px}
}

/* ===== stream badge ===== */
.smc-live .dot{display:none!important}
.smc-live .lbl{color:var(--t3);letter-spacing:.8px}
.smc-live .bar{color:var(--long);letter-spacing:1px;font-size:10px;vertical-align:1px}
.smc-live .bar.off{color:var(--t3);font-size:11px;letter-spacing:.3px}

/* ===== watermark like chart ===== */
.wm.wm2{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);z-index:0;
  display:flex!important;flex-direction:column;align-items:center;gap:2px;opacity:1!important;
  pointer-events:none;user-select:none;white-space:nowrap;font-family:var(--mono);letter-spacing:0;line-height:1.1}
.wm.wm2 img{display:none}
.wm.wm2 b{font-weight:800;font-size:72px;color:rgba(226,229,224,.06)}
.wm.wm2 span{font-weight:400;font-size:15px;color:rgba(226,229,224,.05)}
.shot > .shot-wm.wm2{top:52%}
.shot > .shot-wm.wm2 b{font-size:64px}
.shot > .shot-wm.wm2 span{font-size:14px}
@media (max-width:640px){
  .wm.wm2 b,.shot > .shot-wm.wm2 b{font-size:34px}
  .wm.wm2 span,.shot > .shot-wm.wm2 span{font-size:11px}
}

/* ===== charts page + indicator menu ===== */
.smc-ind{position:relative;display:inline-flex}
.smc-lab .pclose{pointer-events:auto;background:none;border:0;color:#3A403A;cursor:pointer;font-size:12px;padding:0 5px;line-height:1}
.smc-lab .pclose:hover{color:#C9CEC6}
.smc-indmenu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:250px;background:#0B0D0B;border:1px solid var(--t4);border-radius:8px;padding:8px 10px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.smc-indmenu.open{display:block}
.smc-indmenu .grp{font-size:10.5px;letter-spacing:.8px;color:var(--t3);text-transform:uppercase;margin:8px 0 4px}
.smc-indmenu .grp:first-child{margin-top:2px}
.smc-indmenu label{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:12.5px;color:var(--t2);cursor:pointer;user-select:none;white-space:nowrap}
.smc-indmenu label:hover{color:var(--t1)}
.smc-indmenu input{accent-color:#96E75B;width:14px;height:14px;margin:0}
.smc-indmenu .grey{color:var(--t3);font-size:11px}
.smc-lab .grey{color:#8A8F89}
.charts-page .page.cp{max-width:none!important;padding:0 24px 40px!important}
.cp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:22px 0 6px}
.cp-title{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.cp-title .pg-title{font-size:clamp(26px,3vw,36px)}
.cp-sym{display:flex;align-items:baseline;gap:12px;font-family:var(--mono)}
.cp-sym .nm{color:var(--t1);font-weight:800;font-size:20px}
.cp-sym .px{color:var(--t2);font-size:15px}
.cp-sym .long{color:var(--long)}.cp-sym .short{color:var(--short)}
.cp-search{position:relative;width:min(360px,100%)}
.cp-search .box{display:flex;align-items:center;border:1.5px solid var(--t4);border-radius:10px;background:rgba(226,229,224,.02);padding:3px 3px 3px 12px}
.cp-search .pr{color:var(--t3);margin-right:8px;font-family:var(--mono)}
.cp-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--t1);font-family:var(--mono);font-size:15px;padding:8px 0}
.cp-search button{background:transparent;border:1.5px solid #3b5a26;color:#96E75B;border-radius:8px;padding:7px 12px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.6px;cursor:pointer}
.cp-search .ac{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#0B0D0B;border:1px solid var(--t4);border-radius:8px;overflow:hidden}
.cp-search .ac:empty{display:none}
.cp-search .ac{min-width:320px;transform:translateY(-6px) scaleY(.98);transform-origin:top;opacity:0;transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.cp-search .ac.on{opacity:1;transform:none;pointer-events:auto}
.cp-search .ac div{display:grid!important;grid-template-columns:minmax(64px,1fr) minmax(70px,auto) 84px;align-items:center;gap:10px;padding:9px 12px;font-family:var(--mono);font-size:13px;color:var(--t2);cursor:pointer}
.cp-search .ac div.hd{padding:7px 12px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--t3);background:rgba(226,229,224,.03);cursor:default;border-bottom:1px solid var(--t4)}
.cp-search .ac div.hd:hover{background:rgba(226,229,224,.03)}
.cp-search .ac div b{color:var(--t1);font-weight:700;overflow:hidden;text-overflow:ellipsis}
.cp-search .ac div u{text-decoration:none;color:var(--t2);text-align:right;font-variant-numeric:tabular-nums}
.cp-search .ac div i{font-style:normal;font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums}
.cp-search .ac div i.long{color:var(--long)}.cp-search .ac div i.short{color:var(--short)}
.cp-search .ac div span:nth-child(2),.cp-search .ac div span:nth-child(3){text-align:right}
.cp-search .ac div:hover{background:rgba(226,229,224,.05);color:var(--t1)}
.charts-page .smc-box{height:max(620px, calc(100vh - 230px))}
@media (max-width:640px){
  .charts-page .page.cp{padding:0 12px 30px!important}
  .cp-head{align-items:stretch}
  .cp-search{width:100%}
  .charts-page .smc-box{height:760px}
  .smc-indmenu{right:auto;left:0}
}

/* ===== charts page v2: menus above panes, tools, delete, arrows, layout ===== */
.smc-ctl{position:relative;z-index:60}
.smc-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.smc-tools{background:#0C0F0C!important;border-right:1px solid var(--t4)!important;box-shadow:inset -1px 0 0 rgba(150,231,91,.06)}
.smc-tools button{color:var(--t2)!important}
.smc-tools button:hover{color:var(--t1)!important;background:rgba(226,229,224,.07)!important}
.smc-tools button.on{color:#96E75B!important;border-color:rgba(150,231,91,.45)!important;background:rgba(150,231,91,.08)!important}
.smc-del{display:none;position:absolute;z-index:8;width:24px;height:24px;border-radius:6px;border:1px solid rgba(242,109,109,.6);background:#140B0B;color:#F26D6D;font-size:12px;line-height:1;cursor:pointer;padding:0}
.smc-del.on{display:block}
.smc-del:hover{background:#F26D6D;color:#070807}
.smc-lab .pmv{pointer-events:auto;background:none;border:0;color:var(--t3);font-size:9px;cursor:pointer;padding:0 1px;line-height:1}
.smc-lab .pmv:hover:not(:disabled){color:var(--t1)}
.smc-lab .pmv:disabled{opacity:.25;cursor:default}
.charts-page .pg-nav .wrap{max-width:none!important;padding-left:24px!important;padding-right:24px!important}
.cp-head{flex-direction:column;align-items:flex-start!important;gap:12px;position:relative;z-index:80}
.cp-search{width:min(420px,100%)}
@media (max-width:640px){
  .charts-page .pg-nav .wrap{padding-left:12px!important;padding-right:12px!important}
  .smc-lab .pmv{display:none}
}

/* ===== entry lines toggle in the price panel ===== */
.smc-lab .ent-x,.smc-lab .ent-add{pointer-events:auto;background:none;border:1px solid transparent;border-radius:4px;color:var(--t3);font-family:var(--mono);font-size:11px;cursor:pointer;padding:0 4px;line-height:1.4}
.smc-lab .ent-x:hover{color:#F26D6D;border-color:rgba(242,109,109,.5)}
.smc-lab .ent-add{border-color:var(--t4)}
.smc-lab .ent-add:hover{color:#96E75B;border-color:rgba(150,231,91,.5)}

/* ===== matrix decode (same as Pump Catcher) ===== */
.mx{color:#96E75B!important;text-shadow:0 0 8px rgba(150,231,91,.55)}
.agg-body .n,.now .n,.pos dd,.fhead .pxv,.smc-lab .vals b,#tbl td,#tbl td span.w{transition:color .5s ease,text-shadow .5s ease}

/* ===== charts page v3: one compact bar, tall chart ===== */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.charts-page .page.cp{padding:8px 16px 30px!important}
.charts-page .cp-head{display:none!important}
.smc-bar{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px!important;margin:0 0 8px!important;min-height:40px}
.smc-bar .smc-slot{display:flex;align-items:center;flex-shrink:0}
.smc-bar .smc-left{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.smc-bar .smc-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:nowrap}
.smc-bar .smc-seg span{padding:5px 9px;font-size:11.5px}
.smc-bar .smc-btn{padding:5px 9px;font-size:11px}
.smc-bar .smc-ico{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px}
.smc-bar .smc-when{font-size:11px;color:var(--t3);white-space:nowrap}
.smc-bar .smc-when b{color:var(--t2);font-weight:500}
.smc-bar .smc-live{font-size:10.5px;white-space:nowrap}
.cp-left{display:flex;align-items:center;gap:12px}
.cp-left .cp-search{position:relative;width:150px}
.cp-left .cp-search .box{padding:1px 6px 1px 9px;border-radius:7px}
.cp-left .cp-search input{font-size:13px;padding:5px 0}
@media (max-width:760px){.cp-left .cp-search input{font-size:16px}}
.cp-left .cp-search .ac{min-width:320px}
.cp-left .cp-sym{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.cp-left .cp-sym .nm{font-size:15px}
.cp-left .cp-sym .px{font-size:13px}
.charts-page .smc-box{height:calc(100vh - 62px - 8px - 48px - 8px)!important;min-height:520px}
.smc-pngmode{overflow:hidden!important}
.smc-pngcover{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#070807;color:var(--t3);font-family:var(--mono);font-size:12px;letter-spacing:.8px;text-transform:uppercase}
@media (max-width:1180px){
  .smc-bar .smc-when,.smc-bar .smc-live{display:none}
}
@media (max-width:760px){
  .charts-page .page.cp{padding:6px 10px 24px!important}
  .smc-bar{flex-wrap:wrap!important;gap:6px!important}
  .smc-bar .smc-slot{width:100%}
  .cp-left{width:100%;justify-content:space-between}
  .cp-left .cp-search{width:120px}
  .smc-bar .smc-left,.smc-bar .smc-right{overflow-x:auto;scrollbar-width:none}
  .smc-bar .smc-right{margin-left:0}
  .charts-page .smc-box{height:calc(100vh - 96px - 90px)!important;min-height:560px}
}


/* ===== logo loader ===== */
.pg-load{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8A9188}
.pg-load img{width:44px;height:44px;object-fit:contain;filter:grayscale(1) brightness(.75);opacity:.55;animation:pgspin 1.4s linear infinite}
.pg-load span{animation:pgfade 1.4s ease-in-out infinite}
.err .pg-load img{animation:none;opacity:.3}
.err .pg-load span{animation:none;color:#F26D6D}
@keyframes pgspin{to{transform:rotate(360deg)}}
@keyframes pgfade{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.pg-load img,.pg-load span{animation:none}}
.smc-chart > .pg-load{position:absolute;inset:0;justify-content:center}
.smc-busy{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:rgba(7,8,7,.72)}
.smc-busy[hidden]{display:none}

/* ===== panel labels on phones: one line, never covering the data ===== */
@media (max-width:760px){
  .smc-lab{font-size:10px;line-height:1.45;max-width:calc(100% - 64px);background:linear-gradient(90deg,rgba(7,8,7,.92) 78%,rgba(7,8,7,0));padding:1px 10px 1px 4px}
  .smc-lab .row,.smc-lab .vals{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .smc-lab .row > span,.smc-lab .row > button{display:inline-block;vertical-align:middle;margin-right:8px}
  .smc-lab .row > span:nth-of-type(n+2){display:none}
  .smc-lab .vals .grey{display:none}
  .smc-labs.idle .smc-lab:not([data-p="0"]) .vals{display:none}
  .smc-lab .vals{color:#C9CEC6}

  .smc-lab i.ln{width:11px;margin-right:3px}
  .smc-lab .sw{width:7px;height:7px;margin-right:3px}
}
@media (max-width:420px){
  .smc-lab{font-size:9.5px;max-width:calc(100% - 52px)}
}

/* ===== signal card render: only the chart, no page chrome ===== */
body.card-mode .pgx-nav, body.card-mode footer, body.card-mode .pgx-exp, body.card-mode .cp-left,
body.card-mode .smc-ctl, body.card-mode .smc-tools, body.card-mode .smc-notes, body.card-mode .smc-note,
body.card-mode .smc-how, body.card-mode .smc-tv, body.card-mode .pgx-seo, body.card-mode .smc-badge, body.card-mode .smc-when,
body.card-mode .smc-live{display:none!important}
body.card-mode{background:#070807}
body.card-mode .page.cp{padding:0;margin:0;max-width:none;height:100vh}
body.card-mode #cp-chart{height:100vh}
body.card-mode .smc-wm{opacity:.09}

@media (max-width:760px){
  .smc-indmenu{position:fixed;left:10px;right:10px;top:auto;bottom:12px;min-width:0;width:auto;max-height:62vh;overflow:auto;z-index:60}
  .smc-indmenu label{white-space:normal}
}

/* ===== whales bot buttons ===== */
.pg-follow{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--t4);color:var(--t2);background:#0D100D;border-radius:7px;
  padding:5px 10px;font:600 11.5px var(--mono);letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
.pg-follow svg{color:#96E75B}
.pg-follow b{color:#96E75B;font-weight:700}
.pg-follow:hover{border-color:rgba(150,231,91,.45);color:var(--t1);text-decoration:none}
h3.h3-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t btn" "sub sub";align-items:center;row-gap:6px;column-gap:12px}
h3.h3-row .t{grid-area:t;color:var(--t1);font-weight:700;font-size:14px;margin-left:0}
h3.h3-row .sub{grid-area:sub;margin-left:0}
h3.h3-row .pg-follow{grid-area:btn;justify-self:end;margin-left:0}
.pg-soon{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--t2)}
.pg-soon .tag{color:#071007;background:#96E75B;font-weight:800;font-size:10px;letter-spacing:.8px;border-radius:4px;padding:2px 6px}
.pg-soon a{color:#96E75B;font-weight:600;text-decoration:none}
.pg-soon a:hover:not(.pgx-tab){text-decoration:underline}
@media (max-width:760px){.pg-notify-pill .lbl{display:none}}

/* ===== ticker search inside the token card ===== */
/* the card body is capped at 760px, so this row follows it and the buttons
   line up with the Notify me button below instead of the page edge */
.toolrow{display:flex;align-items:center;gap:10px;max-width:760px;margin:22px 0 16px}
.toolrow .fsearch{position:relative;flex:0 0 200px;max-width:200px}
.toolrow .fsearch .sbox{display:block;width:100%;height:36px;padding:0 11px;box-sizing:border-box;
  font:500 13px var(--mono);background:#0B0D0B;border:1.5px solid var(--t4);border-radius:7px;color:var(--t1);outline:none}
.toolrow .fsearch .sbox::placeholder{color:var(--t3)}
.toolrow .fsearch .sbox:focus{border-color:rgba(150,231,91,.45)}
.toolrow .fsearch .ac{left:0;right:auto;min-width:260px;top:calc(100% + 6px)}
.toolrow .backrow-act{margin-left:auto;display:flex;align-items:center;gap:8px}
.toolrow .backrow-act .png-btn{height:36px;box-sizing:border-box;display:inline-flex;align-items:center}
@media (max-width:760px){
  .toolrow{margin:14px 0 12px}
  .toolrow .fsearch{flex:1 1 120px;max-width:none}
  .toolrow .fsearch .ac{min-width:0;width:min(280px,80vw)}
}
/* end of the ticker search block */

/* ===== alert buttons and caption contrast ===== */
/* alert button at the end of the status line: compact dark key 30px, white Telegram icon in a blue square */
#f-body .fhead #pg-follow{display:inline-flex;align-items:center;gap:7px;height:30px;box-sizing:border-box;padding:0 10px 0 4px;margin-left:auto;
  border:0;border-radius:7px;background:#232623;box-shadow:none;animation:none;color:var(--t1);text-decoration:none;white-space:nowrap;cursor:pointer;
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  transition:background .15s,transform .1s}
#f-body .fhead #pg-follow .ic{width:22px;height:22px;flex:none;border-radius:4px;background:#229ED9!important;color:#fff!important;
  display:flex;align-items:center;justify-content:center}
#f-body .fhead #pg-follow .ic svg{width:13px;height:13px;color:#fff!important;stroke:#fff!important;fill:none!important;transition:transform .2s}
#f-body .fhead #pg-follow:hover{background:#2C302B;color:var(--t1);text-decoration:none}
#f-body .fhead #pg-follow:hover .ic svg{transform:translate(1px,-1px)}
#f-body .fhead #pg-follow:active{transform:translateY(1px)}

/* captions were too dark to read */
.hint,.fnote,.foot{color:#8A9188}

/* a saved screenshot shows data only, no buttons */
body.shot-mode .pg-follow{display:none!important}

/* long label on desktop, short on phones */
#f-body .fhead #pg-follow .tx-s{display:none}

/* phone: tag on the left and the button on the right in one row, the phrase below at full width */
@media (max-width:760px){
  body #f-body .fhead .st{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 12px}
  body #f-body .fhead .st .tag{order:1}
  body #f-body .fhead #pg-follow{order:2;margin-left:auto;font-size:10.5px;letter-spacing:.4px}
  body #f-body .fhead .st .ph{order:3;flex-basis:100%}
  #f-body .fhead #pg-follow .tx-l{display:none}
  #f-body .fhead #pg-follow .tx-s{display:inline}
}
/* end of the alert buttons block */

/* ===== chart fits its box, no sideways overflow ===== */
.smc,.smc-box,.smc-chart{max-width:100%;overflow:hidden}
.smc-chart .tv-lightweight-charts{max-width:100%}
.smc-chart table{max-width:100%}
/* an overlay scrollbar inside the chart would steal a lane of its own */
.smc-chart{scrollbar-width:none}
.smc-chart::-webkit-scrollbar{width:0;height:0}
@media (max-width:612px){
  .smc-chart{left:0!important;right:0!important}
  .smc-box{overflow-x:hidden}
}
/* end of the chart fit block */

/* ===== chart labels: quiet legends, hints, bell ===== */
.smc-lab .nm{color:var(--t2)}
.smc-lab .lg{color:#6F766D;display:inline-flex;align-items:center}
.smc-lab .lg .sw{width:7px;height:7px;margin-right:4px;vertical-align:0;border-radius:1px}
.smc-lab .lg .sw.dot{border-radius:50%}
.smc-lab .ptip{pointer-events:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;
  border:1px solid #2F342E;border-radius:50%;color:#6F766D;font-size:9px;line-height:1;cursor:help;margin-left:-4px}
.smc-lab .ptip:hover,.smc-lab .ptip:focus{color:var(--t1);border-color:#4A5048;outline:none}
.smc-lab .ptip:hover::after,.smc-lab .ptip:focus::after{content:attr(data-tip);position:absolute;left:0;top:18px;z-index:30;width:min(260px,70vw);
  white-space:normal;text-align:left;background:#0B0D0B;border:1px solid #2A2E29;border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.45;
  color:#C9CEC6;box-shadow:0 10px 24px rgba(0,0,0,.5);font-weight:400;letter-spacing:0}
.smc-lab .pbell{pointer-events:auto;display:inline-flex;align-items:center;color:#6F766D;padding:0 2px;margin-left:-4px;text-decoration:none}
.smc-lab .pbell:hover{color:#96E75B}
/* controls stay out of the way until the label is hovered */
.smc-lab .pex,.smc-lab .pmv,.smc-lab .pclose{opacity:.35;transition:opacity .15s}
.smc-lab:hover .pex,.smc-lab:hover .pmv,.smc-lab:hover .pclose,.smc-lab .pex.on{opacity:1}
@media (max-width:760px){
  .smc-lab .row > .ptip,.smc-lab .row > .pbell{display:inline-flex!important}
  .smc-lab .pex,.smc-lab .pmv,.smc-lab .pclose{opacity:.6}
}

/* ===== pane controls on the right ===== */
.smc-pctls{position:absolute;inset:0;pointer-events:none;z-index:6}
.smc-pctl{position:absolute;left:0;top:0;display:flex;gap:2px;pointer-events:auto;will-change:transform;opacity:.35;transition:opacity .15s}
.smc-pctl:hover,.smc-box:hover .smc-pctl{opacity:.9}
.smc-pctl button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(7,8,7,.85);
  border:1px solid #1F231E;border-radius:5px;color:#8A928A;cursor:pointer;padding:0}
.smc-pctl button:hover:not(:disabled){color:#F2F5F2;border-color:#3A403A}
.smc-pctl button:disabled{opacity:.3;cursor:default}
.smc-pctl button.on{color:#96E75B;border-color:rgba(150,231,91,.4)}
.smc-pctl svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.smc-pctl{opacity:.7}.smc-pctl button{width:22px;height:22px}}

/* ===== token page and chart polish ===== */
.smc-share{position:relative;display:inline-flex}
.smc-sharemenu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:70;min-width:170px;
  background:#0B0D0B;border:1px solid var(--t4);border-radius:9px;padding:5px;box-shadow:0 12px 28px rgba(0,0,0,.55)}
.smc-sharemenu.open{display:block}
.smc-sharemenu button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--t2);
  font:500 12.5px var(--mono);padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}
.smc-sharemenu button:hover{background:#141814;color:var(--t1)}
.tbl th{white-space:nowrap;vertical-align:middle;text-align:center}
.tbl td{text-align:center}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl td .mb{margin-left:6px}
.tbl th .thtip{margin-left:5px;vertical-align:middle;position:relative;top:-1px}
@media (max-width:760px){
  .tbl th{padding-top:9px;padding-bottom:9px}
  .tbl .thtip.open::after{right:auto;left:0;max-width:72vw}
  .tbl th:first-child .thtip.open::after,.tbl th:nth-child(2) .thtip.open::after{left:0;right:auto}
  .tbl th:last-child .thtip.open::after,.tbl th:nth-last-child(2) .thtip.open::after{left:auto;right:0}
}
.now .n{white-space:nowrap}
.now .n .sh{font-style:normal;color:var(--t3);font-weight:500;font-size:11.5px;white-space:nowrap}
@media (max-width:760px){.now .n .sh{font-size:11px}}
body.card-mode .smc-pctls,body.card-mode .smc-lab .ptip,body.card-mode .smc-lab .pbell,body.card-mode .ent-x,body.card-mode .smc-howto{display:none!important}
.backrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 18px;max-width:760px}
.backrow .back{margin:0}
.backrow-act{display:flex;gap:8px}
body.shot-mode .backrow{display:none!important}
.now .nbar{display:flex;position:relative;height:12px;width:100%;background:#0E110E}
.now .nbar i{height:100%}
.now .nbar .l{background:repeating-linear-gradient(90deg,var(--t2) 0 6px,transparent 6px 8px)}
.now .nbar .s{background:repeating-linear-gradient(90deg,#1F231E 0 6px,transparent 6px 8px)}
.now .nbar.none i{background:repeating-linear-gradient(90deg,#1F231E 0 6px,transparent 6px 8px)}   /* no data yet */
.now .nbar::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#3A403A}
.now .b{letter-spacing:0;overflow:visible}
@media (max-width:760px){.now .nbar{height:11px}}
@media (max-width:760px){
  h3.h3-row .sub{margin-left:0!important}
  .cp-left .cp-sym{flex-wrap:wrap;row-gap:1px;overflow:visible}
  .cp-left .cp-sym .nm{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  #png-btn{padding:5px 10px;font-size:11px}
}
@media (max-width:760px){
  .cp-left{justify-content:flex-start!important;gap:10px}
  .cp-left .cp-search{width:118px!important;flex:0 0 118px!important}
  .cp-left .cp-sym{flex:1 1 auto;min-width:0;gap:6px;overflow:hidden}
  .cp-left .cp-sym .nm{font-size:14px}
  .cp-left .cp-sym .px{font-size:12px;white-space:nowrap}
  .cp-left .cp-sym #cp-ch{font-size:11.5px;white-space:nowrap}
  .smc-ind .ind-full{display:none}
  .smc-bar .smc-btn{white-space:nowrap}
}
.smc-lab .row:has(.ptip.open),.smc-lab .row:has(.ptip:focus){overflow:visible}
.smc-lab .ptip.open::after{content:attr(data-tip);position:absolute;left:0;top:18px;z-index:30;width:min(260px,70vw);white-space:normal;text-align:left;
  background:#0B0D0B;border:1px solid #2A2E29;border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.45;color:#C9CEC6;box-shadow:0 10px 24px rgba(0,0,0,.5);font-weight:400}
.now .thtip.open::after,.tbl .thtip.open::after{content:attr(data-tip);position:absolute;left:0;top:20px;z-index:30;width:min(230px,72vw);white-space:normal;text-align:left;
  background:#0B0D0B;border:1px solid var(--t4);border-radius:6px;padding:7px 9px;font-size:11.5px;line-height:1.4;color:var(--t2);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.tbl .thtip.open::after{left:auto;right:0}
.tl .tl-more{display:none}
.tl.open .tl-more{display:block}
.tl .tl-toggle{grid-column:1/-1;justify-self:start;background:none;border:0;color:#96E75B;font:600 11.5px var(--mono);cursor:pointer;padding:2px 0}
.tl .tl-toggle:hover{text-decoration:underline}
.smc-howto{margin-top:12px;border-top:1px solid var(--t4);padding-top:10px}
.smc-howto > summary{cursor:pointer;list-style:none;color:var(--t3);font-size:12px;display:inline-flex;align-items:center;gap:6px}
.smc-howto > summary::-webkit-details-marker{display:none}
.smc-howto > summary:before{content:"+";color:#96E75B;font-weight:700}
.smc-howto[open] > summary:before{content:"-"}
.smc-howto > summary:hover{color:var(--t1)}
.smc-howto .smc-notes{margin-top:12px}
.smc-lab .pbell svg{display:block}
.smc-lab .ptip,.smc-lab .pbell{vertical-align:middle;flex-shrink:0}
@media (max-width:760px){
  .smc-pctl{margin-top:-4px}
  .smc-pctl button{width:20px;height:20px}
  .smc-lab{max-width:calc(100% - 112px)!important}
  .smc-lab .row{align-items:center}
  .smc-lab .pbell{height:13px;margin-left:0}
  .smc-lab .ptip{margin-left:0}
}

/* ===== calmer navigation and strip ===== */
/* token page: the whole market strip goes, the page starts with the token itself */
body.file .agg{display:none!important}
/* end of the calm block */

/* ===== icon buttons: save png and share ===== */
.png-btn.ico-btn,#png-btn.ico-btn{position:relative;width:36px;height:36px;padding:0;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;font-size:0}
.ico-btn svg{width:18px;height:18px}
.ico-btn .i-ok{display:none}
.ico-btn.busy .i-main{animation:icopulse .9s ease-in-out infinite}
.ico-btn.ok{border-color:#96E75B!important;color:#96E75B!important}
.ico-btn.ok .i-main{display:none}.ico-btn.ok .i-ok{display:block}
.ico-btn.err{border-color:#E5534B!important;color:#E5534B!important}
.ico-btn[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);right:0;white-space:nowrap;
  font:700 10.5px var(--mono);letter-spacing:.4px;color:#0B0D0B;background:#96E75B;padding:3px 7px;border-radius:5px;pointer-events:none}
@keyframes icopulse{0%,100%{opacity:1}50%{opacity:.3}}
/* end of the icon buttons block */

/* ===== chart icon buttons ===== */
.smc-btn.ico-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px!important;line-height:0;vertical-align:middle}
.smc-btn.ico-btn svg{width:15px;height:15px}
.smc-btn.ico-btn:disabled svg{animation:icopulse .9s ease-in-out infinite}
@keyframes icopulse{0%,100%{opacity:1}50%{opacity:.3}}
/* end of the chart icon buttons block */

/* ===== chart telegram buttons ===== */
.smc-btn.smc-tg{color:#2AABEE;text-decoration:none}
.smc-btn.smc-tg:hover{border-color:#2AABEE;color:#2AABEE}
/* site-wide link and button decorations must not add arrows to the icon buttons */
.smc-btn.ico-btn::before,.smc-btn.ico-btn::after{content:none!important;display:none!important}
/* end of the chart telegram buttons block */

/* ===== whale alerts button v2 (same family as the Pump Catcher button) ===== */
.fhead .st .pg-follow{position:relative;display:inline-flex;align-items:stretch;height:30px;padding:0;gap:0;border:1px solid #2f363e;border-radius:7px;
  overflow:hidden;background:transparent;color:#E2E5E0;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.fhead .st .pg-follow .pg-tg-fill{position:absolute;top:0;bottom:0;left:0;width:30px;background:#229ED9;z-index:0;transition:width .45s cubic-bezier(.65,0,.35,1)}
.fhead .st .pg-follow:hover .pg-tg-fill,.fhead .st .pg-follow:focus-visible .pg-tg-fill{width:100%}
.fhead .st .pg-follow:hover{border-color:#229ED9;color:#fff}
.fhead .st .pg-follow .ic{display:inline-flex;align-items:center;justify-content:center;width:30px;flex:0 0 30px;position:relative;z-index:1;background:none}
.fhead .st .pg-follow .tx{display:inline-flex!important;align-items:center;padding:0 12px;white-space:pre;position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){.fhead .st .pg-follow .pg-tg-fill{transition:none}}
#f-body .fhead .st a.pg-follow,#f-body .fhead .st a.pg-follow:hover{background:transparent!important;box-shadow:none!important}
#f-body .fhead .st a.pg-follow{border:1px solid #2f363e!important}
#f-body .fhead .st a.pg-follow:hover{border-color:#229ED9!important}
/* ===== end whale alerts button v2 ===== */

/* chart toolbar telegram button: hidden, alerts live in the token card */
.smc-tg{display:none!important}

.pgx-nav a:hover,.pgx-nav a:focus{text-decoration:none!important}

/* ar: try line under the search box, not at the far right */
[dir=rtl] .search .hint,html[lang=ar] .search .hint{width:fit-content;max-width:100%;margin-left:0;margin-right:auto}

/* charts: fixed room for price and 24h change, nothing moves when they load */
.cp-sym .px{display:inline-block;min-width:21ch}

/* charts wide density v1: only big screens, scales on the chart untouched */
@media (min-width:1600px){
  .smc-bar{min-height:34px;margin:0 0 6px!important;gap:8px!important}
  .smc-bar .smc-left,.smc-bar .smc-right{gap:6px}
  .smc-bar .smc-seg span{padding:4px 8px;font-size:11px}
  .smc-bar .smc-btn{padding:4px 8px;font-size:10.5px}
  .smc-bar .smc-ico{padding:4px 6px}
  .smc-bar .smc-when{font-size:10.5px}
  .smc-bar .smc-live{font-size:10px}
  .smc-tools{width:36px;gap:3px;padding-top:6px}
  .smc-tools button{width:28px;height:28px}
  .smc-tools svg{width:16px;height:16px}
  .smc-tools .sep{width:18px}
  .smc-tools button[data-tip]:hover::after{left:36px}
  .smc-chart{left:36px}
  .smc-lab{font-size:11px}
  .cp-sym .nm{font-size:18px}
  .cp-sym .px{font-size:14px}
  .cp-left .cp-search input{font-size:12.5px;padding:4px 0}
  .charts-page .smc-box{height:max(620px, calc(100vh - 212px))}
}

/* whale alerts button left on phones: in line with the ticker and the phrase, not pushed to the right edge */
@media (max-width:760px){
  body #f-body .fhead #pg-follow{margin-left:0}
}

/* smart money search like charts v1: the same list as the Charts search */
.ac.cpx div{display:grid!important;grid-template-columns:minmax(64px,1fr) minmax(70px,auto) 84px;align-items:center;gap:10px;padding:9px 12px;font-family:var(--mono);font-size:13px;color:var(--t2);cursor:pointer}
.ac.cpx div.hd{padding:7px 12px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--t3);background:rgba(226,229,224,.03);cursor:default;border-bottom:1px solid var(--t4)}
.ac.cpx div.hd:hover{background:rgba(226,229,224,.03)}
.ac.cpx div.hd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac.cpx div.hd span:nth-child(2),.ac.cpx div.hd span:nth-child(3){text-align:right}
.ac.cpx div b{color:var(--t1);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac.cpx div u{text-decoration:none;color:var(--t2);text-align:right;font-variant-numeric:tabular-nums}
.ac.cpx div i{font-style:normal;font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums}
.ac.cpx div i.long{color:var(--long)}
.ac.cpx div i.short{color:var(--short)}
.ac.cpx div:hover,.ac.cpx div.sel{background:rgba(226,229,224,.05);color:var(--t1)}
.ac.cpx div.hd:hover{color:var(--t3)}
.ac.cpx .empty{display:block!important}
/* search five v1: see-through search lists on every page */
.ac,.ac.cpx,.cp-search .ac{background:rgba(11,13,11,.6)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}