/* PAYBACK v10 night floor terminal. Loaded after pulse.css; see DESIGN.md. */
:root{
 --canvas:#050607;--bg:#050607;--panel:#0B0C0F;--surface:#12141A;--surface-2:#171A21;--hover:#14171D;
 --line:#1B1E25;--line-2:#272B34;--text:#F1F2F4;--muted:#A0A5AF;--faint:#6A707A;
 --up:#4ADE80;--down:#FF4D6D;--green:#86EFAC;--green-ink:#04210F;--warn:#F5B83D;--info:#7DD3FC;
 --r:10px;--rc:6px;--gut:6px;--ease:cubic-bezier(.2,.7,.2,1);
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;
 -webkit-font-smoothing:antialiased;
}
body{background:var(--canvas)}
::selection{background:#86EFAC44}
*{scrollbar-width:thin;scrollbar-color:#272B34 transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#272B34;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}

/* shell */
.top{background:var(--canvas);border-bottom-color:var(--line)}
.ticker{background:var(--canvas);border-bottom-color:var(--line)}
.search-trigger{background:var(--panel);border-color:var(--line);transition:border-color .12s,background .12s}
.search-trigger:hover{border-color:var(--line-2);background:var(--surface);color:var(--muted)}
.create{background:#86EFAC12;border:1px solid #86EFAC33;color:var(--green);transition:background .12s,border-color .12s,transform .1s}
.create:hover{background:#86EFAC22;border-color:#86EFAC66;color:var(--green)}
.rail{background:var(--canvas)}
.rail a{transition:background .12s,color .12s}
button{transition:background .12s,border-color .12s,color .12s,transform .1s}
button:active:not(:disabled){transform:scale(.98)}
button:hover,a:hover{color:inherit}
.foot{background:var(--canvas)}

/* shared atoms */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff07;min-width:0}
.ph{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-bottom:1px solid var(--line)}
.ph h2{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ph-meta{margin-left:auto;font-size:11.5px;color:var(--faint)}
.ph-big{margin-left:auto;font-size:15px;font-weight:700}
.ph .seg{margin-left:auto}
.label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.up{color:var(--up)}.down{color:var(--down)}
.seg{background:var(--canvas);border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}
.seg button{border:0;background:none;border-radius:5px;color:var(--faint)}
.seg button:hover{color:var(--text);background:var(--hover)}
.seg button.on{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.chip-s{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:600;background:var(--surface-2);color:var(--muted)}
.chip-s.info{background:#7DD3FC14;color:var(--info)}.chip-s.good{background:#4ADE8016;color:var(--up)}.chip-s.bad{background:#FF4D6D18;color:var(--down)}
.t{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;font-size:10px;font-weight:600;text-transform:capitalize;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.t.bad{background:#FF4D6D1A;color:var(--down)}.t.warn{background:#F5B83D1A;color:var(--warn)}.t.info{background:#7DD3FC16;color:var(--info)}
.ident{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0004}
.wallet{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--text);font-size:12.5px;font-family:ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:-.01em}
.wallet:hover{color:var(--green)}
.wallet:hover .ident{box-shadow:0 0 0 2px #86EFAC55}
.note{color:var(--faint);font-size:11.5px;line-height:1.5}
.note a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px}
.note a:hover{color:var(--green)}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint);flex:none}
.pass .dot{background:var(--up);box-shadow:0 0 0 3px #4ADE8018}.fail .dot{background:var(--down);box-shadow:0 0 0 3px #FF4D6D1C}
.icon-btn{height:30px;min-width:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:var(--rc);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px}
.icon-btn:hover{border-color:var(--line-2);color:var(--text);background:var(--surface-2)}
.icon-btn svg{width:15px;height:15px}.icon-btn span{margin-left:4px;font-weight:700}
.icon-btn[aria-pressed=true]{color:var(--warn);border-color:#F5B83D44}
.icon-btn[aria-pressed=true] svg{fill:#F5B83D33}

/* skeletons */
.sk{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 40%,var(--surface) 80%);background-size:300% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{from{background-position:100% 0}to{background-position:-200% 0}}
.sk-row{display:flex;gap:12px;align-items:center}.sk-av{width:52px;height:52px;border-radius:12px}
.sk-fill{position:absolute;inset:12px;border-radius:8px;opacity:.5}
.sk-table{display:grid;gap:8px;padding:14px}.sk-table .sk{height:28px}

/* coin page layout */
.token-page{background:var(--canvas)}
.coin{padding:var(--gut);display:flex;flex-direction:column;gap:var(--gut)}
.coin-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--gut);align-items:start;min-height:0}
.coin-main{display:flex;flex-direction:column;gap:var(--gut);min-width:0}
.side{display:flex;flex-direction:column;gap:var(--gut);position:sticky;top:var(--gut);max-height:calc(100vh - var(--gut)*2);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r);scrollbar-width:none}
.side::-webkit-scrollbar{display:none}
#coin-status{margin:0;padding:0 4px}#coin-status:empty{display:none}

/* header */
.coin-head{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;padding:14px 16px;border-bottom:1px solid var(--line)}
.coin-head .id{display:flex;align-items:center;gap:12px;min-width:0;flex:none;max-width:38%}
.coin-head .av{width:52px;height:52px}
.coin-head .av .pic{inset:4px;border-radius:10px}
.id-text{min-width:0}
.coin-head h1{display:flex;align-items:baseline;gap:8px;margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.coin-head h1 .name{font-size:13px;font-weight:500;color:var(--faint);overflow:hidden;text-overflow:ellipsis}
.coin-head .sub{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;font-size:11.5px}
.ca{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font:11px ui-monospace,"SF Mono",Menlo,monospace}
.ca svg{width:11px;height:11px}.ca:hover{color:var(--text);border-color:var(--line-2)}
.coin-head .age{color:var(--up);font-weight:600}
.coin-head .soc{gap:8px}.coin-head .soc a{color:var(--faint)}.coin-head .soc a:hover{color:var(--text)}
.coin-head .stats{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;width:auto;flex:1;min-width:0;overflow:hidden}
.coin-head .stats>div{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 18px;border-left:1px solid var(--line);white-space:nowrap}
.coin-head .stats>div:first-child{border-left:0;padding-left:0}
.coin-head .stats i{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.coin-head .stats b{font-size:14px;font-weight:600}
.coin-head .stats b sub{font-size:9px;vertical-align:-2px}
.coin-head .stats .lead{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:end;padding-right:22px}
.coin-head .stats .lead i{grid-column:1/-1}
.coin-head .stats .lead b{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff;border-radius:4px}
.coin-head .stats .lead span{font-size:12px;font-weight:600;padding-bottom:2px}
.head-actions{display:flex;gap:6px;margin-left:auto;flex:none}

/* chart */
.chart-panel{overflow:hidden}
.chart-toolbar{height:40px;padding:0 10px 0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.chart-toolbar .ph-meta{margin:0;font-weight:600;color:var(--muted);font-size:12px}
.tv{position:relative;height:clamp(380px,52vh,560px);flex:none}
.chart-note{border-top:1px solid var(--line);padding:7px 14px;margin:0;color:var(--faint);font-size:11px}

/* table panel */
.market-table{overflow:hidden}
.table-tabs{position:relative;height:42px;gap:4px;padding:0 10px;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center}
.table-tabs button{height:42px;padding:0 10px;border:0!important;background:none;color:var(--faint);font-weight:600;font-size:13px}
.table-tabs button:hover{color:var(--text)}
.table-tabs button.on{color:var(--text)}
.table-tabs button small{font-size:11px;color:var(--faint);font-weight:500;margin-left:3px}
.tab-ink{position:absolute;left:0;bottom:-1px;height:2px;background:var(--green);border-radius:2px;transition:transform .18s var(--ease),width .18s var(--ease);box-shadow:0 0 12px #86EFAC88}
.live-stamp{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--faint)}
.live-stamp i{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px #4ADE8020;animation:blink 2s infinite}
.table-filters{display:flex;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--line)}
.table-filters label{font-size:11.5px;color:var(--faint)}
.table-filters input{width:76px;height:26px;background:var(--canvas);border-color:var(--line);font-size:12px}
.market-table .table-scroll{height:440px}
.market-table table{font-size:12.5px}
.market-table th{height:34px;background:var(--panel);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;border-bottom:1px solid var(--line);padding:0 12px}
.market-table td{height:40px;padding:0 12px;border-bottom:1px solid #15171D;font-size:12.5px}
.market-table tbody tr{position:relative;transition:background .12s}
.market-table tbody tr:hover,.market-table tbody tr.lit{background:var(--hover)}
.market-table tbody tr td:first-child{box-shadow:inset 2px 0 0 transparent;transition:box-shadow .12s}
.market-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--green)}
.market-table tbody tr.lit td:first-child{box-shadow:inset 2px 0 0 var(--warn)}
.market-table tbody tr.lit{background:#F5B83D0D}
.w-cell{display:flex;align-items:center;gap:6px;justify-content:flex-start}
.w-cell.end{justify-content:flex-end}
.sidep{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;font-size:11px;font-weight:700}
span.sidep.buy{background:#4ADE8016;color:var(--up)}span.sidep.sell{background:#FF4D6D16;color:var(--down)}
.trades tr.r-buy td.val{color:var(--up)}.trades tr.r-sell td.val{color:var(--down)}
.trades tr.whale td.val{font-weight:700}
.trades tr.whale.r-buy{background:linear-gradient(90deg,transparent 40%,#4ADE800B)}
.trades tr.whale.r-sell{background:linear-gradient(90deg,transparent 40%,#FF4D6D0B)}
.trades td.paid{color:var(--green);font-weight:600}
.txn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:5px;color:var(--faint)}
.txn svg{width:14px;height:14px}.txn:hover{background:var(--surface-2);color:var(--text)}
tr.arrival{animation:row-in .5s var(--ease)}
@keyframes row-in{from{background:#86EFAC18}to{background:transparent}}
.holders .rank{color:var(--faint);width:36px}
.holders tr.is-pool .wallet span{color:var(--info)}
.holders td.share{position:relative;min-width:120px}
.holders td.share i{position:absolute;right:12px;top:9px;bottom:9px;max-width:calc(100% - 24px);background:linear-gradient(90deg,#F1F2F405,#F1F2F41C);border-right:2px solid #F1F2F455;border-radius:3px}
.holders tr.is-pool td.share i{background:linear-gradient(90deg,#7DD3FC08,#7DD3FC22);border-right-color:#7DD3FC88}
.holders td.share span{position:relative;font-weight:600}

/* holder map */
.hsum{padding:12px 14px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.hmap{display:flex;height:12px;gap:2px;border-radius:4px;overflow:hidden}
.hmap i{display:block;min-width:2px;background:rgb(241 242 244 / calc(var(--o) * .55));transition:filter .12s,transform .12s;cursor:default}
.hmap i.pool{background:#7DD3FC}.hmap i.flag{background:var(--down)}.hmap i.linked{background:var(--warn)}.hmap i.dev{background:#C4B5FD}
.hmap i.rest{background:var(--surface-2);min-width:0}
.hmap i:hover,.hmap i.lit{filter:brightness(1.35);transform:scaleY(1.25)}
.hkeys{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11.5px;color:var(--faint)}
.hkeys b{color:var(--text);font-weight:600;margin-right:2px}
.hkeys span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--muted);margin-right:6px;vertical-align:0}
.hkeys .k-pool::before{background:var(--info)}.hkeys .k-flag::before{background:var(--down)}.hkeys .k-linked::before{background:var(--warn)}
.hkeys span:not(.k-pool):not(.k-flag):not(.k-linked):not(:first-child)::before{background:var(--line-2)}
.hkeys .muted{margin-left:auto}.hkeys .muted::before{display:none}
.hkeys .k-flag b{color:var(--down)}.hkeys .k-linked b{color:var(--warn)}

/* right rail panels */
.side>.panel>*:not(.ph){margin-left:14px;margin-right:14px}
.side>.panel>*:last-child{margin-bottom:14px}
.side>.panel>.ph+*{margin-top:12px}
.trade.panel{padding:12px}
.trade.panel>*{margin-left:0!important;margin-right:0!important}
.trade .seg{background:var(--canvas)}
.trade .seg button{height:34px;font-size:13px}
.trade .seg button.on[data-side=buy]{background:var(--up);color:var(--green-ink);box-shadow:0 4px 18px -6px #4ADE80aa}
.trade .seg button.on[data-side=sell]{background:var(--down);color:#fff;box-shadow:0 4px 18px -6px #FF4D6Daa}
.trade .amt{height:46px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;transition:border-color .12s,box-shadow .12s}
.trade .amt:focus-within{border-color:#86EFAC66;box-shadow:0 0 0 3px #86EFAC14}
.trade .amt input{font-size:18px;font-weight:700;border:0;background:none}
.trade .presets button{height:30px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:12px;color:var(--muted)}
.trade .presets button:hover{border-color:var(--line-2);color:var(--text);background:var(--surface-2)}
.trade .fee{font-size:11.5px;gap:6px 8px}
.trade .fee dt{color:var(--faint)}
.go{height:42px!important;border-radius:8px!important;font-size:14px;font-weight:700;background:var(--up);color:var(--green-ink);box-shadow:0 8px 24px -12px #4ADE80;transition:filter .12s,transform .1s,box-shadow .12s}
.go:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 10px 30px -10px #4ADE80}
.go.sell{background:var(--down);box-shadow:0 8px 24px -12px #FF4D6D}
.tax-preview{color:var(--warn)}

/* safety */
.score{display:flex;align-items:center;gap:14px}
.ring{--p:0%;position:relative;width:58px;height:58px;flex:none;border-radius:50%;background:conic-gradient(var(--up) var(--p),var(--surface-2) 0);display:grid;place-items:center;transition:background .3s}
.ring.bad{background:conic-gradient(var(--down) var(--p),var(--surface-2) 0)}
.ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}
.ring b{position:relative;font-size:19px;font-weight:700;line-height:1}
.ring small{position:absolute;bottom:12px;font-size:9.5px;color:var(--faint)}
.ring b{transform:translateY(-3px)}
.verdict-big{display:block;font-size:14px;font-weight:700;color:var(--up)}
.verdict-big.bad{color:var(--down)}
.score p{margin:3px 0 0;font-size:11.5px;line-height:1.45;color:var(--faint)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:visible}
.tile{position:relative;display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--panel);outline:0;transition:background .12s}
.tile:nth-child(1){border-top-left-radius:7px}.tile:nth-child(3){border-top-right-radius:7px}.tile:nth-child(4){border-bottom-left-radius:7px}.tile:nth-child(6){border-bottom-right-radius:7px}
.tile:hover,.tile:focus-visible{background:var(--hover)}
.tile b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile.pass b{color:var(--up)}.tile.fail b{color:var(--down)}.tile.unknown b{color:var(--faint);font-weight:500;font-size:13px}
.tile span{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--faint);white-space:nowrap}
.tile.fail{background:linear-gradient(180deg,#FF4D6D0E,transparent)}
.tile[data-tip]:not([data-tip=""]):hover::after,.tile[data-tip]:not([data-tip=""]):focus-visible::after{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:210px;padding:9px 11px;border-radius:8px;background:#1B1E25;border:1px solid var(--line-2);color:var(--text);font-size:11.5px;line-height:1.45;font-weight:400;box-shadow:0 14px 34px #000c;pointer-events:none}
.tile:nth-child(3n+1):hover::after,.tile:nth-child(3n+1):focus-visible::after{left:0;transform:none}
.tile:nth-child(3n):hover::after,.tile:nth-child(3n):focus-visible::after{left:auto;right:0;transform:none}
.readings summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 0}
.readings summary::-webkit-details-marker{display:none}
.readings summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.readings[open] summary::after{transform:rotate(-135deg)}
.readings summary:hover{color:var(--text)}
.readings ul{list-style:none;margin:6px 0 0;padding:0;display:grid}
.readings li{display:flex;align-items:center;gap:8px;height:28px;font-size:12px;border-top:1px solid #15171D}
.readings li span{flex:1;color:var(--muted)}
.readings li.fail b{color:var(--down)}.readings li.unknown b{color:var(--faint);font-weight:500}

/* bonding */
.curve{position:relative;height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden}
.curve i{position:relative;display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#0C4A6E,#38BDF8 70%,#BAE6FD);box-shadow:0 0 14px #7DD3FC55;overflow:hidden}
.curve i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:translateX(-100%);animation:sheen 2.6s var(--ease) infinite}
.curve.hot i{background:linear-gradient(90deg,#B45309,#F5B83D 60%,#FDE68A);box-shadow:0 0 16px #F5B83D77}
.curve.done i::after{display:none}
@keyframes sheen{60%,100%{transform:translateX(100%)}}
.kv2{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}
.kv2>div,.kv3>div,.kv4>div{display:flex;flex-direction:column;gap:3px}
.kv2 i,.kv3 i,.kv4 i,.pair-liq i{font-style:normal;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.kv2 b,.kv4 b{font-size:13.5px;font-weight:600}
#bonding>*+*{margin-top:12px}
#bonding .note{margin-top:10px}

/* stats */
.kv4{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.kv4 b{font-size:15px}
.dual{margin-top:12px}
.dual .lbl{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;margin-bottom:5px}
.dual .bar{display:flex;height:5px;border-radius:5px;background:var(--down);overflow:hidden;gap:2px}
.dual .bar i{display:block;height:100%;background:var(--up);border-radius:5px 0 0 5px;transition:width .4s var(--ease)}
#flow .note{margin-top:12px}

/* pool and creator */
.pair{display:flex;align-items:center;gap:10px}
.pair-pics{position:relative;width:42px;height:32px;flex:none}
.pair-pics .pic{position:absolute;inset:auto;left:0;top:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--panel)}
.sol-dot{position:absolute;left:20px;top:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,#9945FF,#14F195);border:2px solid var(--panel)}
.pair b{font-size:13.5px}.pair small{display:block;font-size:11px;color:var(--faint);margin-top:2px}
.pair-liq{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px}
.pair-liq b{font-size:14px}
.addr-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11.5px;color:var(--faint)}
.from-high{margin-top:12px}
.from-high .lbl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-bottom:6px}
.from-high .lbl b{color:var(--text);font-weight:600}
.from-high .bar{height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.from-high .bar i{display:block;height:100%;background:linear-gradient(90deg,#FF4D6D,#F5B83D 55%,#4ADE80);background-size:340px 100%;border-radius:4px}
.creator{margin-top:14px!important;padding:12px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);display:grid;gap:9px}
.creator-top{display:flex;align-items:center;justify-content:space-between}
.kv3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:9px;border-top:1px solid var(--line)}
.kv3 b{font-size:13px;font-weight:600}
.warn{margin:0;font-size:11.5px;color:var(--warn);line-height:1.45}
.about-wrap{margin-top:12px}
.about{margin:0;font-size:12px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;background:var(--surface);border:1px solid var(--line);font-size:11.5px;color:var(--muted);transition:border-color .12s,color .12s}
.pill svg{width:12px;height:12px}
.pill:hover{border-color:var(--line-2);color:var(--text)}

/* value flash that respects the rounded number */
.flash-up,.flash-down{border-radius:4px}

/* board: panels on the canvas */
@media(min-width:761px){
 .gatebar{background:var(--canvas);border-bottom-color:var(--line)}
 .board-toolbar{background:var(--canvas)}
 .pulse{gap:var(--gut);padding:var(--gut);background:var(--canvas)}
 .col{background:var(--panel);border:1px solid var(--line)!important;border-radius:var(--r);overflow:visible;box-shadow:inset 0 1px 0 #ffffff07}
 .col>header{background:var(--panel)}
 .col>header h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
}
.card{transition:background .12s;border-bottom-color:#15171D}
.card:hover{background-color:var(--hover)!important}
.card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--green);opacity:0;transition:opacity .12s}
.card:hover::before{opacity:1}
.card .pic{transition:transform .18s var(--ease)}
.card:hover .pic{transform:scale(1.04)}
.buy{border-radius:13px!important;background:#86EFAC10;border:1px solid #86EFAC33!important;color:var(--green);font-weight:700}
.buy:hover{background:var(--green)!important;color:var(--green-ink)!important;box-shadow:0 0 18px -4px #86EFAC99}
.sheet,.command,.popover{background:#0D0F13;border-color:var(--line-2);box-shadow:0 30px 80px -20px #000}

/* responsive */
@media(max-width:1280px){.coin-head .stats>div:nth-child(n+5){display:none}}
@media(max-width:1100px){.coin-grid{grid-template-columns:minmax(0,1fr) 310px}.coin-head{flex-wrap:wrap;gap:14px}.coin-head .id{max-width:none}.coin-head .stats{order:3;width:100%;flex-basis:100%}.coin-head .stats>div:nth-child(n+6){display:flex}}
@media(max-width:900px){.coin-grid{grid-template-columns:1fr}.side{position:static;max-height:none;overflow:visible}}
@media(max-width:760px){
 .coin{padding:6px 6px 80px}
 .coin-head{padding:12px}
 .coin-head .stats{overflow-x:auto;scrollbar-width:none}
 .coin-head .stats>div{padding:0 12px}
 .coin-head .stats .lead b{font-size:20px}
 .head-actions{order:4;width:100%;margin:0;padding-top:10px;border-top:1px solid var(--line)}
 .head-actions .icon-btn{flex:1}
 .coin-head .id{width:100%}
 .tv{height:340px}
 .market-table .table-scroll{height:auto;max-height:520px}
 .hkeys .muted{display:none}
 .side>.trade.panel{display:none}
 .sheet .trade{display:block!important}
}
@media(prefers-reduced-motion:reduce){.curve i::after,.sk,.live-stamp i{animation:none}.tab-ink{transition:none}}
.holders th:nth-child(2),.holders td:nth-child(2),.trades th:nth-child(2),.trades td:nth-child(2){text-align:left}
.hmap{height:14px}
.ring.hot{background:conic-gradient(#FF4D6D,#FA7458 35%,#F5B83D 65%,#BC9A5A 90%,#4ADE80)}
.ring.hot small{bottom:auto;position:relative;font-size:11px;font-weight:700;color:var(--muted);margin-left:1px}
.ring.hot b{transform:none}
.ring.hot{display:flex;align-items:baseline;justify-content:center;padding-top:19px}
.steps{display:flex;gap:2px;height:34px}
.steps i{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:4px 6px;border-radius:4px;background:color-mix(in srgb,var(--c) 16%,transparent);border-top:2px solid var(--c)}
.steps i.free{--c:var(--up)}
.steps b{font-size:11.5px;color:var(--c)}
.steps small{font-size:9.5px;color:var(--faint)}
#safety .tiles .tile:nth-child(3){border-bottom-right-radius:7px}
#safety .tiles .tile:nth-child(1):last-child{border-radius:7px}
.tiles .tile:nth-child(1):nth-last-child(3){border-bottom-left-radius:7px}

/* X-ray */
.xr-chip{display:flex;align-items:center;gap:8px;max-width:100%;margin-top:8px;height:26px;padding:0 10px 0 4px;border-radius:13px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted);text-align:left}
.xr-chip:empty{display:none}
.xr-chip b{flex:none;height:18px;padding:0 8px;border-radius:9px;display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.xr-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xr-chip:hover{border-color:var(--line-2);color:var(--text)}
.xr-chip.clean b,.xr-head.clean .xr-badge{background:var(--green);color:var(--green-ink)}
.xr-chip.watch b,.xr-head.watch .xr-badge{background:var(--warn);color:#2A1A00}
.xr-chip.risky b,.xr-head.risky .xr-badge{background:var(--down);color:#fff}
.xr-chip.clean{border-color:#86EFAC33}.xr-chip.watch{border-color:#F5B83D33}.xr-chip.risky{border-color:#FF4D6D40}
#xray{position:relative;overflow:hidden}
#xray::before{content:"";position:absolute;inset:0 0 auto;height:90px;pointer-events:none;opacity:.55;background:radial-gradient(120% 100% at 0 0,var(--xr,#86EFAC22),transparent 70%)}
#xray:has(.xr-head.watch){--xr:#F5B83D1f}#xray:has(.xr-head.risky){--xr:#FF4D6D24}
.xr-head{position:relative;display:flex;gap:12px;align-items:flex-start}
.xr-badge{flex:none;height:26px;padding:0 11px;border-radius:7px;display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.xr-head.clean .xr-badge{box-shadow:0 0 22px -4px #86EFAC99}
.xr-head b{display:block;font-size:13.5px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.xr-head p{margin:3px 0 0;font-size:11.5px;color:var(--faint);line-height:1.4}
.xr-list{list-style:none;padding:0;display:grid;gap:2px;margin-top:12px!important}
.xr-list li{display:flex;align-items:flex-start;gap:9px;padding:6px 8px;border-radius:6px;font-size:12.5px;line-height:1.4;color:var(--text);transition:background .12s}
.xr-list li:hover{background:var(--hover)}
.xr-list li span{min-width:0;overflow-wrap:anywhere}
.xr-ic{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;display:grid;place-items:center;position:relative}
.xr-list .good .xr-ic{background:#4ADE801f}.xr-list .good .xr-ic::after{content:"";width:6px;height:3.5px;border-left:1.6px solid var(--up);border-bottom:1.6px solid var(--up);transform:rotate(-45deg) translate(1px,-1px)}
.xr-list .watch .xr-ic{background:#F5B83D1f}.xr-list .watch .xr-ic::after{content:"";width:1.6px;height:7px;background:var(--warn);border-radius:1px;box-shadow:0 0 0 0 var(--warn)}
.xr-list .bad .xr-ic{background:#FF4D6D22}.xr-list .bad .xr-ic::after{content:"";width:7px;height:1.6px;background:var(--down);border-radius:1px}
.xr-list .bad span{color:#FFC2CD}
.xr-more{width:100%;margin-top:6px!important;height:30px;border-radius:7px;background:none;border:1px dashed var(--line-2);color:var(--faint);font-size:12px}
.xr-more:hover{color:var(--text);border-style:solid}
.pulse-hi{animation:pulse-hi .9s var(--ease)}
@keyframes pulse-hi{0%{box-shadow:0 0 0 0 #86EFAC66}100%{box-shadow:0 0 0 12px transparent}}
/* phone: X-ray right under the header, the story before the chart details */
@media(max-width:900px){
 .coin-grid,.coin-main,.side{display:contents}
 .coin-head{order:0}#coin-status{order:1}#xray{order:2}.chart-panel{order:3}#safety{order:4}#bonding{order:5}#stats-panel{order:6}.market-table{order:7}#pool{order:8}.side>.trade.panel{order:9}
}
.side>*{flex:none}
@media(max-width:1560px){.coin-head .stats>div:nth-child(7){display:none}}
@media(max-width:1440px){.coin-head .stats>div:nth-child(6){display:none}}
@media(min-width:1101px){.coin-head .stats{overflow:visible}}
@media(min-width:761px){.col>header{border-radius:var(--r) var(--r) 0 0;position:relative;z-index:5}.col>.list{border-radius:0 0 var(--r) var(--r)}}

/* coin avatar: rounded-square image with the curve (or flip-tax clock) traced around its edge */
.av{position:relative;flex:none}
.av>svg{position:absolute;inset:0;width:100%;height:100%;transform:none;overflow:visible}
/* stroke in viewBox units: non-scaling-stroke makes Chrome ignore pathLength, so the dash ran in screen px and wrapped into corner dots */
.av-track,.av-ring{fill:none;stroke-width:3}
.av-track{stroke:var(--line-2)}
/* the rect path starts at its top-left curve; shift it so progress starts at top centre and runs clockwise */
.av-ring{stroke-linecap:round;stroke-dashoffset:-6.7;transition:stroke-dasharray .4s var(--ease)}
.av .pic{position:absolute;inset:4px;border-radius:9px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}
.av .pic img{width:100%;height:100%;object-fit:cover;display:block}
.av .pic b{font-size:13px;font-weight:800;letter-spacing:-.02em;color:var(--muted)}
.coin-head .av .pic{inset:4px;border-radius:10px}

h1 em,h2 em{font-style:normal;color:var(--green)}