:root{
  --bg:#050506;--bg2:#0b0b0d;--card:#0e0e11;--ink:#eef0f2;--mute:#8d929a;--dim:#5b6068;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.16);
  --chrome:linear-gradient(180deg,#ffffff 0%,#d3d7dc 26%,#6f757d 49%,#e9ecef 70%,#9ba1a9 100%);
  --gold:linear-gradient(180deg,#fff3c9 0%,#f3c661 30%,#a96d17 58%,#f7d98c 82%,#c58b2b 100%);
  --goldH:linear-gradient(100deg,#9c6214 0%,#f8dc93 20%,#c3851f 42%,#fff1c6 60%,#b07418 80%,#f2c766 100%);
  --g1:#f3c661;--grn:#5fd3a6;--red:#ff7a7a;
  --fl:"Archivo","Zen Kaku Gothic New","Noto Sans HK",system-ui,sans-serif;
  --fb:"Hanken Grotesk","Zen Kaku Gothic New","Noto Sans HK",system-ui,sans-serif;
  --fm:"Shippori Mincho B1","Zen Kaku Gothic New",serif;
  --px:clamp(16px,4.4vw,56px);--ease:cubic-bezier(.2,.7,.1,1);
}
html[lang="zh-HK"]{--fl:"Archivo","Noto Sans HK",system-ui,sans-serif;--fb:"Hanken Grotesk","Noto Sans HK",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"palt" 1}
html.lock,html.lock body{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed;opacity:.45}
:focus-visible{outline:2px solid var(--g1);outline-offset:2px}
[hidden]{display:none!important}
svg.usdt,svg.bnb{width:1.1em;height:1.1em;flex:none;display:inline-block;vertical-align:-.18em}
svg.usdt{width:1.25em}

/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(5,5,6,.78);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:18px;height:64px;padding:0 var(--px);max-width:1400px;margin:0 auto}
.brand{display:flex;align-items:center;gap:9px;flex:none}
.brand img{width:22px;height:auto}
.brand span{font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:800;font-size:14px;letter-spacing:.14em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand em{font-style:normal;font-family:"Archivo",sans-serif;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#1b1203;background:var(--goldH)}
.tabs{display:flex;gap:4px;margin:0 auto;padding:4px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.tab{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-weight:600;font-size:14px;color:#b9bec5;white-space:nowrap;transition:background .2s,color .2s}
.tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:#fff}
.tab.on{color:#121212;background:var(--chrome)}
.hd-r{display:flex;align-items:center;gap:10px;flex:none}
.lang{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.lang button{padding:7px 10px;font-size:12px;font-weight:600;color:var(--mute)}
.lang button.on{color:#111;background:var(--chrome)}
.wbtn{display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:11px;font-weight:700;font-size:14px;color:#1b1203;background:var(--goldH);background-size:200% 100%;transition:background-position .5s}
.wbtn:hover{background-position:100% 0}
.wbtn.on{color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line2);font-variant-numeric:tabular-nums}
.wbtn .dot{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 3px rgba(95,211,166,.18)}

/* top */
.top{border-bottom:1px solid var(--line);background:radial-gradient(70% 140% at 85% 0%,rgba(243,198,97,.10),transparent 60%),radial-gradient(60% 120% at 0% 100%,rgba(200,210,225,.06),transparent 60%)}
.top-in{max-width:1400px;margin:0 auto;padding:34px var(--px) 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.k{font-family:"Archivo",sans-serif;font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--g1);margin:0 0 8px}
h1{margin:0;font-family:var(--fl);font-weight:900;font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.01em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#b4b9c0;max-width:40em;margin:12px 0 0}
.stats{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02)}
.stats div{padding:12px 18px;border-left:1px solid var(--line)}
.stats div:first-child{border-left:0}
.stats dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.stats dd{margin:2px 0 0;font-family:"Archivo",sans-serif;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:center;gap:6px}

/* layout */
.wrap{max-width:1400px;margin:0 auto;padding:22px var(--px) 60px}
#app.ld .grid,#app.ld .olist{opacity:.6;transition:opacity .3s}
.bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}
.bar h2,.h2b,.ag h2{margin:0;font-family:var(--fl);font-weight:800;font-size:22px}
.h2b{margin:34px 0 14px}
.inp{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:13px;border:1px solid var(--line2);background:#0a0a0c;transition:border-color .2s}
.inp:focus-within{border-color:rgba(243,198,97,.6)}
.inp input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px}
.inp span{color:var(--mute);font-size:13px;font-weight:600}
.inp svg:not(.usdt){width:18px;height:18px;fill:none;stroke:var(--mute);stroke-width:1.8;stroke-linecap:round}
.srch{flex:1;min-width:220px;max-width:520px}
select{height:46px;padding:0 38px 0 14px;border-radius:13px;border:1px solid var(--line2);background:#0a0a0c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238d929a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font-size:14px}
.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);font-size:13px;font-weight:600;color:#c4c8ce;white-space:nowrap}
.chips button i{font-style:normal;font-family:var(--fm);font-weight:800;font-size:13px}
.chips button.on{color:#111;background:var(--chrome);border-color:transparent}
.chips .t5 i,.chips .t6 i,.chips .t7 i{color:var(--g1)}
.chips button.on i{color:#111}

/* tiles */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.tl{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#101013,#0a0a0c);overflow:hidden;transition:border-color .25s,transform .25s var(--ease)}
.tl:hover{border-color:var(--line2);transform:translateY(-2px)}
.tl-i{position:relative;padding:16px 16px 0;background:radial-gradient(80% 70% at 50% 40%,rgba(255,255,255,.06),transparent 70%)}
.tl-i img{width:100%;aspect-ratio:245/342;object-fit:cover;border-radius:9px;background:#15171a;box-shadow:0 14px 30px -18px rgba(0,0,0,.9)}
.tl-i .tg{position:absolute;left:24px;top:24px}
.tl-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;flex:1}
.tl-b h4{margin:0;font-family:var(--fl);font-weight:800;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-s,.tl-m,.tl-who{margin:0;font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-p{margin-top:6px}
.tl .btn{margin-top:auto}
.tl-b>.btn{margin-top:10px}
.pr{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pr b{font-family:"Archivo",sans-serif;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
.pr small{font-size:11px;color:var(--mute);font-weight:600}
.vs{font-weight:700;font-size:11px;padding:1px 6px;border-radius:6px;margin-left:2px}
.vs.dn{color:var(--grn);background:rgba(95,211,166,.1)}.vs.up{color:#c9ced5;background:rgba(255,255,255,.06)}
.tg{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:rgba(8,8,10,.82);border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.tg i{font-style:normal;display:grid;place-items:center;min-width:20px;height:20px;padding:0 3px;border-radius:999px;font-family:var(--fm);font-weight:800;font-size:11px;color:#111;background:var(--chrome)}
.tg.t5 i,.tg.t6 i,.tg.t7 i{background:var(--goldH);color:#1b1203}
.tl.listed{border-color:rgba(243,198,97,.28)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14px;white-space:nowrap;transition:background-position .5s,border-color .2s,opacity .2s}
.btn.gold{color:#1b1203;background:var(--goldH);background-size:200% 100%}
.btn.gold:hover:not(:disabled){background-position:100% 0}
.btn.line{border:1px solid var(--line2);color:var(--ink)}
.btn.line:hover{border-color:rgba(255,255,255,.35)}
.btn.sm{height:34px;padding:0 13px;font-size:13px}
.btn.wide{width:100%;margin-top:14px}
.sp{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* empty */
.empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:46px 20px;border:1px dashed var(--line2);border-radius:20px}
.empty p{margin:0}
.empty .btn{margin-top:12px}
.empty.sm{padding:26px 16px}
.ea{width:96px;margin-bottom:12px;filter:drop-shadow(0 16px 30px rgba(243,198,97,.18))}
.ea img{border-radius:8px}
.mut{color:var(--mute)}
.sm{font-size:13px}

/* offers */
.seg2,.seg4{display:inline-flex;padding:4px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);gap:4px}
.seg2 button,.seg4 button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:9px;font-weight:600;font-size:14px;color:#b9bec5;white-space:nowrap}
.seg2 button.on,.seg4 button.on{color:#111;background:var(--chrome)}
.olist{display:flex;flex-direction:column;gap:10px}
.orow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#0f0f12,#0a0a0c)}
.orow.ex{opacity:.55}
.ot{display:flex;align-items:center;gap:13px;min-width:0}
.ot>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ot b{font-family:var(--fl);font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ot small{font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ot .tg{align-self:flex-start;margin-top:2px}
.ot-i{width:44px;flex:none;aspect-ratio:245/342;object-fit:cover;border-radius:5px;background:#15171a}
.ot-t{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--fm);font-weight:800;font-size:15px;color:#111;background:var(--chrome);box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.ot-t.t5,.ot-t.t6,.ot-t.t7{background:var(--goldH);color:#1b1203}
.oa{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.oa small{font-size:12px;color:var(--mute);white-space:nowrap}

/* activity */
.alog{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a0a0c}
.at-h,.at{display:grid;grid-template-columns:150px minmax(0,1.6fr) 150px 120px 120px 60px;align-items:center;gap:14px;padding:12px 18px}
.at-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line)}
.at{border-bottom:1px solid var(--line);font-size:14px}
.at:last-child{border-bottom:0}
.at:hover{background:rgba(255,255,255,.02)}
.ev{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.ev i{width:8px;height:8px;border-radius:50%;background:var(--mute);flex:none}
.k0 .ev i{background:#c7ccd2}.k1 .ev i,.k4 .ev i{background:var(--dim)}.k2 .ev i,.k5 .ev i{background:var(--grn);box-shadow:0 0 0 3px rgba(95,211,166,.15)}.k3 .ev i{background:var(--g1)}
.k2 .ev,.k5 .ev{color:var(--grn)}
.at .ot-i.sm{width:30px}
.ot-t.sm{width:30px;height:30px;font-size:12px}
.at .ot b{font-size:14px}
.at .pr b{font-size:15px}
.fr,.to{font-variant-numeric:tabular-nums;color:#c4c8ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr a:hover,.to a:hover{color:var(--g1)}
.tm{color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}

/* my */
.bal{display:flex;gap:16px;font-weight:700;font-variant-numeric:tabular-nums}
.bal span{display:flex;align-items:center;gap:6px}

/* agent */
.ag{max-width:860px}
.ag .lead{margin-bottom:12px}
.warn{padding:12px 14px;border-radius:12px;border:1px solid rgba(243,198,97,.3);background:rgba(243,198,97,.06);color:#f2dca6;font-size:14px}
.ap{margin-top:10px;border:1px solid var(--line);border-radius:16px;background:#0b0b0e;overflow:hidden}
.ap summary{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;font-weight:700;list-style:none}
.ap summary::-webkit-details-marker{display:none}
.ap summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:1.6px solid var(--mute);border-bottom:1.6px solid var(--mute);transform:rotate(45deg);transition:transform .2s}
.ap[open] summary::after{transform:rotate(-135deg)}
.ap-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-family:"Archivo",sans-serif;font-size:12px;font-weight:800;color:#111;background:var(--chrome)}
.ap-b{padding:0 16px 16px}
.ap pre{margin:0 0 10px;padding:14px;border-radius:12px;background:#050507;border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#d5d9de}

/* modal */
.md{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.md.on{opacity:1;visibility:visible}
.md-bg{position:absolute;inset:0;background:rgba(3,3,4,.55);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
.md-box{position:relative;width:min(460px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;border-radius:24px;background:linear-gradient(180deg,#121215,#0a0a0c);border:1px solid var(--line2);padding:24px;transform:translateY(16px);transition:transform .35s var(--ease);scrollbar-width:thin}
.md.big .md-box{width:min(620px,100%)}
.md.on .md-box{transform:none}
.md-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:11px;border:1px solid var(--line2);z-index:3;background:rgba(10,10,12,.8)}
.md-x i{position:absolute;left:11px;right:11px;top:17px;height:1.5px;background:#fff;transform:rotate(45deg)}
.md-x i+i{transform:rotate(-45deg)}
#mb h3{margin:0 40px 12px 0;font-family:var(--fl);font-weight:800;font-size:20px;line-height:1.3}
.mh{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding-right:36px}
.mh-i{width:74px;flex:none;aspect-ratio:245/342;object-fit:cover;border-radius:7px;background:#15171a}
.mh h3{margin:2px 0 6px!important}
.sr{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.sr span{color:var(--mute)}
.sr b{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.g{color:var(--g1)}
.lb{display:block;margin:16px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600}
.pay .seg2{width:100%}.pay .seg2 button{flex:1}
#pnote{margin:8px 0 0;line-height:1.6}
#lerr.bad{color:var(--red)}
.wl{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.wb{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;border:1px solid var(--line2);font-weight:700;text-align:left}
.wb:hover{border-color:rgba(243,198,97,.5)}
.wb img,.wb i{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.08)}
.pk{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.pk-c{flex:none;width:86px;padding:6px;border-radius:12px;border:1.5px solid var(--line2);text-align:center;font-size:12px;color:var(--mute)}
.pk-c img{width:100%;aspect-ratio:245/342;object-fit:cover;border-radius:6px;margin-bottom:4px}
.pk-c.on{border-color:var(--g1);color:var(--ink)}
.cpk{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;margin-top:8px;padding-right:4px;overscroll-behavior:contain}
.cp{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:12px;border:1.5px solid transparent;text-align:left;background:rgba(255,255,255,.025)}
.cp img{width:34px;flex:none;aspect-ratio:245/342;object-fit:cover;border-radius:4px;background:#15171a}
.cp span{display:flex;flex-direction:column;min-width:0}
.cp b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp small{font-size:12px;color:var(--mute)}
.cp.on{border-color:var(--g1);background:rgba(243,198,97,.07)}
.tpk{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}
.tpk button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line2);text-align:left}
.tpk i{font-style:normal;font-family:var(--fm);font-weight:800;font-size:18px}
.tpk .t5 i,.tpk .t6 i,.tpk .t7 i{color:var(--g1)}
.tpk span{font-weight:700;font-size:13px}
.tpk small{font-size:11px;color:var(--mute)}
.tpk button.on{border-color:var(--g1);background:rgba(243,198,97,.07)}
.seg4{display:flex;width:100%}.seg4 button{flex:1;padding:8px 6px;font-size:13px}
#okd{margin:8px 0 4px}

.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:13px;background:#16161a;border:1px solid var(--line2);font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease);box-shadow:0 20px 50px -20px #000}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.bad{border-color:rgba(255,122,122,.5);color:#ffc9c9}

.ft{border-top:1px solid var(--line);padding:24px var(--px) 36px;text-align:center;color:var(--mute);font-size:13px}
.ft p{margin:4px 0}.cr{color:var(--dim);font-family:"Archivo",sans-serif;font-size:12px}

@media (max-width:1100px){
  .hd-in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}
  .tabs{order:3;width:100%;margin:0;justify-content:space-between}
  .tab{flex:1;justify-content:center;padding:8px 6px}
  .hd-r{margin-left:auto}
  .top-in{grid-template-columns:1fr}
}
@media (max-width:640px){
  .brand span{display:none}
  .lang button{padding:7px 8px}
  .wbtn{padding:0 12px;font-size:13px}
  .tab{flex-direction:column;gap:3px;font-size:11px}
  .top-in{padding:22px var(--px) 20px;gap:18px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats div:nth-child(3){border-left:0}
  .stats div:nth-child(n+3){border-top:1px solid var(--line)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tl-i{padding:10px 10px 0}.tl-i .tg{left:16px;top:16px}
  .tl-b{padding:10px 10px 12px}
  .pr b{font-size:16px}
  .btn{height:40px;padding:0 12px}
  .orow{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .orow>.btn,.orow>span:last-child{grid-column:1/-1}
  .bar .srch{max-width:none;min-width:0;flex-basis:100%}
  .bar select{flex:1}
  .md{padding:10px;align-items:flex-end}
  .md-box{max-height:calc(100dvh - 20px);border-radius:22px;padding:20px 18px}
  .bal{width:100%;justify-content:flex-start}
  .at-h{display:none}
  .at{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px}
  .at .ev{grid-column:1;font-size:12px}
  .at .tm{grid-column:2;grid-row:1}
  .at .ot{grid-column:1}
  .at .ap2{grid-column:2;grid-row:2;text-align:right}
  .at .fr,.at .to{font-size:12px;color:var(--mute)}
  .at .fr::before,.at .to::before{content:attr(data-l) " ";color:var(--dim)}
  .at .to{text-align:right}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== v3: calmer surfaces, lock, wallet ===== */
html{scrollbar-width:none;-ms-overflow-style:none;touch-action:manipulation;-webkit-text-size-adjust:100%}
html::-webkit-scrollbar,body::-webkit-scrollbar,.md-box::-webkit-scrollbar,.chips::-webkit-scrollbar,.alog::-webkit-scrollbar{display:none;width:0;height:0}
.md-box,.chips{scrollbar-width:none}
html,body,.md{overscroll-behavior:none}
.md-box,.wv-l{overscroll-behavior:contain}
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,pre{-webkit-user-select:text;user-select:text}

/* flat states: one light neutral for "selected", gold only on the main action */
h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.tab.on,.lang button.on,.chips button.on,.seg2 button.on,.seg4 button.on{color:var(--ink);background:rgba(255,255,255,.1);box-shadow:none}
.chips button.on{border-color:rgba(255,255,255,.18)}
.ot-t,.ap-n{background:#24262a;color:var(--ink);box-shadow:none}
.ot-t.t5,.ot-t.t6,.ot-t.t7{background:#2b2417;color:var(--g1)}
.btn.gold{background:#e7b54a;color:#1a1204;box-shadow:none;animation:none}
.btn.gold:hover{background:#f0c25d}

.sg{flex:none;font-style:normal;font-family:var(--fm);font-weight:800;font-size:14px;line-height:1;color:var(--dim);transition:color .2s}
.tab:hover .sg{color:var(--mute)}
.tab.on .sg{color:var(--g1)}

.wbtn{color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line2);box-shadow:none;animation:none}
.wbtn:hover{background:rgba(255,255,255,.1)}
.wbtn:not(.on){color:#1a1204;background:#e7b54a;border-color:transparent}
.wbtn:not(.on):hover{background:#f0c25d}
.wbtn.on{gap:8px;padding:0 14px 0 8px}
.wb-i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;object-fit:cover}
.wb-i svg{width:20px;height:20px}
.wb-a{font-family:"Archivo",sans-serif;font-weight:700;letter-spacing:.02em}

.md.is-w .md-box{width:min(420px,100%);padding:0;background:#0e0e11;border-color:var(--line2)}
.wv{padding:22px 18px 18px}
.wv-hd{display:flex;align-items:center;gap:10px;margin:0 40px 16px 2px}
.wv-hd .wb-i{width:30px;height:30px;border-radius:9px}
#mb .wv-hd h3{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.wv-hd small{margin-left:auto;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--mute);border:1px solid var(--line2);white-space:nowrap}
.wv-l{display:flex;flex-direction:column;gap:6px;max-height:min(62vh,520px);overflow-y:auto;scrollbar-width:none}
.wv-l::-webkit-scrollbar{display:none}
.wv-b{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.03);border:1px solid transparent;transition:background .15s,border-color .15s}
.wv-b:hover{background:rgba(255,255,255,.07);border-color:var(--line2)}
.wv-ic{flex:none;width:38px;height:38px;border-radius:10px;overflow:hidden;background:#17181b}
.wv-ic img{display:block;width:100%;height:100%;object-fit:cover}
.wv-ini{display:grid;place-items:center;width:100%;height:100%;font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--ink)}
.wv-nm{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.wv-nm b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv-nm small{flex:none;font-size:12px;color:var(--dim)}
.wv-nm small.ok{color:var(--grn)}
.wv-safe{margin:14px 2px 0;font-size:12px;line-height:1.6;color:var(--dim)}
.wv-id{position:relative;padding:14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.wv-id-l{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.wv-id b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;word-break:break-all;padding-right:70px;line-height:1.5}
.wv-id b em{font-style:normal;color:var(--mute)}
.wv-cp{position:absolute;right:12px;top:50%;transform:translateY(-50%);height:30px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--ink);background:rgba(255,255,255,.1)}
.wv-bal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.wv-bal div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.wv-bal svg{grid-row:1/3;width:28px;height:28px}
.wv-bal span{font-size:11px;letter-spacing:.1em;color:var(--dim)}
.wv-bal b{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.wv-act .btn{width:100%;justify-content:center}

.stats .vol dd{font-size:22px}
.stats .vol dd svg{width:20px;height:20px;flex:none}
.vb{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;font-size:11px;color:var(--dim);white-space:nowrap}
.vb b{color:var(--mute);font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .stats div{border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .stats .vol{grid-column:1/-1;border-left:0;border-top:0}
  .stats div:nth-child(2){border-left:0}
  .stats div{padding:12px 14px}
  .wv{padding:20px 14px 14px}
  .wbtn.on{padding:0 10px 0 6px}
}