:root{

  --paper:#f4f1ea;
  --paper2:#fffdf7;
  --paper3:#faf7ef;
  --ink:#1b1712;
  --mut:#6c6558;
  --dim:#a49c8b;
  --line:#e2dac7;
  --line2:#efe8d8;
  --card:#fffdf7;
  --cardline:#e4dcc9;

  --up:#0e7a45; --upbg:#e0f0e5;
  --dn:#b32638; --dnbg:#fae3e5;

  --acc:#8a6d1f;
  --acc2:#c79a3a;
  --accsoft:#f2e7c8;
  --bull:#8a6d1f;
  --bull2:#c79a3a;
  --bullsoft:#f2e7c8;
  --gold:#8a6d1f;
  --bullgrad:linear-gradient(135deg,#8a6d1f 0%,#c79a3a 55%,#f0d689 100%);

  --r:12px;
  --sh0:0 1px 2px rgba(28,24,19,.05);
  --sh1:0 1px 2px rgba(28,24,19,.05), 0 4px 14px rgba(28,24,19,.06);
  --sh2:0 2px 6px rgba(28,24,19,.07), 0 14px 38px rgba(28,24,19,.13);
  --sh3:0 10px 24px rgba(28,24,19,.16), 0 30px 72px rgba(28,24,19,.22);
  --sh:var(--sh1);
  --serif:Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  --bg-glow:radial-gradient(1100px 520px at 78% -8%, rgba(199,154,58,.14), transparent 62%),
            radial-gradient(760px 420px at 6% 4%, rgba(199,154,58,.07), transparent 60%);
}
html[data-theme="crypto"]{

  --paper:#060f22; --paper2:#0b1831; --paper3:#0f1f3c;
  --ink:#eaf2fb; --mut:#a9c6e6; --dim:#6e93c0;
  --line:#16294a; --line2:#101f3a;
  --card:#0b1831; --cardline:#1a2f52;
  --up:#34d399; --upbg:rgba(52,211,153,.14);
  --dn:#fb6f8d; --dnbg:rgba(251,111,141,.14);
  --acc:#7fd6f2; --acc2:#b3e6f8; --accsoft:rgba(127,214,242,.15);
  --bull:#f0b90b; --bull2:#f7cd4d; --bullsoft:rgba(240,185,11,.15);
  --gold:#f0b90b;
  --bullgrad:linear-gradient(135deg,#b8860b 0%,#f0b90b 50%,#fbe4a1 100%);
  --sh0:0 1px 2px rgba(0,0,0,.5);
  --sh1:0 2px 6px rgba(0,0,0,.4), 0 12px 30px rgba(0,0,0,.4);
  --sh2:0 4px 12px rgba(0,0,0,.5), 0 22px 58px rgba(0,0,0,.55);
  --sh3:0 14px 34px rgba(0,0,0,.6), 0 40px 90px rgba(0,0,0,.65);
  --sh:var(--sh1);
  --bg-glow:radial-gradient(1100px 560px at 80% -10%, rgba(127,214,242,.12), transparent 60%),
            radial-gradient(820px 460px at 4% 6%, rgba(240,185,11,.06), transparent 58%);
}
html[data-theme="crypto"]{color-scheme:dark}
html[data-theme="dark"]{
  --paper:#0d0b08; --paper2:#171309; --paper3:#1d1810;
  --ink:#f2ecdc; --mut:#b3a992; --dim:#8b8168;
  --line:#2c2517; --line2:#221c11;
  --card:#171309; --cardline:#2c2517;
  --up:#2bd68c; --upbg:rgba(43,214,140,.14);
  --dn:#ff6076; --dnbg:rgba(255,96,118,.14);
  --acc:#e8b64c; --acc2:#f7d178; --accsoft:rgba(232,182,76,.15);
  --bull:#e8b64c; --bull2:#f7d178; --bullsoft:rgba(232,182,76,.15);
  --gold:#e8b64c;
  --bullgrad:linear-gradient(135deg,#b8860b 0%,#e8b64c 50%,#fbe4a1 100%);
  --sh0:0 1px 2px rgba(0,0,0,.5);
  --sh1:0 2px 6px rgba(0,0,0,.4), 0 12px 30px rgba(0,0,0,.4);
  --sh2:0 4px 12px rgba(0,0,0,.5), 0 22px 58px rgba(0,0,0,.55);
  --sh3:0 14px 34px rgba(0,0,0,.6), 0 40px 90px rgba(0,0,0,.65);
  --sh:var(--sh1);
  --bg-glow:radial-gradient(1100px 560px at 80% -10%, rgba(232,182,76,.13), transparent 60%),
            radial-gradient(820px 460px at 4% 6%, rgba(232,182,76,.06), transparent 58%);
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{color-scheme:light} html[data-theme="dark"]{color-scheme:dark}
html,body{overflow-x:hidden}
html{scrollbar-gutter:stable}

body{font-family:var(--sans);color:var(--ink);min-height:100vh;
  background:var(--bg-glow),var(--paper);
  background-attachment:fixed,fixed;
  -webkit-text-size-adjust:100%;touch-action:pan-x pan-y;
  -webkit-font-smoothing:antialiased}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--bull);outline-offset:2px}
.num,.tbl td,.tape,.chg,button,input,select{font-family:var(--sans)}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1120px;margin:0 auto;padding:0 14px}
@media(min-width:760px){.wrap{padding:0 20px}}

.mast{position:sticky;top:0;z-index:40;
  background:color-mix(in srgb,var(--paper) 82%,transparent);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.5),0 4px 22px rgba(28,24,19,.05)}
