/* Explorer view — same design language as the main page:
   light #F8FAFC canvas, white cards, Geist, per-network accent. */
@font-face{font-family:"Geist";src:url("fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

@property --na{syntax:"<color>";inherits:true;initial-value:#0B63F6}

:root{
  --font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --fs-2xs:11.5px;--fs-xs:12.5px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;
  --w-reg:400;--w-med:500;--w-semi:600;--w-bold:700;
  --tr-tight:-.03em;--tr-snug:-.018em;--tr-body:-.006em;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:99px;
  --bg:#F8FAFC;--s:#FFFFFF;--s2:#F3F6FA;--s3:#EAEFF5;
  --ink:#141C28;--ink2:#3A4658;--mu:#566579;
  --ln:#E3E8EF;--ln2:#CBD3DE;
  --in:#0E9F6E;
  --sh-1:0 1px 2px rgba(20,28,40,.06);
  --sh-2:0 1px 2px rgba(20,28,40,.04),0 8px 24px -12px rgba(20,28,40,.14);
  --btn-h:48px;--btn-h-sm:40px;
  --e:cubic-bezier(.2,.7,.2,1);
  --spring:cubic-bezier(.34,1.5,.64,1);
  color-scheme:light;
}

/* Network accents — identical to the main page */
[data-net=XRP]{--a:#0B63F6;--at:#0A55D0;--afx2:#0E9F6E;--afx3:#7AD8FF}
[data-net=TRX]{--a:#D8202D;--at:#C21723;--afx2:#0E9F6E;--afx3:#FF9C82}
[data-net=ETH]{--a:#6B3CF0;--at:#5B2FD8;--afx2:#9D83FF;--afx3:#D9CFFF}
[data-net=BTC]{--a:#F7931A;--at:#A85500;--afx2:#E8590C;--afx3:#FFD27A}
html{--na:var(--a);transition:--na .46s cubic-bezier(.22,1,.36,1)}

*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:76px;background:var(--bg);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}
body{font:var(--w-reg) var(--fs-md)/1.55 var(--font);letter-spacing:var(--tr-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;overflow-x:hidden;min-height:100vh}
button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:none;border:0}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--at);outline-offset:2px;border-radius:6px}
.wrap{max-width:1200px;margin:auto;padding:0 var(--sp-4)}
.lg{object-fit:contain;aspect-ratio:1;flex:none;display:block}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--sp-4);top:-60px;z-index:60;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--w-semi);text-decoration:none}
.skip:focus{top:max(var(--sp-3),env(safe-area-inset-top,0px))}

/* ───────── Header ───────── */
.xh{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0px);background:rgba(248,250,252,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.hb{max-width:1200px;margin:auto;padding:6px var(--sp-4);height:64px;display:flex;align-items:center;gap:var(--sp-3)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:var(--w-semi) 17px/1 var(--font);letter-spacing:var(--tr-snug);flex:none}
.brand svg{width:34px;height:34px;color:var(--a);transition:color .3s}
.brand span{display:none}

.tabs{--i:0;--n:4;--du:.46s;--ez:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:3px;border:1px solid color-mix(in srgb,var(--na) 20%,var(--ln2));border-radius:18px;background:linear-gradient(180deg,#fff,var(--s2));box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,28,40,.06),0 10px 20px -14px rgba(20,28,40,.32)}
.tabs:after{content:"";position:absolute;inset:3px;z-index:-2;border-radius:14px;background:radial-gradient(56px 24px at calc((var(--i) + .5)*100%/var(--n)) 100%,color-mix(in srgb,var(--na) 28%,transparent),transparent),var(--s3);box-shadow:inset 0 1px 2px rgba(20,28,40,.13),inset 0 0 0 1px rgba(20,28,40,.05);transition:background-position var(--du) var(--ez)}
.tabs:before{content:"";position:absolute;top:5px;bottom:5px;left:5px;z-index:-1;width:calc((100% - 6px)/var(--n) - 4px);border-radius:12px;background:linear-gradient(var(--na),var(--na)) 50% 100%/22px 3px no-repeat,linear-gradient(180deg,rgba(255,255,255,0) 46%,color-mix(in srgb,var(--na) 9%,transparent)),linear-gradient(180deg,#fff,#FBFCFE);box-shadow:0 0 0 1px color-mix(in srgb,var(--na) 15%,rgba(20,28,40,.07)),0 1px 2px rgba(20,28,40,.1),0 6px 12px -6px color-mix(in srgb,var(--na) 36%,rgba(20,28,40,.22));transform:translateX(calc(var(--i)*(100% + 4px)));transition:transform var(--du) var(--ez)}
.tab{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;min-width:0;font-weight:var(--w-semi);font-size:var(--fs-xs);letter-spacing:var(--tr-snug);color:var(--mu);transition:color .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.tab:after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:11px;background:color-mix(in srgb,var(--na) 7%,transparent);opacity:0;transform:scale(.94);transition:opacity .2s,transform .3s var(--ez);pointer-events:none}
.tab+.tab:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--ln2);transition:opacity .2s}
.tab[aria-pressed=true]:before,.tab[aria-pressed=true]+.tab:before{opacity:0}
.tab .lg{width:22px;height:22px}
.tab[aria-pressed=true]{color:var(--ink)}
.tab:focus-visible{outline-offset:-2px;border-radius:14px}
.tab:active:after{opacity:1;transform:scale(1);background:color-mix(in srgb,var(--na) 13%,transparent)}
@media(hover:hover){.tab[aria-pressed=false]:hover{color:var(--ink2)}.tab[aria-pressed=false]:hover:after{opacity:1;transform:scale(1)}}
.tabs[inert]{pointer-events:none}
.tabs[data-count="1"]{flex:none;min-width:116px}

.xnav{display:none}

@media(max-width:339px){.tab span{display:none}}
@media(min-width:720px){
  .brand span{display:inline}
  .tabs{flex:none;width:min(420px,100%);margin-left:auto}
  .tabs[data-count="1"]{width:auto}
  .tab{font-size:var(--fs-sm)}
}
@media(min-width:1000px){
  .xnav{display:flex;align-items:center;gap:var(--sp-1);margin-left:var(--sp-2)}
  .tabs{margin-left:auto}
  .xnav a{display:inline-flex;align-items:center;height:36px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--w-med);letter-spacing:var(--tr-snug);color:var(--mu);text-decoration:none;transition:color .2s,background .2s}
  .xnav a:hover{color:var(--ink);background:var(--s3)}
  .xnav a[aria-current=true]{color:var(--ink);background:color-mix(in srgb,var(--a) 9%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 18%,transparent)}
}

/* ───────── Buttons, chips ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--btn-h);padding:0 var(--sp-5);border-radius:var(--r-md);font-weight:var(--w-semi);font-size:var(--fs-md);letter-spacing:var(--tr-snug);text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn:active{transform:scale(.98)}
.btn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b1{background:var(--a);color:#fff}.b1:hover{background:color-mix(in srgb,var(--a) 88%,#000)}
.b2{background:var(--ink);color:#fff}.b2:hover{background:#27344A}
.b0{background:var(--s3);color:var(--ink)}.b0:hover{background:#DFE6EF}
.btn.sm{height:var(--btn-h-sm);padding:0 var(--sp-4);font-size:var(--fs-sm)}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);font:var(--w-semi) var(--fs-xs)/1 var(--mono);letter-spacing:.02em;color:var(--at);background:color-mix(in srgb,var(--a) 10%,#fff);border:1px solid color-mix(in srgb,var(--a) 18%,var(--ln))}

/* Coin tile */
.tile{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;background:linear-gradient(180deg,#fff,var(--s2));border:1px solid color-mix(in srgb,var(--a) 22%,var(--ln));box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,28,40,.06),0 12px 24px -14px color-mix(in srgb,var(--a) 45%,rgba(20,28,40,.3))}
.tile .lg{width:40px;height:40px}
.tile.sm{width:48px;height:48px;border-radius:15px}
.tile.sm .lg{width:30px;height:30px}

/* ───────── Hero ───────── */
.hero{position:relative;isolation:isolate;padding:var(--sp-7) 0 var(--sp-2)}
.hero:before{content:"";position:absolute;left:0;right:0;top:0;height:440px;z-index:-1;pointer-events:none;background:radial-gradient(520px 260px at 88% 0,color-mix(in srgb,var(--na) 13%,transparent),transparent 72%),radial-gradient(420px 220px at 0 12%,color-mix(in srgb,var(--afx3) 9%,transparent),transparent 70%)}
.hero-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
.hero-main{min-width:0}
.idn{display:flex;align-items:center;gap:var(--sp-4);min-width:0}
.idt{min-width:0}
h1{font:var(--w-semi) clamp(32px,9.2vw,60px)/1.04 var(--font);letter-spacing:-.035em;overflow-wrap:anywhere}
.idm{color:var(--mu);font-size:var(--fs-sm);margin-top:6px}
.lead{margin-top:var(--sp-5);font-size:clamp(16px,4.2vw,19px);line-height:1.5;color:var(--ink2);max-width:46ch;letter-spacing:var(--tr-snug)}

.glance{position:relative;overflow:hidden;background:var(--s);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:0 var(--sp-5) var(--sp-2)}
.glance:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 28%,#fff) 70%,transparent);transform-origin:left}
.gl-h{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-3);font-size:var(--fs-md);letter-spacing:var(--tr-snug)}
.rw{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:12px 0;border-top:1px solid var(--ln)}
.rw dt{color:var(--mu);font-size:var(--fs-sm);flex:none}
.rw dd{font-size:var(--fs-md);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);text-align:right;overflow-wrap:anywhere;min-width:0}

@media(min-width:900px){
  .hero{padding:var(--sp-9) 0 var(--sp-4)}
  .hero-pane{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:var(--sp-9);align-items:center}
  .glance{padding:0 var(--sp-6) var(--sp-3)}
  .rw dd{font-size:var(--fs-lg)}
  .rw{padding:14px 0}
}

/* Hero lookup */
.sx{margin-top:var(--sp-6);max-width:560px}
.sx-f{position:relative;display:flex;align-items:center;gap:6px;height:56px;padding:5px 5px 5px 46px;background:var(--s);border:1px solid var(--ln2);border-radius:14px;box-shadow:var(--sh-1),0 12px 28px -18px rgba(20,28,40,.35);transition:border-color .2s,box-shadow .25s}
.sx-f:focus-within{border-color:color-mix(in srgb,var(--a) 60%,var(--ln2));box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 14%,transparent),0 12px 28px -18px rgba(20,28,40,.35)}
.sx-ic{position:absolute;left:16px;top:50%;width:19px;height:19px;margin-top:-9.5px;fill:none;stroke:var(--mu);stroke-width:2;stroke-linecap:round;pointer-events:none;transition:stroke .2s}
.sx-f:focus-within .sx-ic{stroke:var(--a)}
.sx-i{flex:1;min-width:0;width:100%;height:100%;border:0;background:transparent;font:var(--w-med) var(--fs-md)/1 var(--mono);letter-spacing:-.01em;color:var(--ink);outline:0;-webkit-appearance:none;appearance:none}
.sx-i::placeholder{font-family:var(--font);font-weight:var(--w-reg);letter-spacing:var(--tr-body);color:#8A97A8}
.sx-i::-webkit-search-cancel-button{-webkit-appearance:none}
.sx-go{height:44px;padding:0 var(--sp-5);border-radius:10px;flex:none}
.sx-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--sp-3);min-height:22px;margin-top:10px;font-size:var(--fs-xs);color:var(--mu)}
.sx-h.is-ok{color:var(--in)}
.sx-h.is-ok .sx-m:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--in);box-shadow:0 0 0 3px color-mix(in srgb,var(--in) 18%,transparent);vertical-align:1px}
.sx-h.is-bad{color:#B4271B}
.sx-h.is-alt{color:var(--ink2)}
.sx-sw{height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--ink);background:var(--s);border:1px solid var(--ln2);transition:background .2s}
.sx-sw:hover{background:var(--s3)}
.sx-i[aria-invalid=true]{color:#B4271B}
.xl{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-4)}
.xl a{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:var(--fs-sm);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);color:var(--ink2);text-decoration:none;transition:color .2s}
.xl a:hover{color:var(--at)}
.xl svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--e)}
@media(max-width:399px){.sx-f{height:52px;padding-left:40px}.sx-ic{left:13px}.sx-go{padding:0 14px}.sx-i{font-size:14px}}
@media(min-width:900px){.sx{margin-top:var(--sp-7)}}

