/* The site look (brand values: src/brand.mjs). Charcoal ground, Monero orange only for actions and live marks, Urbanist for words, JetBrains Mono for numbers.
   Flat: no glows, no gradients, no tilted cards. The one signature is the brand's own idea: a coin and its long shadow.
   Brand colours also live in src/brand.mjs (BRAND.color) for the places CSS cannot reach. */
@font-face{font-family:Urbanist;src:url(/fonts/urbanist-latin.woff2) format('woff2');font-weight:400 800;font-display:block}
@font-face{font-family:'JetBrains Mono';src:url(/fonts/jbmono-latin.woff2) format('woff2');font-weight:400 600;font-display:block}
/* the ring replay's canvas "XMR" (docs) */
@font-face{font-family:Archivo;src:url(/fonts/archivo-xmr.woff2) format('woff2');font-weight:800;font-stretch:100%;font-display:swap;unicode-range:U+004D,U+0052,U+0058}
:root{--bg:#1E1C1A;--bg2:#252320;--bg3:#2C2926;--bg4:#34312D;--fg:#F5F1E8;--fg2:#CBC4B8;--mut:#9C958A;--mut2:#80796F;--rule:#2F2C29;--rule2:#3D3935;--rule3:#544F48;
  --xmr:#FF6600;--xmr2:#FF7D26;--ember:#B84A00;--shade:#121110;--ok:#7BC79A;--bad:#F0806A;--warn:#E0B862;
  --sans:Urbanist,system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --ease:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);--pad:40px;--r:12px}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--fg);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:'ss01','cv11'}
a{color:inherit}
button{font:inherit;color:inherit}
img{max-width:100%}
.mono,code,kbd{font-family:var(--mono);font-feature-settings:'tnum','zero' 0;letter-spacing:-.01em}
code{font-size:.92em;color:var(--fg2)}
sub{font-size:.72em;vertical-align:-.2em;line-height:0}
.k{font:500 13px/1.3 var(--sans);color:var(--mut)}
.o{color:var(--xmr)}
.sub{color:var(--fg2)}
.mut{color:var(--mut)}
.up{color:var(--ok)}.dn{color:var(--bad)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--fg);color:var(--bg);padding:8px 12px;border-radius:8px;z-index:30}
:focus-visible{outline:2px solid var(--xmr);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}
[hidden]{display:none!important}
main{max-width:1312px;margin:0 auto;padding:0 var(--pad)}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--sans);font-weight:600;color:var(--fg)}
h1.big{font-size:68px;line-height:1.02;letter-spacing:-.045em}
h1.big em,.h2 em,h1.mid em{font-style:normal;color:var(--mut2)}
h1.mid{font-size:52px;line-height:1.04;letter-spacing:-.04em}
h2{font-size:30px;line-height:1.1;letter-spacing:-.03em}
h2.h2{font-size:44px;line-height:1.06;letter-spacing:-.035em}
h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}
.lede{font-size:19px;line-height:1.55;color:var(--fg2);max-width:520px;letter-spacing:-.005em}
.lede b{color:var(--fg);font-weight:550}
.note{font:13.5px/1.5 var(--sans);color:var(--mut);margin-top:12px}
.err{color:var(--bad);font:12.5px/1.4 var(--mono)}
a.il{color:var(--fg2);text-decoration:underline;text-decoration-color:var(--rule3);text-underline-offset:3px}a.il:hover{color:var(--fg)}
.lnk{background:none;border:0;padding:0;color:var(--fg2);font:14px var(--sans);text-decoration:underline;text-decoration-color:var(--rule3);text-underline-offset:3px;cursor:pointer;text-align:left}.lnk:hover{color:var(--fg)}
kbd{font-size:11px;border:1px solid var(--rule2);border-radius:5px;padding:1px 6px;color:var(--mut)}

