/* WattCoin Terminal 3.0 — торговий термінал. Один екран на десктопі, стовпчик на телефоні. */
.tx{--up:#2EBD85;--down:#F6465D;--card:#0A1020;--card2:#0E1630;--ln:rgba(160,180,235,.12);--ln2:rgba(160,180,235,.22);
  --t1:#EEF1F8;--t2:#A3AEC8;--t3:#6D7A98;--gold:#CFA77C;--gold-hi:#F2DCBC;--blue:#7D97FF;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  position:relative;display:grid;gap:6px;padding:6px;background:#04070F;color:var(--t1);font:400 13px/1.4 var(--f-body,system-ui,sans-serif);
  grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "chart" "order" "side" "bot"}
.tx *{box-sizing:border-box}
.tx section{padding:0;margin:0}
.tx h3,.tx p,.tx dl,.tx ul{max-width:none}
.tx [hidden]{display:none!important}
.tx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.tx button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.tx .up{color:var(--up)}.tx .down{color:var(--down)}
.tx-card{background:var(--card);border:1px solid var(--ln);border-radius:10px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tx-head{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:40px;border-bottom:1px solid var(--ln);flex:none}
.tx-head>b{font:600 13px/1 var(--f-body,sans-serif);letter-spacing:.01em}
.tx-head2{border-top:1px solid var(--ln)}
.tx-dim{color:var(--t3);font-size:12px;margin:0}
.tx-head .tx-dim,.tx-head .tx-hint,.tx-clock{margin-left:auto}
.tx-hint{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--ln2);color:var(--t3);font:500 11px/1 var(--mono);cursor:help}
.tx-clock{font:400 11.5px/1 var(--mono);color:var(--t3);white-space:nowrap}