/* ───────── Sections ───────── */
.sec{padding-top:var(--sp-9)}
h2{font:var(--w-semi) clamp(24px,5.6vw,30px)/1.15 var(--font);letter-spacing:var(--tr-tight)}
.sub{color:var(--mu);margin-top:6px;max-width:62ch;font-size:var(--fs-md)}
h3{font-weight:var(--w-semi)}
@media(min-width:900px){.sec{padding-top:88px}h2{font-size:34px}}

/* Network profile card */
.p-card{margin-top:var(--sp-5);position:relative;background:var(--s);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.p-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:1;background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 28%,#fff) 70%,transparent)}
.p-body{display:grid}
.p-col{padding:var(--sp-5);min-width:0}
.p-col+.p-col{border-top:1px solid var(--ln)}
.p-col h4{font:var(--w-semi) var(--fs-lg)/1.3 var(--font);letter-spacing:var(--tr-snug)}
.p-col>p{color:var(--mu);margin-top:6px;max-width:58ch}
.p-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:var(--r-md);overflow:hidden;margin-top:var(--sp-4)}
.p-c{background:var(--s);padding:var(--sp-3) var(--sp-4);min-width:0}
.p-c.w{grid-column:1/-1}
.p-c dt{font-size:var(--fs-xs);color:var(--mu);font-weight:var(--w-med)}
.p-c dd{margin-top:3px;font-size:var(--fs-md);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);line-height:1.35;overflow-wrap:anywhere}
.p-note{display:flex;gap:var(--sp-3);align-items:flex-start;margin-top:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-md);background:var(--s2);border:1px solid var(--ln)}
.p-ni{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--s);border:1px solid color-mix(in srgb,var(--a) 28%,var(--ln));color:var(--a)}
.p-ni svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.p-note strong{font-size:var(--fs-md);letter-spacing:var(--tr-snug)}
.p-note p{color:var(--mu);font-size:var(--fs-sm);margin-top:2px}