/* ---------- buttons, chips, tags ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--rule2);background:transparent;color:var(--fg);font:550 14.5px/1 var(--sans);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.btn:hover{border-color:var(--rule3);background:var(--bg3)}
.btn.solid{background:var(--fg);border-color:var(--fg);color:#0a0a0b}.btn.solid:hover{background:#fff;border-color:#fff}
.btn.xmr{background:var(--xmr);border-color:var(--xmr);color:#0a0a0b;font-weight:600}.btn.xmr:hover{background:var(--xmr2);border-color:var(--xmr2)}
.btn.ghost{color:var(--fg2)}.btn.ghost:hover{color:var(--fg)}
.btn.sm{height:38px;padding:0 16px;font-size:14px}
.btn.lg{height:50px;padding:0 24px;font-size:15px}
.btn.wide{width:100%}
.btn[disabled],.btn.solid[disabled],.btn.xmr[disabled]{background:transparent;border-color:var(--rule2);color:var(--mut);cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--rule2);background:transparent;color:var(--fg2);font:12.5px/1 var(--mono);cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}
.chip:hover{border-color:var(--rule3);color:var(--fg)}
.chip.ca b{color:var(--fg);font-weight:500}.chip.ca.off{cursor:default;color:var(--mut)}.chip.ca.off:hover{border-color:var(--rule2)}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:500 11.5px/1 var(--sans);border:1px solid var(--rule2);color:var(--mut);font-style:normal}
.tag.o{border-color:#4a2a17;color:var(--xmr)}.tag.ok{border-color:#25392e;color:var(--ok)}.tag.warn{border-color:#3d3420;color:var(--warn)}
.spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--rule3);border-top-color:var(--xmr);animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sgl{50%{opacity:.25}}
.bm{display:block;object-fit:contain}
.ph{display:block;background:var(--bg3);border-radius:50%}

/* ---------- receipts strip (only once receipts exist) ---------- */
.ticker{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);white-space:nowrap;font:12px/1 var(--mono);color:var(--mut);padding:10px var(--pad);overflow:hidden}
.ticker .run{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ticker .lv{color:var(--fg2);font-weight:500;margin-right:8px}
.ticker b{color:var(--fg);font-weight:500}.ticker i{font-style:normal;color:var(--fg)}.ticker a{text-decoration:none}
.ticker .all{color:var(--fg2);text-decoration:none;flex:none}.ticker .all:hover{color:var(--fg)}

/* ---------- header ---------- */
header.top{position:sticky;top:0;z-index:10;background:rgba(10,10,11,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
header.top .bar{max-width:1312px;margin:0 auto;padding:0 var(--pad);height:72px;display:flex;align-items:center;gap:32px}
.wm{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.wm svg{width:22px;height:22px;flex:none}
.wm span{font:700 14px/1 Archivo,var(--sans);font-stretch:125%;letter-spacing:.24em;text-transform:uppercase;width:124px;white-space:nowrap}
nav.main{display:flex;gap:28px;font:450 14.5px/1 var(--sans);color:var(--mut)}
nav.main a{text-decoration:none;transition:color .2s;white-space:nowrap}nav.main a:hover,nav.main a[aria-current]{color:var(--fg)}
.sp{flex:1}
.mode{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 11px;border:1px solid var(--rule2);border-radius:999px;font:500 12px/1 var(--mono);color:var(--mut)}
.mode i{width:6px;height:6px;border-radius:50%;background:var(--mut)}
header.top .btn{flex:none}
.hact{display:flex;align-items:center;gap:10px;flex:none}
.wal{position:relative;flex:none}
.hact .ws{display:none}
#wbtn.on{font:500 13.5px/1 var(--mono);gap:9px}
#wbtn.on i{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
.wmenu{position:absolute;right:0;top:calc(100% + 8px);min-width:196px;display:grid;gap:2px;padding:6px;background:var(--bg3);border:1px solid var(--rule2);border-radius:12px;z-index:20}
.wmenu[hidden]{display:none}
.wmenu .wa{padding:8px 12px 6px;font:500 12px/1 var(--mono);color:var(--mut)}
.wmenu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:none;color:var(--fg2);font:450 14px/1.2 var(--sans);cursor:pointer}
.wmenu button:hover,.wmenu button:focus-visible{background:var(--bg4);color:var(--fg);outline:none}

/* ---------- home: hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 560px;align-items:center;gap:24px;min-height:640px;padding:24px 0 8px}
.hl{min-width:0}
.badge{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 14px 0 11px;border:1px solid var(--rule2);border-radius:999px;font:450 13px/1 var(--sans);color:var(--fg2)}
.badge i{width:6px;height:6px;border-radius:50%;background:var(--xmr)}
.badge span{color:var(--mut)}
.hero h1.big{margin-top:30px}
.hero .lede{margin-top:28px}
.ctas{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.ca-l{margin-top:22px}
.medal{margin:0;justify-self:end;width:560px}
.obj{position:relative;width:100%;aspect-ratio:1}

.obj canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0}
.obj canvas.on{opacity:1}
.medal figcaption{text-align:center;font:400 12.5px/1.45 var(--sans);color:var(--mut);margin-top:-36px;min-height:1.45em;position:relative}

/* the proof strip under the hero: value first, label, source */
.proof{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:16px}
.pg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.proof{position:relative}.pxl{position:absolute;right:0;top:-26px;font-size:12.5px;color:var(--mut)}.pxl b,.hxp b{font-weight:500;color:var(--fg2)}
.hxp{font-size:12.5px;color:var(--mut);white-space:nowrap}.pxl small,.hxp small{font-size:inherit}.pxl .up,.hxp .up{color:var(--ok)}.pxl .dn,.hxp .dn{color:var(--bad)}
.legs button:disabled{opacity:.35;cursor:not-allowed}
.chip.ca .cav{width:18px;height:18px;border-radius:50%;margin-right:7px;vertical-align:-4px;flex:none}
.xacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pg>div{display:flex;flex-direction:column;padding:22px 0 22px 24px;min-width:0}
.pg>div:first-child{padding-left:0}
.pg>div+div{border-left:1px solid var(--rule)}
.pv{order:-1;font:400 26px/1 var(--mono);letter-spacing:-.03em;color:var(--fg);white-space:nowrap}
.pv small{font-size:13px;margin-left:6px;color:var(--mut);letter-spacing:0}
.pg .k{margin-top:10px;color:var(--fg2)}
.ps{font:12.5px/1.45 var(--sans);color:var(--mut);margin-top:3px}.ps a{color:var(--fg2)}
.pline{display:flex;gap:14px;flex-wrap:wrap;padding:14px 0 16px;border-top:1px solid var(--rule);font:13.5px/1.5 var(--sans);color:var(--mut)}
.pline b{color:var(--fg);font-weight:500}.pline a{color:var(--fg2)}
/* the flywheel (home proof band + /stats): hairlines and mono numbers, same language as the proof cells */
.fly{border-top:1px solid var(--rule);padding:16px 0 18px}
.fly .fh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fly .fk{font:500 12.5px/1.3 var(--sans);color:var(--fg2)}
.fly .fs{font:12px/1.45 var(--sans);color:var(--mut)}.fly .fs b{color:var(--fg2);font-weight:500}
.fly .fh .fs i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--xmr);margin-right:7px;vertical-align:1px}
.fg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.fg>div{padding:2px 0 2px 18px;min-width:0}.fg>div:first-child{padding-left:0}.fg>div+div{border-left:1px solid var(--rule)}
.fv{font:400 20px/1.2 var(--mono);letter-spacing:-.02em;color:var(--fg);margin:6px 0 3px;white-space:nowrap}.fv small{font-size:12px;margin-left:5px;color:var(--mut)}
.fly.pre{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline}.fly.pre p{margin:0;font:13.5px/1.55 var(--sans);color:var(--mut);max-width:64em}
.flywrap .fly{border-top:0;padding-top:0}
@media (max-width:760px){.fg{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.fg>div:nth-child(odd){padding-left:0;border-left:0}.fg>div:last-child{grid-column:1/-1}.fly.pre{grid-template-columns:1fr;gap:6px}}

/* ---------- home: the trade panel ---------- */
.tsec{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:72px;align-items:start;padding:120px 0 0}
.tsl{min-width:0;align-self:center}
.tsl .sub{font-size:18px;line-height:1.55;margin-top:22px;max-width:480px}
.facts{margin-top:40px;border-top:1px solid var(--rule);max-width:520px}
.facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--rule);font-size:14.5px}
.facts dt{color:var(--mut)}.facts dd{margin:0;color:var(--fg2)}
.more{display:inline-flex;gap:6px;margin-top:28px;font:500 14.5px var(--sans);text-decoration:none;color:var(--fg)}
.more s,.pil .go s{text-decoration:none;color:var(--mut);transition:transform .3s var(--ease),color .2s}
.more:hover s{transform:translateX(3px);color:var(--fg)}
.qt{background:#0e0e10;border:1px solid #232227;border-radius:18px;padding:8px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}
.qh{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px 4px;font-size:12.5px}
.seg2{display:flex;background:var(--bg3);border-radius:10px;padding:3px}
.seg2 button{height:30px;padding:0 16px;border:0;border-radius:8px;background:transparent;font:500 13.5px var(--sans);color:var(--mut);cursor:pointer;transition:color .2s,background-color .2s}
.seg2 button[aria-pressed=true]{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}
.qbox{background:#141417;border-radius:13px;padding:16px 18px 14px}
.qlb{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:26px;font-size:13px;color:var(--mut)}
.qlb label{color:var(--mut)}
.qrw{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 8px}
.amt{font:400 40px/1.05 var(--mono);letter-spacing:-.045em;color:var(--fg);min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* (after the generic input rules below, so it wins: see 'trade panel amount' further down) */
input.amt::-webkit-outer-spin-button,input.amt::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input.amt:focus-visible{outline:0}
.qbox:has(input.amt:focus-visible){outline:1px solid var(--rule3);outline-offset:-1px}
b.amt{font-weight:400;transition:opacity .25s}
.tok{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px 0 6px;border-radius:19px;background:#1b1b1f;border:1px solid #2a2a30;font:550 15px var(--sans);flex:none;max-width:52%;min-width:0}
.tok>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tok img,.tok .ph,.tok .xm{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.tok .xm{display:grid;place-items:center;background:#0a0a0b}
/* the leg selector (pay with / receive): SOL · USDC · XMR, the same segmented control as Buy / Sell, sized to the token pill */
.tokw{display:flex;flex:none;min-width:0;max-width:60%}.tokw .tok{max-width:100%}
.legs{display:inline-flex;background:var(--bg3);border-radius:11px;padding:3px;gap:2px;flex:none}
.legs button{height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;font:550 13.5px var(--sans);color:var(--mut);cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s}
.legs button:hover{color:var(--fg)}
.legs button[aria-pressed=true]{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}
.legrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.qft{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--mut);min-height:1.4em}
.qft span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.presets{display:flex;gap:6px}
.presets button{height:26px;padding:0 10px;border-radius:7px;border:1px solid transparent;background:#1b1b1f;font:400 12.5px var(--mono);color:var(--fg2);cursor:pointer;transition:border-color .2s,color .2s}
.presets button:hover{color:var(--fg)}
.presets button[aria-pressed=true]{color:var(--fg);border-color:#3a3a42}
.flip{position:relative;height:4px;z-index:1}
.flip button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:11px;background:#141417;border:4px solid #0e0e10;display:grid;place-items:center;color:var(--mut);cursor:pointer;transition:color .2s}
.flip button:hover{color:var(--fg)}
.qt-s{position:relative;margin:10px 2px 0}
.qt-s input{height:42px;padding:0 40px 0 14px;font-size:14px;background:transparent;border-color:#232227}
.qt-s kbd{position:absolute;right:12px;top:11px}
.qres{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;list-style:none;padding:6px;background:var(--bg2);border:1px solid var(--rule2);border-radius:14px;max-height:300px;overflow:auto}
.qres button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;background:transparent;border:0;border-radius:9px;color:var(--fg);text-align:left;cursor:pointer;font:inherit}
.qres button:hover,.qres button:focus-visible{background:var(--bg3)}
.qres img,.qres .ph{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;background:var(--bg3)}
.qres b{font:550 14px/1.2 var(--sans);display:block}.qres span span{font:11.5px var(--mono);color:var(--mut);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qres .r{font:12px var(--mono);color:var(--fg2)}
.qcs{display:flex;gap:6px;padding:12px 2px 4px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),transparent)}
.qcs::-webkit-scrollbar{display:none}
.qc{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 5px;border-radius:17px;border:1px solid #232227;background:transparent;font:500 13px var(--sans);color:var(--fg2);flex:none;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.qc img,.qc .ph{width:24px;height:24px;border-radius:50%;object-fit:cover}
.qc small{font:400 11.5px var(--mono)}
.qc:hover{color:var(--fg);border-color:var(--rule3)}
.qc[aria-pressed=true]{border-color:#4a4a52;color:var(--fg);background:#141417}
.qkv{position:relative;border-top:0;padding:8px 12px 2px;margin-top:6px}
.qt .qkv>div{padding:6px 0;border-bottom:0;font-size:13.5px;align-items:baseline}
.qt .qkv>div b{white-space:nowrap}
.qt .qkv #qr{white-space:normal;min-width:0;overflow-wrap:anywhere} /* SOL / USDC routes run 2-3 hops: the route wraps, nothing overflows at 390 */
.qkv>div b{font-size:13.5px;color:var(--fg2);min-height:1.2em}
.qt .btn.wide{height:54px;border-radius:12px;font-size:16px;margin-top:10px}
.qt-n{text-align:center;font:12.5px/1.45 var(--sans);color:var(--mut);padding:12px 8px 6px}.qt-n .pv-w{color:var(--fg2)}

/* ---------- home: pillars ---------- */
.psec{padding:120px 0 0}
.sh{max-width:680px;margin-bottom:48px}
.pils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pil{position:relative;display:flex;flex-direction:column;min-height:330px;padding:28px;background:var(--bg2);border:1px solid var(--rule);border-radius:16px;text-decoration:none;transition:border-color .25s}
.pil:hover{border-color:var(--rule2)}
.pil>b{font:600 22px/1.2 var(--sans);letter-spacing:-.02em}
.pil .pt{color:var(--mut);font-size:15px;line-height:1.55;margin-top:10px}
.pf{display:block;margin-top:auto;border-top:1px solid var(--rule);padding-top:20px;font-size:13px;color:var(--mut)}
.pf .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0}
.pf .row b{font:400 13.5px var(--mono);color:var(--fg);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf .bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin:6px 0 12px;gap:2px}
.pf .bar i{display:block;height:100%;background:#3a3934}.pf .bar i:first-child{background:var(--fg2)}
.flow{display:flex;align-items:center;gap:10px;margin:4px 0 12px;font-size:15px;color:var(--fg);min-width:0}
.flow b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow span{color:var(--mut);flex:none}
.pil .go{margin-top:18px;font:500 14px var(--sans);color:var(--fg);display:inline-flex;gap:6px}
.pil:hover .go s{transform:translateX(3px);color:var(--fg)}

/* ---------- home: the live board, launch state, latest trades ---------- */
.live{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding:120px 0 0;align-items:start}
.lvm,.lvs{min-width:0}
.bh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.bsub{color:var(--mut);font-size:14.5px;margin-top:10px;max-width:46em}
.bsub b{color:var(--fg2);font-weight:500}
.bmeta{display:grid;justify-items:end;gap:6px;font:12px var(--mono);color:var(--mut);white-space:nowrap;min-width:156px}
.bmeta .ago{font:inherit}
.livep{display:inline-flex;align-items:center;gap:7px;color:var(--fg2);font:500 12px var(--sans)}
.livep i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.m .livep i{animation:sgl 2.4s ease-in-out infinite}
.panel{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:6px 24px}
.mkt{list-style:none;padding:0;margin:0}
.mkt li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) 92px 88px 112px 64px 64px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--rule)}
.mkt li:last-child{border-bottom:0}
.mkt .mh{font:500 12.5px var(--sans);color:var(--mut);padding:14px 0 12px}
.mkt .n{text-align:right;font-size:14px;white-space:nowrap}
.mkt .rk{font-size:12px;color:var(--mut)}
.mkt .mc{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;min-width:0}
.mkt .mc img,.mkt .mc .ph{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;background:var(--bg3)}
.mn{display:grid;gap:1px;min-width:0}.mn b{font:550 15px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mn b .tag{margin-left:6px;vertical-align:1px}
.mn>span{font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkt .mc:hover b{color:#fff}
.mkt .vol{position:relative;padding-bottom:7px}.mkt .vol i{position:absolute;right:0;bottom:0;height:2px;border-radius:1px;background:var(--fg2);opacity:.35;transform-origin:right}
.mkt .mh .vol{padding-bottom:0}
.qbtn{justify-self:end;height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--rule2);background:transparent;color:var(--fg2);font:500 13px var(--sans);cursor:pointer;transition:border-color .2s,color .2s}
.qbtn:hover,.qbtn[aria-pressed=true]{border-color:var(--rule3);color:var(--fg)}
.lvm>.note{margin-top:14px}
.fh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.fh h3{font-size:17px}.fh .k{font-size:12.5px}
.first{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:20px}
.first h3{font-size:18px;line-height:1.25}
.first p{font-size:14px;line-height:1.5;color:var(--mut);margin:8px 0 16px}
.blank{display:block;border-radius:10px}.blank .bl{stroke-dasharray:1 1}
.fresh{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}
.fresh li{position:relative}
.fresh a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.fresh img{width:44px;height:44px;display:block;border-radius:10px;border:1px solid var(--rule)}
.fm{display:grid;gap:3px;min-width:0}
.fa{display:flex;gap:8px;align-items:baseline;min-width:0}.fa b{font:600 15px var(--sans)}.fa span{color:var(--fg2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb{display:flex;gap:10px;font:13px/1.35 var(--sans);color:var(--mut)}
.fresh .ago{font:12px var(--mono);color:var(--mut);align-self:start;padding-top:2px}
.lvt{margin-top:36px}
.trades{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}
.trades li{position:relative}
.trades a{display:grid;grid-template-columns:34px minmax(0,1fr) auto 56px 52px;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:13.5px}
.trades .sd{font:500 12px var(--sans)}
.trades b{font:550 14px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.trades .mono{font-size:12.5px;text-align:right;white-space:nowrap}
.trades small{color:var(--mut);font-size:10.5px}
.trades .ago{font:11.5px var(--mono);color:var(--mut);text-align:right}
.lvs .note{font-size:12.5px}

/* ---------- the Ring (pad coins) ---------- */
.gal{padding:120px 0 0}
.gh{display:flex;align-items:baseline;gap:14px}
.cnt{font:500 12.5px/1 var(--mono);color:var(--mut)}
.gsub{color:var(--mut);font-size:15px;max-width:44em;margin:10px 0 28px}
.kgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}
.kc{display:grid;gap:4px;text-decoration:none;min-width:0}
.kc .art{position:relative;display:block;aspect-ratio:1;background:#0b0b0c;border:1px solid var(--rule);border-radius:14px;overflow:hidden;margin-bottom:10px;transition:border-color .25s}
.kc:hover .art{border-color:var(--rule3)}
.kc .art img,.kc .art svg{display:block;width:100%;height:100%}
.kc .rib{position:absolute;left:10px;top:10px}
.kc .rib{font:500 11.5px/1 var(--sans);color:var(--fg2);background:var(--bg);border:1px solid var(--rule2);border-radius:999px;padding:5px 9px}
.kc .nm{display:flex;align-items:center;gap:7px;font:600 17px/1.2 var(--sans);letter-spacing:-.01em;min-width:0}
.kc .nm>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc .tk{display:flex;justify-content:space-between;gap:8px;font:13px var(--mono);color:var(--fg2)}.kc .tk span{color:var(--mut)}
.kc .mc{font:13px var(--mono);color:var(--mut);display:flex;gap:6px;align-items:baseline;margin-top:4px}.kc .mc b{color:var(--fg);font-weight:400;font-size:15px}.kc .mc em{font-style:normal;margin-left:auto}
.kc .pd{font:14px/1.4 var(--sans);color:var(--mut)}.kc .pd b{color:var(--fg);font-weight:500}
.meter{display:block;height:4px;border-radius:2px;background:var(--rule2);margin-top:6px;overflow:hidden}.meter i{display:block;height:100%;background:var(--xmr)}
.mt{font:13px var(--sans);color:var(--mut)}

/* ---------- generic sections ---------- */
section.blk{padding:120px 0 0}
main>section.blk:first-child{padding-top:64px}
main>section.blk:first-child>.blk-h h2{font-size:40px;letter-spacing:-.035em}
.blk-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.blk-h .sub{max-width:36em;font-size:15.5px;color:var(--mut);margin-top:12px}
.blk-h .k+h2{margin-top:10px}
.mt8{margin-top:8px}.mt16{margin-top:16px}.inrow{display:flex;gap:8px}
.empty{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:24px;color:var(--fg2);display:grid;gap:8px}
.empty:has(.bm){grid-template-columns:auto 1fr;gap:20px;align-items:center}
.empty>div{display:grid;gap:6px;justify-items:start}.empty .btn{margin-top:10px}
.empty b{color:var(--fg);font-weight:600}.empty span{color:var(--mut);font-size:14.5px}
.empty .bm{width:44px;height:44px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steps>div{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:24px 24px 20px;display:flex;flex-direction:column}
.steps .n{font-size:12.5px;color:var(--mut)}
.steps h3{margin:2px 0 8px;font-size:18px}
.steps p{color:var(--mut);font-size:14.5px;line-height:1.55}
.steps svg{display:block;width:100%;height:84px;margin-top:auto;padding-top:16px}
.sh3{margin:56px 0 0;font-size:20px}
.split{margin-top:18px}
.sbar{display:flex;height:8px;gap:3px}.sbar i{display:block;border-radius:4px}
.s0{background:var(--xmr);color:var(--xmr)}.s1{background:var(--fg2);color:var(--fg)}.s2{background:#5d5a55;color:var(--fg2)}.s3{background:var(--rule3);color:var(--mut)}
.sl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}
.sl div{display:grid;gap:4px;align-content:start}.sl b{background:none;font:400 24px/1 var(--mono);letter-spacing:-.03em}.sl b.s0{color:var(--fg)}
.sl span{font-size:14.5px;color:var(--fg)}.sl small{font:13px/1.45 var(--sans);color:var(--mut)}
.split .note{max-width:60em;margin-top:18px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.door{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:28px}
.door .k{margin-bottom:10px}
.door h3{font-size:22px;margin-bottom:16px}
.door ol{list-style:none;padding:0;counter-reset:s;display:grid;gap:10px}
.door li{counter-increment:s;display:grid;grid-template-columns:14px 1fr;gap:10px;color:var(--mut);font-size:15px}
.door li::before{content:'';height:1px;background:var(--rule3);margin-top:.78em}
.door li b{color:var(--fg);font-weight:550}
.door .btn{margin-top:22px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.faq details{border-top:1px solid var(--rule);padding:20px 0}
.faq summary{font:550 17px/1.35 var(--sans);letter-spacing:-.01em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--mut);font-weight:400}.faq details[open] summary::after{content:'–'}
.faq p{color:var(--mut);margin-top:10px;font-size:15px;line-height:1.6;max-width:40em}
.doc{max-width:760px}
.doc h2{margin:64px 0 16px}.doc h2:first-child{margin-top:0}
.doc p,.doc li{color:var(--fg2);font-size:16px;line-height:1.7}
.doc p+p{margin-top:14px}
.doc ul{padding-left:20px;margin-top:10px;display:grid;gap:6px}
.doc b{color:var(--fg);font-weight:550}
.doc a{color:var(--fg)}

/* ---------- tables, key-value rows ---------- */
.tbl-wrap{overflow-x:auto;background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:4px 12px}
table.t{width:100%;border-collapse:collapse;font:13.5px/1.4 var(--mono)}
table.t th{font:500 12.5px var(--sans);color:var(--mut);text-align:left;padding:14px 12px 12px;border-bottom:1px solid var(--rule);white-space:nowrap}
table.t td{padding:12px;border-bottom:1px solid var(--rule);color:var(--fg2);white-space:nowrap}
table.t tr:last-child td{border-bottom:0}
table.t td.n,table.t th.n{text-align:right}
table.t td b{color:var(--fg);font-weight:500}
table.t a{color:var(--fg2)}table.t a:hover{color:var(--fg)}
table.t .coinc{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}
table.t .coinc img,table.t .coinc .ph{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--bg3)}
.kv{display:grid;border-top:1px solid var(--rule)}
.kv>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--rule);font:14px/1.4 var(--sans);color:var(--mut)}
.kv>div b{font:400 13.5px var(--mono);color:var(--fg);text-align:right}
#pearn{white-space:nowrap}
.kv>div b.o{color:var(--fg)}
.kv>div.srow{align-items:center}.kv>div.srow>span b{font:500 14px var(--sans);color:var(--fg);text-align:left}.kv>div.srow>span a{text-decoration:none}.kv>div.srow>span a:hover{color:var(--fg)}
.qkv{border-top:0}
.legend{display:grid;gap:8px;font:14px/1.5 var(--sans);color:var(--fg2)}
.legend span{display:flex;align-items:center;gap:8px}
.legend span i{width:8px;height:8px;border-radius:2px;display:inline-block;flex:none}
.stamp{display:inline-flex;align-items:center;gap:8px}.stamp .bm{width:14px;height:14px}
.blk-h .bm.rc{width:48px;height:48px}
.seal{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-bottom:22px}.seal .bm{width:40px;height:40px}
.settle{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:14px}.settle .bm{width:56px;height:56px}
.sim{margin-top:12px;font:13.5px/1.55 var(--sans);padding:12px 14px;border:1px solid var(--rule2);border-radius:12px}
.sim.ok{border-color:#25392e;color:var(--ok)}.sim.bad{border-color:#4a2620;color:var(--bad)}
.disclose{border:1px solid #3d3420;background:#100e0a;border-radius:14px;padding:16px 18px;font:14.5px/1.6 var(--sans);color:#cfc5a2}
.disclose b{color:#efe3bb;font-weight:550}

/* ---------- forms ---------- */
.grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.grid2>*{min-width:0}
.grid2>*+*{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:28px}
.f{display:grid;gap:8px;margin-bottom:20px}
.f>span{font:500 14px var(--sans);color:var(--fg2)}
.f>span em{font-style:normal;font-weight:400;color:var(--mut)}
.f>span.note{font:13.5px/1.5 var(--sans);color:var(--mut);margin:0}.f>span.err{font:12.5px/1.4 var(--mono);color:var(--bad)}
input[type=text],input[type=url],input[type=number],textarea,select{width:100%;background:var(--bg2);border:1px solid var(--rule2);border-radius:10px;color:var(--fg);font:15px/1.4 var(--sans);padding:12px 14px;transition:border-color .2s}
input[type=text]:hover,input[type=url]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--rule3)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--xmr);outline-offset:1px;border-color:transparent}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
textarea{min-height:96px;resize:vertical}
input::placeholder,textarea::placeholder{color:#57544f}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seg label{display:block;padding:14px;border:1px solid var(--rule2);border-radius:12px;cursor:pointer;transition:border-color .2s,background-color .2s}
.seg label:hover{border-color:var(--rule3)}
.feeline{margin:0;padding:13px 14px;border:1px solid var(--rule);border-radius:12px;font:14px/1.6 var(--sans);color:var(--fg2);background:var(--bg2)}.feeline b{color:var(--fg);font-weight:550}.feeline span{white-space:nowrap}
.flywrap{margin-bottom:22px}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg b{display:block;font:550 15px/1.2 var(--sans)}
.seg small{display:block;font:13px/1.4 var(--sans);color:var(--mut);margin-top:4px}
.seg label:has(input:checked){border-color:var(--fg2);background:var(--bg3)}
.seg label:has(input:focus-visible){outline:2px solid var(--xmr);outline-offset:2px}
input[type=range]{width:100%;accent-color:var(--fg)}
.drop{position:relative;border:1px dashed var(--rule3);border-radius:14px;background:var(--bg2);display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px 12px 12px;cursor:pointer;transition:border-color .2s,background-color .2s}
.drop:hover{border-color:var(--mut)}
.drop.over{border-color:var(--fg2);background:var(--bg3)}
.drop:has(input:focus-visible){outline:2px solid var(--xmr);outline-offset:2px}
.drop .pv{order:0;width:72px;height:72px;background:var(--bg3);border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--mut);font:inherit}
.drop .pv img{width:100%;height:100%;object-fit:cover}
.drop .dt{display:grid;gap:4px;min-width:0}
.drop .dt b{font:550 15px/1.25 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop .dt .note{margin:0}
.drop.has .dt .note{color:var(--fg2)}
.drop.busy{opacity:.6}
.drop .btn{pointer-events:none}
#ikey{margin-top:10px}#ikey[hidden]{display:none}
.check{display:flex;gap:10px;align-items:flex-start;color:var(--fg2);font-size:14px;margin-bottom:18px}
.check input{margin-top:3px;accent-color:var(--fg)}
.check b{font-family:var(--mono);font-weight:500}
/* launch: the card is .prev (sticky inside a full-height column, clear of the 72 px header), not the column itself */
#lf>aside{align-self:stretch;background:none;border:0;border-radius:0;padding:0}
#lf .prev{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:28px}
.prev{position:sticky;top:96px}
.prev .legend span{height:21px;min-width:0}.prev .legend em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev .splitbar i{transition:background-color .2s}
.prev .coin{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin-bottom:22px}
.prev .coin .ph,.prev .coin img{width:72px;height:72px;object-fit:cover;background:var(--bg3);border-radius:14px}
.prev .coin .nm{font:600 26px/1.1 var(--sans);letter-spacing:-.025em;word-break:break-word}
.splitbar{display:flex;height:8px;margin:14px 0 10px;gap:2px;border-radius:4px;overflow:hidden;background:var(--rule)}
.splitbar i{display:block;height:100%}
.review{margin-top:24px;background:var(--bg2);border:1px solid var(--rule2);border-radius:16px;padding:22px}
.review h3{margin-bottom:12px}
#bq{margin-top:0;min-height:1.5em}
/* trade panel amount: a bare number, not a form field */
.qrw input.amt{background:transparent;border:0;border-radius:0;padding:0;width:100%;font:400 40px/1.05 var(--mono);letter-spacing:-.045em;color:var(--fg);-moz-appearance:textfield;appearance:textfield}
.qrw input.amt:focus-visible{outline:0}

/* ---------- segmented tabs (move, terminal lists, trade sides) ---------- */
.tabs,.trade .side{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg3);border-radius:11px;padding:3px;gap:2px}
.tabs button,.trade .side button{height:34px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--mut);font:500 13.5px var(--sans);cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s}
.tabs button:hover,.trade .side button:hover{color:var(--fg)}
.tabs button[aria-selected=true],.trade .side button[aria-selected=true]{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}
/* the Stats sub-nav (Totals / Ledger): the same segmented control, as links */
.subnav a{display:flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border-radius:8px;color:var(--mut);font:500 13.5px var(--sans);text-decoration:none;white-space:nowrap;transition:color .2s,background-color .2s}
.subnav a:hover{color:var(--fg)}
.subnav a[aria-current]{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}
.sbn{display:flex;align-items:center;gap:18px}
.trade .side{display:grid;width:100%;margin-bottom:16px}
.trade .side kbd{margin-left:6px;font-size:10.5px;padding:0 5px}
.trade .route{font:13.5px/1.5 var(--sans);color:var(--mut);min-height:42px;margin:12px 0}
.copyrow{display:flex;border:1px solid var(--rule2);border-radius:12px;overflow:hidden;background:var(--bg2)}
.copyrow code{flex:1;padding:12px 14px;word-break:break-all;font-size:13px;line-height:1.5;color:var(--fg);min-width:0}
.copyrow button{border:0;border-left:1px solid var(--rule2);background:var(--bg3);color:var(--fg);font:550 13.5px var(--sans);padding:0 18px;cursor:pointer;transition:background-color .2s}
.copyrow button:hover{background:var(--bg4)}
.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}
.status div{padding:12px 14px;border:1px solid var(--rule);border-radius:12px;font:13px/1.45 var(--sans);color:var(--mut)}
.status div.on{color:var(--fg);border-color:var(--rule3);background:var(--bg3)}
.status div.done{color:var(--ok);border-color:#25392e}
.status b{display:block;font:550 13.5px var(--sans);margin-bottom:3px}
details.qr{margin-top:14px;font:12.5px var(--sans);color:var(--mut)}
details.qr summary{cursor:pointer}
#qr{border-radius:10px}

/* ---------- coin page ---------- */
.coinhead{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;padding:56px 0 32px}
.coinhead img,.coinhead .ph{width:96px;height:96px;object-fit:cover;background:var(--bg3);border-radius:18px}
.coinhead h1{font-size:44px;line-height:1.05;letter-spacing:-.035em}
.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band>div{padding:22px 0 22px 24px;min-width:0}
.band>div:first-child{padding-left:0}
.band>div+div{border-left:1px solid var(--rule)}
.band .v{font:400 26px/1.05 var(--mono);letter-spacing:-.03em;margin-top:10px}
.band .v small{font-size:13px;color:var(--mut);margin-left:6px;white-space:nowrap}
.band .s{font:12.5px/1.45 var(--sans);color:var(--mut);margin-top:6px}
.band .s a{color:var(--fg2)}
.band .s .meter{max-width:220px}
.cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding-top:40px;align-items:start}
.cols>div{min-width:0}
.cols>div+div{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:28px}
.cols h3{font-size:18px}
.chart{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;margin-bottom:36px;overflow:hidden}
.ch-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 20px 12px}
.ch-h .v{font:400 28px/1 var(--mono);letter-spacing:-.03em;margin-top:8px}
.ch-r{display:grid;justify-items:end;gap:4px;font-size:12.5px}
.ch-r .note{margin:0}
#chsvg{display:block;width:100%;height:200px;touch-action:pan-y}
#chsvg .rv{clip-path:inset(0 100% 0 0);animation:wipe 1s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
.ch-x{display:flex;justify-content:space-between;padding:8px 20px 14px;font-size:11px;color:var(--mut)}
.kfig{margin:0 0 32px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}
.kfig img,.kfig svg.kdraw{width:150px;height:150px;display:block;border:1px solid var(--rule);border-radius:14px}
.kfig figcaption{display:grid;gap:6px;font-size:13.5px;color:var(--mut)}.kfig figcaption b{font:600 15px var(--sans);color:var(--fg)}
.kdl{display:flex;gap:16px;font:12.5px var(--mono)}.kdl a{color:var(--fg)}

/* ---------- terminal ---------- */
.term{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;gap:16px;padding-top:40px;align-items:start}
.tlist{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.tsearch{position:relative;padding:12px}
.tsearch input{padding-right:40px;background:var(--bg)}
.tsearch kbd{position:absolute;right:24px;top:24px}
/* keyboard hints only where there is a keyboard */
@media (hover:none) and (pointer:coarse){.term kbd,.term .keys{display:none}.tsearch input{padding-right:14px}}
.ttabs{display:grid;margin:0 12px 10px}
.ttabs button{padding:0 6px}
.tlist .ttabs{width:auto} /* the phone rule .tabs{width:100%} plus these margins ran 24 px past the card */
.tokens{list-style:none;padding:0 6px 6px;margin:0;overflow-y:auto;max-height:calc(100vh - 250px)}
.tokens li button{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:transparent;border:0;border-radius:10px;color:var(--fg);text-align:left;cursor:pointer;font:inherit}
.tokens li button:hover,.tokens li button[aria-current=true]{background:var(--bg3)}
.tokens img,.tokens .ph{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--bg3);display:block}
.tokens .s{font:550 14px/1.2 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tokens .n{font:11.5px var(--mono);color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tokens .r{font:12px/1.35 var(--mono);text-align:right;color:var(--fg2)}
.tmain{padding:8px 16px;min-width:0}
.thead h2{font-size:36px;letter-spacing:-.035em}
.tbox{max-width:520px;margin-top:28px;background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:20px}
.tbox .presets{margin:-8px 0 16px}.tbox .presets button{flex:1;height:30px}
.tflags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;align-items:center}
.thead .k .tag.uv{height:20px;padding:0 8px;font-size:11px;cursor:help;vertical-align:1px}
.tside{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:24px}
.tside .legend{font-size:13.5px;color:var(--mut)}

/* ---------- how ---------- */
.howtop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:72px;align-items:center}
.howtop .hl .lede{margin-top:22px}
.howtop .sl{grid-template-columns:1fr 1fr}
.ring{position:relative;min-height:580px;overflow:hidden;background:var(--bg2);border:1px solid var(--rule);border-radius:18px}
.ring canvas{position:absolute;inset:0;width:100%;height:100%}
.ring .hud{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;gap:12px;font:400 12px/1.4 var(--mono);color:var(--mut)}
.ring .hud b{color:var(--fg);font-weight:400}
.ring .cap{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.ring .cap .k{color:var(--fg2)}
.ring .cap .v{font:400 40px/1 var(--mono);letter-spacing:-.04em;margin-top:6px}
.ring .cap .v small{font-size:13px;color:var(--mut);margin-left:6px;letter-spacing:0}
.ring .cap .s{font:12px/1.45 var(--sans);color:var(--mut);margin-top:6px;max-width:30em}
.ring .hash{text-align:right;font:11px/1.55 var(--mono);color:var(--mut);max-width:260px}
.ring .hash b{color:var(--fg2);font-weight:400;word-break:break-all}

/* ---------- 404 ---------- */
.nf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;padding:120px 0 40px}
.nf .sub{margin:14px 0 24px;color:var(--mut);max-width:30em}
.nf .bm{width:200px;height:200px}
.nf .hsig{width:200px;height:200px}

/* ---------- footer, toast, mobile tab bar ---------- */
footer{border-top:1px solid var(--rule);margin-top:120px}
.fwrap{max-width:1312px;margin:0 auto;padding:48px var(--pad) 56px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:48px;font:14px/1.6 var(--sans);color:var(--mut)}
.fabout p{max-width:40em;margin-top:14px}.fabout .wm{display:inline-flex}
footer b{display:block;color:var(--fg2);font-weight:500;margin-bottom:6px}
footer a{text-decoration:none;display:block;padding:3px 0;transition:color .2s}footer a:hover{color:var(--fg)}
footer a.il{display:inline;padding:0}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(16px);background:var(--fg);color:var(--bg);font:550 13.5px var(--sans);padding:10px 16px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:40}
.toast.on{opacity:1;transform:translateX(-50%)}
.tabbar{display:none}

/* ---------- motion (html.m only) ---------- */
.m .hero .hl>*{animation:rise .9s var(--ease) both}
.m .hero .hl>:nth-child(2){animation-delay:.07s}.m .hero .hl>:nth-child(3){animation-delay:.16s}.m .hero .hl>:nth-child(4){animation-delay:.24s}.m .hero .hl>:nth-child(5){animation-delay:.3s}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.sgl{overflow:visible}
.sgl .wf{fill:#ff6600}
.sgl .wl{fill:none;stroke:var(--xmr2);stroke-width:85;stroke-dasharray:1 1;opacity:0}
.m .sgl .w{animation:wset 1.4s var(--ease) both;animation-delay:calc(.12s + var(--i)*.1s)}
.m .sgl .wf{animation:wfill 1.1s ease-out both;animation-delay:calc(1s + var(--i)*.1s)}
.m .sgl .wl{animation:wtrace 2.1s var(--ease-io) both;animation-delay:calc(.08s + var(--i)*.1s)}
@keyframes wset{from{transform:translate(calc(var(--dx)*46px),calc(var(--dy)*46px))}}
@keyframes wfill{from{fill-opacity:0}}
@keyframes wtrace{0%{stroke-dashoffset:1;opacity:1}58%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* key images: drawn in as they enter the viewport; the coin page's holder ring then fills in angle order */
.heng .eg,.kdraw .eg{stroke-dasharray:1 1}
.kdraw:not(.go) .eg{stroke-dashoffset:1}
@keyframes edraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.m.kd img[data-draw]{opacity:0}
.m:not(.kd) img[data-draw]{opacity:0;animation:kfb 0s 2.5s forwards}
@keyframes kfb{to{opacity:1}}
.kdraw{display:block;width:100%;height:100%}
.kdraw.go .eg{animation:edraw 2.8s var(--ease-io) both;animation-delay:calc(var(--j)*.32s)}
.kdraw .hd{transform-box:fill-box;transform-origin:center}
.kdraw:not(.go).ringseq .hd{opacity:0}
.kdraw.go.ringseq .hd{animation:hdin .6s var(--ease) both;animation-delay:calc(1.5s + var(--k)*28ms)}
@keyframes hdin{from{opacity:0;transform:scale(.3)}}
.m .blank .bl{animation:edraw 2.4s var(--ease-io) .7s both}
/* live: numbers roll + tick orange once, rows glide (JS), new trades slide in with an orange tick, volume bars grow */
.tick{animation:tick 1.6s ease-out}
@keyframes tick{from{color:var(--xmr)}}
.m .mkt .vol i{animation:barin 1.1s var(--ease) both;animation-delay:calc(.35s + var(--i,0)*.05s)}
.mkt .vol i.st{animation:none;transition:width .9s var(--ease)}
@keyframes barin{from{transform:scaleX(0)}}
.trades li.tin{animation:tin .75s var(--ease) both}
.trades li.tin::before{content:'';position:absolute;left:-12px;top:11px;bottom:11px;width:2px;border-radius:1px;background:var(--xmr);animation:fade 2.2s ease-in forwards}
@keyframes tin{from{opacity:0;transform:translateY(-10px)}}
@keyframes fade{0%,45%{opacity:1}100%{opacity:0}}
/* trade panel: a thin line runs along the quote while it loads; the last quote dims, the new one rolls in */
.qline{position:absolute;left:12px;right:12px;top:0;height:1px;overflow:hidden;pointer-events:none}
.qline::after{content:'';position:absolute;inset:0 auto 0 0;width:32%;background:var(--fg2);opacity:0;transform:translateX(-100%)}
.qt.busy .qline::after{opacity:.7;width:100%;transform:none}
.m .qt.busy .qline::after{width:32%;animation:qscan 1.05s var(--ease-io) infinite}
@keyframes qscan{from{transform:translateX(-100%)}to{transform:translateX(320%)}}
#qo,#qrate,#qimp,#qr,#qf,#qmin,#qoutusd{transition:opacity .25s}
.qt.busy #qo,.qt.busy #qrate,.qt.busy #qimp,.qt.busy #qr,.qt.busy #qf,.qt.busy #qmin,.qt.busy #qoutusd{opacity:.45}
/* sections reveal once on scroll */
.m.mo .rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.m.mo .rv:not(.in){opacity:0;transform:translateY(14px)}
/* hover: a hairline under the row */
.mkt li[data-row]::after,.trades li::after,.fresh li::after{content:'';position:absolute;left:0;right:0;height:1px;background:var(--rule3);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);pointer-events:none}
.mkt li[data-row]::after{bottom:-1px}.trades li::after,.fresh li::after{bottom:-1px}
.mkt li[data-row]:hover::after,.trades li:hover::after,.fresh li:hover::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#chsvg .rv{clip-path:none}}

/* ---------- responsive ---------- */
@media (max-width:1240px){
 :root{--pad:36px}
 .hero{grid-template-columns:minmax(0,1fr) 460px}.medal{width:460px}h1.big{font-size:60px}
 .tsec{grid-template-columns:minmax(0,1fr) 500px;gap:48px}
 .live{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
 .mkt li{grid-template-columns:minmax(0,1fr) 84px 84px 100px 60px 60px}.mkt .rk{display:none}
 .kgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 nav.main{gap:20px}header.top .bar{gap:24px}.mode,.hxp{display:none}nav.main a[href="/launch"]{display:none}
 .term{grid-template-columns:280px minmax(0,1fr)}.tside{grid-column:1/-1}
}
@media (max-width:1040px){
 .live{grid-template-columns:minmax(0,1fr)}.lvs{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.lvt{margin-top:0}
 .steps{grid-template-columns:1fr 1fr}.sl{grid-template-columns:1fr 1fr}
 .faq{grid-template-columns:1fr}
}
@media (max-width:980px){
 .hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding-top:8px}
 .medal{order:-1;justify-self:center;width:min(100%,380px);margin:0 0 4px}
}
@media (max-width:600px){ /* 11-01 gate: CTAs + CA above the fold on a phone; the seal stays on top, smaller */
 .hero .medal{width:170px;margin:0 0 6px}.hero .medal figcaption{display:none}
 .hero .obj{width:170px;height:170px}
 .tsec{grid-template-columns:minmax(0,1fr);gap:0}.tsl{display:contents}.tsl>h2{order:0}.tsl>.sub{order:1}.tsec>.qt{order:2;margin-top:28px}.facts{order:3}.more{order:4}
 .pils{grid-template-columns:minmax(0,1fr)}.pil{min-height:0}.pf{margin-top:28px}
 .howtop{grid-template-columns:minmax(0,1fr)}
 .cols{grid-template-columns:minmax(0,1fr)}
 .grid2{grid-template-columns:minmax(0,1fr)}.prev{position:static}
 nav.main{display:none}.hxp{display:none}
}
@media (max-width:760px){
 :root{--pad:20px}
 header.top .bar{height:60px;gap:12px}.mode{display:none}header.top .btn{height:34px;padding:0 14px;font-size:13.5px}
 .hact{gap:8px}.hact .btn{padding:0 12px}.hact .wl{display:none}.hact .ws{display:inline}#wbtn.on{min-width:0;font-size:12.5px;gap:7px}
 .wm{gap:10px}.wm span{font-size:12px;letter-spacing:.16em;width:auto}
 .ticker .all{display:none}
 body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:12;height:62px;padding:5px;gap:4px;background:rgba(17,17,19,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--rule2);border-radius:20px}
 .tabbar a{display:grid;justify-items:center;align-content:center;gap:3px;border-radius:15px;font:500 11px/1 var(--sans);color:var(--mut);text-decoration:none;transition:color .2s,background-color .2s}
 .tabbar a[aria-current]{background:var(--bg4);color:var(--fg)}
 .tabbar svg{width:21px;height:21px}
 .toast{bottom:calc(96px + env(safe-area-inset-bottom))}
 h1.big{font-size:42px;letter-spacing:-.04em}h1.mid{font-size:38px}
 h2{font-size:26px}h2.h2{font-size:32px}
 .hero h1.big{margin-top:20px}.pw{font-size:22px;margin-top:22px}.pw+h1.big{margin-top:12px}.hero .lede{font-size:16.5px;margin-top:16px}
 .badge{font-size:12.5px}
 .ctas{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;gap:10px}.ctas .btn{padding:0 10px}
 .ca-l{margin-top:16px}.ca-l .chip{font-size:11.5px}
 .hero{padding-top:0}.medal{width:min(100%,264px);margin-top:-6px}.medal figcaption{font-size:11.5px;margin-top:-24px;margin-bottom:14px;min-height:2.9em}
 .proof{margin-top:36px}
 .pg{grid-template-columns:1fr 1fr}
 .pg>div{padding:18px 0 18px 16px}.pg>div:nth-child(odd){padding-left:0;border-left:0}.pg>div:nth-child(n+3){border-top:1px solid var(--rule)}
 .pv{font-size:21px}.pg .k{font-size:12.5px}.ps{font-size:12px}
 .tsec,.psec,.live,.gal,section.blk{padding-top:72px}
 .tsl .sub{font-size:16px;margin-top:14px}.facts{margin-top:24px}.facts>div{grid-template-columns:86px minmax(0,1fr);font-size:14px;padding:12px 0}
 .qt{margin:0 -8px}.qbox{padding:14px 14px 12px}.qrw .amt,.qrw input.amt{font-size:30px}.presets button{padding:0 8px}
 .tok{height:36px;font-size:14px}
 .legs button{height:30px;padding:0 9px;font-size:13px}
 .sh{margin-bottom:28px}
 .pil{padding:22px}
 .bh{flex-direction:column;align-items:flex-start;gap:10px}.bmeta{justify-items:start;grid-auto-flow:column;gap:12px}
 .panel{padding:2px 14px}
 .mkt li{grid-template-columns:minmax(0,1fr) 66px 52px 56px;gap:8px;padding:10px 0}
 .mkt .vol,.mkt .px{display:none}.mkt .n{font-size:13px}
 .mkt .mc{grid-template-columns:30px minmax(0,1fr);gap:10px}.mkt .mc img,.mkt .mc .ph{width:30px;height:30px}
 .mn b{font-size:14.5px}.mn b .tag{display:none}.mn>span{font-size:12px}
 .qbtn{height:30px;padding:0 9px;font-size:12.5px}
 .lvs{grid-template-columns:minmax(0,1fr);gap:40px}
 .first{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px}.first .blank{width:48px;height:48px}
 .trades a{grid-template-columns:32px minmax(0,1fr) auto 52px 50px;gap:8px}.trades li.tin::before{left:-8px}
 .kgrid{grid-template-columns:1fr 1fr;gap:22px 12px}.kc .mc em{display:none}
 .steps{grid-template-columns:minmax(0,1fr)}.steps svg{height:64px}
 .sl{grid-template-columns:1fr 1fr;gap:18px}.sl b{font-size:21px}
 .doors{grid-template-columns:minmax(0,1fr)}.door{padding:22px}
 .faq summary{font-size:16px}
 .blk-h .sub{font-size:15px}
 .empty:has(.bm){grid-template-columns:1fr}
 .grid2>*+*{padding:20px}#lf>aside{padding:0}#lf .prev{padding:20px}
 .row3{grid-template-columns:1fr}.seg{grid-template-columns:minmax(0,1fr)}
 .drop{grid-template-columns:60px minmax(0,1fr)}.drop .pv{width:60px;height:60px}.drop .btn{grid-column:1/-1;width:100%}
 .tabs{display:grid;width:100%}.sbn{width:100%}.sbn .tabs{flex:1}.sbn .bm.rc{width:36px;height:36px}
 .status{grid-template-columns:minmax(0,1fr)}
 .coinhead{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:32px 0 24px}.coinhead img,.coinhead .ph{width:64px;height:64px;border-radius:14px}.coinhead h1{font-size:32px}.coinhead>div:last-child{grid-column:1/-1;display:flex!important;justify-items:start!important}
 .band{grid-template-columns:1fr 1fr}.band>div{padding:16px 0 16px 16px}.band>div:nth-child(odd){padding-left:0;border-left:0}.band>div:nth-child(n+3){border-top:1px solid var(--rule)}.band .v{font-size:21px}
 .cols{padding-top:28px}.cols>div+div{padding:20px}
 .kfig{grid-template-columns:96px minmax(0,1fr)}.kfig img,.kfig svg.kdraw{width:96px;height:96px}
 .term{grid-template-columns:minmax(0,1fr);padding-top:24px}.term>.tmain{display:contents}.term>.tmain>.thead{order:-1;padding:4px 0;min-height:256px}.term>.tmain>.tbox{order:1}.term>.tside{order:2}.thead{scroll-margin-top:84px}.tokens{max-height:300px;height:300px}.tmain{padding:4px 0}.thead h2{font-size:28px}.tbox{padding:16px}
 .howtop{padding-top:40px;gap:28px}.ring{min-height:440px}.ring .cap .v{font-size:30px}.ring .hash{display:none}
 .doc h2{margin-top:48px}
 main>section.blk:first-child{padding-top:36px}main>section.blk:first-child>.blk-h h2{font-size:30px}
 .nf{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:56px}.nf .hsig,.nf .bm{width:140px;height:140px}
 .fwrap{grid-template-columns:1fr 1fr;gap:32px 24px;padding:36px var(--pad) 32px}.fabout{grid-column:1/-1}
 footer{margin-top:80px}
}
main>section.blk.nf{padding:140px 0 100px}
/* the pad badge row on /launch (public/js/badge.js): toggle, corner, the picture at 48 px */
.brow{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:-6px 0 22px}.brow[hidden]{display:none}
.brow .check{margin:0;flex:0 1 auto}.brow .check em{font-style:normal;color:var(--mut)}
.bopts{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;flex:1 1 100%}.bopts[hidden]{display:none}
.bcorner{display:inline-flex;background:var(--bg3);border-radius:8px;padding:2px}
.bcorner label{cursor:pointer;position:relative}.bcorner input{position:absolute;opacity:0;pointer-events:none}
.bcorner span{display:block;min-width:28px;padding:4px 8px;border-radius:6px;font:500 12.5px var(--mono);color:var(--mut);text-align:center}
.bcorner input:checked+span{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}.bcorner input:focus-visible+span{outline:2px solid var(--xmr)}
.b48{display:inline-flex;align-items:center;gap:8px}.b48[hidden]{display:none}.b48 img{border-radius:6px;background:var(--bg3)}.b48 .note{margin:0;font-size:12.5px}
/* coin page: links, CA, buy row, live numbers (10-30) */
.cmeta{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}
.socs{display:inline-flex;gap:6px}.soc{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--rule2);color:var(--fg2);transition:color .2s,border-color .2s}.soc:hover{color:var(--fg);border-color:var(--rule3)}
.cact{display:grid;gap:8px;justify-items:end}.cachip b{font-weight:400;color:var(--fg)}
.cdesc{max-width:46em;color:var(--fg2);font-size:15px;line-height:1.55;margin:-12px 0 22px}
.buyrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 28px}.buyrow .btn{margin-right:8px}.buyrow .or{font-size:13px;color:var(--mut);margin-right:2px}
.band.cs,.band.cm{grid-template-columns:repeat(var(--n),minmax(0,1fr))}.band.cm{border-top:0}.band.cm .v:not(.mono){font:500 19px/1.25 var(--sans);letter-spacing:-.01em}
.cs0{margin:0 0 18px}
.bondrow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule);font:12.5px var(--mono);color:var(--mut)}
.bond{flex:1;height:4px;border-radius:2px;background:var(--bg4);overflow:hidden;max-width:520px}.bond i{display:block;height:100%;background:var(--xmr)}.bond.done i{background:var(--ok)}
.kc .mc{flex-wrap:wrap}
@media (max-width:760px){.band.cs,.band.cm{grid-template-columns:1fr 1fr}.cact{justify-items:start}.buyrow .btn{width:100%;margin:0 0 4px}.cdesc{margin-top:0}}
/* home: the pad token strip */
.tsx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:40px;padding:18px 22px;background:var(--bg2);border:1px solid var(--rule);border-radius:16px}
.tsx-id{display:flex;align-items:center;gap:12px}.tsx-id img{width:36px;height:36px;border-radius:50%;flex:none}
.tsx-id>div{display:grid;gap:2px}.tsx-id b{font:600 16px/1.2 var(--sans)}.tsx-id .mono{font-size:12.5px;color:var(--mut)}.tsx-id .btn{margin-left:6px}
.tsx-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0}
.tsx-g div{display:grid;gap:5px;min-width:0}.tsx-g dt{font-size:12px;color:var(--mut);white-space:nowrap}.tsx-g dd{margin:0;font-size:15.5px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsx-g dd small{font-size:12px;color:var(--mut)}.tsx-g dd small .up{color:var(--ok)}.tsx-g dd small .dn{color:var(--bad)}
.tsx-l{display:grid;gap:6px;justify-items:end;font-size:13px;white-space:nowrap}.tsx-l a{color:var(--fg2)}.tsx-l a:hover{color:var(--fg)}
/* home (v58): launched here (the Ring, the first-coin card, the split in one line) */
.lnch .gh{margin-bottom:0}.lnch .gh h3{font-size:20px}.lnch .gsub{margin:8px 0 24px}
.first.big{grid-template-columns:96px minmax(0,1fr);gap:24px;padding:28px;align-items:center;border-color:var(--rule2)}
.first.big .blank{width:96px;height:96px}.first.big h3{font-size:24px;letter-spacing:-.02em}.first.big p{font-size:15px;max-width:40em;margin:10px 0 18px}
.fcta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fcta .note{margin:0;font-size:13px}
.smini{margin-top:28px;display:grid;gap:12px}.smini .k{font-size:12.5px;color:var(--mut)}
.smini .sbar i{min-width:4px}
.smini ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:var(--cols,1fr);column-gap:3px;row-gap:8px;font-size:13.5px;line-height:1.4;color:var(--fg2)} /* same fractions + gap as .sbar: each label starts at its segment */
.smini li{display:flex;align-items:flex-start;gap:7px;min-width:0;padding-right:14px}.smini li i{width:8px;height:8px;border-radius:2px;flex:none;margin-top:5px}.smini li b{color:var(--fg);font-weight:500}
/* home: the board after the stats band; its right column = the pad's trades, or how a launch works */
.lnch~.proof{margin-top:64px}.proof+.live{padding-top:64px}
.live.one .lvs{display:block}.live.one .lvt{margin-top:0}
.how3{background:var(--bg2);border:1px solid var(--rule);border-radius:16px;padding:20px}
.how3 h3{font-size:17px;margin-bottom:14px}
.how3 ol{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:14px}
.how3 li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.45;color:var(--mut)}
.how3 li>.mk{height:1px;background:var(--xmr);margin-top:.72em;opacity:.8}.how3 li b{color:var(--fg);font-weight:550}
.how3 .note{margin:10px 0 0;font-size:12.5px}
@media (max-width:1240px){.tsx{grid-template-columns:auto minmax(0,1fr)}.tsx-l{grid-column:1/-1;display:flex;gap:18px;justify-content:flex-start}.tsx-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1040px){.live.one .lvs{display:block}}
@media (max-width:760px){
 .tsx{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px;padding:16px}
 .tsx-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .first.big{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px;align-items:start}.first.big .blank{width:56px;height:56px}.first.big h3{font-size:19px}.first.big p{font-size:14px}
 .lnch~.proof{margin-top:48px}.proof+.live{padding-top:48px}
}
.mkt .vol{padding-bottom:0}.mkt .px small{font-size:11px;color:var(--mut)}.mkt .px sub{font-size:10px}