html[data-theme="dark"] .mast{box-shadow:0 1px 0 rgba(255,255,255,.04),0 6px 26px rgba(0,0,0,.35)}
.mast-in{display:flex;align-items:center;gap:10px;padding:12px 14px 11px;flex-wrap:wrap}
.brand{font-size:23px;font-weight:900;letter-spacing:-.03em;white-space:nowrap;font-family:var(--sans);
  display:flex;align-items:baseline;gap:1px}
@media(min-width:760px){.brand{font-size:28px}.mast-in{gap:16px;padding:14px 20px 13px}}
.brand>span{background:var(--bullgrad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;font-weight:500;letter-spacing:-.02em}
.mast-date{display:none}
@media(min-width:760px){.mast-date{display:block;font-size:12.5px;color:var(--mut)}}
.mast-right{margin-left:auto;display:flex;align-items:center;gap:7px}
@media(min-width:760px){.mast-right{gap:9px}}
.live{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--mut);
  border:1px solid var(--line);border-radius:999px;padding:6px 11px 6px 9px;
  background:color-mix(in srgb,var(--paper2) 78%,transparent);white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
html[data-theme="dark"] .live{box-shadow:none}
@media(min-width:760px){.live{font-size:12px;padding:6px 13px 6px 10px}}
.live .dot{width:7px;height:7px;border-radius:50%;background:var(--up);position:relative;flex:0 0 auto}
.live .dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1.5px solid var(--up);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:.8}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}
.live.off .dot{background:var(--dn)} .live.off .dot::after{border-color:var(--dn)}
select{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;
  padding:7px 9px;font-size:13px;font-weight:700;outline:none;cursor:pointer}
select:focus{border-color:var(--acc)}
.tbtn{background:var(--card);border:1px solid var(--line);color:var(--ink);width:34px;height:34px;
  border-radius:8px;cursor:pointer;font-size:15px;transition:border-color .15s,transform .12s}
.tbtn:hover{border-color:var(--acc)}
.tbtn:active{transform:scale(.93)}

.themeBtn{display:inline-flex;align-items:center;justify-content:center}
.themeBtn svg{display:block}
.themeWrap{position:relative;width:fit-content}

#themePanel{position:absolute;left:auto;right:0;top:calc(100% + 8px);bottom:auto;
  width:max-content;min-width:0;max-width:min(190px,72vw)}
#themePanel .ccyList{padding:4px;max-height:none}
#themePanel .ccyItem{width:auto;gap:8px;padding:6px 8px}
#themePanel .themeIcoBox{width:26px;height:26px;flex:0 0 26px}
#themePanel .themeIcoBox svg{width:100%;height:100%;display:block;max-width:none;max-height:none}
#themePanel .sortIco{width:26px;height:26px}
#themePanel .ccyName{font-size:12.5px;font-weight:600}

#themePanel .themeIcoBox.ypLogo{color:#2a8ad4}
#themePanel .ypDollars{font-family:var(--sans);font-weight:800;font-size:12px;
  letter-spacing:-.03em;line-height:1;white-space:nowrap}
.themeIcoBox svg{width:100%;height:100%;display:block}
.themeIcoTxt{font-size:12px;line-height:1;white-space:nowrap}
.themeBtn svg[viewBox="0 0 640 640"]{width:100%;height:100%;padding:2px}

.ccy{position:relative}

.ccy{width:fit-content}
.ccyBtn{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);
  color:var(--ink);border-radius:999px;padding:5px 12px 5px 6px;font-size:13px;font-weight:800;
  cursor:pointer;font-family:ui-sans-serif,system-ui;min-height:36px;
  transition:border-color .15s,box-shadow .15s}
.ccyBtn:hover{border-color:var(--acc);box-shadow:var(--sh0)}
.ccyBtn:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.ccyFlag{width:30px;height:20px;object-fit:contain;border-radius:5px;display:block;background:var(--line2)}
.ccyCaret{color:var(--dim);font-size:11px}
.ccyPanel{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,80vw);z-index:80;

  max-width:calc(100vw - 20px);
  max-height:calc(100dvh - 120px);display:flex;flex-direction:column;
  background:color-mix(in srgb,var(--paper2) 94%,transparent);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);overflow:hidden}