/* Unit converter */
.cv{margin-top:var(--sp-4);border:1px solid var(--ln);border-radius:var(--r-md);overflow:hidden;background:var(--s)}
.cv-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px var(--sp-3);padding:9px var(--sp-4);background:var(--s2);border-bottom:1px solid var(--ln);font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--ink2)}
.cv-n{font:var(--w-med) var(--fs-2xs)/1.3 var(--mono);color:var(--mu)}
.cv-r{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-top:1px solid var(--ln);cursor:text;transition:background .2s}
.cv-r:first-of-type{border-top:0}
.cv-r:focus-within{background:color-mix(in srgb,var(--a) 4%,#fff)}
.cv-u{flex:none;min-width:58px;font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--ink2)}
.cv-r:focus-within .cv-u{color:var(--at)}
.cv-i{flex:1;min-width:0;height:48px;border:0;background:transparent;text-align:right;font:var(--w-med) var(--fs-md)/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);outline:0}
.cv-i[aria-invalid=true]{color:#B4271B}
.cv-e{padding:0 var(--sp-4);font-size:var(--fs-xs);color:#B4271B}
.cv-e:not(:empty){padding:8px var(--sp-4);border-top:1px solid var(--ln);background:#FDF1EF}

/* Structure → Consensus → Settlement strip */
.p-flow{display:grid;gap:0;padding:var(--sp-4) var(--sp-5);background:var(--s2);border-top:1px dashed var(--ln2)}
.pf{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3);padding-bottom:var(--sp-5);min-width:0}
.pf:last-child{padding-bottom:0}
.pf-dot{position:relative;z-index:1;flex:none;width:14px;height:14px;margin-top:3px;border-radius:50%;background:var(--s);border:2px solid var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 12%,transparent)}
.pf-t{display:block;min-width:0}
.pf-t small{display:block;font-size:var(--fs-xs);color:var(--mu);font-weight:var(--w-med)}
.pf-t b{display:block;margin-top:1px;font-size:var(--fs-md);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);line-height:1.35;overflow-wrap:anywhere}
.pf-line{position:absolute;left:6px;top:20px;bottom:6px;width:2px;border-radius:2px;background:var(--ln2);overflow:hidden}
.pf-line i{display:block;width:100%;height:100%;background:var(--a);opacity:.55;transform-origin:top}