/* terminal list */
.tokens li button{grid-template-columns:32px minmax(0,1fr) 84px;column-gap:10px}
.tokens .tnm{min-width:0;display:block;overflow:hidden}
.tokens .tnm .s,.tokens .tnm .n{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tokens .r{display:flex;flex-direction:column;align-items:flex-end;min-width:0;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums}
.tokens .r .tmc{color:var(--fg2)}.tokens .r .tmc small{font-size:10.5px;color:var(--mut)}
.tokens .r .tch{font-size:11.5px}
.tokens .tmono{width:32px;height:32px;border-radius:50%;background:var(--bg4);border:1px solid var(--rule2);color:var(--fg2);display:grid;place-items:center;font:600 13px/1 var(--sans);text-transform:uppercase}
.tchecks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13.5px;color:var(--fg2)}
.tchecks li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;align-items:baseline}
.tchecks li span{font:600 12px/1 var(--mono);text-align:center}
.tchecks .cok span{color:var(--ok)}.tchecks .cwarn span,.tchecks .cwarn{color:var(--warn)}.tchecks .cunk span{color:var(--mut)}
.how3 .h3r{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.how3 .h3r h3{margin:0}.how3 .h3r .bm{width:28px;height:28px;opacity:.7}
.tokens .tico{position:relative;width:32px;height:32px;display:block}
.tokens .tico img{position:absolute;inset:0;width:32px;height:32px;background:transparent}
/* 10-31: the split legend. Wide home: the bar's own fractions and gap, each item starts at its segment. Elsewhere: stacked rows. */
.split .sl,.howtop .split .sl{grid-template-columns:minmax(0,1fr);gap:14px}
.split .sl div{grid-template-columns:96px minmax(0,1fr);column-gap:14px;row-gap:2px}.split .sl b{grid-row:1/span 2;font-size:21px;display:flex;align-items:center;gap:8px}.split .sl b i{width:8px;height:8px;border-radius:2px;flex:none}
@media (min-width:1241px){body[data-page=home] .split .sl{grid-template-columns:var(--cols);column-gap:3px}body[data-page=home] .split .sl div{grid-template-columns:minmax(0,1fr);padding-right:10px}body[data-page=home] .split .sl b{grid-row:auto;font-size:21px}body[data-page=home] .split .sl b i{display:none}}
@media (max-width:380px){.wm span{font-size:11px;letter-spacing:.1em}.hact{gap:6px}.hact .btn{padding:0 10px}#wbtn.on i{display:none}}
/* wallet balances under every amount box (v25) */
.bal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--mut);min-height:24px}
.bal[hidden]{display:none}.bal b{color:var(--fg2);font-weight:500}.bal a{color:var(--xmr)}
.balc{display:flex;gap:6px;flex:none}
.balc button{height:24px;padding:0 9px;border-radius:7px;border:1px solid #2a2a30;background:#1b1b1f;font:500 12px var(--mono);color:var(--fg2);cursor:pointer;transition:border-color .2s,color .2s}
.balc button:hover{color:var(--fg);border-color:#3a3a42}.balc button:disabled{opacity:.4;cursor:not-allowed}
.qbox .bal{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.legs button.nobal{color:var(--mut);opacity:.45;position:relative}
.legs button.nobal[aria-pressed=true]{opacity:.7}
.legs button[data-tip]{position:relative}
.legs button[data-tip]:hover::after,.legs button[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:7px 10px;border-radius:8px;background:var(--bg4);border:1px solid var(--rule2);color:var(--fg);font:450 12px/1 var(--sans);z-index:30;pointer-events:none}
.wmenu .wbal{display:grid;gap:6px;padding:4px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--rule2)}
.wmenu .wbal[hidden]{display:none}
.wmenu .wbal span{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--fg)}.wmenu .wbal i{font-style:normal;color:var(--mut)}
/* launch review (v25): the coin, three plain lines, ready, one button; the rest under Details */
.rvc{display:grid;gap:16px}
.rvhead{display:flex;align-items:center;gap:14px}.rvhead img,.rvhead .ph{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none}
.rvhead h3{margin:0;font-size:22px}.rvhead p{margin:4px 0 0;font-size:13px}
.rvl{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:var(--fg)}
.rvl li{padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--bg3)}
.rvok{margin:0;color:var(--ok);font-weight:550;font-size:15px}.rvbad{margin:0;color:var(--bad);font-size:14px}
.btn.wide{width:100%}
.rvd{border-top:1px solid var(--rule);padding-top:12px}.rvd summary{cursor:pointer;color:var(--mut);font-size:13.5px}.rvd[open] summary{margin-bottom:12px}
/* the one-time "Your coin is live" banner + the listing state */
.newlive{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;padding:20px 22px;border:1px solid var(--xmr);border-radius:14px;background:linear-gradient(0deg,rgba(255,106,26,.06),rgba(255,106,26,.06)),var(--bg2)}
.newlive h2{margin:6px 0 4px;font-size:24px}.newlive .sub{margin:0;font-size:13px}.newlive .k{color:var(--xmr)}
.nlact{display:flex;gap:8px;flex-wrap:wrap}
.listing #lstat{margin-top:14px}
.legs button[data-tip]:last-child:hover::after,.legs button[data-tip]:last-child:focus-visible::after{left:auto;right:0;transform:none}

