.xchg{--x-bg:#08080a;--x-panel:rgba(19,19,23,0.72);--x-panel-hi:rgba(255,255,255,0.045);--x-line:rgba(255,255,255,0.07);--x-line-soft:rgba(255,255,255,0.045);--x-t1:#eaecef;--x-t2:#9aa1ac;--x-t3:#6b7280;--x-up:#0ecb81;--x-up-dim:rgba(14,203,129,0.14);--x-down:#f6465d;--x-down-dim:rgba(246,70,93,0.14);--x-gold:#f5b301;--x-gold-soft:#ffce3a;color:var(--x-t1);background:radial-gradient(60% 34% at 78% -8%,rgba(245,179,1,.075),transparent 62%),radial-gradient(48% 30% at 4% 2%,rgba(247,147,26,.05),transparent 60%),var(--x-bg);min-height:100vh}.xchg .num{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;letter-spacing:-.01em}.xpanel{background:linear-gradient(180deg,var(--x-panel-hi),transparent 42%),var(--x-panel);border:1px solid var(--x-line);border-radius:14px;backdrop-filter:blur(14px);position:relative}.xpanel-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--x-line-soft)}.xpanel-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--x-t1)}.xpanel-accent:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,transparent,rgba(245,179,1,.5) 22%,rgba(247,147,26,.22) 60%,transparent);pointer-events:none}.xseg{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:rgba(0,0,0,.42);border:1px solid var(--x-line-soft)}.xseg button{padding:4px 9px;border-radius:7px;font-size:11px;font-weight:600;color:var(--x-t3);transition:color .14s ease,background .14s ease;white-space:nowrap}.xseg button:hover{color:var(--x-t1)}.xseg button[data-on=true]{color:#0a0a0b;background:linear-gradient(180deg,var(--x-gold-soft),var(--x-gold))}.xseg.xseg-quiet button[data-on=true]{color:var(--x-gold);background:rgba(245,179,1,.13)}.xrow{position:relative;display:grid;width:100%;padding:2.5px 12px;font-size:11.5px;text-align:left;transition:background .1s ease}.xrow:hover{background:rgba(255,255,255,.055)}.xrow .depth{position:absolute;top:1px;bottom:1px;right:0;border-radius:2px 0 0 2px;transition:width .28s cubic-bezier(.22,1,.36,1);pointer-events:none}.xrow .depth.up{background:linear-gradient(90deg,rgba(14,203,129,.02),var(--x-up-dim))}.xrow .depth.down{background:linear-gradient(90deg,rgba(246,70,93,.02),var(--x-down-dim))}.xrow>span{position:relative}@keyframes xflashUp{0%{background-color:rgba(14,203,129,.3)}to{background-color:transparent}}@keyframes xflashDown{0%{background-color:rgba(246,70,93,.3)}to{background-color:transparent}}.xflash-up{animation:xflashUp .55s ease-out}.xflash-down{animation:xflashDown .55s ease-out}.xbtn{width:100%;padding:9px 0;border-radius:10px;font-size:13px;font-weight:700;color:#05140e;transition:filter .14s ease,transform .12s ease,box-shadow .14s ease}.xbtn:disabled{opacity:.45;cursor:not-allowed}.xbtn:not(:disabled):hover{filter:brightness(1.08)}.xbtn:not(:disabled):active{transform:translateY(1px)}.xbtn-buy{background:linear-gradient(180deg,#14da8c,var(--x-up));box-shadow:0 8px 24px -12px rgba(14,203,129,.85)}.xbtn-sell{background:linear-gradient(180deg,var(--x-down),#d8394e);color:#fff;box-shadow:0 8px 24px -14px rgba(246,70,93,.7)}.xbtn-gold{background:linear-gradient(180deg,var(--x-gold-soft),var(--x-gold));color:#0a0a0b;box-shadow:0 8px 24px -12px rgba(245,179,1,.8)}.xfield{position:relative;display:flex;align-items:baseline;gap:10px;padding:9px 12px 8px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.22));border:1px solid var(--x-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.xfield:hover{border-color:rgba(255,255,255,.13)}.xfield:focus-within{border-color:rgba(245,179,1,.6);background:linear-gradient(180deg,rgba(245,179,1,.05),rgba(0,0,0,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(245,179,1,.1)}.xfield input{flex:1;min-width:0;background:transparent;outline:none;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--x-t1)}.xfield input::-moz-placeholder{color:var(--x-t3);font-weight:400}.xfield input::placeholder{color:var(--x-t3);font-weight:400}.xfield label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--x-t3);white-space:nowrap}.xfield .unit{font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--x-t3)}.xslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--x-gold-soft) 0,var(--x-gold) var(--fill,0),rgba(255,255,255,.08) var(--fill,0),rgba(255,255,255,.08) 100%);border:1px solid var(--x-line-soft)}.xslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#fff3c9,var(--x-gold));border:2px solid #0a0a0b;box-shadow:0 0 0 1px rgba(245,179,1,.55),0 3px 10px rgba(245,179,1,.45);cursor:grab;-webkit-transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s ease;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s ease}.xslider::-webkit-slider-thumb:hover{transform:scale(1.15)}.xslider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.22)}.xslider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#fff3c9,var(--x-gold));border:2px solid #0a0a0b;cursor:grab;box-shadow:0 0 0 1px rgba(245,179,1,.55)}.xpct{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.xpct button{padding:5px 0;border-radius:8px;font-size:10.5px;font-weight:600;color:var(--x-t3);background:rgba(255,255,255,.03);border:1px solid var(--x-line-soft);transition:color .14s ease,background .14s ease,border-color .14s ease}.xpct button:hover{color:var(--x-t1);border-color:rgba(255,255,255,.14)}.xpct button[data-on=true]{color:var(--x-gold);background:rgba(245,179,1,.14);border-color:rgba(245,179,1,.35)}.xscroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.xscroll::-webkit-scrollbar{width:6px;height:6px}.xscroll::-webkit-scrollbar-track{background:transparent}.xscroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:999px}.xscroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24)}.xdot{width:6px;height:6px;border-radius:999px;background:var(--x-up);box-shadow:0 0 0 0 rgba(14,203,129,.6);animation:xpulse 2.2s ease-out infinite}@keyframes xpulse{0%{box-shadow:0 0 0 0 rgba(14,203,129,.55)}70%{box-shadow:0 0 0 7px rgba(14,203,129,0)}to{box-shadow:0 0 0 0 rgba(14,203,129,0)}}.xtoast{animation:xtoastIn .26s cubic-bezier(.22,1,.36,1)}@keyframes xtoastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.xdot,.xflash-down,.xflash-up,.xtoast{animation:none}.xrow .depth{transition:none}}.xpanel{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.045),0 18px 40px -28px rgba(0,0,0,.9)}.xcell{position:relative;padding:7px 15px 7px 13px;border-radius:10px;overflow:hidden;border:1px solid var(--x-line-soft);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016));box-shadow:inset 0 1px 0 0 rgba(255,255,255,.05),0 10px 20px -16px rgba(0,0,0,.85);transition:border-color .18s ease,background .18s ease}.xcell:hover{border-color:rgba(255,255,255,.11)}.xcell-edge{position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:999px;opacity:.28}.xcell[data-tone=down] .xcell-edge,.xcell[data-tone=up] .xcell-edge{opacity:.8}.xcell[data-tone=down]:after,.xcell[data-tone=up]:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55}.xcell[data-tone=up]:after{background:linear-gradient(90deg,rgba(46,189,133,.09),transparent 62%)}.xcell[data-tone=down]:after{background:linear-gradient(90deg,rgba(246,70,93,.09),transparent 62%)}.xcell-k{font-size:8.5px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:6px;color:var(--x-t3)}.xcell-k,.xcell-v{position:relative;line-height:1}.xcell-v{font-size:13.5px;font-variant-numeric:tabular-nums}.xmarketbar{position:relative;isolation:isolate}.xmarketbar:before{content:"";position:absolute;left:92px;top:50%;translate:0 -50%;width:320px;height:150%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 30% 50%,rgba(245,179,1,.075),transparent 70%)}.xtopbar{position:relative}.xtopbar:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(245,179,1,.3) 18%,rgba(255,255,255,.07) 55%,transparent)}@media (max-width:720px){.xmarketbar:before{display:none}.xcell{padding:6px 11px 6px 10px}.xcell-v{font-size:12.5px}}.xdemo{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 16px;border-radius:14px;font-size:11.5px;line-height:1.6;color:#f6b746;background:linear-gradient(90deg,rgba(246,183,70,.11),rgba(246,183,70,.035));border:1px solid rgba(246,183,70,.26)}.xdemo>span:first-child{line-height:1.5}.xdemo strong{font-weight:700}@media (max-width:720px){.xdemo{font-size:11px;padding:11px 13px}}