.p-links{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border-top:1px solid var(--ln)}
.p-lt strong{display:block;font-size:var(--fs-md);letter-spacing:var(--tr-snug)}
.p-lt span{display:block;color:var(--mu);font-size:var(--fs-sm);margin-top:2px;max-width:56ch}
.p-lb{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.p-lb .btn{flex:1 1 140px}

@media(min-width:900px){
  .p-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .p-col{padding:var(--sp-7)}
  .p-col+.p-col{border-top:0;border-left:1px solid var(--ln)}
  .p-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:var(--sp-5) var(--sp-7)}
  .pf{flex-direction:column;gap:10px;padding-bottom:0;padding-right:var(--sp-6)}
  .pf-dot{margin-top:0}
  .pf-line{left:24px;right:10px;top:6px;bottom:auto;width:auto;height:2px}
  .pf-line i{transform-origin:left}
  .p-links{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-7)}
  .p-lb .btn{flex:0 0 auto}
}

/* ───────── One minute, side by side ───────── */
.mn{margin-top:var(--sp-5);background:var(--s);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.mn-top{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3) 10px var(--sp-5);background:var(--s2);border-bottom:1px solid var(--ln)}
.mn-clock{display:inline-flex;align-items:baseline;gap:6px;font:var(--w-med) var(--fs-sm)/1 var(--mono);color:var(--mu);font-variant-numeric:tabular-nums}
.mn-clock b{font-size:var(--fs-lg);font-weight:var(--w-semi);color:var(--ink);min-width:4ch}
.mn-speed{font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--ink2);background:var(--s);border:1px solid var(--ln);padding:3px 9px;border-radius:var(--r-pill)}
.mn-play{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--ink2);transition:background .2s,color .2s}
.mn-play:hover{background:var(--s3);color:var(--ink)}
.mn-play svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mn-play .i-play{fill:currentColor;stroke-width:1.4}
.mn-play .i-play,.mn-play[aria-pressed=true] .i-pause{display:none}
.mn-play[aria-pressed=true] .i-play{display:block}
.mn.still .mn-top{display:none}