/* 10-31: the fee legend stacks on phones */
@media (max-width:639px){.smini ul{grid-template-columns:minmax(0,1fr)}.smini li{padding-right:0}}
/* 10-31: no orphan words in copy, balanced headings */
p,li,dd,dt,small,figcaption,.sub,.note,.lede{text-wrap:pretty}h1,h2,h3,.k{text-wrap:balance}
/* 10-31: "XMR on Solana, right now": the heading spans both columns; the side card starts level with the table and travels with it */
@media (min-width:1041px){
 .live>.lvm{display:contents}
 .live>.lvm>*{grid-column:1}.live>.lvm>.bh{grid-column:1/-1;grid-row:1}
 .live{row-gap:0}
 .live>.lvs{grid-column:2;grid-row:2/span 2;position:sticky;top:calc(73px + 24px);align-self:start}
 .how3{padding:20px 24px}
}
/* 10-31: coin page "Where the fee goes": bar + one clean table, nothing wraps */
.fsh{margin:28px 0 14px;display:flex;align-items:center;gap:10px}
.fsplit .sbar{margin-bottom:6px}
.ftab{width:100%;border-collapse:collapse;table-layout:auto}
.ftab th{font:500 12px var(--sans);color:var(--mut);text-align:left;padding:10px 0;border-bottom:1px solid var(--rule)}
.ftab td{padding:12px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.ftab .n{text-align:right;white-space:nowrap;padding-left:20px}
.ftab .fr{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
.ftab .fr i{width:8px;height:8px;border-radius:2px;flex:none;align-self:center}
.ftab .fr b{font:500 14.5px var(--sans);color:var(--fg)}
.ftab .fr small{font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis}
.ftab td>a{display:inline-block;margin:3px 0 0 16px;font-size:11.5px;color:var(--mut);text-decoration:none}.ftab td>a:hover{color:var(--fg)}
.ftab .pt{font-size:20px;letter-spacing:-.02em;color:var(--fg)}.ftab .pt small{display:none}
.ftab .of{font-size:12.5px;color:var(--mut)}
.ftab tfoot td{border-bottom:0;padding-top:12px;font-size:13.5px;color:var(--fg2)}.ftab tfoot tr+tr td{padding-top:4px}
.ftab .adm{font:13.5px var(--sans)}.ftab .adm .ok{color:var(--ok)}.ftab .adm .o{color:var(--xmr)}.ftab td.adm>a{margin:0;font:inherit;color:var(--mut)}
@media (max-width:640px){
 .ftab .of{display:none}
 .ftab .pt small{display:block;font:11.5px var(--mono);color:var(--mut);margin-top:2px;letter-spacing:0}
 .ftab td:first-child{max-width:0;width:100%}
 .ftab .fr{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:8px}.ftab .fr small{grid-column:2;overflow:hidden;text-overflow:ellipsis}.ftab .fr b{white-space:normal}
}
/* 10-31 /move: deposit address with its QR beside it; copied state */
.dqr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.qrbox{background:#fff;padding:8px;border-radius:10px;line-height:0}.qrbox svg{width:132px;height:132px;display:block}.dqa .note{margin-top:10px}
@media (max-width:480px){.dqr{grid-template-columns:minmax(0,1fr)}.qrbox{justify-self:start}}
.copyrow button.copied{color:var(--ok)}
.bal .il{background:none;border:0;padding:0;color:var(--xmr);font:inherit;cursor:pointer;text-decoration:underline}
/* v33 (10-31): XMR in (the personal address, live arrival, buy when it lands), the wallet in this browser, holdings, payouts */
button.il{background:none;border:0;padding:0;color:var(--fg2);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule3);text-underline-offset:3px}button.il:hover{color:var(--fg)}
.xin{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:32px;background:var(--bg2);border:1px solid var(--rule);border-radius:20px;scroll-margin-top:90px}
.xin-c{margin-top:28px}
section.blk .xin{margin:0 0 28px}
.xin-l .k{margin-bottom:10px}
.xin-h{font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;max-width:18em;text-wrap:balance}
.xin-l .sub{color:var(--mut);font-size:15px;max-width:32em}
.xin-f{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:6px;font-size:13.5px;color:var(--fg2)}
.xin-f li{display:flex;gap:10px;align-items:center}.xin-f li::before{content:'';width:8px;height:1px;background:var(--rule3);flex:none}
.xin-r{display:grid;gap:14px;align-content:start;min-width:0}
.xin-r .note{margin:0}
.xin-step{display:grid;gap:4px}.xin-step b{color:var(--fg);font-weight:600;font-size:16px}.xin-step span{color:var(--mut);font-size:14px;line-height:1.5}
.xin-act{display:flex;gap:10px;flex-wrap:wrap}
.xin-q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.xin-q .qrbox{width:172px;height:172px;background:#fff;border-radius:12px;padding:6px;display:grid;place-items:center;margin:0}
.xin-q .qrbox svg{width:100%;height:100%;display:block}
.xin-a{display:grid;gap:10px;min-width:0}.xin-a .f{margin:0}.xin-a .check{margin:4px 0 0}.xin-a .k em{font-style:normal;color:var(--mut2)}
.xaddr{font-size:12.5px}
.xin-live{border-top:1px solid var(--rule);padding-top:14px;min-height:48px}
.xst{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:center}.xst b{color:var(--fg);font-weight:600}.xst>span:not(.spin){grid-column:1/-1;color:var(--mut);font-size:13.5px}
.xst.ok{grid-template-columns:minmax(0,1fr)}.xst.ok b{color:var(--ok)}
.xin-live .btn{margin-top:12px}
.keep{margin-top:10px;font-size:14px;line-height:1.5;color:var(--fg2);padding:10px 12px;border:1px solid var(--rule2);border-radius:10px}.keep b{color:var(--warn);font-weight:600}
@media (max-width:900px){.xin{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px}.xin-h{font-size:22px}}
@media (max-width:520px){.xin{margin-top:36px}.xin-q{grid-template-columns:minmax(0,1fr)}.xin-q .qrbox{width:200px;height:200px}.xin-act .btn{flex:1 1 100%}}
.wdlg{margin:auto;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--rule2);border-radius:18px;background:var(--bg2);color:var(--fg);overflow:auto}
.wdlg::backdrop{background:rgba(5,5,6,.72)}
.wdlg-in{padding:24px;display:grid;gap:14px}
.wd-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.wd-h h2{font-size:20px;letter-spacing:-.01em;line-height:1.2}
.wd-x{border:1px solid var(--rule2);background:none;color:var(--fg2);border-radius:8px;padding:6px 10px;font:500 13px var(--sans);cursor:pointer;flex:none}.wd-x:hover{color:var(--fg);border-color:var(--rule3)}
.wd-p{color:var(--fg2);font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.wd-list{display:grid;gap:8px}
.wd-o{display:grid;gap:3px;text-align:left;padding:14px 16px;border:1px solid var(--rule2);border-radius:12px;background:var(--bg3);color:var(--fg);cursor:pointer;font:inherit}
.wd-o:hover:not(:disabled){border-color:var(--rule3);background:var(--bg4)}.wd-o:disabled{opacity:.55;cursor:default}
.wd-o b{font-weight:600;font-size:15px}.wd-o em{font-style:normal;color:var(--mut);font-size:13.5px;line-height:1.45}.wd-o .mono{font-size:12.5px;color:var(--fg2)}
.wd-o.pri{border-color:var(--xmr)}.wd-o.warn b{color:var(--bad)}
.wd-f{display:grid;gap:12px}.wd-f .f{margin:0}.wd-f .check{margin:0}.wd-f .err:empty{display:none}
.wdlg-in>.err:empty{display:none}
.wd-foot{font-size:13.5px;color:var(--mut)}
.wd-or{text-align:center;color:var(--mut);font-size:13px}
.kbox{border:1px solid var(--rule2);border-radius:12px;background:var(--bg);padding:12px 14px;display:grid;gap:10px}
.kbox code{font:500 13px/1.5 var(--mono);word-break:break-all;color:var(--fg)}.kbox code.hid{color:var(--mut2);letter-spacing:.08em;overflow:hidden;white-space:nowrap}
.kact{display:flex;gap:8px;flex-wrap:wrap}
.whold{display:grid;gap:2px;padding:6px 12px 8px;border-bottom:1px solid var(--rule);margin-bottom:4px}.whold[hidden]{display:none}
.wh-h{font:500 12px var(--sans);color:var(--mut);margin-bottom:4px}
.wh-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;padding:4px 0}.wh-r i{font-style:normal;color:var(--fg2);margin-left:4px}.wh-r a{color:var(--xmr2);white-space:nowrap}
.wmenu{min-width:232px}.wmenu .wa em{font-style:normal;color:var(--mut2);font-family:var(--sans)}
.prules{max-width:52em;color:var(--fg2);margin:24px 0;font-size:15px;line-height:1.6}
td.who .mono{font-size:12.5px;margin-right:6px}
.proof .k a{color:inherit;text-decoration:underline;text-decoration-color:var(--rule3);text-underline-offset:3px}
input[type=password]{width:100%;background:var(--bg);border:1px solid var(--rule2);border-radius:10px;color:var(--fg);font:15px/1.4 var(--sans);padding:12px 14px;transition:border-color .2s}
input[type=password]:hover{border-color:var(--rule3)}
.wdlg textarea,.wdlg input[type=text]{background:var(--bg)}
.lxin .xin,section.blk .lxin .xin{margin:56px 0 0}
/* ---------- 11-01: coin candles + Trades | Holders (same segmented look as .tabs; height reserved: nothing jumps) ---------- */
.cc{padding:0}
.cc-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:18px 20px 12px}
.cc-h .v{font:400 28px/1 var(--mono);letter-spacing:-.03em;margin-top:8px}
.cc-d{font-size:12.5px;color:var(--mut);margin-top:6px;min-height:1.2em}
.cc-c{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cseg{display:inline-flex;background:var(--bg3);border-radius:9px;padding:2px;gap:2px}
.cseg button{height:28px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--mut);font:500 12px var(--mono);cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s}
.cseg button:hover{color:var(--fg)}
.cseg button[aria-pressed=true],.cseg button[aria-selected=true]{background:var(--bg4);color:var(--fg);outline:1px solid #2c2c32;outline-offset:-1px}
.cc-b{height:360px;position:relative}
.cc-n{padding:8px 20px 14px;font-size:11.5px;color:var(--mut)}
.ctabs{margin:0 0 36px}
.ctabs .tabs{display:flex;align-items:center;gap:2px;background:none;padding:0;margin:0 0 12px}
.ctabs .tabs button{font-family:var(--sans);font-size:13.5px;height:32px;padding:0 14px}
.ct-m{margin-left:auto;font-size:11.5px;color:var(--mut)}
.ct table td,.ct table th{white-space:nowrap}
.ct{max-height:520px;overflow:auto}
.ct .sd{font:500 12px var(--sans)}.ct .sd.up{color:var(--xmr)}.ct .sd.dn{color:var(--mut)}
.ct .mut{color:var(--mut)}
@media (max-width:760px){.cc-b{height:300px}.cc-c{justify-content:flex-start}.cseg button{padding:0 7px}.ct-m{display:none}}
@media (min-width:761px){.fg[style*="--n"]{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}
/* ---------- 11-01: launched section = key-image grid + a live right column (Just launched, Latest trades) ---------- */
.lgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.lgrid .kgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lside .lvt{margin-top:32px}.lside .lsj:empty+.lvt{margin-top:0}
.fresh a{grid-template-columns:40px minmax(0,1fr) auto}
.fresh img{width:40px;height:40px;object-fit:cover}
.fr{display:grid;justify-items:end;gap:4px;font-size:12px;color:var(--mut)}
.ftag{font:500 11px var(--sans);color:var(--mut);border:1px solid var(--rule2);border-radius:999px;padding:2px 7px}
.ftag.here{color:var(--xmr);border-color:rgba(255,106,26,.35)}
.trades i.here{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--xmr);margin-left:4px;vertical-align:2px}
@media (max-width:1040px){.lgrid{grid-template-columns:minmax(0,1fr);gap:32px}.lside{display:grid;grid-template-columns:1fr 1fr;gap:32px}.lside .lvt{margin-top:0}}
@media (max-width:760px){.lside{grid-template-columns:minmax(0,1fr)}.lgrid .kgrid{grid-template-columns:1fr 1fr}}
/* ---------- 11-01: header search ---------- */
.hsrch{position:relative;width:230px;margin-right:14px;flex:none}
.hsrch input{width:100%;height:36px;padding:0 30px 0 13px;border:1px solid var(--rule2);border-radius:999px;background:var(--bg2);color:var(--fg);font:400 13px var(--sans);outline:0;transition:border-color .2s}
.hsrch input::placeholder{color:var(--mut)}.hsrch input:focus{border-color:var(--rule3)}
.hsrch input::-webkit-search-cancel-button{display:none}
.hsrch kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:500 11px var(--mono);color:var(--mut);border:1px solid var(--rule2);border-radius:5px;padding:1px 5px;pointer-events:none}
.hsr{position:absolute;top:calc(100% + 6px);left:0;width:340px;list-style:none;margin:0;padding:4px;background:var(--bg2);border:1px solid var(--rule2);border-radius:12px;z-index:30}
.hsr li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px}
.hsr li[aria-selected=true],.hsr li:hover{background:var(--bg3)}
.hsr img,.hsr .ph{width:28px;height:28px;border-radius:7px;object-fit:cover;background:var(--bg4)}
.hsr .hn{display:flex;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}.hsr .hn span{color:var(--mut);overflow:hidden;text-overflow:ellipsis}
.hsr .hm{color:var(--mut);font-size:12px}.hsr .none{color:var(--mut);cursor:default;display:block}
@media (max-width:1359px){.hsrch{display:none}}
/* 11-01: the header fits with the search: from 1360 px the search takes the XMR price pill's place (the price stays on the home strip
   and the terminal); below 1360 px the header is the v37 one (price pill, no search; the terminal tab has search) */