.ccyPanel[hidden]{display:none}
.ccyPanel input{width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;
  color:var(--ink);padding:11px 13px;font-size:14px;outline:none;font-family:inherit}
.ccyList{max-height:300px;overflow-y:auto;padding:6px;scrollbar-width:thin;flex:1 1 auto;min-height:0}
.ccyItem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;
  border:none;border-radius:9px;padding:8px 10px;cursor:pointer;color:var(--ink);font-family:inherit;
  transition:background .12s}
.ccyItem:hover{background:var(--accsoft)}
.ccyItem.sel{background:var(--accsoft)}
.ccyItem img{width:30px;height:20px;object-fit:contain;border-radius:5px;flex:0 0 auto;background:var(--line2)}
.ccyNoflag{width:30px;height:20px;border-radius:5px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  background:var(--line2);color:var(--mut);font-size:11px;font-weight:800}
.ccySym{font-size:13px;font-weight:800}
.ccyName{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.ccyCheck{color:var(--acc);font-weight:800;font-size:13px}
.ccyEmpty{padding:16px;text-align:center;color:var(--dim);font-size:13px;font-style:italic}

.langBtn{padding:5px 11px 5px 9px}
#langGlobe{font-size:15px;line-height:1}
#langCode{letter-spacing:.04em}
.langPanel{width:min(240px,70vw)}

.wstar{background:transparent;border:none;cursor:pointer;color:var(--dim);font-size:15px;
  padding:2px 4px;line-height:1;border-radius:6px;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  transition:color .15s,transform .12s}
.wstar:hover{color:var(--acc);transform:scale(1.15)}
.wstar:active{transform:scale(.9)}
.wstar.on{color:var(--acc);filter:drop-shadow(0 0 3px rgba(199,154,58,.5))}
.wstar.big{font-size:20px;padding:2px 6px}
.wstar svg{display:block;pointer-events:none}

html.lang-fa .mast-date,html.lang-fa #gridTitle,html.lang-fa .hint,html.lang-fa .banner,
html.lang-fa #liveTxt,html.lang-fa .ctab,html.lang-fa #sortLabel,html.lang-fa .seg button,
html.lang-fa th#thAsset,html.lang-fa .anm,html.lang-fa .asub,html.lang-fa .emptyrow td,
html.lang-fa .ticketStamp,html.lang-fa .ticketSub,
html.lang-fa .convField label,html.lang-fa #swap,html.lang-fa #rateLine,
html.lang-fa .ccyItem .ccySym,html.lang-fa .ccyItem .ccyName,
html.lang-fa .p-title,html.lang-fa .pstat .k,html.lang-fa .pstat .v,html.lang-fa .p-ohlc,
html.lang-fa input[type="search"],html.lang-fa input[type="number"],html.lang-fa input[type="text"]
{text-align:right}

html.lang-fa .ccyEmpty{text-align:right}

.sortBtn{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);
  color:var(--ink);border-radius:10px;padding:6px 12px 6px 7px;font-size:13px;font-weight:800;cursor:pointer;
  font-family:ui-sans-serif,system-ui;min-height:40px;transition:border-color .15s,box-shadow .15s}
.sortBtn:hover{border-color:var(--acc);box-shadow:var(--sh0)}
.sortBtn:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.sortPanel{width:min(250px,78vw)}
.sortIco{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;
  font-size:11.5px;font-weight:800;flex:0 0 auto;background:var(--line2);color:var(--mut);font-family:ui-sans-serif,system-ui}
.sortIco.sm{width:26px;height:26px}
.sortIco.sFeat{background:var(--bullsoft);color:var(--acc)}
.sortIco.sUp{background:var(--upbg);color:var(--up)}
.sortIco.sDn{background:var(--dnbg);color:var(--dn)}
.sortIco.sMoney{background:var(--accsoft);color:var(--acc)}
.sortIco.sAz{background:var(--line2);color:var(--mut)}
.sortIco.sWatch{background:var(--accsoft);color:var(--acc)}

.banner{margin:14px 0 0;font-size:13.5px;background:var(--dnbg);border:1px solid var(--dn);
  color:var(--dn);padding:10px 14px;border-radius:var(--r);font-family:ui-sans-serif,system-ui}