.ln{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n c" "t t";gap:var(--sp-2) var(--sp-4);width:100%;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--ln);text-align:left;-webkit-tap-highlight-color:transparent;transition:background .25s}
.mn-top+.ln,.mn>.ln:first-child{border-top:0}
.ln:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--a);opacity:0;transition:opacity .25s}
.ln[aria-pressed=true]{background:color-mix(in srgb,var(--a) 4.5%,#fff)}
.ln[aria-pressed=true]:before{opacity:1}
.ln[tabindex="-1"]{cursor:default}
.ln:focus-visible{outline-offset:-3px;border-radius:var(--r-md)}
@media(hover:hover){.ln[aria-pressed=false]:hover{background:var(--s2)}}
.ln-n{grid-area:n;display:flex;align-items:center;gap:var(--sp-3);min-width:0}
.ln-n .lg{width:30px;height:30px}
.ln-nt{display:block;min-width:0}
.ln-nt strong{display:block;font-size:var(--fs-md);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);line-height:1.2}
.ln-nt small{display:block;font-size:var(--fs-xs);color:var(--mu);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ln-c{grid-area:c;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.1}
.ln-c b{font:var(--w-semi) var(--fs-xl)/1 var(--font);letter-spacing:var(--tr-snug);font-variant-numeric:tabular-nums;color:var(--ink)}
.ln-c small{font-size:var(--fs-xs);color:var(--mu);margin-top:4px;white-space:nowrap}

.ln-tr{grid-area:t;position:relative;display:block;height:34px;margin:0 2px}
.ln-tr:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--s3)}
.ln-fill{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 35%,#fff),var(--a));transform-origin:left;transform:scaleX(1)}
.tk{position:absolute;top:50%;left:calc(var(--t)*100%);width:5px;height:22px;margin:-11px 0 0 -2.5px;border-radius:3px;background:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 14%,transparent)}
.ln-gap{position:absolute;inset:3px 0;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--w-med);color:var(--at);background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--a) 9%,#fff) 0 6px,color-mix(in srgb,var(--a) 4%,#fff) 6px 12px);border:1px dashed color-mix(in srgb,var(--a) 35%,var(--ln));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Live playback state */
.mn.live .ln-fill{transform:scaleX(var(--p,0))}
.mn.live .tk:not(.on){background:color-mix(in srgb,var(--a) 20%,#fff);box-shadow:none;transform:scaleY(.6)}
.mn.live .ln-tr:after{content:"";position:absolute;top:-4px;bottom:-4px;left:calc(var(--p,0)*100%);width:2px;margin-left:-1px;border-radius:2px;background:var(--ink);opacity:.75}


.mn-ax{display:grid;grid-template-columns:minmax(0,1fr);padding:2px var(--sp-5) var(--sp-4);border-top:1px solid var(--ln)}
.mn-ax>span:first-child,.mn-ax>span:last-child{display:none}
.mn-sc{position:relative;display:block;height:22px;margin:0 2px}
.mn-sc i{position:absolute;top:8px;left:calc(var(--x)*100%);transform:translateX(-50%);font:var(--w-med) var(--fs-2xs)/1 var(--mono);font-style:normal;color:var(--mu);white-space:nowrap}
.mn-sc i:first-child{transform:none}
.mn-sc i:last-child{transform:translateX(-100%)}
.mn-note{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--mu);max-width:72ch}

@media(min-width:760px){
  .ln,.mn-ax{grid-template-columns:minmax(190px,232px) minmax(0,1fr) 96px;grid-template-areas:"n t c";column-gap:var(--sp-6);align-items:center}
  .ln{padding:var(--sp-4) var(--sp-6)}
  .mn-top{padding-left:var(--sp-6)}
  .mn-ax{padding:0 var(--sp-6) var(--sp-3)}
  .mn-ax>span:first-child,.mn-ax>span:last-child{display:block}
  .ln-tr{height:40px}
  .tk{height:24px;margin-top:-12px}
}

/* Record schema view */
.rec{margin-top:var(--sp-4);border:1px solid var(--ln);border-radius:var(--r-md);overflow:hidden;background:var(--s)}
.rec-h{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:9px var(--sp-4);background:var(--s2);border-bottom:1px solid var(--ln);font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--ink2)}
.rec-n{font:var(--w-med) var(--fs-2xs)/1 var(--mono);color:var(--mu)}
.rec-l{list-style:none;padding:6px 0;margin:0;counter-reset:rec;position:relative}
.rec-l:before{content:"";position:absolute;left:46px;top:0;bottom:0;width:1px;background:var(--ln)}
.rec-l li{counter-increment:rec;display:flex;align-items:baseline;gap:0;padding:7px var(--sp-4) 7px 0;transition:background .2s}
.rec-l li:before{content:counter(rec,decimal-leading-zero);flex:none;width:46px;padding-right:12px;text-align:right;font:var(--w-med) var(--fs-2xs)/1 var(--mono);color:#8A97A8}
.rec-k{position:relative;padding-left:16px;font:var(--w-med) var(--fs-sm)/1.4 var(--mono);color:var(--at);overflow-wrap:anywhere;min-width:0}
.rec-k:before{content:"";position:absolute;left:-3px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--s);border:1.5px solid color-mix(in srgb,var(--a) 55%,var(--ln2))}
@media(hover:hover){.rec-l li:hover{background:color-mix(in srgb,var(--a) 5%,#fff)}.rec-l li:hover .rec-k:before{background:var(--a);border-color:var(--a)}}

/* How it fits together */
.g-card{margin-top:var(--sp-5);display:grid;gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.g-cell{background:var(--s);padding:var(--sp-5);min-width:0}
.g-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:color-mix(in srgb,var(--a) 9%,#fff);border:1px solid color-mix(in srgb,var(--a) 18%,var(--ln));color:var(--a)}
.g-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.g-cell h3{margin-top:var(--sp-4);font-size:var(--fs-lg);letter-spacing:var(--tr-snug)}
.g-cell>p{color:var(--mu);margin-top:4px}
.g-here{display:none;margin-top:var(--sp-4)!important;padding-top:var(--sp-3);border-top:1px dashed var(--ln2);color:var(--ink)!important}
.g-here span{display:block;font-size:var(--fs-xs);color:var(--mu)}
.g-here b{display:block;margin-top:1px;font-size:var(--fs-md);font-weight:var(--w-semi);letter-spacing:var(--tr-snug);overflow-wrap:anywhere;color:var(--at)}
html[data-net=XRP] .g-here[data-for=XRP],html[data-net=TRX] .g-here[data-for=TRX],html[data-net=ETH] .g-here[data-for=ETH],html[data-net=BTC] .g-here[data-for=BTC]{display:block}
@media(min-width:900px){
  .g-card{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g-cell{padding:var(--sp-7)}
}

/* Glossary accordion */
.faq{display:grid;gap:var(--sp-5)}
.fq-list{background:var(--s);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.fq{border-top:1px solid var(--ln)}
.fq:first-child{border-top:0}
.fq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:58px;padding:var(--sp-3) var(--sp-5);text-align:left;font:var(--w-semi) var(--fs-lg)/1.3 var(--font);letter-spacing:var(--tr-snug);-webkit-tap-highlight-color:transparent;transition:background .2s}
.fq-q svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--mu);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--e),stroke .2s}
.fq-q[aria-expanded=true] svg{transform:rotate(180deg);stroke:var(--a)}
@media(hover:hover){.fq-q:hover{background:var(--s2)}}
.fq-q:focus-visible{outline-offset:-2px;border-radius:var(--r-md)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--e)}
.fq-a>div{overflow:hidden;min-height:0}
.fq-a p{padding:0 var(--sp-5) var(--sp-5);color:var(--mu);max-width:62ch}
.fq-q[aria-expanded=true]+.fq-a{grid-template-rows:1fr}
@media(min-width:900px){
  .faq{grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:var(--sp-9);align-items:start}
  .fq-list{margin-top:0}
}

.fq-a .g-here{margin:0 var(--sp-5) var(--sp-5)!important;padding:var(--sp-3) 0 0}
.fq-a .g-here span,.fq-a .g-here b{padding:0}

/* ───────── Footer ───────── */
footer.f{position:relative;isolation:isolate;overflow:hidden;margin-top:var(--sp-9);padding:var(--sp-8) 0 calc(var(--sp-5) + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;color:#fff;background:radial-gradient(560px 220px at 0 0,color-mix(in srgb,var(--a) 24%,transparent),transparent 72%),radial-gradient(520px 260px at 100% 100%,color-mix(in srgb,var(--afx2) 13%,transparent),transparent 70%),var(--ink)}
footer.f:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
footer.f :focus-visible{outline-color:#fff}
.f-spec{position:absolute;left:0;right:0;top:0;height:4px;display:flex}
.f-spec i{flex:1;display:block;background:var(--a);opacity:.5;transition:opacity .35s,box-shadow .45s}
html[data-net=XRP] .f-spec i[data-net=XRP],html[data-net=TRX] .f-spec i[data-net=TRX],html[data-net=ETH] .f-spec i[data-net=ETH],html[data-net=BTC] .f-spec i[data-net=BTC]{opacity:1;box-shadow:0 0 16px 1px var(--a)}
.f-top{display:grid;gap:var(--sp-4)}
footer.f .brand{--mk:rgba(255,255,255,.1);color:#fff}
footer.f .brand svg{color:#fff}
footer.f .brand span{display:inline}
.f-top p{color:rgba(255,255,255,.72);max-width:52ch;font-size:var(--fs-sm)}
.f-nets{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6)}
.f-nets a{display:inline-flex;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3) 0 10px;border-radius:var(--r-md);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:var(--fs-sm);font-weight:var(--w-med);letter-spacing:var(--tr-snug);text-decoration:none;transition:background .2s,border-color .2s}
.f-nets a:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
.f-nets .lg{width:20px;height:20px}
.f-nets svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.f-end{display:flex;justify-content:flex-end;margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.12)}
.f-end a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:rgba(255,255,255,.78);font-size:var(--fs-sm);font-weight:var(--w-med);text-decoration:none;transition:color .2s}
.f-end a:hover{color:#fff}
.f-end svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:900px){
  footer.f{padding-top:var(--sp-9)}
  .f-top{grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-9);align-items:center}
}