.hsrch{width:170px;margin-right:12px}
@media (min-width:1360px){.top .hxp{display:none}}
/* 11-01: the chart head never reflows when the value gets longer (Price · XMR): value row, then the controls row */
.cc-h{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.cc-c{justify-content:flex-start}
/* ---------- v51 (11-02): nothing moves on its own. Same look; fixed geometry for live data. ---------- */
[data-k]{position:relative}
.upd{position:absolute;top:0;right:0;z-index:3;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--rule3);background:var(--bg2);color:var(--fg);font:500 12.5px var(--sans);cursor:pointer}
.upd:hover{border-color:var(--fg2)}
.qt .qkv #qr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68%;text-align:right} /* one line, full route on hover */
#qbal[hidden]{display:flex;visibility:hidden} /* the balance row keeps its track before a wallet connects */
#qoutusd.qerr{color:var(--bad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* phone: a focused field never sits under the tab bar, and the bar steps aside while typing */
@media (max-width:760px){
 input,textarea,select{scroll-margin-bottom:120px}
 body:has(input:not([type=checkbox]):not([type=radio]):focus,textarea:focus) .tabbar{visibility:hidden}
}
/* same-height shells: empty, loading and full lists take the room of a full one (6 just launched, 8 trades, 10 board rows) */
[data-k="fresh"]{min-height:428px}
[data-k="trades"]{min-height:355px}
.lvm .empty{min-height:640px}
@media (min-width:1041px){.lside .lsj:empty+.lvt{margin-top:32px}}
.fresh .ph{width:40px;height:40px}
#pearn{min-width:15ch;text-align:right}
/* 11-02 /launches: the board's rows, own columns (launched, MC, vol, holders, paid), fixed row height; the mint copies in place */
.mkt.lx li{grid-template-columns:26px minmax(0,1fr) 84px 92px 100px 76px 116px;height:62px;padding:0}.mkt.lx li.mh{height:44px}
.mkt.lx .mc{grid-template-columns:36px minmax(0,1fr)}.mkt.lx .mc img{width:36px;height:36px}.mkt.lx .mn b a{text-decoration:none}
.cpm{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.cpm:hover{color:var(--fg)}
.blk-a{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1240px){.mkt.lx li{grid-template-columns:minmax(0,1fr) 80px 88px 96px 72px 112px}}
@media (max-width:760px){.mkt.lx li{grid-template-columns:minmax(0,1fr) 64px 96px;gap:8px;height:58px}.mkt.lx .hd{display:none}.mkt.lx li.mh{height:40px}.mkt.lx .mc{grid-template-columns:30px minmax(0,1fr)}.mkt.lx .mc img{width:30px;height:30px}}
/* 11-02: seven nav items (Launches added): a little less air so the header fits from 1241 px up */
@media (min-width:1241px){nav.main{gap:22px}}
@media (min-width:1241px) and (max-width:1359px){header.top .bar{gap:24px}}

/* v53: keep the established type, seal and palette; give actual activity room to speak. */
*,*::before,*::after{animation:none!important}
html{scroll-behavior:auto}
#chsvg .rv{clip-path:none}
.mkt .vol i.st{transition:none}
.hero.hero4{min-height:540px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;padding:32px 0 24px}
.hero4 .medal{width:min(100%,500px)}
.hero4 .lede{max-width:31em}
.hero4 .ctas{margin-top:28px}
.hero-proof{grid-template-columns:repeat(var(--proof-cols),minmax(0,1fr));min-height:148px}
.hero-proof>div{padding:28px 24px;overflow:hidden}
.hero-proof>div:first-child{padding-left:0}
.hero-proof .pv{font-size:clamp(30px,3.1vw,44px);line-height:1.12;height:50px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.hero-proof .pv small{font:500 13px var(--sans)}
.hero-proof .k{font-size:14px;line-height:1.4;height:40px;white-space:normal}
.hero-proof .ps{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-proof:empty{display:none}
.proof-note{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);font-size:13px;color:var(--mut)}
.proof-note>a{color:var(--fg2);text-decoration:none;white-space:nowrap}
.proof-note>a:hover{color:var(--xmr)}
.proof-note>a span{margin-left:10px}
.lgrid{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
.lgrid .kgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.kc{align-content:start;gap:0}
.kc .art{aspect-ratio:1/1;margin-bottom:16px;border-radius:14px}
.kc .art img{width:100%;height:100%;object-fit:cover}
.kc .nm{font-size:21px;line-height:1.3;height:28px}
.kc .tk{height:34px;align-items:center;gap:8px;margin-bottom:10px}
.kc .tk>b{font-weight:400}
.kc .coin-status{font:450 12px var(--sans);white-space:nowrap}
.kc .coin-status.graduated{color:var(--xmr)}
.kc .mc,.kc .pd{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:32px;white-space:nowrap;overflow:hidden}
.kc .mc{margin:0;border-top:1px solid var(--rule);font:13px var(--sans)}
.kc .mc b{font:450 17px var(--mono);overflow:hidden;text-overflow:ellipsis}
.kc .pd{font-size:13px}
.kc .pd b{font:400 13px var(--mono);overflow:hidden;text-overflow:ellipsis}
.kc .pd span,.kc .mc>span{flex-shrink:0}
.kc .pd b:last-child{font-variant-numeric:tabular-nums}
.lside .fh{min-height:56px}
.activity-empty{padding:20px 0;color:var(--mut);font-size:14px;border-top:1px solid var(--rule)}
@media (max-width:1240px){
 .hero.hero4{min-height:510px}.hero4 .medal{width:min(100%,440px)}
 .hero-proof>div{padding:24px 16px}.hero-proof .k{font-size:12.5px}.hero-proof .ps{font-size:11px}
 .lgrid{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
}
@media (min-width:900px) and (max-width:980px){
 .hero.hero4{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .hero4 .medal{order:0;justify-self:end}.hero4 h1.big{font-size:50px}
}
@media (max-width:1040px){
 .lgrid{grid-template-columns:minmax(0,1fr);gap:36px}
 .lgrid .kgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
 .kc .nm{font-size:19px}.kc .pd{display:grid;gap:2px;align-content:center;height:48px}
 .lside{display:grid;grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:899px){
 .hero.hero4{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding:16px 0 24px}
 .hero4 .medal{order:-1;width:100px;margin:0 0 12px;justify-self:start}
 .hero4 .obj{width:100px;height:100px}
 .hero4 .medal figcaption{display:none}
 .hero4 h1.big{font-size:clamp(38px,6.5vw,58px);margin-top:20px}
 .hero4 .lede{font-size:17px;margin-top:18px;max-width:36em}
 .hero4 .ctas{margin-top:24px}
 .hero4 .ca-l{margin-top:16px}
 .hero+.proof{margin-top:0}
 .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-proof>div:nth-child(odd){padding-left:0;border-left:0}
 .hero-proof>div:nth-child(n+3){border-top:1px solid var(--rule)}
 .hero-proof .pv{font-size:36px;height:43px}
 .hero-proof .k{white-space:normal;min-height:36px}
}
@media (max-width:760px){
 .hero4 .medal{width:88px;margin-bottom:8px}.hero4 .obj{width:88px;height:88px}
 .hero4 h1.big{font-size:clamp(34px,9.8vw,48px)}
 .hero4 .lede{font-size:16px;line-height:1.5}
 .hero-proof>div{padding:22px 12px}.hero-proof .pv{font-size:clamp(25px,7vw,36px);height:42px}
 .hero-proof .k{font-size:13px}.hero-proof .ps{font-size:11px}
 .proof-note{font-size:12px;padding:12px 0;align-items:start;gap:12px}.proof-note>span{max-width:24em}
 .lgrid .kgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .kc .art{border-radius:10px;margin-bottom:12px}.kc .nm{font-size:18px;height:25px}
 .kc .tk{font-size:12px;gap:4px}.kc .coin-status{font-size:11px}
 .kc .mc{display:grid;gap:3px;align-content:center;min-height:52px}.kc .mc b{font-size:17px}
 .kc .pd{height:50px;font-size:12px}.kc .pd b{font-size:11px}
 .lside{grid-template-columns:minmax(0,1fr);gap:24px}
}

[data-k="fresh"]:has(.activity-empty),[data-k="trades"]:has(.activity-empty){min-height:160px}

/* Live amounts and ages keep the same row geometry after hydration and refresh. */
.fresh .fb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fresh .fr{width:104px;min-height:40px;grid-template-rows:18px 18px;white-space:nowrap}
.fresh .fr .ftag{line-height:14px;padding:1px 7px}
.trades .ago{white-space:nowrap}
.proof-note{min-height:76px;padding:12px 0 38px}
.proof>.upd{top:auto;bottom:6px;left:0;right:auto}

/* Pair reasons and the opening notice keep their space; expanding other pairs never moves the form. */
.pair-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.pair-featured label{display:grid;grid-template-rows:18px 1fr auto;min-height:130px}
.pair-featured small{min-height:2.8em;white-space:normal}
.pair-featured .pair-opening{min-height:2.8em;color:var(--fg2)}
.pair-featured label.unavailable{opacity:.6;cursor:not-allowed}
.pair-featured label.unavailable:hover{border-color:var(--rule2)}
.pair-others{min-height:148px;margin-top:10px}
.pair-more{font:14px/1.5 var(--sans);color:var(--mut)}
.pair-more summary{width:fit-content;min-height:32px;cursor:pointer;color:var(--mut)}
.pair-more summary:hover,.pair-more[open] summary{color:var(--fg2)}
.pair-more .note{margin:6px 0 10px;min-height:3em}
.pair-more>label{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;color:var(--mut)}
.pair-more select{width:100%;min-width:0;height:44px;border:1px solid var(--rule2);border-radius:10px;padding:0 12px;background:var(--bg2);color:var(--fg);font:14px var(--sans)}
.pair-more option:disabled{color:var(--mut)}
.pair-copy{min-height:166px;display:grid;grid-template-rows:82px 44px 36px;gap:2px;margin-top:10px;font:12px/1.5 var(--sans);color:var(--mut)}
.pair-copy p{margin:0;overflow:auto;overflow-wrap:anywhere}
.pair-copy p:first-child{color:var(--fg2)}
.pair-tag{font:11px var(--mono);color:var(--mut);white-space:nowrap}
.mn>.pair-line{display:flex;align-items:center;gap:6px}
.pair-line>.pair-info{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pair-line>.pair-tag{flex:none}
.kc .tk .pair-tag{display:block;font:11px/14px var(--sans)}
@media(max-width:760px){.pair-featured .pair-opening{min-height:4.2em}}
@media(max-width:520px){.pair-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-featured label{padding:12px}.pair-copy{min-height:208px;grid-template-rows:106px 50px 48px}.pair-more>label{grid-template-columns:84px minmax(0,1fr)}}

.pair-featured b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bq{height:3em;overflow:auto}

#split-fee{height:96px;overflow:auto}
#choice label{min-height:104px}
.kc .tk>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}
@media(max-width:699px){#split-fee{height:118px}#choice label{min-height:78px}}

/* Pay-first launch: mode and progress keep their space while balance/status reads settle. */
#xmr-progress{min-height:3em;margin:12px 0 0;line-height:1.5}
#launch-payment-note{display:block;min-height:3em}
#launch-payment{grid-template-columns:repeat(2,minmax(0,1fr))}
#launch-payment b{font-size:13px}
#launch-payment small{min-height:2.8em}
#lf #fbal{min-height:24px}
#lf #fbal[hidden]{display:flex;visibility:hidden}
#lf #bq{display:block;min-height:2.8em}

#vanity-note{display:block;min-height:3em}
#review .mono[data-copy]{overflow-wrap:anywhere;cursor:copy}

#launch-payment label:has(input:disabled){opacity:.5;cursor:not-allowed}


/* ================= brand layer (11-03): overrides everything above ================= */
/* the hero card's long shadow may run past the screen edge: clip it, never widen the page */
html,body{overflow-x:clip}
body{font:500 16px/1.55 var(--sans);font-feature-settings:normal;letter-spacing:0}
.mono,code,kbd{font-family:var(--mono);font-feature-settings:'tnum';letter-spacing:-.02em}
h1,h2,h3{font-family:var(--sans);font-weight:750;letter-spacing:-.02em}
h2{font-size:30px;line-height:1.15}
h3{font-size:19px;line-height:1.3;font-weight:700}
main{max-width:1280px;padding:0 var(--pad)}
.k{font:600 13px/1.3 var(--sans);color:var(--mut);letter-spacing:0}
.note{font:500 14px/1.5 var(--sans);color:var(--mut)}
.sub{color:var(--fg2)}
/* buttons: squared-off, orange = do it */
.btn{height:44px;padding:0 18px;border-radius:10px;font:700 15px/1 var(--sans);letter-spacing:0;border:1px solid var(--rule2);gap:8px}
.btn:hover{background:var(--bg3);border-color:var(--rule3)}
.btn.solid,.btn.xmr{background:var(--xmr);border-color:var(--xmr);color:#1A1612}
.btn.solid:hover,.btn.xmr:hover{background:var(--xmr2);border-color:var(--xmr2)}
.btn.line{background:transparent;border-color:var(--rule3);color:var(--fg)}
.btn.line:hover{background:var(--bg3)}
.btn.ghost{border-color:transparent;color:var(--fg2)}
.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:9px}
.btn.lg{height:52px;padding:0 24px;font-size:16px;border-radius:12px}
.btn[disabled],.btn.solid[disabled],.btn.xmr[disabled]{background:var(--bg3);border-color:var(--rule2);color:var(--mut)}
.chip{border-radius:8px;font:500 12.5px/1 var(--mono)}
.tag{border-radius:6px;font:600 12px/1 var(--sans)}
.tag.o{border-color:#5A2C0C;color:var(--xmr2)}
:focus-visible{outline:2px solid var(--xmr);outline-offset:2px}
.bm{display:block;border-radius:22%}
/* header */
.tb{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--rule)}
.tb-in{max-width:1280px;margin:0 auto;padding:0 var(--pad);height:64px;display:flex;align-items:center;gap:28px}
.tb-brand{text-decoration:none;color:var(--fg);flex:none}
.lk{display:inline-flex;align-items:center;gap:10px}
.lk .bm{width:32px;height:32px}
.lk-w{font:800 23px/1 var(--sans);letter-spacing:-.04em;color:var(--fg);margin-top:-3px}
.lk-d{font:600 23px/1 var(--sans);letter-spacing:-.03em;color:var(--mut2);margin:-3px 0 0 -3px}
.tb-mode{font:500 11.5px/1 var(--mono);color:var(--mut);border:1px solid var(--rule2);border-radius:6px;padding:5px 7px;margin-left:-14px}
.tb-nav{display:flex;gap:4px}
.tb-nav a{font:600 15px/1 var(--sans);color:var(--fg2);text-decoration:none;padding:10px 12px;border-radius:8px}
.tb-nav a:hover{color:var(--fg);background:var(--bg2)}
.tb-nav a[aria-current]{color:var(--fg);background:var(--bg3)}
.tb-sp{flex:1}
.tb-q{position:relative;display:flex;align-items:center;gap:8px;height:38px;width:230px;padding:0 12px;border:1px solid var(--rule2);border-radius:9px;color:var(--mut);background:var(--bg2)}
.tb-q input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:500 14px var(--sans);outline:0;height:100%}
.tb-q input::placeholder{color:var(--mut)}
.tb-q:focus-within{border-color:var(--rule3)}
.tb-q .hsr{top:44px;left:0;right:auto;width:340px}
.tb-px{font-size:13px;color:var(--fg2);white-space:nowrap}.tb-px b{color:var(--mut);font-weight:500}
.tb-act{display:flex;gap:8px;align-items:center}
.tb-act .ws{display:none}
/* hero */
.hx{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center;padding:72px 0 56px;position:relative}
.hx-e{font:500 14px/1.4 var(--mono);color:var(--mut);letter-spacing:-.01em;margin-bottom:22px}
.hx-h{font:800 64px/1.0 var(--sans);letter-spacing:-.035em;color:var(--fg);max-width:9em}
.hx-s{font:800 34px/1.1 var(--sans);letter-spacing:-.025em;color:var(--fg2);margin-top:14px}
.hx-p{font:500 19px/1.55 var(--sans);color:var(--fg2);max-width:31em;margin-top:24px}
.hx-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.xb{display:inline-flex;align-items:center;gap:8px}
.hx-a .xb span{font-weight:600}
.hx-ca{margin-top:18px;min-height:40px}
.ca-c{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 8px;border:1px solid var(--rule2);border-radius:10px;background:var(--bg2);color:var(--fg2);font:500 14px var(--sans);cursor:pointer}
.ca-c img{border-radius:5px}
.ca-c b{color:var(--fg);font-weight:700}
.ca-c .ca-a{background:var(--bg4);color:var(--fg);border-radius:7px;padding:6px 9px;font-weight:600;font-size:13px}
.ca-c.off{cursor:default;padding-right:14px}
/* the live card, with the brand's long shadow cast behind it */
.lvc{position:relative;z-index:1;background:var(--bg2);border:1px solid var(--rule2);border-radius:18px;padding:22px}
.lv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.lv-t{font:700 14px/1 var(--sans);color:var(--fg);display:inline-flex;align-items:center;gap:8px}
.lv-dot{width:8px;height:8px;border-radius:50%;background:var(--xmr)}
.lv-s{font-size:12px;color:var(--mut)}
.lv-f{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:var(--fg)}
.lv-f img{border-radius:12px;background:var(--bg3);object-fit:cover}
.lv-fn{display:grid;gap:3px;min-width:0}.lv-fn b{font:800 22px/1.1 var(--sans);letter-spacing:-.02em}.lv-fn span{color:var(--mut);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-tag{font:600 12px/1 var(--sans);color:var(--fg2);border:1px solid var(--rule3);border-radius:6px;padding:6px 8px;white-space:nowrap}.lv-tag.here{color:var(--xmr2);border-color:#5A2C0C}
.lv-fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 6px;border:1px solid var(--rule2);border-radius:12px;background:var(--bg)}
.lv-fs>div{padding:12px 14px}.lv-fs>div+div{border-left:1px solid var(--rule2)}
.lv-fs>div{min-width:0}.lv-fs dt{font:600 12px/1.3 var(--sans);color:var(--mut)}.lv-fs dd{margin:6px 0 0;font-size:17px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-fs dd.t{font:600 15px/1.35 var(--sans);color:var(--fg2)}
.lv-l{list-style:none;padding:0;margin:8px 0 0}
.lv-l a{display:grid;grid-template-columns:32px minmax(0,1fr) 84px 64px;gap:12px;align-items:center;height:54px;text-decoration:none;color:var(--fg);border-top:1px solid var(--rule)}
.lv-l li:first-child a{border-top:0}
.lv-l img{border-radius:8px;background:var(--bg3);object-fit:cover}
.lv-ln{display:flex;gap:8px;align-items:baseline;min-width:0}.lv-ln b{font-weight:700}.lv-ln span{color:var(--mut);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-mc,.lv-ch{text-align:right;font-size:14px}
.lv-l a:hover .lv-ln b,.lv-f:hover .lv-fn b{color:var(--xmr2)}
.lv-ft{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--rule2);font-size:14px;color:var(--mut)}
.lv-ft a{color:var(--fg);font-weight:600;text-decoration:none}
.lv-none{color:var(--mut);font-size:15px;min-height:280px}
/* the numbers row */
.sxr{position:relative;z-index:1;background:var(--bg);display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:8px 0 0}
.sx{padding:24px 24px 24px 0}.sx+.sx{padding-left:24px;border-left:1px solid var(--rule)}
.sx dt{font:600 13.5px/1.3 var(--sans);color:var(--mut)}
.sx dd{margin:10px 0 6px;font-size:28px;line-height:1;color:var(--fg);letter-spacing:-.03em}
.sx>span{font-size:13.5px;color:var(--mut)}.sx a{color:var(--fg2)}
/* sections */
.sc{margin-top:96px}
.sc-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.sc-h h2{font-size:32px;letter-spacing:-.03em}
.sc-h p{color:var(--mut);margin-top:8px;max-width:44em;font-size:15.5px}
.sc-a{color:var(--fg);font-weight:650;text-decoration:none;white-space:nowrap}.sc-a:hover{color:var(--xmr2)}
.cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cg-c{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px 14px;padding:18px;border:1px solid var(--rule2);border-radius:14px;background:var(--bg2);text-decoration:none;color:var(--fg);position:relative}
.cg-c:hover{border-color:var(--rule3)}
.cg-c img{border-radius:10px;object-fit:cover;background:var(--bg3)}
.cg-n{display:grid;gap:2px;align-content:center;min-width:0}.cg-n b{font-weight:800;font-size:17px}.cg-n span{color:var(--mut);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-s{grid-column:1/-1;display:flex;justify-content:space-between;font-size:13.5px;color:var(--mut)}.cg-s b{color:var(--fg);font-weight:500;font-size:14px}.cg-s b.t{font:600 14px var(--sans);color:var(--fg2)}
.cg-st{position:absolute;top:18px;right:18px;font:600 11.5px/1 var(--sans);color:var(--mut)}.cg-st.g{color:var(--ok)}
.cg-none{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--rule2);border-radius:14px;background:var(--bg2)}
.cg-none p{color:var(--fg2)}.cg-none b{color:var(--fg)}
.mk-t{border:1px solid var(--rule2);border-radius:14px;overflow:hidden;background:var(--bg2)}
.mk-r{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px 130px 84px 80px;gap:16px;align-items:center;height:62px;padding:0 20px;border-top:1px solid var(--rule)}
.mk-r:first-child{border-top:0}
.mk-hd{height:44px;font:600 13px var(--sans);color:var(--mut);background:var(--bg)}
.mk-r .n{text-align:right;font-size:14.5px}
.mk-c{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--fg);min-width:0}
.mk-c img{border-radius:8px;flex:none;object-fit:cover;background:var(--bg3)}
.mk-c span{display:grid;gap:1px;min-width:0}.mk-c b{font-weight:700}.mk-c small{color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-c em{font-style:normal;color:var(--xmr2);font-size:13px;font-weight:600}
.mk-go{justify-self:end;font:650 14px var(--sans);color:var(--fg);text-decoration:none;border:1px solid var(--rule3);border-radius:8px;padding:8px 12px}
.mk-go:hover{border-color:var(--xmr);color:var(--xmr2)}
.mk-none{color:var(--mut)}
.hw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hw-c{padding:24px;border:1px solid var(--rule2);border-radius:14px;background:var(--bg2);display:flex;flex-direction:column;gap:10px}
.hw-c p{color:var(--fg2);font-size:15.5px;flex:1}
.hw-c .mono{color:var(--fg);font-size:14px}
.fs{margin-top:14px;padding:24px;border:1px solid var(--rule2);border-radius:14px}
.fs-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15.5px;color:var(--fg2)}.fs-h b{color:var(--fg)}
.fs-b{display:flex;gap:3px;height:10px;margin:16px 0}.fs-b i{border-radius:3px}
.fs-l{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 24px}
.fs-l li{display:grid;grid-template-columns:10px auto;gap:2px 8px;align-items:center;font-size:14px;color:var(--mut)}
.fs-l i{width:10px;height:10px;border-radius:3px}.fs-l b{color:var(--fg);font-weight:500}.fs-l span{grid-column:2}
.br{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:96px;padding:32px;border:1px solid var(--rule2);border-radius:16px;background:var(--bg2)}
.br h2{font-size:26px}.br p{color:var(--fg2);max-width:46em;margin-top:8px}
.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.qa details{border-top:1px solid var(--rule2)}
.qa summary{list-style:none;cursor:pointer;padding:20px 32px 20px 0;font:700 17px/1.35 var(--sans);position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:18px;font:500 20px/1 var(--mono);color:var(--mut)}
.qa details[open] summary::after{content:"−"}
.qa details p{color:var(--fg2);padding:0 0 20px;font-size:15.5px;max-width:40em}
/* footer */
.ft{margin-top:120px;border-top:1px solid var(--rule)}
.ft-in{max-width:1280px;margin:0 auto;padding:48px var(--pad) 64px;display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.ft-a p{color:var(--mut);font-size:14px;margin-top:12px;max-width:34em}
.ft-a .ft-m{color:var(--fg2);font:500 14px var(--mono);margin-top:16px}
.ft-c{display:grid;align-content:start;gap:12px}
.ft-c b{font:700 14px var(--sans);color:var(--fg)}
.ft-c a,.ft-x{color:var(--mut);text-decoration:none;font-size:14.5px}.ft-c a:hover,.ft-x:hover{color:var(--fg)}
.ft-x{display:inline-flex;align-items:center;gap:8px;margin-top:14px}
/* tab bar (phone) */
@media (max-width:1180px){.tb-q{display:none}.tb-in{gap:20px}}
@media (max-width:1040px){.tb-px{display:none}.hx{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:48px}.hx-h{font-size:52px}.cg{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-r{grid-template-columns:minmax(0,1fr) 110px 110px 80px 72px}.mk-v{display:none}.ft-in{grid-template-columns:1fr 1fr}.ft-a{grid-column:1/-1}}
@media (max-width:900px){.tb-nav{display:none}}
@media (max-width:760px){
 :root{--pad:16px}
 .tb-in{height:58px;gap:10px}.tb-mode{display:none}
 .lk .bm{width:26px;height:26px}.lk-w,.lk-d{font-size:21px}
 .tb-act .btn{height:36px;padding:0 12px}
 .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:12;height:calc(60px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--rule2);border-radius:0}
 .tabbar a{border-radius:10px;font:600 11.5px/1 var(--sans)}
 .tabbar a[aria-current]{background:transparent;color:var(--xmr2)}
 body{padding-bottom:72px}
 .hx{padding:28px 0 32px;gap:32px}
 .hx-e{font-size:12.5px;margin-bottom:14px}
 .hx-h{font-size:40px;line-height:1.02}.hx-s{font-size:23px;margin-top:8px}
 .hx-p{font-size:16px;margin-top:12px}
 .hx-a{margin-top:22px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
 .hx-a .btn{padding:0 14px}
 .hx-a .xb span{display:none}
 .hx-ca{margin-top:10px}.ca-c{width:100%}
 .lvc{padding:16px;border-radius:16px}
 .lv-fs dd{font-size:15px}.lv-fs>div{padding:10px}
 .lv-l a{grid-template-columns:32px minmax(0,1fr) 72px 56px;gap:10px}.lv-ln span{display:none}
 .sxr{grid-template-columns:1fr 1fr}.sx{padding:18px 12px 18px 0}.sx+.sx{padding-left:12px}.sx:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--rule)}.sx:nth-child(4){border-top:1px solid var(--rule)}.sx dd{font-size:22px}
 .sc{margin-top:64px}.sc-h{flex-direction:column;align-items:flex-start;gap:10px}.sc-h h2{font-size:26px}
 .cg{grid-template-columns:minmax(0,1fr)}
 .mk-r{grid-template-columns:minmax(0,1fr) 92px 64px;padding:0 14px;gap:10px}.mk-p,.mk-v,.mk-go,.mk-hd>span:last-child{display:none}
 .hw{grid-template-columns:minmax(0,1fr)}.fs-l{grid-template-columns:minmax(0,1fr)}
 .br{flex-direction:column;align-items:flex-start;padding:22px}
 .qa{grid-template-columns:minmax(0,1fr)}
 .ft{margin-top:72px}.ft-in{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:40px}
 .cg-none{flex-direction:column;align-items:flex-start}
}
@media (max-width:380px){.lk-d{display:none}.hx-h{font-size:34px}}

/* round 2 */
.bondrow{gap:16px}.bond{max-width:none}
.custody{margin-top:16px;font-size:14px;color:var(--mut);max-width:60em}.custody b{color:var(--fg2)}
.sn-chart-none{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;margin:24px 0;border:1px solid var(--rule2);border-radius:12px;font-size:14.5px;color:var(--mut)}
.sn-chart-none a{color:var(--fg);font-weight:600;text-decoration:none;white-space:nowrap}
.stile{margin-top:8px}
.lintro{color:var(--fg2);font-size:15.5px;max-width:38em;margin:0 0 24px}
.lside-p{position:sticky;top:88px;align-self:start}
.lpg .grid2{align-items:start}
@media (max-width:760px){.term>.tmain>.tbox{order:0}.term>.tlist{order:1}.term>.tmain>.thead{min-height:0}.lside-p{position:static}.sn-chart-none{flex-direction:column;align-items:flex-start}}

/* page heads: one size everywhere, eyebrow above, actions right */
main>.blk:first-child>.blk-h,main>section:first-child>.blk-h{padding-top:8px}
.blk-h h2.mt8,.blk-h h1.mid{font-size:44px;line-height:1.05;letter-spacing:-.03em;font-weight:800}
@media (max-width:760px){.blk-h h2.mt8,.blk-h h1.mid{font-size:32px}}
@media (max-width:760px){.thead .xacts{display:none}}

.tsx{margin-top:24px}.cg-pm{align-items:center;gap:8px}

/* coins in the shadow: a round coin casts the mark's 45-degree shadow, short, flat, clear of any text */
/* every coin casts the mark's long shadow: a flat capsule from the coin's centre, L diameters long, turned by --sa
   (45 deg = the mark; app.js turns it a few degrees away from the cursor on desktop, as if the cursor were the light) */
.shd{position:relative;display:block;flex:none;line-height:0;--L:.6;--c:#0C0B0A;--sa0:45deg}
.shd>img{position:relative;z-index:1;display:block;border-radius:50%!important;object-fit:cover}
.shd::before{content:"";position:absolute;z-index:0;left:0;top:0;height:100%;width:calc(100% * (1 + var(--L)));border-radius:999px;background:var(--c);pointer-events:none;
  transform-origin:calc(50% / (1 + var(--L))) 50%;rotate:var(--sa,var(--sa0));transition:rotate .5s var(--ease)}
.lv-f{grid-template-columns:64px minmax(0,1fr) auto;gap:28px;padding-bottom:20px}
.lv-f .shd,.lv-f .shd img{width:64px;height:64px}.lv-f .shd{--L:.5}
.lv-l .shd,.lv-l .shd img{width:32px;height:32px}.lv-l .shd{--L:.45}
.lv-fn,.lv-tag,.lv-fs,.lv-ln,.lv-mc,.lv-ch,.cg-n,.cg-s,.cg-st,.coinhead>div,.coinhead .cact{position:relative;z-index:2}
.cg-c{column-gap:24px;overflow:hidden}.cg-c .shd{--L:.45}
.coinhead .shd{width:96px;height:96px}.coinhead .shd img{width:96px;height:96px}.coinhead .shd{--L:.32}
@media (max-width:760px){.coinhead .shd,.coinhead .shd img{width:64px;height:64px}.lv-f{grid-template-columns:56px minmax(0,1fr) auto;gap:22px}.lv-f .shd,.lv-f .shd img{width:56px;height:56px}}
.custody{margin:28px 0 36px;padding:14px 16px;border:1px solid var(--rule2);border-radius:12px}
.nyet{font:600 13px var(--sans);color:var(--mut)}
.lpg+.sc,.blk+.sc{margin-top:64px}
input::placeholder,textarea::placeholder{color:#8E877C}
#ppv svg{width:100%;height:100%;display:block}

.fillw{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end}
.fill{display:inline-block;width:72px;height:4px;border-radius:2px;background:var(--bg4);overflow:hidden}.fill i{display:block;height:100%;background:var(--xmr)}
.fill-t{font-size:13px;color:var(--fg2);white-space:nowrap}
.band .v.t{font:700 20px/1.2 var(--sans)}
.band .s.fillw{justify-content:flex-start;margin-top:6px}
.prules{max-width:52em;margin:18px 0 8px;font-size:15px}
.cdesc,.buyrow,.pair-policy{position:relative;z-index:2}

/* round 4 */
.hx-h{font-size:72px;letter-spacing:-.045em}
.hx-s{letter-spacing:-.03em}
.blk-h .k,.hx-e,.sc-k{font:500 13px/1.4 var(--mono);letter-spacing:-.01em;color:var(--mut)}
.lintro-s{display:none}
.stile .pg{grid-template-columns:repeat(var(--proof-cols,4),minmax(0,1fr))}
.custody{max-width:none}
.xin-f{list-style:none;padding:0}.xin-f li{position:relative;padding-left:22px}.xin-f li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.band .s.fillw{display:flex;width:100%;max-width:360px}
.band .s.fillw .fill{flex:1;width:auto;height:4px;background:var(--rule3)}
.fill{background:var(--rule3)}
@media (max-width:760px){
 .hx-h{font-size:42px}
 .lintro{display:none}.lintro-s{display:block;color:var(--fg2);font-size:15px;margin:0 0 18px}
 .stile .pg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stile .pg>div:last-child:nth-child(odd){grid-column:1/-1}
 .sxr .sx:last-child:nth-child(odd){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--rule)}
 .pst{display:none}
 .mkt.lx .pn{display:none}.mkt.lx .pair-info{overflow:visible}
 .term>.tmain>.thead{padding-bottom:0}.term{padding-bottom:24px}
}

/* gate fixes (site-qa 11-03) */
.skip{position:absolute;left:12px;top:-60px;width:auto;height:auto;clip-path:inset(50%);overflow:hidden}
.skip:focus{top:12px;clip-path:none}
@media (max-width:1360px){.tb-q{display:none}.tb-in{gap:20px}.tb-nav a{padding:10px 10px}}
@media (max-width:1240px){.tb-px{display:none}}
@media (max-width:1100px){.tb-mode{display:none}}
.fs-b{gap:0}.fs-b i+i{border-left:3px solid var(--bg)}
@media (min-width:761px){.fs-l{grid-template-columns:var(--cols);gap:0}.fs-l li{padding-right:12px;align-content:start}}
/* final pass: phone header fits 390 with its 16 px gutter; stats tiles stack; checks sit on their first line */
@media (max-width:760px){.tb-act .wl{display:none}.tb-act .ws{display:inline}.stile .pg{grid-template-columns:minmax(0,1fr)}.stile .pg>div{border-left:0!important;padding-left:0!important}.mkt.lx .pair-line .pair-tag{margin-left:8px}}
.xin-f li{display:block;line-height:1.5;margin:6px 0}.xin-f li::before{top:0;line-height:1.5}

/* ---------- personality pass (11-03): the shadow as the signature ---------- */
/* the hero coin: the mark at hero scale, half behind the live card; its shadow sweeps behind the headline and ends at the hero's rule */
.hx{border-bottom:1px solid var(--rule);isolation:isolate}
/* decorative layer: viewport-wide, clipped to the hero's height, never widens the page */
.hx-bg{position:absolute;z-index:0;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);overflow:hidden;pointer-events:none}
.hx+.sxr{border-top:0;margin-top:0}
.hx-l{position:relative;z-index:1}.lvc{z-index:2}
.hcoin{position:absolute;z-index:0;--d:256px;--sa0:135deg;width:var(--d);height:var(--d);left:calc(54% - var(--d) * .62);top:calc(50% - var(--d) * .78);pointer-events:none}
.hcoin img{position:relative;z-index:1;display:block;width:100%;height:100%}
.hc-s{position:absolute;left:0;top:0;height:100%;width:calc(var(--d) + 2400px);border-radius:999px;background:var(--shade);transform-origin:calc(var(--d) / 2) 50%;
  rotate:var(--sa,var(--sa0));transition:rotate .6s var(--ease);animation:hcgrow .7s var(--ease) .1s both}
@keyframes hcgrow{from{scale:0 1}to{scale:1 1}}
/* display type */
.hx-h{font-size:76px;line-height:.97;letter-spacing:-.052em}
.hx-s{letter-spacing:-.035em}
/* the Launch button's coin: its shadow lengthens on hover */
.btn.bl{gap:10px}
.bc{position:relative;width:12px;height:12px;flex:none;--bl:5px}
.bc::after{content:"";position:absolute;inset:0;border-radius:50%;background:#1E1C1A}
.bc::before{content:"";position:absolute;left:0;top:0;height:100%;width:calc(100% + var(--bl));border-radius:6px;background:#B84A00;transform-origin:6px 50%;rotate:var(--sa,45deg);transition:width .35s var(--ease)}
.btn.bl:hover .bc,.btn.bl:focus-visible .bc{--bl:15px}
.btn.bl .bc::before{width:calc(100% + var(--bl))}
/* film grain on the charcoal: very low opacity, fixed, never intercepts input */
body::after{content:"";position:fixed;inset:0;z-index:25;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}
/* phones: no cursor light; the hero shadow drifts a few degrees, slowly */
@media (hover:none),(pointer:coarse){.hc-s{animation:hcgrow .7s var(--ease) .1s both,hcdrift 16s ease-in-out .8s infinite alternate}}
@keyframes hcdrift{from{rotate:131deg}to{rotate:139deg}}
@media (max-width:1040px){.hcoin{--d:200px;left:auto;right:-40px;top:24px}}
@media (max-width:760px){.hcoin{--d:150px;right:-46px;top:14px}.hx-h{font-size:44px;line-height:1}}
/* personality pass: placement tuned on 1440 + 390 shots (coin clear of every text line; header keeps its gutter) */
.hcoin{--d:236px;left:calc(54% - var(--d) * .42);top:calc(50% - var(--d) * 1.08)}
@media (max-width:1520px){.tb-px{display:none}}
@media (max-width:1040px){.hcoin{--d:180px;left:auto;right:-50px;top:-30px}}
@media (max-width:760px){.hcoin{--d:128px;right:-52px;top:-34px}}
@media (max-width:760px){.hcoin{--d:120px;right:-60px;top:-46px}}
@media (max-width:380px){.hcoin{right:-76px;top:-52px}}
@media (max-width:380px){.hcoin{right:-64px;top:-46px}.hx-e{max-width:calc(100% - 60px)}}
/* the one load moment (the site is otherwise still since v53): the hero shadow grows once; on touch it then drifts slowly */
@media (prefers-reduced-motion:no-preference){
 .hx .hc-s{animation:hcgrow .7s var(--ease) .1s both!important}
 @media (hover:none),(pointer:coarse){.hx .hc-s{animation:hcgrow .7s var(--ease) .1s both,hcdrift 16s ease-in-out .8s infinite alternate!important}}
}

/* hero coin placement in the viewport-wide layer (same spots as before: half behind the card on desktop, top-right on phones) */
.hcoin{--d:236px;top:calc(50% - var(--d) * 1.08);left:calc(50vw + 48px - var(--d) * .42)}
@media (max-width:1280px){.hcoin{left:calc(54vw - 3px - var(--d) * .42)}}
@media (max-width:1040px){.hcoin{--d:180px;left:auto;right:-10px;top:-30px}}
@media (max-width:760px){.hcoin{--d:120px;right:-44px;top:-46px}}
@media (max-width:380px){.hcoin{right:-48px;top:-46px}}
/* borrowed principle (XMRise): the hero arrives in order, once: copy rises 10 px in an 80 ms stagger, then the card, while the shadow grows */
@keyframes hxin{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:no-preference){
 .hx-l>*{animation:hxin .55s var(--ease) both!important}
 .hx-l>:nth-child(2){animation-delay:.08s!important}.hx-l>:nth-child(3){animation-delay:.16s!important}.hx-l>:nth-child(4){animation-delay:.24s!important}.hx-l>:nth-child(5){animation-delay:.32s!important}.hx-l>:nth-child(6){animation-delay:.4s!important}
 .hx>.lvc{animation:hxin .6s var(--ease) .3s both!important}
}

/* Launch with XMR: one screen */
.xls-demo{margin:14px 0 0;padding:10px 12px;border:1px dashed var(--rule3);border-radius:10px;color:var(--warn);font-size:13.5px}
.xls-pay{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;margin-top:18px;align-items:start}
.xls-pay .qrbox{width:200px;height:200px;background:#F5F1E8;border-radius:12px;padding:8px}.xls-pay .qrbox svg{width:100%;height:100%;display:block}
.xls-amt{font-size:34px;line-height:1.1;color:var(--fg);margin:4px 0 6px;letter-spacing:-.02em}.xls-amt small{font-size:15px;color:var(--mut)}
.xls-why{font-size:13.5px;color:var(--mut);margin:0 0 16px;max-width:38em}
.xls-a .copyrow{margin-top:6px}.xls-a .xaddr{word-break:break-all;font-size:12.5px}
.xls-clock{margin-top:12px;font-size:13px;color:var(--fg2);min-height:1.4em}
.xls-track{list-style:none;padding:0;margin:22px 0 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.xls-track li{display:grid;gap:8px;font:600 12.5px/1.25 var(--sans);color:var(--mut)}
.xls-track li i{height:4px;border-radius:2px;background:var(--rule3)}
.xls-track li[data-s=done] i{background:var(--fg2)}.xls-track li[data-s=done]{color:var(--fg2)}
.xls-track li[data-s=now] i{background:var(--xmr)}.xls-track li[data-s=now]{color:var(--fg)}
.xls-line{font-size:15px;color:var(--fg);min-height:2.8em}
.xls-keep{margin-top:8px}
@media (max-width:760px){.xls-pay{grid-template-columns:minmax(0,1fr)}.xls-pay .qrbox{width:180px;height:180px}.xls-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.xls-track li{font-size:11px}.xls-amt{font-size:28px}}
/* phones: a connected wallet shows as a dot (the address is in its menu), so Launch keeps its place; the amount comes before the QR */
@media (max-width:760px){#wbtn.on span{display:none}#wbtn.on{padding:0 14px}.xls-pay .xls-a{order:-1}.xls-pay .qrbox{justify-self:start}}
[data-xls][data-covered] .qrbox{opacity:.2}
/* phones: where it stands comes first (track + live line), then the amount, address and QR */
@media (max-width:760px){[data-xls]{display:flex;flex-direction:column}[data-xls]>.rvhead{order:0}[data-xls]>.xls-demo{order:1}[data-xls]>.xls-track{order:2;margin-top:16px}[data-xls]>.xls-line{order:3;min-height:0}[data-xls]>.xls-pay{order:4}[data-xls]>[data-xact]{order:5}[data-xls]>.xls-keep{order:6}}

/* the mark is a round coin now (Eclipse O): no tile corners */
.bm{border-radius:50%}
/* 11-03 coin card fix : status row was knocked out of its corner by the z-index rule above and fell clipped
   into the 48px column; the long shadow behind uploaded PFPs read as a smudge; label/value baselines were off. */
.cg-c{align-items:center;row-gap:10px}
.cg-c .shd,.cg-c .shd img{width:48px;height:48px}
.cg-c .shd::before{display:none}
.cg-s{align-items:baseline}
.cg-st{grid-column:1/-1;position:relative;top:auto;right:auto;z-index:2;margin-top:4px;padding-top:12px;border-top:1px solid var(--rule2);font:600 12px/1 var(--sans);color:var(--mut)}
.cg-st.g{color:var(--ok)}
/* 11-03: pad token strip, market cap leads */
.tsx-g .tsx-mc dd{font-size:30px;line-height:1.05;font-weight:600;color:var(--fg)}
.tsx-g .tsx-mc dd small{font-size:14px;font-weight:500;margin-left:6px}
.tsx-g .tsx-mc dt{color:var(--fg2)}
/* 11-03: leaderboard, coins ranked by XMR paid to holders */
.lb-l{list-style:none;margin:0;padding:0;border:1px solid var(--rule2);border-radius:14px;background:var(--bg2);overflow:hidden}
.lb-l li+li{border-top:1px solid var(--rule2)}
.lb-l a{display:grid;grid-template-columns:28px 40px minmax(0,1fr) 120px 96px 150px;align-items:center;gap:16px;padding:14px 20px;color:var(--fg);text-decoration:none}
.lb-l a:hover{background:var(--bg3)}
.lb-r{color:var(--mut);font-size:15px}
.lb-l li:first-child .lb-r{color:var(--xmr)}
.lb-l img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg3)}
.lb-n{display:grid;gap:2px;min-width:0}.lb-n b{font-weight:800;font-size:16px}.lb-n span{color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-h,.lb-m{color:var(--fg2);font-size:14px;text-align:right}
.lb-p{text-align:right;display:grid;gap:2px}.lb-p b{font-weight:600;font-size:16px;color:var(--fg)}.lb-p small{color:var(--mut);font-size:12.5px}
@media (max-width:760px){.lb-l a{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:12px;padding:12px 14px}.lb-h,.lb-m{display:none}.lb-l img{width:36px;height:36px}}