.ticket{position:relative;margin:16px 14px 0;padding:20px 20px 18px;cursor:pointer;overflow:hidden;
  border:1px solid rgba(0,0,0,.5);border-radius:14px;
  background:
    radial-gradient(120% 130% at 88% 0%, rgba(240,214,137,.20), transparent 58%),
    linear-gradient(160deg,#241d0e 0%,#17120a 60%,#100d07 100%);
  box-shadow:var(--sh2),inset 0 1px 0 rgba(240,214,137,.22)}
@media(min-width:760px){.ticket{margin:20px auto 0;max-width:1080px;padding:26px 30px 22px}}

.ticket::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,214,137,.85) 30%,rgba(255,255,255,.5) 50%,rgba(240,214,137,.85) 70%,transparent)}
.ticket:hover{box-shadow:var(--sh3),inset 0 1px 0 rgba(240,214,137,.28)}
.ticket:hover .ticketPrice{text-shadow:0 0 34px rgba(240,214,137,.42)}
html[data-theme="dark"] .ticket{border-color:rgba(232,182,76,.28);
  background:radial-gradient(120% 130% at 88% 0%, rgba(232,182,76,.15), transparent 58%),
             linear-gradient(160deg,#1d1809 0%,#14100a 60%,#0e0b06 100%)}
.ticketTop{display:flex;align-items:center;gap:10px;position:relative}
.ticketStamp{font-size:11px;font-weight:800;letter-spacing:.14em;color:rgba(240,214,137,.78);
  text-transform:uppercase}
html[data-theme="dark"] .ticketStamp{color:rgba(232,182,76,.8)}
.ticketLive{margin-left:auto}
.ticketPrice{font-family:var(--serif);font-weight:700;font-size:42px;letter-spacing:-.025em;
  line-height:1.04;margin-top:8px;color:#fdf6e3;
  transition:text-shadow .25s}
html[data-theme="dark"] .ticketPrice{color:#f2ecdc}
@media(min-width:760px){.ticketPrice{font-size:58px}}
.ticketSub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;
  font-size:13px;color:rgba(240,214,137,.62)}
html[data-theme="dark"] .ticketSub{color:rgba(232,182,76,.6)}
.ticketDiv{color:rgba(240,214,137,.3)}

.ticket .chg.up{background:rgba(43,214,140,.16);color:#5ce3a4}
.ticket .chg.down{background:rgba(255,96,118,.16);color:#ff8d9d}
.ticket .chg.flat{background:rgba(255,255,255,.10);color:rgba(255,255,255,.55)}
.ticket .spark{position:absolute;right:0;bottom:-2px;width:min(46%,220px);height:64px;opacity:.5;pointer-events:none}
.ticket .spark canvas{width:100%;height:100%;display:block}

.adslot{position:relative;margin-top:14px;border:1px solid var(--cardline);border-radius:14px;
  overflow:hidden;background:var(--card);box-shadow:var(--sh1)}
@media(min-width:760px){.adslot{margin-top:18px}}
.adTrack{display:flex;transition:transform .35s ease}
.adSlide{flex:0 0 100%;min-width:0}
.adSlide a,.adSlide div.adInner{display:flex;align-items:center;gap:14px;padding:16px 18px;
  text-decoration:none;color:inherit;min-height:96px;position:relative;overflow:hidden}
@media(min-width:760px){.adSlide a,.adSlide div.adInner{padding:20px 24px;min-height:120px}}
.adFig{margin:0}
.adFig a,.adFig div.adInner{display:block;padding:0;min-height:0;text-decoration:none;color:inherit}
.adFull{display:block;width:100%;height:auto;max-height:170px;object-fit:contain;background:#05080f}
@media(min-width:760px){.adFull{max-height:230px}}
.adCap{display:flex;align-items:center;gap:12px;padding:10px 14px}
@media(min-width:760px){.adCap{padding:10px 18px}}
.adBadge{font-family:ui-sans-serif,system-ui;font-size:9px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:6px;
  padding:3px 7px;flex:0 0 auto}
.adTx{min-width:0}
.adTx b{display:block;font-size:17px;font-weight:900;letter-spacing:-.01em}
@media(min-width:760px){.adTx b{font-size:20px}}
.adTx span{display:block;font-size:12.5px;color:var(--mut);margin-top:2px;font-style:italic}
.adCta{margin-left:auto;flex:0 0 auto;font-family:ui-sans-serif,system-ui;font-size:12.5px;font-weight:800;
  background:var(--ink);color:var(--paper);border-radius:9px;padding:9px 15px;white-space:nowrap;
  transition:transform .12s}
.adSlide a:hover .adCta{transform:translateY(-1px)}
.adDots{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:6px}
.adDots button{width:7px;height:7px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;
  transition:background .2s,width .2s,border-radius .2s}
.adDots button.on{background:var(--acc);width:20px;border-radius:4px}

.controls{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap;font-family:ui-sans-serif,system-ui}
@media(min-width:760px){.controls{gap:10px;margin-top:24px}}
#q{flex:1 1 100%;min-width:0}
@media(min-width:760px){#q{flex:none;width:210px}}
#q{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;
  padding:9px 12px;font-size:16px;outline:none;box-shadow:var(--sh0);transition:border-color .15s,box-shadow .15s}
@media(min-width:760px){#q{padding:8px 12px;font-size:13.5px}}
#q:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--accsoft)}
.tabs{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;
  scrollbar-width:none;-ms-overflow-style:none;
  border:1px solid var(--line);border-radius:10px;background:var(--paper2);
  box-shadow:var(--sh0);padding:3px;flex:1 1 auto;min-width:0}
.tabs::-webkit-scrollbar{display:none}
.ctab{background:transparent;border:none;color:var(--mut);font-size:12.5px;font-weight:700;
  padding:7px 12px;cursor:pointer;font-family:var(--sans);transition:background .15s,color .15s;
  border-radius:7px;white-space:nowrap;flex:0 0 auto}
.ctab:hover{color:var(--ink);background:var(--paper3)}
.ctab.active{background:var(--bullgrad);color:#fff;border-color:transparent;
  box-shadow:var(--sh0);text-shadow:0 1px 1.5px rgba(0,0,0,.28)}
html[data-theme="dark"] .ctab.active{color:#171309;text-shadow:none}
html[data-theme="crypto"] .ctab.active{color:#060f22;text-shadow:none}
.ctab.active[data-c="num"]{color:#fff}
html[data-theme="dark"] .ctab.active[data-c="num"],html[data-theme="crypto"] .ctab.active[data-c="num"]{color:#171309}
html[data-theme="crypto"] .ctab.active{background:linear-gradient(135deg,#1c6fa8 0%,#2aa8e0 55%,#7fd6f2 100%)}
.sort{position:relative;margin-left:auto}
.ctab,.seg button,.tbtn2,.sortBtn,select{min-height:38px}
.ctab[data-c="num"]{color:var(--mut);font-variant-numeric:tabular-nums}
.ctab[data-c="num"].active{filter:none}
.h2{font-size:19px;font-weight:800;margin-top:18px;letter-spacing:-.01em}
@media(min-width:760px){.h2{font-size:21px;margin-top:20px}}
.hint{font-size:13px;color:var(--mut);margin:3px 0 12px}

.tblWrap{border-top:1px solid var(--line);background:transparent;overflow-x:auto;overflow-y:hidden}
table.tbl{width:100%;min-width:600px;border-collapse:collapse;font-size:14px;table-layout:fixed}
.tbl th[data-s="price"]{width:134px}
.tbl th[data-s="chg"]{width:114px}
.tbl .sparkcol{width:160px}
.tbl .goh{width:38px}
.assetcell>span:last-child{min-width:0;flex:1;overflow:hidden}
.anm,.asub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl[data-nummode="1"] .anm,.tbl[data-nummode="1"] .asub{white-space:nowrap;overflow:visible;text-overflow:clip}
.tbl[data-nummode="1"] .assetcell>span:last-child{flex:0 0 auto;overflow:visible}
.tbl[data-nummode="1"] .coinwrap{border-radius:9px}
.tbl[data-nummode="1"] .coinwrap .coinimg{object-fit:contain;padding:3px}
.tbl[data-nummode="1"] .anm{font-size:15.5px;letter-spacing:.01em}
.tbl[data-nummode="1"] .pxcell{font-size:15.5px}
.tbl[data-nummode="1"] .asub{font-size:11.5px;opacity:.85}
.tbl[data-nummode="1"] .pxcell .unitSub{font-size:10px;font-weight:700}
@media(max-width:640px){
  .tbl[data-nummode="1"] .anm{font-size:14.5px}
  .tbl[data-nummode="1"] .pxcell{font-size:14.5px}
  .tbl[data-nummode="1"] .pxcell small{font-size:10px}
}
.tbl thead th{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--dim);text-align:left;padding:12px 14px 9px 0;background:color-mix(in srgb,var(--paper) 92%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  white-space:nowrap;position:sticky;top:0;z-index:2}

.tbl thead th .thIn{display:inline-block;padding-bottom:7px;border-bottom:1.5px solid var(--line)}
.tbl thead th.r .thIn{float:right}
.tbl thead th:hover{color:var(--dim)}
.tbl thead th.r,.tbl td.r{text-align:right}
.tbl thead th .arr{color:var(--bull);font-size:9px;margin-left:3px}
.tbl tbody tr{border-top:1px solid var(--line2);cursor:pointer;transition:background .12s}
.tbl tbody tr[data-id]:hover{background:var(--paper3)}
.tbl tbody tr[data-id].open{background:var(--accsoft)}

.tbl tbody tr[data-id]{position:relative;box-shadow:inset 3px 0 0 transparent;transition:box-shadow .15s,background .12s}
.tbl tbody tr[data-id]:hover{box-shadow:inset 3px 0 0 var(--bull)}
.tbl tbody tr[data-id].open{box-shadow:inset 3px 0 0 var(--bull)}
.goh{width:30px;padding-left:0 !important;padding-right:4px !important;text-align:right}
.go{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  color:var(--dim);font-size:12px;background:transparent;border:none;transition:color .15s,transform .15s}
.tbl tbody tr[data-id]:hover .go{color:var(--ink);transform:translateX(2px)}
.go.open{color:var(--acc)}
.tbl td{padding:12px 14px 12px 0;vertical-align:middle}
.tbl td.c{padding:0;width:0}
.assetcell{display:flex;align-items:center;gap:12px}

.coinwrap .nftimg{width:100%;height:100%;object-fit:contain;border-radius:8px}
html[data-theme="dark"] .coinwrap .nftimg{background:rgba(255,255,255,.06)}
.coin{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;flex:0 0 auto;color:#fff;font-family:ui-sans-serif,system-ui;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25),0 2px 5px rgba(0,0,0,.2)}
.coinwrap{position:relative;width:34px;height:34px;aspect-ratio:1/1;flex:0 0 auto;border-radius:50%;overflow:hidden;background:var(--card);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28),0 2px 6px rgba(0,0,0,.22),0 0 0 1px var(--line)}
.coinwrap .coin{width:100%;height:100%;box-shadow:none}
.coinwrap .coinimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--card)}

.coinwrap:has(.nftimg){border-radius:9px}
.coinwrap .nftimg{object-fit:contain;background:var(--card)}
.flagwrap{position:relative;width:44px;height:30px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:var(--card);
  box-shadow:0 1px 3px rgba(0,0,0,.2),0 0 0 1px var(--line)}
.flagwrap .coin{display:none}
.flagwrap .coinimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.flagwrap.noimg{width:34px;height:34px;background:none;box-shadow:none;overflow:visible;border-radius:50%}
.flagwrap.noimg .coin{display:inline-flex;width:100%;height:100%}
.anm{font-weight:800;font-size:14px}
.asub{font-size:12px;color:var(--dim)}
.streetpill{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.05em;
  padding:2px 6px;border-radius:6px;vertical-align:2px;margin-left:6px;
  background:var(--bullsoft);color:var(--acc);font-family:var(--sans)}
.pxcell{font-weight:700;font-size:15px;white-space:nowrap;font-family:var(--serif)}
.pxcell small{font-size:11px;color:var(--dim);font-weight:600;font-family:var(--sans)}
.ticketPrice,.mPrice,.out{font-family:var(--serif)}
.chg{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.chg.up{color:var(--up);background:var(--upbg)} .chg.down{color:var(--dn);background:var(--dnbg)}
.chg.flat{color:var(--mut);background:var(--line2)}
.sparkcell canvas{display:block}

@media(max-width:640px){
  table.tbl{min-width:0}
  .tbl th[data-s="price"]{width:104px}
  .tbl th[data-s="chg"]{width:94px}
  .tbl thead th.c,.tbl td.c{display:none}
  .sparkcol,.sparkcell,.goh{display:none}
  .tbl td{padding:10px 10px 10px 0}
  .coin{width:30px;height:30px;font-size:12px}
  .assetcell{gap:9px}
  .anm{font-size:13.5px}
  .pxcell{font-size:13.5px}
  .chg{font-size:11.5px;padding:3px 7px}
}
.emptyrow td{text-align:center;color:var(--dim);padding:30px}

.sheetWrap{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.sheetWrap[hidden]{display:none}

.sheetBg{position:absolute;inset:0;opacity:0;transition:opacity .2s ease;touch-action:none;
  background:radial-gradient(120% 90% at 50% 100%,rgba(20,16,9,.72),rgba(5,4,2,.6))}

.sheetBg{pointer-events:auto}
.sheetWrap.show .sheetBg{opacity:1}
.sheet{position:relative;width:100%;max-width:780px;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;
  background:color-mix(in srgb,var(--paper2) 96%,transparent);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border:1px solid var(--line);border-bottom:none;border-radius:18px 18px 0 0;
  transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.9,.25,1);box-shadow:var(--sh3)}
.sheetWrap.show .sheet{transform:none}

.sheetWrap .panel{opacity:0;transform:translateY(10px);transition:opacity .28s ease .06s,transform .28s cubic-bezier(.3,.9,.3,1) .06s}
.sheetWrap.show .panel{opacity:1;transform:none}
@media(min-width:760px){.sheetWrap{align-items:center;padding:20px}
  .sheet{border-bottom:1px solid var(--line);border-radius:18px;max-height:90dvh}}
.sheetGrab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 0;flex:0 0 auto}
.sheetClose{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:9px;
  background:var(--card);border:1px solid var(--line);color:var(--mut);font-size:14px;cursor:pointer;line-height:1;
  transition:color .15s,border-color .15s,transform .12s}
.sheetClose:hover{color:var(--ink);border-color:var(--acc)}
.sheetClose:active{transform:scale(.92)}
.sheet .panel{border-top:none}

.pload{display:flex;flex-direction:column;gap:12px;padding:4px 2px}
.pl-row,.pl-chart{position:relative;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--ink) 8%,var(--card))}
.pl-row::after,.pl-chart::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--ink) 14%,transparent) 50%,transparent 70%);
  animation:plsh 1.1s linear infinite}
.pl-title{height:30px;width:62%}.pl-tools{height:34px}.pl-chart{height:300px}.pl-foot{height:64px}
@keyframes plsh{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.sheet,.sheetBg,.sheetWrap .panel{transition:none}.pl-row::after,.pl-chart::after{animation:none}}
.panel{border-top:2px solid var(--ink);padding:16px 12px 18px}
@media(min-width:760px){.panel{padding:20px 22px 24px}}
.p-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}

.p-head>#pBadge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:11px;background:var(--card);border:1px solid var(--line);
  box-shadow:var(--sh0)}
.p-head>#pBadge .coinwrap,.p-head>#pBadge .flagwrap{width:26px;height:26px}
.p-head>#pBadge .flagwrap{width:30px;height:20px;border-radius:4px}
.p-head>#pBadge .coinwrap .coin{font-size:11px}
.p-head>#pBadge .flagwrap.noimg{width:26px;height:26px;border-radius:50%}
.p-title{font-size:17px;font-weight:900}
@media(min-width:760px){.p-title{font-size:19px}}
.p-sub{font-size:12.5px;color:var(--mut);font-style:italic}
.p-ohlc{margin-left:auto;font-family:ui-sans-serif,system-ui;font-size:12px;color:var(--mut);display:flex;gap:12px;flex-wrap:wrap}
.p-ohlc b{color:var(--ink)}
.p-ohlc .uu{color:var(--up);font-weight:800} .p-ohlc .dd{color:var(--dn);font-weight:800}
.p-tools{display:flex;align-items:center;gap:6px;margin:12px 0 10px;flex-wrap:wrap;font-family:var(--sans)}
.seg{display:inline-flex;background:var(--line2);border:none;border-radius:11px;padding:3px;gap:2px}
.seg button{background:transparent;border:none;color:var(--mut);font-size:12.5px;font-weight:700;
  padding:6px 13px;cursor:pointer;font-family:inherit;border-radius:8px;transition:background .15s,color .15s}
.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.seg button:not(.on):hover{color:var(--ink)}
.tbtn2{background:transparent;border:1px solid var(--line);color:var(--mut);font-size:12.5px;font-weight:700;
  padding:7px 13px;border-radius:10px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}
.tbtn2.on{background:var(--bullsoft);color:var(--acc);border-color:transparent}
.tbtn2:hover{color:var(--ink);border-color:var(--acc)}
.p-legend{margin-left:auto;font-size:11.5px;color:var(--dim)}
.chartScroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);
  box-shadow:var(--sh0);-webkit-overflow-scrolling:touch}
