@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(fonts/Vazirmatn-900.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#0b0906;--bg2:#15110a;--gold:#d9b25a;--gold2:#f6e2a4;--gold3:#9a7228;
  --txt:#f3ece0;--muted:#a59c8c;--line:rgba(217,178,90,.22);--glass:rgba(28,22,13,.55);
  --up:#5fd39a;--down:#ff6b6b;--r:20px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:Vazirmatn,system-ui,sans-serif;font-size:15px;line-height:1.7}
body{min-height:100vh;overflow-x:hidden;padding-bottom:calc(92px + var(--safe-b))}
a{color:var(--gold2);text-decoration:none;cursor:pointer}
button{font-family:inherit;color:inherit;cursor:pointer}
b{font-weight:700}
.muted{color:var(--muted)}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,#2a2010 0%,var(--bg) 55%)}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:float 14s ease-in-out infinite}
.o1{width:260px;height:260px;background:#c8962f;top:-80px;right:-60px}
.o2{width:220px;height:220px;background:#6e4f17;bottom:120px;left:-90px;animation-delay:-6s}
.grain{position:absolute;inset:0;opacity:.06;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}
@keyframes float{50%{transform:translate(20px,30px) scale(1.1)}}

.gold-text{background:linear-gradient(100deg,#fff4cf 0%,#e7c46f 30%,#a87b2c 55%,#f6e2a4 75%,#c99a3d 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200% center}}

.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:linear-gradient(var(--bg) 60%,rgba(11,9,6,0));}
.brand{display:flex;align-items:center;gap:10px}
.logo-ring{width:48px;height:48px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#f6e2a4,#9a7228,#f6e2a4,#c99a3d,#f6e2a4);box-shadow:0 0 18px rgba(217,178,90,.35)}
.logo-ring img{width:44px;height:44px;border-radius:50%;display:block;object-fit:cover;background:#fff}
.brand-txt b{font-size:20px;font-weight:900;letter-spacing:.5px;direction:ltr;display:block;line-height:1.2}
.brand-txt small{font-size:11.5px;color:var(--muted)}
.hello{font-size:12px;color:var(--gold2);max-width:120px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

main{padding:4px 14px 0}
.view{display:none}
.view.active{display:block;animation:in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes in{from{opacity:0;transform:translateY(14px)}}
.view.active>*{animation:in .5s cubic-bezier(.2,.8,.2,1) backwards}
.view.active>*:nth-child(2){animation-delay:.05s}.view.active>*:nth-child(3){animation-delay:.1s}
.view.active>*:nth-child(4){animation-delay:.15s}.view.active>*:nth-child(5){animation-delay:.2s}
.view.active>*:nth-child(6){animation-delay:.25s}.view.active>*:nth-child(7){animation-delay:.3s}

.card{position:relative;display:block;margin:0 0 12px;padding:16px;border-radius:var(--r);color:var(--txt)}
.glass{background:linear-gradient(160deg,rgba(255,236,190,.08),rgba(255,236,190,.02) 40%),var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,240,200,.12)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(246,226,164,.55),transparent 35%,transparent 65%,rgba(201,154,61,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}
.coin{display:flex;align-items:center;gap:10px}
.coin b{font-size:16px}.coin small{font-size:12px}
.coin-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(217,178,90,.12);border:1px solid var(--line)}
.coin-ic.star{font-size:20px}
.live{font-size:12px;color:var(--up);display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;background:rgba(95,211,154,.1);border:1px solid rgba(95,211,154,.25)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(95,211,154,.7);animation:pulse 1.8s infinite}
.live.off{color:var(--muted);background:rgba(255,255,255,.04);border-color:var(--line)}.live.off i{background:var(--muted);animation:none}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(95,211,154,0)}100%{box-shadow:0 0 0 0 rgba(95,211,154,0)}}
.tag{font-size:11px;color:var(--gold2);padding:3px 10px;border-radius:99px;border:1px solid var(--line);background:rgba(217,178,90,.08)}
.price-line{display:flex;align-items:baseline;gap:10px;margin:12px 0 4px;direction:ltr;justify-content:flex-end}
.price{font-size:38px;font-weight:900;letter-spacing:-.5px;direction:ltr;font-variant-numeric:tabular-nums}
.price-line.sm .price{font-size:26px}
.chg{direction:ltr;font-weight:700;font-size:14px;padding:2px 9px;border-radius:10px}
.chg.up{color:var(--up);background:rgba(95,211,154,.1)}.chg.down{color:var(--down);background:rgba(255,107,107,.1)}
.chart-wrap{position:relative;height:130px;margin:6px -4px 8px;direction:ltr}
#chart{width:100%;height:100%;overflow:visible}
#chart .ln{fill:none;stroke:url(#lg);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1.3s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
#chart .ar{opacity:0;animation:fade .8s .5s forwards}@keyframes fade{to{opacity:1}}
.chart-tip{position:absolute;top:-6px;left:0;font-size:12px;padding:3px 8px;border-radius:8px;background:#1f180d;border:1px solid var(--line);color:var(--gold2);pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}
.seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.seg button{flex:1;border:0;background:transparent;padding:7px 4px;border-radius:10px;font-size:12.5px;color:var(--muted);transition:all .25s}
.seg button.on{background:linear-gradient(135deg,#f6e2a4,#c99a3d);color:#1a1307;font-weight:700;box-shadow:0 4px 14px rgba(217,178,90,.3)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.stats div{padding:8px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(217,178,90,.12);text-align:center}
.stats small{display:block;color:var(--muted);font-size:11px}
.stats b{direction:ltr;display:block;font-size:13.5px}
.src{font-size:11.5px;color:var(--muted);margin:10px 0 0}
.src a{color:var(--gold)}
.center{text-align:center}
.body{margin:10px 0 0;color:#d9d0c0;font-size:14px}.body.sm{font-size:13px}
.btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:14px;font-weight:700;font-size:13.5px;transition:transform .15s}
.btn:active,.buy:active,.gift:active{transform:scale(.97)}
.btn.gold{background:linear-gradient(135deg,#fff0c2,#d9b25a 45%,#a77a2a);color:#1a1307;box-shadow:0 6px 20px rgba(217,178,90,.3)}
.btn.ghost{border:1px solid var(--line);color:var(--gold2);background:rgba(217,178,90,.06)}
.btn.wide{width:100%;margin-top:14px;padding:14px}
.h1{font-size:30px;font-weight:900;direction:ltr;display:block}.h2{font-size:19px;font-weight:900}
.mini .price{font-size:24px}

.search input{width:100%;margin-top:12px;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--txt);font-family:inherit;font-size:14px;outline:none}
.search input:focus{border-color:var(--gold)}
.gift-head .seg{margin-top:10px}
.gift-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gift{padding:10px;border-radius:18px;text-align:center;margin:0;animation:in .45s cubic-bezier(.2,.8,.2,1) backwards}
.gift .im{width:100%;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(246,226,164,.18),rgba(0,0,0,.25));display:grid;place-items:center;overflow:hidden}
.gift .im img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.gift .im .ph{font-size:40px}
.gift .nm{font-size:13px;font-weight:700;margin-top:6px;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift .fl{direction:ltr;font-weight:900;font-size:16px;color:var(--gold2)}
.gift .fl small{font-size:11px;color:var(--muted);font-weight:400}
.gift .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);direction:ltr;margin-top:2px}
.gift .meta .chg{font-size:11px;padding:0 6px}
.gift .rk{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;color:#1a1307;background:linear-gradient(135deg,#f6e2a4,#c99a3d);border-radius:8px;padding:0 7px;z-index:1}
.gift .tm{position:absolute;top:14px;left:14px;font-size:10px;color:var(--gold2);background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:8px;padding:0 6px;z-index:1}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 10px}

.buy{display:flex;align-items:center;gap:14px;padding:14px 16px}
.buy .bi{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:22px;font-weight:900;color:var(--gold2);background:linear-gradient(145deg,rgba(246,226,164,.2),rgba(154,114,40,.12));border:1px solid var(--line)}
.buy div{flex:1}.buy b{display:block;font-size:15px}.buy small{color:var(--muted);font-size:12px}
.buy .arr{font-size:26px;color:var(--gold);line-height:1}
.note{font-size:12.5px;color:#e8dcc4;padding:12px 14px;border-radius:14px;background:rgba(217,178,90,.07);border:1px dashed var(--line);margin-bottom:12px}

.about{text-align:center;padding-top:26px}
.logo-big{width:140px;height:140px;margin:0 auto 6px;border-radius:50%;padding:6px;background:conic-gradient(#f6e2a4,#9a7228,#f6e2a4,#c99a3d,#f6e2a4);animation:spin 12s linear infinite;box-shadow:0 0 40px rgba(217,178,90,.35)}
.logo-big img{width:128px;height:128px;border-radius:50%;display:block;background:#fff;object-fit:cover;animation:spin 12s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.list{margin:8px 0 0;padding-inline-start:18px;font-size:13px;color:#d9d0c0}

.tabbar{position:fixed;z-index:10;left:12px;right:12px;bottom:calc(12px + var(--safe-b));display:flex;padding:6px;border-radius:24px;background:rgba(20,16,9,.78);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.tabbar button{position:relative;z-index:1;flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 5px;color:var(--muted);font-size:11.5px;transition:color .3s}
.tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabbar button.on{color:#1a1307;font-weight:700}
.ind{position:absolute;top:6px;bottom:6px;width:calc((100% - 12px)/4);border-radius:18px;background:linear-gradient(135deg,#fff0c2,#d9b25a 50%,#a77a2a);box-shadow:0 4px 16px rgba(217,178,90,.4);transition:transform .45s cubic-bezier(.3,1.3,.5,1);right:6px}

.sk{display:inline-block;height:1em;border-radius:8px;background:linear-gradient(90deg,rgba(217,178,90,.08),rgba(217,178,90,.22),rgba(217,178,90,.08));background-size:200% 100%;animation:sk 1.2s infinite;vertical-align:middle}
.w120{width:140px}.w80{width:90px}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.stats b.up{color:var(--up)}.stats b.down{color:var(--down)}
/* ---- premium hero ---- */
.xhero{display:flex;align-items:center;gap:16px;padding:20px 18px;overflow:hidden;min-height:136px;background:radial-gradient(120% 140% at 85% 50%,rgba(217,178,90,.22),rgba(20,15,8,.6) 60%),var(--glass)}
#sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xh-logo{position:relative;width:96px;height:96px;flex:none;z-index:1}
.xh-logo img{position:relative;width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px #e7c46f,0 0 0 5px rgba(0,0,0,.4),0 0 0 6px rgba(231,196,111,.5),0 10px 40px rgba(217,178,90,.55);animation:bob 5s ease-in-out infinite}
.halo{position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 20%,rgba(246,226,164,.9) 30%,transparent 40% 70%,rgba(201,154,61,.8) 80%,transparent 90%);filter:blur(6px);animation:spin 6s linear infinite}
@keyframes bob{50%{transform:translateY(-4px) rotate(-2deg)}}
.xh-txt{position:relative;z-index:1;display:flex;flex-direction:column}
.xh-txt b{font-size:34px;font-weight:900;line-height:1.1;direction:ltr;text-align:right;filter:drop-shadow(0 2px 10px rgba(217,178,90,.35))}
.xh-txt span{font-size:15px;font-weight:700;color:var(--gold2)}
.xh-txt small{font-size:12px;color:var(--muted)}
.sweep{position:absolute;top:0;bottom:0;width:60%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,240,200,.16),transparent);transform:skewX(-20deg);animation:sweep 5s 1s ease-in-out infinite;pointer-events:none}
@keyframes sweep{0%{left:-70%}40%,100%{left:120%}}
/* mini charts on gifts */
.gift .spk{display:block;width:100%;height:26px;margin-top:4px}
.gift{transition:transform .2s,box-shadow .3s}
.gift.tap,.buy.tap,.btn.tap{transform:scale(.96)}
/* nav glow */
.tabbar::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent,rgba(246,226,164,.5),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ind{box-shadow:0 0 22px rgba(246,226,164,.55),0 4px 16px rgba(217,178,90,.4)}
.tabbar button.on svg{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes pop{40%{transform:scale(1.25) translateY(-2px)}}
.price.flash-up{animation:fu 1s}.price.flash-down{animation:fd 1s}
@keyframes fu{20%{text-shadow:0 0 18px rgba(95,211,154,.8);color:#c9ffe3}}
@keyframes fd{20%{text-shadow:0 0 18px rgba(255,107,107,.8);color:#ffd2d2}}
.price{background:linear-gradient(180deg,#fff8e1,#e7c46f);-webkit-background-clip:text;background-clip:text;color:transparent}
.price.flash-up{animation:fu 1s}.price.flash-down{animation:fd 1s}
@keyframes fu{20%{filter:drop-shadow(0 0 10px rgba(95,211,154,.9))}}
@keyframes fd{20%{filter:drop-shadow(0 0 10px rgba(255,107,107,.9))}}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.tp{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:10px 6px;border-radius:16px;background:rgba(217,178,90,.06);border:1px solid var(--line);font-size:11.5px;line-height:1.45;color:#e8dcc4}
.tp svg,.sec-list svg,.shield-big svg{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tp svg{width:22px;height:22px}
.secure{padding:20px 18px}
.shield-big{width:58px;height:58px;margin-bottom:6px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,rgba(246,226,164,.25),rgba(154,114,40,.08));border:1px solid var(--line);box-shadow:0 0 30px rgba(217,178,90,.25)}
.shield-big svg{width:32px;height:32px;stroke:var(--gold2)}
.sec-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.secure.sm .sec-list{margin:0}
.sec-list li{display:flex;gap:12px;align-items:flex-start}
.sec-list svg{width:22px;height:22px;flex:none;margin-top:3px}
.sec-list b{display:block;font-size:13.5px;line-height:1.6}
.sec-list small{display:block;color:var(--muted);font-size:12px;line-height:1.6}
main{padding:6px 16px 0}
.card{margin-bottom:14px}
.backed{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--gold2);padding:1px 9px 1px 8px;margin-top:2px;border-radius:99px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(217,178,90,.14),rgba(217,178,90,.03))}
.backed i{font-style:normal;color:var(--gold);animation:tw 2.4s ease-in-out infinite}
@keyframes tw{50%{opacity:.35;transform:scale(.8)}}
.foot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px 18px}
.backed.lg{font-size:12.5px;padding:6px 14px 6px 10px;gap:8px}
.backed.lg img{width:22px;height:22px;border-radius:50%;background:#fff}
.foot small{font-size:11px;color:var(--muted)}
.hello{display:none}
.tag{white-space:nowrap}
/* ---- currency toggle ---- */
.cur{position:relative;display:flex;padding:3px;border-radius:99px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.cur button{position:relative;z-index:1;border:0;background:none;font-size:12px;padding:4px 11px;color:var(--muted);transition:color .3s}
.cur button.on{color:#1a1307;font-weight:700}
.cur i{position:absolute;top:3px;bottom:3px;right:3px;width:calc(50% - 3px);border-radius:99px;background:linear-gradient(135deg,#fff0c2,#d9b25a 50%,#a77a2a);box-shadow:0 0 12px rgba(246,226,164,.45);transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
.cur.gram i{transform:translateX(-100%)}
.sub-eq{display:block;font-size:11.5px;color:var(--muted);direction:ltr;font-weight:400}
/* ---- home hero ---- */
.vhero{position:relative;text-align:center;padding:8px 6px 18px;margin:0 -16px 6px;overflow:hidden}
.vhero #sparks{position:absolute;inset:0;width:100%;height:100%}
.vh-logo{position:relative;width:118px;height:118px;margin:14px auto 14px}
.vh-logo img{position:relative;width:118px;height:118px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px #e7c46f,0 0 0 6px rgba(0,0,0,.45),0 0 0 7px rgba(231,196,111,.55),0 16px 50px rgba(217,178,90,.6);animation:bob 5s ease-in-out infinite}
.vh-logo .halo{inset:-16px}
.glowbed{position:absolute;left:-90px;right:-90px;bottom:-26px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(246,226,164,.55),rgba(217,178,90,.15) 60%,transparent);filter:blur(4px)}
.glowbed::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,240,200,.9),transparent)}
.tw{position:absolute;font-style:normal;color:#f6e2a4;text-shadow:0 0 10px #f6e2a4;animation:tw 2.6s ease-in-out infinite}
.t1{top:-6px;right:-22px;font-size:18px}.t2{top:30px;left:-30px;font-size:12px;animation-delay:-.9s}.t3{bottom:4px;right:-34px;font-size:10px;animation-delay:-1.7s}
.vh-title{position:relative;margin:18px 0 2px;font-size:23px;font-weight:900;line-height:1.5}
.vh-sub{position:relative;margin:0 0 16px;font-size:13px;color:var(--muted)}
.cta{position:relative;overflow:hidden;width:100%;border:0;padding:15px;border-radius:99px;font-size:16px;font-weight:900;color:#1a1307;background:linear-gradient(135deg,#fff3c9,#e2bd64 40%,#b8862f 75%,#f0d58c);box-shadow:0 10px 30px rgba(217,178,90,.35),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s}
.cta:active{transform:scale(.97)}
.cta-shine{position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sweep 3.6s ease-in-out infinite}
/* ---- quick actions ---- */
.qa{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0 16px}
.qa button,.qa a{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--txt);padding:4px 0}
.qi{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(246,226,164,.22),rgba(28,22,13,.8) 70%);border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,240,200,.15);transition:transform .2s,box-shadow .2s}
.qi svg{width:23px;height:23px;fill:none;stroke:var(--gold2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qa small{font-size:11.5px;color:#e2d8c6;white-space:nowrap}
.qa .tap .qi,.qa :active>.qi{transform:scale(.9);box-shadow:0 0 20px rgba(246,226,164,.45)}
/* ---- carousel ---- */
.carousel{position:relative;margin:0 0 14px}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;border-radius:var(--r)}
.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 18px;border-radius:var(--r);min-height:118px;color:var(--txt);position:relative;overflow:hidden}
.slide>div{flex:1;min-width:0}
.slide small{display:block;color:var(--muted);font-size:11.5px}
.slide b{display:block;font-size:19px;font-weight:900;color:var(--gold2);line-height:1.5}
.slide p{margin:0;font-size:12.5px;color:#d9d0c0;direction:rtl}
.slide .go{display:inline-grid;place-items:center;width:28px;height:20px;margin-top:6px;border-radius:8px;background:linear-gradient(135deg,#f6e2a4,#c99a3d);color:#1a1307;font-weight:900}
.sl-img{width:84px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.sl-img.round{border-radius:50%;background:#fff;box-shadow:0 0 0 2px #e7c46f,0 0 24px rgba(217,178,90,.45)}
.sl-spk{width:100px;height:44px;flex:none;overflow:visible}
.count{position:absolute;top:12px;left:14px;font-size:11px;color:var(--muted)}
.dots{display:flex;justify-content:center;gap:5px;margin-top:8px}
.dots i{width:6px;height:6px;border-radius:99px;background:rgba(217,178,90,.3);transition:all .3s}
.dots i.on{width:18px;background:var(--gold)}
/* ---- market ---- */
.market{padding:14px 14px 10px}
.mk-tabs{display:flex;gap:18px;padding:0 2px 6px}
.mk-tabs button{border:0;background:none;padding:2px 0 6px;font-size:16px;font-weight:700;color:var(--muted);position:relative}
.mk-tabs button.on{color:var(--txt)}
.mk-tabs button.on::after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#c99a3d,#f6e2a4);box-shadow:0 0 10px rgba(246,226,164,.7)}
.mk-cap{margin:0 0 6px;font-size:11.5px;color:var(--muted);min-height:1em}
.mk-head,.mk-row{display:grid;grid-template-columns:1.25fr 1.25fr 86px;align-items:center;gap:8px}
.mk-head{font-size:11px;color:var(--muted);padding:6px 2px;border-bottom:1px solid rgba(217,178,90,.12)}
.mk-head span:nth-child(2){text-align:left}.mk-head span:last-child{text-align:center}
.mk-row{padding:10px 2px;border-bottom:1px solid rgba(217,178,90,.08);animation:in .4s backwards}
.mk-row:last-child{border:0}
.mk-coin{display:flex;align-items:center;gap:9px;min-width:0}
.mk-coin img{width:30px;height:30px;border-radius:50%;flex:none;background:#222}
.mk-coin b{display:block;font-size:14px;direction:ltr;text-align:right;line-height:1.3}
.mk-coin small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.mk-px{text-align:left;direction:ltr;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;line-height:1.35}
.mk-px .sub-eq{font-size:11px}
.pill{display:block;text-align:center;direction:ltr;font-weight:700;font-size:13px;padding:7px 0;border-radius:10px;color:#fff}
.pill.up{background:linear-gradient(135deg,#2fb57a,#1f8f5e);box-shadow:0 4px 12px rgba(47,181,122,.25)}
.pill.down{background:linear-gradient(135deg,#e5575a,#b9383c);box-shadow:0 4px 12px rgba(229,87,90,.25)}
.pill.na{background:rgba(255,255,255,.06);color:var(--muted)}
.mk-err{text-align:center;color:var(--muted);padding:22px 8px;font-size:13px}
.mk-err button{margin-top:10px;border:1px solid var(--line);background:rgba(217,178,90,.08);color:var(--gold2);padding:7px 16px;border-radius:12px;font-size:13px}
.tabbar button{font-size:10.5px}
.tabbar svg{width:21px;height:21px}
.ind{width:calc((100% - 12px)/5)}
.gift .fl2{direction:ltr;font-size:11.5px;color:var(--muted)}
.vhero{padding:8px 16px 18px}
.mk-px{white-space:nowrap}
.mk-px .u,.sub-eq .u{font-size:.72em;color:var(--muted);font-weight:400}
.slide p .u{font-size:.8em}

/* ---- live price stream ---- */
.ldot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--up);margin-inline-end:5px;vertical-align:middle;box-shadow:0 0 0 0 rgba(95,211,154,.7);animation:pulse 1.8s infinite}
.ldot.off{background:var(--muted);animation:none;box-shadow:none}
.mk-px{transition:color .2s}
.mk-px.flash-up{animation:mfu .9s}.mk-px.flash-down{animation:mfd .9s}
@keyframes mfu{15%{color:#7dffbf;text-shadow:0 0 10px rgba(95,211,154,.55)}}
@keyframes mfd{15%{color:#ff9a9a;text-shadow:0 0 10px rgba(255,107,107,.55)}}
#tonPrice{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){.mk-px.flash-up,.mk-px.flash-down{animation:none}.ldot{animation:none}}

/* Android app download banner (home) */
.apk{display:flex;align-items:center;gap:14px;padding:14px 16px;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,rgba(246,226,164,.18),transparent 55%),linear-gradient(160deg,rgba(255,236,190,.10),rgba(255,236,190,.02) 45%),var(--glass)}
.apk::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,200,.13),transparent);transform:skewX(-18deg);animation:apkShine 5.5s ease-in-out infinite;pointer-events:none}
@keyframes apkShine{0%,70%{left:-60%}100%{left:130%}}
.apk-ic{position:relative;width:56px;height:56px;flex:none;border-radius:16px;padding:2px;background:linear-gradient(145deg,var(--gold2),var(--gold3));box-shadow:0 6px 18px rgba(217,178,90,.25)}
.apk-ic img{width:100%;height:100%;border-radius:14px;display:block;object-fit:cover}
.apk-badge{position:absolute;bottom:-4px;left:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--gold)}
.apk-badge svg{width:13px;height:13px;fill:none;stroke:var(--gold2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.apk-txt{flex:1;min-width:0}
.apk-txt b{display:block;font-size:15px;line-height:1.5}
.apk-k{display:block;font-size:11px;color:var(--gold);letter-spacing:.2px}
.apk-m{display:block;font-size:12px;color:var(--muted)}
.apk-f{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.apk-f i{font-style:normal;font-size:10.5px;line-height:1;padding:4px 7px;border-radius:99px;color:var(--gold2);background:rgba(217,178,90,.10);border:1px solid var(--line)}
.apk-btn{flex:none;font-size:13px;font-weight:700;color:#14100a;padding:8px 14px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),var(--gold) 55%,var(--gold3));box-shadow:0 4px 14px rgba(217,178,90,.3)}
.apk:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.apk::after{animation:none;display:none}}
.credit{text-align:center;font-size:12px;color:var(--muted);margin:6px 0 4px}
.credit a{color:var(--gold2);font-weight:700}
.dev{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(217,178,90,.07);color:var(--txt);font-size:13.5px}
.dev b{color:var(--gold2)}.dev-ic{color:var(--gold)}.dev .arr{color:var(--gold);font-size:20px;line-height:1}
.credit bdi,.dev bdi{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ---------- coin detail sheet ---------- */
.mk-row{cursor:pointer;border-radius:12px;transition:background .2s}
.mk-row.tap,.mk-row:focus-visible{background:rgba(217,178,90,.08);outline:none}
body.cs-lock{overflow:hidden}
.cs-back{position:fixed;inset:0;z-index:40;background:rgba(5,4,2,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .32s}
.cs-back.open{opacity:1}
.cs-back[hidden],.cs[hidden]{display:none}
.cs{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:560px;margin:0 auto;height:calc(100% - 22px);display:flex;flex-direction:column;background:linear-gradient(180deg,#1d160b 0%,#100c07 38%,#0b0906 100%);border-radius:26px 26px 0 0;border-top:1px solid rgba(246,226,164,.35);box-shadow:0 -24px 60px rgba(0,0,0,.65),inset 0 1px 0 rgba(246,226,164,.12);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.9,.25,1);will-change:transform}
.cs.open{transform:translateY(0)}
.cs.drag{transition:none}
.cs-grab{display:flex;justify-content:center;padding:9px 0 3px;touch-action:none;cursor:grab}
.cs-grab i{width:44px;height:5px;border-radius:9px;background:rgba(246,226,164,.35)}
.cs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 16px 10px;touch-action:none}
.cs-coin{display:flex;align-items:center;gap:11px;min-width:0}
.cs-coin img{width:42px;height:42px;border-radius:50%;flex:none;background:#222;box-shadow:0 0 0 2px rgba(217,178,90,.35),0 0 18px rgba(217,178,90,.25)}
.cs-coin b{display:block;font-size:18px;font-weight:900;line-height:1.35;color:var(--gold2)}
.cs-coin small{display:block;font-size:12px;color:var(--muted);direction:ltr;text-align:right}
.cs-x{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:rgba(217,178,90,.08)}
.cs-x svg{width:18px;height:18px;fill:none;stroke:var(--gold2);stroke-width:2.2;stroke-linecap:round}
.cs-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px calc(20px + var(--safe-b))}
.cs-price-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-price{font-size:31px;font-weight:900;line-height:1.3;direction:ltr;unicode-bidi:isolate}
.cs-price-line .chg{direction:ltr;unicode-bidi:isolate}
.cs-eq{margin:0;font-size:12.5px;color:var(--muted);min-height:1.2em}
.cs-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}
.cs-stats div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:13px;background:rgba(0,0,0,.28);border:1px solid var(--line)}
.cs-stats small{font-size:11px;color:var(--muted);white-space:nowrap}
.cs-stats b{font-size:12.5px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;color:var(--txt)}
.cs-stats b.up,.cs-legend b.up{color:var(--up)}.cs-stats b.down,.cs-legend b.down{color:var(--down)}
.cs-tf button{font-size:12px;padding:7px 2px}
.cs-chart-box{position:relative;height:310px;margin-top:10px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 0%,rgba(217,178,90,.07),rgba(0,0,0,.3));overflow:hidden}
.cs-legend{position:absolute;top:6px;right:10px;left:10px;z-index:3;min-height:20px;font-size:11px;line-height:1.7;color:var(--muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-legend b{color:var(--gold2);font-weight:700;direction:ltr;unicode-bidi:isolate;margin-left:4px}
.cs-legend .lg-t{color:var(--gold);margin-left:6px}
.cs-chart{position:absolute;top:28px;right:0;bottom:0;left:0;transition:opacity .25s}
.cs-chart.dim{opacity:.18}
.cs-skel{position:absolute;top:40px;right:58px;bottom:34px;left:12px;z-index:2;display:flex;align-items:flex-end;gap:7px}
.cs-skel[hidden]{display:none}
.cs-skel span{flex:1;border-radius:4px;background:linear-gradient(90deg,rgba(217,178,90,.08),rgba(217,178,90,.24),rgba(217,178,90,.08));background-size:200% 100%;animation:sk 1.2s infinite}
.cs-skel span:nth-child(1){height:35%}.cs-skel span:nth-child(2){height:48%}.cs-skel span:nth-child(3){height:40%}.cs-skel span:nth-child(4){height:58%}.cs-skel span:nth-child(5){height:52%}.cs-skel span:nth-child(6){height:66%}.cs-skel span:nth-child(7){height:60%}.cs-skel span:nth-child(8){height:74%}.cs-skel span:nth-child(9){height:68%}.cs-skel span:nth-child(10){height:80%}.cs-skel span:nth-child(11){height:72%}.cs-skel span:nth-child(12){height:86%}
.cs-err{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center;background:rgba(11,9,6,.88)}
.cs-err[hidden]{display:none}
.cs-err b{color:var(--gold2)}
.cs-err small{font-size:12px;color:var(--muted)}
.cs-err button{margin-top:6px;border:1px solid var(--line);background:rgba(217,178,90,.1);color:var(--gold2);padding:8px 20px;border-radius:12px;font-size:13px}
.cs-src{margin-top:8px}
.cs-buy{margin-top:12px;font-size:15px;border:0}
.cs-attr{font-size:10.5px;opacity:.8}
.buy.hl{animation:hl 1.8s ease-out}
@keyframes hl{0%,55%{box-shadow:0 0 0 2px var(--gold),0 0 32px rgba(217,178,90,.55)}100%{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.cs,.cs-back{transition:none}}
#csBuySym{direction:ltr;unicode-bidi:isolate}
.cs-buy{gap:6px}
.cs-chart{touch-action:pan-y}
/* ---------- LootBar logo grid ---------- */
.lb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lb-all{flex:none;font-size:12px;color:var(--gold2);padding:3px 11px;border-radius:99px;border:1px solid var(--line);background:rgba(217,178,90,.08)}
.lb .search input{margin-top:8px}
.lb-tabs{display:flex;gap:6px;margin:12px -16px 2px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}
.lb-tabs::-webkit-scrollbar{display:none}
.lb-tabs button{flex:none;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--muted);font-family:inherit;font-size:12px;padding:6px 10.5px;border-radius:99px;transition:all .2s}
.lb-tabs button.on{background:linear-gradient(135deg,#f6e2a4,#c99a3d);color:#1a1307;font-weight:700;border-color:transparent;box-shadow:0 4px 14px rgba(217,178,90,.3)}
.lb-sec{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 8px}
.lb-sec b{font-size:14px;color:var(--gold2)}
.lb-sec b i{font-style:normal;font-weight:400;font-size:11.5px;color:var(--muted);margin-inline-start:6px}
.lb-sec a{font-size:12px;color:var(--gold)}
.lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lbt{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 5px 9px;border-radius:16px;text-align:center;color:var(--txt);background:linear-gradient(160deg,rgba(255,236,190,.07),rgba(255,236,190,.015)),rgba(20,16,9,.55);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,240,200,.08);transition:transform .15s}
.lbt:active{transform:scale(.95)}
.lbi{position:relative;width:58px;height:58px;border-radius:15px;overflow:hidden;flex:none;background:linear-gradient(145deg,rgba(246,226,164,.22),rgba(154,114,40,.14));box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 1px rgba(246,226,164,.18)}
.lbi img{width:100%;height:100%;object-fit:cover;display:block}
.lbi.x img{display:none}
.lbi.x::after{content:attr(data-l);position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--gold2)}
.lbt b{font-size:11.5px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.lbt small{direction:ltr;font-size:9.5px;line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:-4px}
.lbt .pl{margin-top:-2px;font-style:normal;font-size:9px;line-height:1;padding:3px 6px;border-radius:6px;color:var(--gold2);background:rgba(0,0,0,.6);border:1px solid var(--line);direction:ltr}
.lb-more{display:block;width:100%;margin-top:12px;padding:10px;border-radius:14px;border:1px solid var(--line);background:rgba(217,178,90,.06);color:var(--gold2);font-family:inherit;font-size:13px}
.lb-empty{padding:18px 0 6px;text-align:center;color:var(--muted);font-size:13px}

/* Hide Netlify free-tier HUD badge if it ever loads */
#nl-badge-frame,#nl-hud-frame,iframe[title="Powered by Netlify"]{display:none!important;visibility:hidden!important;pointer-events:none!important}

.hgc{padding:12px 12px 10px;margin:0 0 16px}
.hgc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hgc-h b{font-size:14px}.hgc-h a{font-size:12px;color:var(--gold,#e6c27a);cursor:pointer}
.hgc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hgc-row a{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--txt)}
.hgc-row img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#1a1712}
.hgc-row small{font-size:11px;color:#e2d8c6;white-space:nowrap}
.hgc-row a:first-child img{box-shadow:0 0 0 2px var(--gold,#e6c27a)}
/* «سواپ TON» tab */
.market [hidden]{display:none!important}
.mk-tabs{overflow-x:auto;scrollbar-width:none;gap:15px}.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs button{white-space:nowrap;flex:none}
.mk-swap{padding:4px 2px 2px;animation:in .4s backwards}
.sw-top b{display:block;font-size:15px}
.sw-top small{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.sw-pts{list-style:none;margin:10px 0 12px;padding:0;display:grid;gap:5px}
.sw-pts li{position:relative;padding-right:18px;font-size:12.5px;color:#e2d8c6;line-height:1.6}
.sw-pts li::before{content:"";position:absolute;right:3px;top:.62em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f6e2a4,#c99a3d);box-shadow:0 0 6px rgba(246,226,164,.6)}
.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sw-q{display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;border:1px solid var(--line);background:rgba(217,178,90,.06);color:var(--txt);transition:transform .15s,background .2s}
.sw-q:active{transform:scale(.97);background:rgba(217,178,90,.12)}
.sw-q b{font-size:13px;white-space:nowrap}
.sw-ic{display:flex;flex:none;direction:ltr}
.sw-ic img{width:26px;height:26px;border-radius:50%;background:#222;border:2px solid #1a140b}
.sw-ic img+img{margin-left:-9px}
.mk-swap .btn.wide{margin-top:12px}
.sw-note{margin:10px 0 0;font-size:11.5px;color:var(--muted);line-height:1.75}
.sw-note b{color:var(--gold2);font-weight:700}

/* Bitunix referral (home, under market) */
.buy.bx{margin-top:12px}
.buy.bx .bx-ic{background:linear-gradient(145deg,rgba(190,240,60,.16),rgba(20,20,20,.5));border-color:rgba(190,240,60,.28);padding:0;overflow:hidden}
.buy.bx .bx-ic img{width:30px;height:30px;border-radius:8px;display:block}
.buy.bx .bx-risk{display:block;font-style:normal;font-size:10.5px;color:rgba(255,200,140,.78);margin-top:3px}