/* ============================================================
   "Night desk": dark aubergine + electric violet.
   Flat colour, hairline rules, editorial serif, tabular mono.
   Loaded after the base styles; content and markup unchanged.
   ============================================================ */
:root{
  --paper:#0e0a14; --paper2:#141020; --card:#151022; --card2:#1b1530;
  --ink:#ece6f7; --mute:#958aa9; --dim:#6c6282;
  --acid:#9b7bff; --acid-ink:#0e0a14; --acid-soft:rgba(155,123,255,.12); --acid-line:rgba(155,123,255,.45);
  --warn:#ff9a76; --up:#5fe3a1; --dn:#ff7a85;
  --rule:rgba(236,230,247,.10); --rule2:rgba(236,230,247,.18);
  --bd:1px solid var(--rule2); --sh:none;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Fraunces","Instrument Serif",Georgia,serif;
  --mono:"JetBrains Mono","Geist Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
html{background:var(--paper)}
body{background:var(--paper)!important;color:var(--ink);font-feature-settings:"ss01","cv11"}
::selection{background:var(--acid);color:var(--acid-ink)}
*{box-shadow:none!important}
a{text-underline-offset:3px}

/* type */
h1,h2,.doc h1,.doc h2,.top h1,.nf h1,.id h1{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.035em!important;font-variation-settings:"opsz" 144,"SOFT" 40}
.it{font-family:var(--serif)!important;font-style:italic!important;color:var(--acid);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.hl{background:none!important;padding:0!important;color:var(--acid)}
h1 .it,h2 .it{font-size:1em!important}
b,strong{font-weight:600}
.mono,code,pre,td.n,.stat b,.kpi b,.meta b,.tc-s b,.stats b,.px b,.fees .amt,.camt{font-family:var(--mono)!important;font-feature-settings:"zero","tnum"}

/* header */
header{background:rgba(14,10,20,.82)!important;border-bottom:1px solid var(--rule)!important;backdrop-filter:blur(14px) saturate(1.2)}
.logo{font-weight:600!important;letter-spacing:-.02em}
.logo .it{color:var(--ink)!important;font-size:1.08em!important}
.nav-links a{color:var(--mute)!important;font-weight:500!important}
.nav-links a:hover,.nav-links a.on{color:var(--ink)!important;text-decoration:none!important}
.nav-links a::after{background:var(--acid)!important;height:1px!important}
.menu-btn{background:transparent!important;border:1px solid var(--rule2)!important}
.menu-btn span{background:var(--ink)!important}
@media (max-width:900px){header .nav-links{background:var(--paper)!important;border-bottom:1px solid var(--rule)!important}
  header .nav-links a{border-bottom:1px solid var(--rule)!important}}

/* buttons: squared, flat, precise */
.btn,.b2{border-radius:10px!important;border:1px solid var(--rule2)!important;background:transparent!important;color:var(--ink)!important;font-weight:500!important;letter-spacing:-.01em;transition:background .15s,border-color .15s,transform .15s!important}
.btn:hover,.b2:hover{transform:none!important;border-color:var(--ink)!important;background:var(--card2)!important}
.btn-acid,.btn-ink,header .btn,.b2.ink,.b2.acid,.final .btn-acid,.fee .b2,.claim{background:var(--acid)!important;border-color:var(--acid)!important;color:var(--acid-ink)!important;font-weight:600!important}
.btn-acid:hover,.btn-ink:hover,header .btn:hover,.b2.ink:hover,.b2.acid:hover{background:#b39bff!important;border-color:#b39bff!important}
.btn[disabled]{opacity:.55}

/* hero */
.hero h1{font-size:clamp(46px,7.2vw,96px)!important;line-height:.98!important}
.lead{color:var(--mute)!important}
.lead strong{color:var(--ink)!important}
.stat{background:transparent!important;border:none!important;border-left:1px solid var(--rule2)!important;border-radius:0!important;padding:4px 18px!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.stat:first-child{border-left:none!important;padding-left:0!important}
.stat b{font-size:24px!important;font-weight:500!important;letter-spacing:-.04em}
.stat span{color:var(--dim)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.08em}
.stat.hot{background:transparent!important}
.stat.hot b{color:var(--acid)}
.stat.hot span{color:var(--dim)!important}
a.stat:hover{transform:none!important}
a.stat:hover b{color:var(--acid)}
.hero-stats{gap:0!important;margin-top:40px!important}
.ca{border:1px solid var(--rule2)!important;border-radius:10px!important;background:var(--card)!important}
.ca-k{background:var(--acid-soft)!important;color:var(--acid)!important}
.ca code{color:var(--mute)}
.ca button{background:transparent!important;border-left:1px solid var(--rule2)!important;color:var(--ink)!important}
.ca button:disabled{color:var(--dim)!important}

/* phone mock */
.phone{background:#050308!important;outline:1px solid var(--rule2);transform:rotate(0)!important;animation:none!important}
.screen{background:#0b0811!important}
.box{background:var(--card2)!important;border:1px solid var(--rule)}
.up{color:var(--up)!important}.dn{color:var(--dn)!important}.flat{color:var(--mute)!important}
.chart path.l{stroke:var(--acid)!important}
.chart stop{stop-color:var(--acid)!important}
.fees{background:var(--acid)!important;color:var(--acid-ink)!important}
.fees small{color:rgba(14,10,20,.7)!important}
.claim{background:var(--acid-ink)!important;color:var(--acid)!important;border-radius:10px!important}
.tx div{background:var(--card2)!important}
.tx div b{color:var(--up)!important}
.ava{background:var(--acid)!important;border-color:var(--card2)!important}
.sticker{background:var(--card)!important;border:1px solid var(--rule2)!important;color:var(--ink)!important;border-radius:12px!important;rotate:0deg!important}
.sticker small{color:var(--mute)!important}
.sticker .ic{background:var(--acid-soft)!important;border:none!important}
.sticker .ic svg{stroke:var(--acid)!important}
.s3{background:var(--acid)!important;color:var(--acid-ink)!important;border-color:var(--acid)!important}

/* ticker: a thin data rail, not a rotated tape */
.tape{transform:none!important;margin-inline:0!important;background:var(--paper2)!important;border-block:1px solid var(--rule)!important;padding-block:14px!important}
.mq{color:var(--ink)!important;font-weight:500!important;font-size:14px!important}
.mq span{color:var(--dim)!important}
.mq b{color:var(--mute)!important;font-weight:500!important}
.mq::after{content:"/"!important;color:var(--rule2)!important}
.mq:hover{color:var(--acid)!important}
.mq em.up{color:var(--up)!important}.mq em.dn{color:var(--dn)!important}

/* sections */
section h2,.head h2{font-size:clamp(38px,5.4vw,72px)!important}
.sub{color:var(--mute)!important}
.step,.tile,.card,.kpi,.tc,.panel,.builder,.list,.tbl,.final,.polaroid,.ccard{background:var(--card)!important;border:1px solid var(--rule)!important;border-radius:14px!important}
.step:hover,.tile:hover,.tc:hover{transform:none!important;border-color:var(--acid-line)!important}
.step:nth-child(2),.tile.big,.card:nth-child(2),.kpi.acid,.fee{background:var(--acid-soft)!important;border-color:var(--acid-line)!important}
.step p,.tile p,.card span,.step:nth-child(2) p,.tile.big p,.card:nth-child(2) span{color:var(--mute)!important}
.step .num,.card .n{color:var(--acid)!important;font-family:var(--mono)!important}
.step .num i{background:var(--rule)!important;height:1px!important}
.step h3,.tile h3{font-family:var(--serif)!important;font-weight:400!important;font-size:28px!important;letter-spacing:-.03em!important}
.rk{stroke:var(--ink)}
.rk path[fill="#fff"]{fill:var(--card2)}
.rk circle,.rk .flame path{fill:var(--acid)}
.rk path[fill="#0c0c0c"]{fill:var(--ink)}
.coin{background:var(--card2)!important;border:1px solid var(--acid-line)!important}
.lock{background:var(--acid)!important;border-radius:22px!important}
.lock svg{stroke:var(--acid-ink)!important}
.lock svg circle[fill]{fill:var(--acid-ink)}
.tick{background:var(--ink)!important;border:3px solid var(--card)!important}
.tick svg{stroke:var(--acid-ink)!important}

/* builder */
.field label{color:var(--mute)!important;font-weight:500!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.08em}
.field input,.search input{background:var(--paper)!important;border:1px solid var(--rule2)!important;border-radius:10px!important;color:var(--ink)!important}
.field input:focus,.search input:focus{border-color:var(--acid)!important;outline:none}
.field input::placeholder,.search input::placeholder{color:var(--dim)!important}
.field .pre{color:var(--acid)!important}
.drop{border:1px dashed var(--rule2)!important;border-radius:10px!important;color:var(--mute)!important}
.drop:hover{background:var(--acid-soft)!important;border-color:var(--acid-line)!important}
.drop .ic{background:var(--card2)!important;border:1px solid var(--rule2)!important}
.drop .ic svg,.orb svg,.ti svg,.search svg,.back svg{stroke:var(--ink)!important}
.hint{background:var(--card2)!important;border:1px solid var(--rule2)!important;color:var(--ink)!important}
.hint.ok{background:var(--acid-soft)!important;border-color:var(--acid-line)!important;color:var(--acid)!important}
.hint.no{color:var(--warn)!important;border-color:rgba(255,154,118,.4)!important}
.fine{color:var(--dim)!important}
.polaroid{transform:rotate(0)!important;padding:12px 12px 16px!important}
.photo{background-color:var(--acid)!important;border:none!important;border-radius:8px}
.photo .tk{background:var(--acid-ink)!important;color:var(--acid)!important}
.cap h4{font-family:var(--serif)!important;color:var(--ink)}
.cap p,.meta small{color:var(--mute)!important}
.meta{border-top:1px solid var(--rule)!important}
.meta .no{color:var(--warn)!important}

/* flow */
.orb{background:var(--card)!important;border:1px solid var(--rule2)!important}
.node.hot .orb{background:var(--acid)!important;border-color:var(--acid)!important}
.node.hot .orb svg{stroke:var(--acid-ink)!important}
.node span{color:var(--mute)!important}
.link{background:repeating-linear-gradient(90deg,var(--rule2) 0 6px,transparent 6px 12px)!important;height:1px!important}
.link::after{background:var(--acid)!important;border:none!important;width:8px!important;height:8px!important}
@media (max-width:720px){.link{background:repeating-linear-gradient(180deg,var(--rule2) 0 6px,transparent 6px 12px)!important;width:1px!important;height:40px!important}}

/* rules bento */
.tile .ti{background:var(--card2)!important;border:1px solid var(--rule)!important}
.tile.dark{background:var(--paper2)!important}
.big-n{font-family:var(--serif)!important;color:var(--acid)}

/* closing call to action */
.final{background:var(--card)!important;border:1px solid var(--rule)!important;position:relative}
.final::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--acid)}
.final h2{color:var(--ink)!important}
.final .sub{color:var(--mute)!important}
.final .btn-ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--rule2)!important}

/* footer */
footer{background:var(--paper)!important;border-top:1px solid var(--rule)!important}
.foot{color:var(--dim)!important}
.foot nav a{color:var(--mute)!important}
.foot nav a:hover{color:var(--ink)!important}
.warn{color:var(--dim)!important}

/* toast, modals */
.toast{background:var(--card2)!important;color:var(--ink)!important;border:1px solid var(--rule2)}
.wmodal{background:rgba(5,3,8,.7)!important}
.wbox{background:var(--card)!important;border:1px solid var(--rule2)!important;border-radius:16px!important}
.wopt{background:var(--paper)!important;border:1px solid var(--rule2)!important;border-radius:10px!important;color:var(--ink)!important}
.wopt:hover{transform:none!important;border-color:var(--acid)!important}
.wic{border:none!important}
.wx{color:var(--ink)!important}

/* docs and legal */
.layout .side a{color:var(--mute)!important;border:none!important;border-left:1px solid var(--rule)!important;border-radius:0!important}
.layout .side a.on{color:var(--ink)!important;background:transparent!important;border-left-color:var(--acid)!important}
.side .g{color:var(--dim)!important}
.doc p,.doc ul,.doc li{color:#cbc3da}
.doc .lede,.doc .crumb,.doc .date{color:var(--mute)!important}
.doc code{background:var(--card2)!important;border:1px solid var(--rule)!important;color:#cdbdff!important}
.doc a.inl{text-decoration-color:var(--acid)!important}
.doc a.inl:hover{background:none!important;color:var(--acid)}
th{background:var(--paper2)!important;color:var(--mute)!important;border-bottom:1px solid var(--rule2)!important;font-weight:500!important}
td{border-bottom:1px solid var(--rule)!important;color:#d6cfe4}
.tl::before{background:repeating-linear-gradient(180deg,var(--rule2) 0 5px,transparent 5px 10px)!important;width:1px!important}
.tl li::before{background:var(--paper)!important;border:1px solid var(--acid-line)!important;color:var(--acid)}
.who{background:var(--card2)!important;border:1px solid var(--rule)!important;color:var(--ink)!important}
.who.k{background:var(--acid-soft)!important;color:var(--acid)!important}
.who.o{background:var(--acid)!important;color:var(--acid-ink)!important;border-color:var(--acid)!important}
pre{background:var(--paper2)!important;border:1px solid var(--rule)!important;color:#d6cfe4!important}
pre .k{color:var(--acid)!important}
.note{background:rgba(255,154,118,.07)!important;border:1px solid rgba(255,154,118,.3)!important;color:#f0d9cf}
.contact a{background:var(--card)!important;border:1px solid var(--rule2)!important;border-radius:10px!important}
@media (max-width:860px){.layout .side{background:var(--paper)!important;border-bottom:1px solid var(--rule)!important}
  .layout .side a{border:1px solid var(--rule2)!important;border-radius:999px!important;background:var(--card)!important}}

/* tokens explorer */
.kpi small{color:var(--mute)!important;text-transform:uppercase;letter-spacing:.07em;font-size:11px!important}
.kpi.acid small{color:var(--acid)!important}
.kpi b{font-weight:500!important}
.bars i{background:var(--rule2)!important;border-radius:2px 2px 0 0!important}
.bars i:last-child,.bars i:hover,.bars i.on{background:var(--acid)!important}
.tip{background:var(--card2)!important;border:1px solid var(--rule2)}
.seg{background:var(--card)!important;border:1px solid var(--rule2)!important;border-radius:10px!important}
.seg button{color:var(--mute)!important;border-radius:7px!important}
.seg button.on,.seg.f button.on{background:var(--acid)!important;color:var(--acid-ink)!important;box-shadow:none!important}
.count{color:var(--dim)!important}
.av{background:var(--acid-soft)!important;border:1px solid var(--acid-line)!important;color:var(--acid)!important}
.tc-h span,.tc-s small{color:var(--mute)!important}
.curve .bar,.cv .bar{background:var(--paper)!important;border:1px solid var(--rule2)!important}
.curve .bar i,.cv .bar i{background:var(--acid)!important}
.tg{border:1px solid var(--rule2)!important;color:var(--mute)!important;background:transparent!important}
.tg.ok{color:var(--acid)!important;border-color:var(--acid-line)!important;background:var(--acid-soft)!important}
.tg.grad{background:var(--ink)!important;color:var(--acid-ink)!important;border-color:var(--ink)!important}
.tg.wait{color:var(--warn)!important;border-color:rgba(255,154,118,.4)!important}
.list tbody tr:hover{background:var(--card2)!important}
.empty{border:1px dashed var(--rule2)!important;color:var(--mute)!important}

/* coin page */
.back{color:var(--mute)!important}
.id p{color:var(--mute)!important}
.id p a{color:var(--ink)!important;text-decoration-color:var(--acid)!important}
.ca{font-family:var(--mono)}
.ph{border-bottom:1px solid var(--rule)!important}
.ohlc{color:var(--dim)!important}
.ohlc b{color:var(--ink)!important}
.fee small,.fee p{color:var(--mute)!important}
.fee .amt{color:var(--acid)}
.fee .b2{background:var(--acid)!important;color:var(--acid-ink)!important}
.stats div{border-color:var(--rule)!important}
.stats small,.cv p,.cnote{color:var(--mute)!important}
.cv .bar i{background:repeating-linear-gradient(135deg,var(--acid) 0 6px,#8a69f0 6px 12px)!important}
.tt thead th{background:var(--paper2)!important;box-shadow:inset 0 -1px 0 var(--rule2)!important}
.pill{border-width:1px!important}
.ctip{background:var(--card2)!important;border:1px solid var(--rule2)}
.seg-b{background:var(--card)!important;border:1px solid var(--rule2)!important;color:var(--ink)!important;border-radius:8px!important}
.seg-b:hover{border-color:var(--acid)!important;color:var(--acid)!important}
.live i{background:var(--up)!important}
tr.new{animation:none!important;background:var(--acid-soft)}

/* fixes after first look */
.tile.dark{color:var(--ink)!important}
.tile.dark .ti{background:var(--acid-soft)!important;border-color:var(--acid-line)!important}
.coin{background:var(--paper)!important;border:1.5px solid var(--acid)!important}
.hero-stats{row-gap:18px!important}
.stat{padding:4px 14px!important}
.stat b{font-size:22px!important}
.stat span{font-size:11px!important;letter-spacing:.07em}
.hero-stats{flex-wrap:nowrap!important}
@media (max-width:560px){.hero-stats{flex-wrap:wrap!important}}