#bigChart{display:block;width:100%;height:320px;cursor:crosshair;touch-action:pan-y}
@media(min-width:760px){#big{height:400px}#bigChart{height:400px}}
.p-foot{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;font-family:ui-sans-serif,system-ui}
.pstat{flex:1;min-width:130px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--card);
  box-shadow:var(--sh0)}
.pstat .k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:800;margin-bottom:2px}
.pstat .v{font-size:14.5px;font-weight:800}

.convCard{margin-top:12px;background:var(--card);border:1px solid var(--cardline);border-radius:14px;
  padding:20px;box-shadow:var(--sh1);font-family:ui-sans-serif,system-ui}
.convRow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.02em;font-weight:800}
.field input,.field select{background:var(--paper2);border:1px solid var(--line);color:var(--ink);
  border-radius:8px;padding:11px 13px;font-size:16px;font-weight:700;outline:none;width:100%;font-family:inherit}
.field input:focus,.field select:focus{border-color:var(--acc)}
.out{font-size:30px;font-weight:800;letter-spacing:-.02em;padding:6px 2px;min-height:52px}
.swap{background:var(--paper2);border:1px solid var(--line);color:var(--acc);width:46px;height:46px;
  border-radius:12px;cursor:pointer;font-size:19px;transition:transform .2s}