/* верхній рядок */
.tx-top{grid-area:top;display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:8px 14px;min-width:0}
.tx-pair{display:flex;align-items:center;gap:10px;flex:none}
.tx-pair img{border-radius:50%;display:block}
.tx-pair b{font:600 17px/1.1 var(--f-display,sans-serif);letter-spacing:.02em;display:block}
.tx-pair b span{color:var(--t3);font-weight:400}
.tx-pair small{display:block;font:400 10.5px/1.2 var(--mono);color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.tx-last{flex:none;padding-left:18px;border-left:1px solid var(--ln)}
.tx-price{display:block;font:500 22px/1.1 var(--mono);font-variant-numeric:tabular-nums;transition:color .3s}
.tx-last small{display:block;font:400 11px/1.2 var(--mono);color:var(--t3);margin-top:3px;white-space:nowrap}
.tx-stats{display:flex;gap:18px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.tx-stats::-webkit-scrollbar{display:none}
.tx-stats>div{flex:none}
.tx-stats small{display:block;font-size:11px;line-height:1.2;color:var(--t3);white-space:nowrap}
.tx-stats b{display:block;font:500 13px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px}
.tx-ctl{display:flex;align-items:center;gap:8px;flex:none}
.tx-live{font:400 11px/1 var(--mono);color:var(--t3);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.tx-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--t3)}
.tx-live.on{color:var(--up)}.tx-live.on::before{background:var(--up);box-shadow:0 0 0 0 rgba(46,189,133,.6);animation:txPulse 1.8s infinite}
@keyframes txPulse{to{box-shadow:0 0 0 8px rgba(46,189,133,0)}}
.tx .tx-ib{width:30px;height:30px;border-radius:8px;border:1px solid var(--ln2);display:inline-grid;place-items:center;color:var(--t2);transition:background .2s,color .2s}
.tx .tx-ib:hover{background:var(--card2);color:var(--t1)}
.tx .tx-ib i{font:500 12px/1 var(--mono);font-style:normal}
.tx-seg{display:inline-flex;border:1px solid var(--ln2);border-radius:8px;overflow:hidden;flex:none}
.tx .tx-seg button{padding:0 10px;height:28px;font:500 12px/1 var(--mono);color:var(--t3);transition:background .2s,color .2s}
.tx .tx-seg button+button{border-left:1px solid var(--ln)}
.tx .tx-seg button:hover{color:var(--t1)}
.tx .tx-seg button[aria-pressed="true"]{background:rgba(207,167,124,.16);color:var(--gold-hi)}
.tx-tabs{display:flex;gap:2px;align-self:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}
.tx-tabs::-webkit-scrollbar{display:none}
.tx .tx-tabs button{padding:0 12px;font:500 13px/1 var(--f-body,sans-serif);color:var(--t3);border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s}
.tx .tx-tabs button:hover{color:var(--t1)}
.tx .tx-tabs button[aria-selected="true"]{color:var(--t1);border-bottom-color:var(--gold)}
.tx :is(button,input,select):focus-visible{outline:2px solid var(--blue);outline-offset:1px}

/* графік */
.tx-chart{grid-area:chart;height:440px}
.tx-tools{display:flex;gap:8px;align-items:center;margin-left:8px;min-width:0;overflow-x:auto;scrollbar-width:none}
.tx-tools::-webkit-scrollbar{display:none}
.tx-view{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.tx-cbox{position:relative;flex:1 1 auto;min-height:0}
.tx-cbox canvas{position:absolute;inset:0;display:block;cursor:crosshair;touch-action:pan-y}
.tx-cbox canvas.drag{cursor:grabbing}
.tx-ohlc{position:absolute;z-index:2;left:10px;top:6px;right:84px;display:flex;flex-wrap:wrap;gap:2px 12px;font:400 11px/1.4 var(--mono);color:var(--t3);pointer-events:none}
.tx-ohlc b{font-weight:500;color:var(--t1)}.tx-ohlc .t{color:var(--t2)}
.tx-view>svg{flex:1 1 auto;min-height:0;width:100%;height:100%;display:block}
.tx-leg{position:absolute;left:78px;top:8px;display:flex;gap:16px;font-size:11.5px;color:var(--t2);flex-wrap:wrap}
.tx-leg i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}

/* глибина + стрічка */
.tx-side{grid-area:side}
.tx-book,.tx-tapebox{font:400 12px/1 var(--mono);font-variant-numeric:tabular-nums}
.tx-book{flex:none}
.tx-tapebox{flex:1 1 auto;min-height:120px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
.tx-lh,.tx .tx-lr,.tx-tr{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:6px;align-items:center;padding:0 12px;width:100%}
.tx-lh{height:26px;color:var(--t3);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0;background:var(--card);z-index:1}
.tx-lh span:nth-child(n+2),.tx-lr span:nth-child(n+2),.tx-tr span:nth-child(n+2){text-align:right}
.tx .tx-lr{position:relative;height:22px;text-align:left;font:inherit;color:var(--t2)}
.tx .tx-lr>i{position:absolute;right:0;top:1px;bottom:1px;border-radius:2px 0 0 2px;pointer-events:none}
.tx .tx-lr.ask>i{background:rgba(246,70,93,.11)}.tx .tx-lr.bid>i{background:rgba(46,189,133,.11)}
.tx .tx-lr span{position:relative}
.tx .tx-lr.ask span:first-child{color:var(--down)}.tx .tx-lr.bid span:first-child{color:var(--up)}
.tx button.tx-lr:hover{background:rgba(160,180,235,.08);color:var(--t1)}
.tx .tx-lr.off{color:var(--t3);opacity:.6}
.tx-mid{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border-block:1px solid var(--ln);margin:3px 0}
.tx-mid b{font:500 17px/1 var(--mono)}.tx-mid small{font:400 11px/1 var(--f-body,sans-serif);color:var(--t3)}
.tx-tr{height:21px;color:var(--t2)}
.tx-tr.up span:first-child{color:var(--up)}.tx-tr.down span:first-child{color:var(--down)}
.tx-tr.me{background:rgba(207,167,124,.1)}
.tx-tr span:last-child{color:var(--t3)}
.tx-empty{padding:16px 12px;color:var(--t3);font:400 12.5px/1.5 var(--f-body,sans-serif);text-align:left}

/* ордер + гаманець */
.tx-order{grid-area:order;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}
.tx-form{padding:12px;gap:10px;flex:none}
.tx-wallet{flex:none}
.tx-wallet .tx-q{padding:8px 12px 12px}
.tx-bs{display:grid;grid-template-columns:1fr 1fr;background:#060B18;border-radius:9px;padding:3px;gap:3px}
.tx .tx-bs button{height:36px;border-radius:7px;font:600 14px/1 var(--f-body,sans-serif);color:var(--t3);transition:background .2s,color .2s}
.tx .tx-bs #txTBuy[aria-selected="true"]{background:var(--up);color:#04130C}
.tx .tx-bs #txTSell[aria-selected="true"]{background:var(--down);color:#fff}
.tx-row0{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--t3);flex-wrap:wrap}
.tx-chip{font:400 10.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(207,167,124,.35);border-radius:999px;padding:5px 9px;white-space:nowrap}
.tx-av b{font:500 12px/1 var(--mono);color:var(--t1)}
.tx-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:#060B18;border:1px solid var(--ln2);border-radius:9px;height:46px;transition:border-color .2s}
.tx-in:focus-within{border-color:var(--gold)}
.tx-in>span{padding:0 4px 0 12px;font-size:12px;color:var(--t3)}
.tx-in input{min-width:0;width:100%;height:100%;background:none;border:0;color:var(--t1);font:500 16px/1 var(--mono);text-align:right;padding:0 8px;outline:0}
.tx-in select{height:100%;background:#0E1630;border:0;border-left:1px solid var(--ln2);color:var(--t1);font:500 13px/1 var(--mono);padding:0 8px;border-radius:0 8px 8px 0;cursor:pointer}
.tx-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tx .tx-quick button{height:28px;border:1px solid var(--ln2);border-radius:7px;font:500 12px/1 var(--mono);color:var(--t2);transition:background .2s,color .2s,border-color .2s}
.tx .tx-quick button:hover{border-color:var(--gold);color:var(--gold-hi)}
.tx-q{margin:0;display:grid;gap:0}
.tx-q>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12.5px}
.tx-q dt{color:var(--t3)}
.tx-q dd{margin:0;font:400 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.tx-q .total{border-top:1px solid var(--ln);margin-top:4px;padding-top:9px}
.tx-q .total dt{color:var(--t1);font-weight:600}.tx-q .total dd{font-weight:500;font-size:13.5px;color:var(--gold-hi)}
.tx-q .total dd.up{color:var(--up)}.tx-q .total dd.down{color:var(--down)}
.tx .tx-exec{height:46px;border-radius:9px;font:600 15px/1 var(--f-body,sans-serif);transition:filter .2s,transform .1s,opacity .2s}
.tx .tx-exec.buy{background:var(--up);color:#04130C}.tx .tx-exec.sell{background:var(--down);color:#fff}
.tx .tx-exec:hover:not(:disabled){filter:brightness(1.1)}.tx .tx-exec:active:not(:disabled){transform:translateY(1px)}
.tx .tx-exec:disabled{opacity:.4;cursor:not-allowed}
.tx-msg{margin:0;min-height:18px;font-size:12px;line-height:1.45;color:var(--t3)}

/* нижні вкладки */
.tx-bot{grid-area:bot;min-height:280px}
.tx-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.tx-scroll{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent;max-height:420px}
.tx-pad{padding:14px}
.tx-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ln);flex:none}
.tx .tx-link{color:var(--gold);font:500 12px/1 var(--f-body,sans-serif);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.tx .tx-link:hover{color:var(--gold-hi)}
.tx-t{width:100%;border-collapse:collapse;font-size:12px}
.tx-t th{position:sticky;top:0;background:var(--card);z-index:1;text-align:left;font:400 10.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--t3);padding:9px 10px;white-space:nowrap;border-bottom:1px solid var(--ln)}
.tx-t td{padding:7px 10px;border-bottom:1px solid rgba(160,180,235,.06);white-space:nowrap;color:var(--t2)}
.tx-t td:last-child{white-space:normal;min-width:220px;color:var(--t3)}
.tx-t .n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.tx-t td.tx-empty{white-space:normal}
.tx-who{font-size:11px;padding:3px 7px;border-radius:999px;background:rgba(160,180,235,.1);color:var(--t2)}
.tx-who.w-me{background:rgba(207,167,124,.18);color:var(--gold-hi)}.tx-who.w-whale{background:rgba(125,151,255,.18);color:var(--blue)}
.tx-rbar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#060B18;margin-bottom:14px}
.tx-rbar i{display:block;height:100%}#txBarK{background:linear-gradient(90deg,#8E6844,#CFA77C)}#txBarU{background:#7D97FF}
.tx-rg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.tx-rg>div{background:#060B18;border:1px solid var(--ln);border-radius:9px;padding:10px 12px;min-width:0}
.tx-rg small{display:block;font-size:11px;color:var(--t3);line-height:1.3}
.tx-rg b{display:block;font:500 16px/1.3 var(--mono);margin-top:4px;overflow-wrap:anywhere}
.tx-rg span{display:block;font-size:11px;color:var(--t3);margin-top:2px}
.tx-rg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tx-note{margin:12px 0 0;font-size:12.5px;line-height:1.55;color:var(--t2);max-width:none}
.tx-asum{margin:0 0 10px;font-size:13px;color:var(--t2)}
.tx-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.tx-checks li{display:flex;gap:10px;align-items:flex-start;background:#060B18;border:1px solid var(--ln);border-radius:9px;padding:9px 11px;min-width:0}
.tx-checks li>b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--mono)}
.tx-checks li.ok>b{background:rgba(46,189,133,.16);color:var(--up)}.tx-checks li.bad>b{background:rgba(246,70,93,.18);color:var(--down)}.tx-checks li.info>b{background:rgba(125,151,255,.18);color:var(--blue)}
.tx-checks span{display:block;font-size:12.5px;color:var(--t1)}
.tx-checks small{display:block;font:400 11px/1.45 var(--mono);color:var(--t3);margin-top:2px;overflow-wrap:anywhere}
.tx-sc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.tx-sc h3{margin:0 0 10px;font:600 13px/1 var(--f-body,sans-serif);color:var(--t1)}
.tx-scen{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.tx .tx-scen button{text-align:left;padding:9px 11px;border:1px solid var(--ln2);border-radius:9px;background:#060B18;transition:border-color .2s,background .2s}
.tx .tx-scen button:hover{border-color:var(--gold);background:var(--card2)}
.tx-scen b{display:block;font:600 12.5px/1.3 var(--f-body,sans-serif)}
.tx-scen span{display:block;font-size:11px;color:var(--t3);margin-top:2px}
.tx .tx-scen .reset{border-style:dashed}
.tx-sl{display:block;margin:12px 0 10px}
.tx-sl span{display:flex;justify-content:space-between;font-size:12px;color:var(--t3);margin-bottom:6px}
.tx-sl b{font:500 12px/1 var(--mono);color:var(--t1)}
.tx-sl input{width:100%;accent-color:#CFA77C}
.tx-days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tx .tx-days button{height:34px;border:1px solid var(--ln2);border-radius:8px;font:500 12.5px/1 var(--mono);color:var(--t2);transition:border-color .2s,color .2s}
.tx .tx-days button:hover{border-color:var(--gold);color:var(--gold-hi)}

/* тост і вікна */
.tx-toast{position:fixed;z-index:80;right:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));display:flex;gap:12px;align-items:center;background:#111A36;border:1px solid var(--ln2);border-left:3px solid var(--gold);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.4;box-shadow:0 18px 50px rgba(0,0,0,.5);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.tx-toast.show{opacity:1;transform:none;pointer-events:auto}
.tx-toast.up{border-left-color:var(--up)}.tx-toast.down{border-left-color:var(--down)}
.tx .tx-toast button{flex:none;color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.tx-dlg{border:1px solid var(--ln2);border-radius:14px;background:#0B1226;color:var(--t1);padding:0;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto}
.tx-dlg::backdrop{background:rgba(2,4,10,.72);backdrop-filter:blur(3px)}
.tx-dlg:not([open]){display:none}
.tx-dlg-in{padding:0 0 14px}
.tx-dlg .tx-head{position:sticky;top:0;background:#0B1226;justify-content:space-between;min-height:48px}
.tx-dlg .tx-dim{padding:10px 14px 0}
.tx-rc{padding:6px 14px 0}
.tx-rc>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid rgba(160,180,235,.07);font-size:13px}
.tx-rc span{color:var(--t3)}.tx-rc b{font:400 12.5px/1.45 var(--mono);text-align:right;overflow-wrap:anywhere}
.tx-rc .total b{color:var(--gold-hi);font-weight:500;font-size:14px}
.tx-help{padding:6px 14px 0}
.tx-help p{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:var(--t2);max-width:none}
.tx-help b{color:var(--t1)}

/* планшет: ордер поруч із графіком */
@media (min-width:760px){
  .tx{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"top top" "chart order" "side order" "bot bot"}
  .tx-chart{height:460px}
}
/* десктоп: один екран */
@media (min-width:1180px){
  .tx{grid-template-columns:minmax(0,1fr) 286px 320px;grid-template-rows:auto minmax(0,1fr) minmax(190px,30%);grid-template-areas:"top top top" "chart side order" "bot bot order"}
  .tx.desk{overflow:hidden}
  .tx-chart{height:auto;min-height:300px}
  .tx.desk .tx-order{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
  .tx.desk .tx-bot{min-height:0}
  .tx.desk .tx-scroll{max-height:none}
  .tx.desk .tx-tapebox{max-height:none;min-height:0}
  .tx:not(.desk){grid-template-rows:auto 520px auto}
}
@media (max-width:759px){
  .tx-top{flex-wrap:wrap;gap:10px 14px}
  .tx-last{border-left:0;padding-left:0;margin-left:auto;text-align:right}
  .tx-stats{order:3;flex-basis:100%;gap:18px}
  .tx-ctl{order:2;flex-basis:100%;justify-content:space-between}
  .tx-chart{height:400px}
  .tx-head{flex-wrap:wrap;padding-block:6px;gap:6px 10px}
  .tx-chart .tx-head .tx-tabs{flex:1 1 100%;height:34px}
  .tx-tools{margin-left:0}
  .tx-clock{display:none}
  .tx-ohlc{right:66px;font-size:10px;gap:1px 8px}
  .tx-bot .tx-head{padding-block:0}
  .tx-bot .tx-tabs{height:40px}
}
@media (prefers-reduced-motion:reduce){.tx *{animation:none!important;transition:none!important}}
/* на сторінці біржі зайве не показуємо */
body.wc-terminal .micro{display:none}
body.wc-terminal main{padding:0}

@media (max-width:1560px){.tx-live{font-size:0;gap:0}}

/* 3.5: величина ринку, відкрита монета, відкладені ордери */
.tx-stats .tx-mk b{color:var(--gold-hi);font-size:14px}
.tx-open{flex:none;padding:10px 12px 12px;border-bottom:1px solid var(--ln);display:grid;gap:7px}
.tx-open>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tx-open small{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}
.tx-open b{font:500 13px/1 var(--mono);color:var(--gold-hi);font-variant-numeric:tabular-nums}
.tx-open-bar{height:8px;border-radius:4px;background:#060B18;border:1px solid var(--ln2);overflow:hidden}
.tx-open-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#CFA77C,#F2DCBC);transition:width .4s}
.tx-open-row{display:flex;justify-content:space-between;gap:8px;font:400 11.5px/1 var(--mono);color:var(--t2);font-variant-numeric:tabular-nums}
.tx-ot button{padding:0 10px}
.tx-trig{display:grid;gap:6px}
.tx-trig[hidden]{display:none}
.tx-in>em{font:500 13px/1 var(--mono);font-style:normal;color:var(--t3);padding:0 12px 0 4px}
.tx-trig small{font-size:11.5px;line-height:1.35;min-height:1.35em}
.tx-wlink{display:block;margin:0 12px 12px;padding:10px 12px;border:1px solid rgba(207,167,124,.4);border-radius:9px;color:var(--gold-hi);font-size:12.5px;line-height:1.35;text-decoration:none;transition:background .2s}
.tx-wlink:hover{background:rgba(207,167,124,.1)}
.tx-open-row{white-space:nowrap;font-size:11px}.tx-open-row b{font-size:11px}

/* 3.6: рахунок на біржі окремо від гаманця, перекази */
.tx-fund{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px 0}
.tx .tx-fund button{height:36px;border:1px solid var(--ln2);border-radius:8px;font:600 12.5px/1 var(--f-body,sans-serif);color:var(--t1);transition:background .2s,border-color .2s}
.tx .tx-fund button:hover{border-color:var(--gold)}
.tx .tx-fund.hot button:first-child{background:linear-gradient(180deg,#F2DCBC,#CFA77C);color:#170F07;border-color:#CFA77C}
.tx-xf{display:grid;gap:10px;padding:12px 14px 0}
.tx .tx-xfd button[aria-pressed="true"]{background:rgba(207,167,124,.2);color:var(--gold-hi)}
.tx .tx-xfd button{height:36px;border-radius:7px;font:600 13px/1 var(--f-body,sans-serif);color:var(--t3)}