.swap:hover{border-color:var(--acc);transform:rotate(180deg)}
.rateLine{font-size:12.5px;color:var(--mut);margin-top:10px}
@media(max-width:640px){.convRow{grid-template-columns:1fr}.swap{transform:rotate(90deg);justify-self:center}}
.footer{margin-top:40px;padding:20px 0 36px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);line-height:1.65}
.footer b{color:var(--ink)}

.convFab{position:fixed;right:18px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:50;width:64px;height:64px;border-radius:50%;
  background:var(--bullgrad);color:#fff;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(122,92,16,.42),0 0 0 1px rgba(240,214,137,.4),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .15s ease,box-shadow .15s ease}
.convFab:hover{transform:scale(1.07);box-shadow:0 12px 34px rgba(122,92,16,.55),0 0 0 1px rgba(240,214,137,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.convFab:active{transform:scale(.95)}
html[data-theme="dark"] .convFab{color:#171309;box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(232,182,76,.35)}
.convFab svg{display:block}
.convFab.open{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh)}
#convSheet{max-width:760px}
.convSheet{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.convPanel{margin-top:2px;border:none;box-shadow:none;background:transparent;padding:22px 18px 26px}
@media(min-width:760px){.convPanel{padding:30px 34px 36px}}

.convAnswer{text-align:left;padding:4px 2px 18px;border-bottom:1px solid var(--line2);margin-bottom:18px;position:relative}
.convAnswer::after{content:"";position:absolute;left:0;right:30%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--bull),transparent)}
.convFromLine{font-size:15px;color:var(--mut);font-weight:600}
.convEquals{font-size:13px;color:var(--dim);margin:2px 0}
.convResult{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Roboto Mono",monospace;
  font-variant-numeric:tabular-nums;font-weight:700;font-size:40px;letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere}
@media(min-width:760px){.convResult{font-size:52px}}
.convAnswer .rateLine{font-size:13px;color:var(--mut);margin-top:8px}
.convPanel .field{gap:8px}
.convPanel .field label{font-size:11px}
.convPanel .field input{padding:13px 14px;font-size:18px;border-radius:12px}
.convPanel .convPick{padding:9px 12px 9px 8px;font-size:14px;min-height:52px}
.convPanel .convPick .ccyFlag{width:36px;height:24px}
.convPick{width:100%;justify-content:flex-start}
.convPick .ccyFlag{width:34px;height:23px}
.convField{margin-top:14px}
.convField>label{display:block;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.02em;font-weight:800;margin-bottom:7px}
.convField input{background:var(--paper2);border:1px solid var(--line);color:var(--ink);
  border-radius:12px;padding:15px 16px;font-size:20px;font-weight:700;outline:none;width:100%;font-family:inherit}
.convField input:focus{border-color:var(--acc)}
.convField .convPick{min-height:56px;font-size:15px}
.ccyFloat{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;
  max-width:560px;margin:0 auto;background:color-mix(in srgb,var(--paper2) 96%,transparent);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh3);overflow:hidden}
.ccyFloat[hidden]{display:none}
.ccyFloat>input{width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;
  color:var(--ink);padding:13px 14px;font-size:16px;outline:none;font-family:inherit}
.ccyFloat .ccyList{max-height:min(320px,44vh);overflow-y:auto;padding:6px}
.convSwap{display:block;margin:16px auto 0;background:none;border:1px solid var(--line);color:var(--mut);
  font-size:13px;font-weight:700;padding:9px 20px;border-radius:999px;cursor:pointer;font-family:var(--sans);
  transition:color .15s,border-color .15s}
.convSwap:hover{color:var(--ink);border-color:var(--acc)}
.pxSub{font-size:11px;color:var(--dim);font-weight:600;margin-top:1px}
.unitSub{font-size:10px;opacity:.75;margin-left:1px}
.numLink{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:8px;color:var(--mut);font-size:14px;text-decoration:none;transition:.15s}
.numLink:hover{color:var(--acc);background:var(--paper2)}
.nchips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.nchip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;
  border:1px solid var(--line);background:var(--card);color:var(--mut);font-family:inherit;
  font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.nchip b{font-variant-numeric:tabular-nums;font-weight:800;opacity:.8}
.nchip.on{background:var(--bullgrad);color:#fff;border-color:transparent;box-shadow:var(--sh0)}
html[data-theme="dark"] .nchip.on,html[data-theme="crypto"] .nchip.on{color:#171309}
.numHero{display:flex;justify-content:center;align-items:center;margin:6px 0 4px;min-height:150px;
  border-radius:14px;background:var(--paper2);overflow:hidden}
.numHeroImg{width:100%;max-height:240px;object-fit:contain;display:block}
.numHero.noimg .numHeroImg{display:none}
.numHeroPh{font-size:22px;font-weight:800;color:var(--mut);padding:40px 0}
.numCta{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 2px;padding:11px 18px;
  border-radius:12px;background:var(--bullgrad);color:#fff;font-weight:800;font-size:14px;text-decoration:none}
html[data-theme="dark"] .numCta,html[data-theme="crypto"] .numCta{color:#171309}