/* Markets (/market) + Spot trading preview (/trade/spot/{SYM}) */
.mk,.sp{--mk-up:var(--up,#00a86b);--mk-dn:var(--down,#e5384f);--mk-card:var(--bg-raised,#fff);--mk-line:var(--line,#dde5f0)}
.mk .is-up,.sp .is-up{color:var(--mk-up)} .mk .is-dn,.sp .is-dn{color:var(--mk-dn)}
.mk-wrap{max-width:1200px;margin:0 auto;padding:22px 16px 60px}
.mk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.mk-head__h{font-size:1.7rem;margin:0}
.mk-head__p{margin:4px 0 0;color:var(--ink-3);font-size:.85rem;display:flex;align-items:center;gap:6px}
.mk-live{width:8px;height:8px;border-radius:50%;background:var(--mk-up);box-shadow:0 0 0 0 rgba(0,168,107,.5);animation:mkPulse 1.8s infinite}
@keyframes mkPulse{70%{box-shadow:0 0 0 7px rgba(0,168,107,0)}100%{box-shadow:0 0 0 0 rgba(0,168,107,0)}}
.mk-search{display:flex;align-items:center;gap:8px;background:var(--bg-inset);border:1px solid transparent;border-radius:12px;padding:0 12px;height:42px;min-width:min(320px,100%);color:var(--ink-3)}
.mk-search:focus-within{border-color:var(--brand);background:var(--mk-card)}
.mk-search input{border:0;background:none;outline:none;flex:1;font:inherit;color:var(--ink);min-width:0}
.mk-news{display:flex;align-items:center;gap:10px;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:12px;padding:8px 12px;margin-bottom:14px;overflow:hidden}
.mk-news__tag{font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--brand);color:#fff;border-radius:6px;padding:3px 7px;flex:0 0 auto}
.mk-news__track{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;color:var(--ink-2);flex:1}
.mk-news__track span.is-in{display:inline-block;animation:mkIn .45s ease}
@keyframes mkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mk-cats,.mk-types{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.mk-cats::-webkit-scrollbar,.mk-types::-webkit-scrollbar{display:none}
.mk-cats button{flex:0 0 auto;border:0;background:none;font:inherit;font-weight:600;font-size:.95rem;color:var(--ink-3);padding:8px 12px;border-radius:10px;cursor:pointer}
.mk-cats button.is-on{color:var(--ink);background:var(--bg-inset)}
.mk-types button{flex:0 0 auto;border:1px solid var(--mk-line);background:none;font:inherit;font-size:.82rem;font-weight:600;color:var(--ink-3);padding:5px 12px;border-radius:999px;cursor:pointer}
.mk-types button.is-on{color:var(--brand-deep,#0088a8);border-color:var(--brand);background:var(--brand-wash,#e6faff)}
[data-theme="dark"] .mk-types button.is-on{background:rgba(0,184,221,.12);color:var(--brand-bright,#00d4ff)}
/* overview */
.mk-ov{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.mk-ov[hidden]{display:none}
.mk-card{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:16px;padding:14px;min-width:0}
.mk-card h3{font-size:.9rem;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}
.mk-card--wide{grid-column:span 2}
.mk-card--full{grid-column:1/-1}
.mk-card--full .mk-spark{height:70px}
.mk-more{color:var(--ink-3)}
.mk-gauge{position:relative;max-width:180px;margin:0 auto}
.mk-gauge svg{width:100%;display:block}
.mk-gauge path{fill:none;stroke-width:10;stroke-linecap:round}
.mk-gauge__bg{stroke:var(--bg-inset)} .mk-gauge__fg{stroke:url(#x);stroke:var(--mk-up);stroke-dasharray:120 200;transition:stroke-dasharray .8s}
.mk-gauge__v{position:absolute;left:0;right:0;bottom:2px;text-align:center}
.mk-gauge__v strong{display:block;font-size:1.5rem;line-height:1}
.mk-gauge__v span{font-size:.75rem;color:var(--mk-up);font-weight:700}
.mk-logo{position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--bg-inset);overflow:hidden;display:inline-grid;place-items:center}
.mk-logo::before{content:attr(data-l);font-weight:700;font-size:.8rem;color:var(--ink-3)}
.mk-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--bg-inset)}
.mk-logo--sm{width:24px;height:24px;flex-basis:24px} .mk-logo--md{width:36px;height:36px;flex-basis:36px}
.mk-mini,.mk-rr,.mk-trader,.mk-pc,.mk-mv,.mk-ai__c{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;padding:7px 4px;border-radius:10px}
.mk-mini:hover,.mk-rr:hover,.mk-pc:hover,.mk-mv:hover,.mk-ai__c:hover{background:var(--bg-inset)}
.mk-mini b,.mk-rr b{flex:1;font-size:.86rem}
.mk-mini>span:not(.mk-logo),.mk-rr>span:not(.mk-logo){font-size:.86rem;font-weight:600}
.mk-ai__c>span:not(.mk-logo){display:flex;flex-direction:column;flex:1;min-width:0} .mk-ai__c small{color:var(--ink-3);font-size:.75rem}
.mk-ai__p{text-align:right;font-weight:700;font-size:.9rem;align-items:flex-end} .mk-ai__p em{font-style:normal;font-size:.78rem}
.mk-ai__bar,.mk-wh__bar{height:6px;border-radius:6px;background:var(--mk-dn);overflow:hidden;margin:8px 0 4px}
.mk-ai__bar span,.mk-wh__bar span{display:block;height:100%;background:var(--mk-up);transition:width .6s}
.mk-ai__lg{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-3)}
.mk-ask{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:12px;background:var(--bg-inset);color:var(--ink-2);font-size:.8rem;text-decoration:none}
.mk-ask span{background:linear-gradient(135deg,var(--brand),#7c5cff);color:#fff;border-radius:7px;font-weight:800;font-size:.7rem;padding:3px 6px}
.mk-ask b{margin-left:auto;color:var(--brand)}
.mk-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.mk-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--bg-inset);text-decoration:none;color:inherit;font-size:.8rem;transition:transform .15s}
.mk-tile:hover{transform:translateY(-2px)}
.mk-tile__l{font-size:.68rem;color:var(--ink-3);white-space:nowrap}
.mk-tile>span:last-child{font-weight:700}
.mk-seg{display:flex;background:var(--bg-inset);border-radius:10px;padding:3px;margin-bottom:6px}
.mk-seg button{flex:1;border:0;background:none;font:inherit;font-size:.78rem;font-weight:600;color:var(--ink-3);padding:6px;border-radius:8px;cursor:pointer}
.mk-seg button.is-on{background:var(--mk-card);color:var(--ink);box-shadow:var(--shadow-sm)}
.mk-rr i{font-style:normal;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:6px;background:currentColor}
.mk-rr i.is-up{background:rgba(0,168,107,.14)} .mk-rr i.is-dn{background:rgba(229,56,79,.14)}
.mk-rr>span:not(.mk-logo){color:var(--ink-2);font-weight:500}
.mk-trader__a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;background:#00b8dd}
.mk-trader__a[data-i="1"]{background:#7c5cff}.mk-trader__a[data-i="2"]{background:#f59e0b}.mk-trader__a[data-i="3"]{background:#ef4444}
.mk-trader__n{flex:1;font-size:.85rem;font-weight:600;display:flex;flex-direction:column}
.mk-trader__n small{color:var(--ink-3);font-weight:500;font-size:.7rem}
.mk-trader b{font-size:.9rem}
.mk-pc>span:not(.mk-logo),.mk-mv>span:not(.mk-logo){flex:1;display:flex;flex-direction:column;min-width:0}
.mk-pc small,.mk-mv small{color:var(--ink-3);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-pc i{font-style:normal;font-size:.66rem;font-weight:800;padding:3px 6px;border-radius:6px}
.mk-pc__bull{color:var(--mk-up);background:rgba(0,168,107,.12)} .mk-pc__bear{color:var(--mk-dn);background:rgba(229,56,79,.12)}
.mk-wh{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 8px;margin-bottom:8px}
.mk-wh b{font-size:.84rem} .mk-wh__bar{margin:0} .mk-wh small{grid-column:1/-1;font-size:.72rem;color:var(--ink-3)}
.mk-wh__elim{margin:6px 0 0;font-size:.78rem;color:var(--mk-dn);font-weight:600}
.mk-mv em{font-style:normal;font-weight:700}
.mk-spark{width:100%;height:60px;margin-top:6px}
.mk-spark polyline{fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke}
/* list */
.mk-list{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:16px;padding:14px}
.mk-th{display:grid;grid-template-columns:1fr 1fr 96px;padding:6px 8px;border-bottom:1px solid var(--mk-line)}
.mk-th button{border:0;background:none;font:inherit;font-size:.75rem;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}
.mk-th button:nth-child(2){justify-content:flex-end} .mk-th button:nth-child(3){justify-content:flex-end}
.mk-th i{width:0;height:0;border:4px solid transparent;border-top-color:var(--ink-faint);margin-top:4px}
.mk-th .is-desc{color:var(--ink)} .mk-th .is-desc i{border-top-color:var(--brand)}
.mk-th .is-asc{color:var(--ink)} .mk-th .is-asc i{border-top-color:transparent;border-bottom-color:var(--brand);margin:-4px 0 0}
.mk-row{display:grid;grid-template-columns:auto auto 1fr 1fr 96px;align-items:center;gap:10px;padding:10px 8px;border-radius:12px;color:inherit;text-decoration:none}
.mk-row:hover{background:var(--bg-inset)}
.mk-star{border:0;background:none;font-size:1rem;color:var(--ink-faint);cursor:pointer;padding:0 2px;line-height:1}
.mk-star.is-on{color:#f5b301}
.mk-row__pair{display:flex;flex-direction:column;min-width:0}
.mk-row__pair strong{font-size:.95rem} .mk-row__pair em{font-style:normal;color:var(--ink-3);font-weight:500;font-size:.8rem}
.mk-row__pair span{font-size:.74rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-row__px{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;border-radius:6px;transition:background .6s}
.mk-row__px small{font-weight:400;font-size:.72rem;color:var(--ink-3)}
.mk-row__px.flash-up{background:rgba(0,168,107,.14)} .mk-row__px.flash-dn{background:rgba(229,56,79,.14)}
.mk-row__chg{justify-self:end;min-width:80px;text-align:center;font-weight:700;font-size:.85rem;color:#fff!important;border-radius:8px;padding:7px 6px;font-variant-numeric:tabular-nums}
.mk-row__chg.is-up{background:var(--mk-up)} .mk-row__chg.is-dn{background:var(--mk-dn)}
.mk-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 12px;color:var(--ink-3);text-align:center;font-size:.86rem}
.mk-empty b{color:var(--ink);font-size:.95rem}
.mk-all{display:block;width:100%;margin-top:8px;border:0;background:var(--bg-inset);border-radius:12px;padding:11px;font:inherit;font-weight:600;color:var(--brand-deep,#0088a8);cursor:pointer}
@media (max-width:960px){.mk-ov{grid-template-columns:1fr 1fr}.mk-card--wide{grid-column:1/-1}}
@media (max-width:620px){
  .mk-wrap{padding:14px 12px 40px}
  .mk-head__h{font-size:1.4rem} .mk-search{min-width:100%}
  .mk-ov{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px 16px;padding:0 12px 4px;scrollbar-width:none}
  .mk-ov::-webkit-scrollbar{display:none}
  .mk-ov>.mk-card{flex:0 0 86%;scroll-snap-align:center}
  .mk-ov>.mk-card--wide,.mk-ov>.mk-card--full{flex-basis:92%}
  .mk-tiles{grid-template-columns:repeat(3,1fr)}
  .mk-list{padding:8px;border-radius:14px}
  .mk-row{grid-template-columns:auto 1fr auto 84px;gap:8px;padding:10px 4px}
  .mk-row .mk-star{display:none}
  .mk-th{grid-template-columns:1fr 1fr 84px}
  .mk-row__chg{min-width:74px;font-size:.8rem}
}

/* ══ SPOT ══════════════════════════════════════════════════════════════ */
.sp{max-width:1400px;margin:0 auto;padding:12px 12px 40px;overflow-x:hidden;box-sizing:border-box}
.sp-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:14px;padding:10px 14px;margin-bottom:10px}
.sp-pair{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:4px;border-radius:10px;text-align:left}
.sp-pair:hover{background:var(--bg-inset)}
.sp-pair strong{display:block;font-size:1.05rem} .sp-pair small{color:var(--ink-3);font-size:.75rem}
.sp-px strong{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums} .sp-px small{color:var(--ink-3);font-size:.75rem}
.sp-stats{display:flex;gap:22px;margin:0;flex-wrap:wrap}
.sp-stats dt{font-size:.7rem;color:var(--ink-3)} .sp-stats dd{margin:2px 0 0;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}
.sp-back{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--brand-deep,#0088a8);text-decoration:none;padding:6px 10px;border-radius:8px;background:var(--bg-inset)}
.sp-tabs{display:none}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px 320px;grid-template-areas:"chart book form" "orders trades form";gap:10px}
.sp-card{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:14px;padding:12px;min-width:0}
.sp-card h3{font-size:.86rem;margin:0 0 8px}
.sp-chart{grid-area:chart;display:flex;flex-direction:column;min-height:440px}
.sp-book{grid-area:book} .sp-trades{grid-area:trades} .sp-form{grid-area:form;align-self:start;position:sticky;top:80px} .sp-orders{grid-area:orders}
.sp-chart__tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.sp-chart__tools button{border:0;background:none;font:inherit;font-size:.78rem;font-weight:600;color:var(--ink-3);padding:4px 9px;border-radius:7px;cursor:pointer}
.sp-chart__tools button.is-on{background:var(--bg-inset);color:var(--ink)}
.sp-chart__ohlc{margin-left:auto;font-size:.72rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sp-chart__ohlc b{color:var(--ink-2);font-weight:600;margin-right:6px}
.sp-chart__plot{flex:1;position:relative;min-height:360px}
.sp-chart__plot svg{position:absolute;inset:0;width:100%;height:100%}
.sp-grid-l{stroke:var(--line-soft,#eaeff7);stroke-width:1}
.sp-axis{font-size:10px;fill:var(--ink-faint)}
.sp-up{stroke:var(--mk-up);fill:var(--mk-up)} .sp-dn{stroke:var(--mk-dn);fill:var(--mk-dn)}
.sp-vol{opacity:.25;stroke:none}
.sp-last{stroke:var(--brand);stroke-dasharray:3 3}
.sp-last-b{fill:var(--brand)} .sp-last-t{fill:#fff;font-size:10px;font-weight:700}
.sp-book__th{display:grid;grid-template-columns:1.1fr 1fr 1fr;font-size:.7rem;color:var(--ink-3);padding:0 4px 6px}
.sp-book__th span:not(:first-child),.sp-br span:not(:first-child){text-align:right}
.sp-br{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;font-size:.76rem;padding:3px 4px;font-variant-numeric:tabular-nums;cursor:pointer}
.sp-br::before{content:"";position:absolute;right:0;top:1px;bottom:1px;width:var(--d,0);opacity:.12;transition:width .4s}
.sp-br.is-ask span:first-child{color:var(--mk-dn)} .sp-br.is-ask::before{background:var(--mk-dn)}
.sp-br.is-bid span:first-child{color:var(--mk-up)} .sp-br.is-bid::before{background:var(--mk-up)}
.sp-br span{position:relative}
.sp-book__mid{display:flex;align-items:baseline;gap:8px;padding:8px 4px;border-block:1px solid var(--mk-line);margin:4px 0}
.sp-book__mid strong{font-size:1.05rem} .sp-book__mid small{color:var(--ink-3);font-size:.72rem}
.sp-side{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-inset);border-radius:10px;padding:3px;margin-bottom:10px}
.sp-side button{border:0;background:none;font:inherit;font-weight:700;padding:8px;border-radius:8px;color:var(--ink-3);cursor:pointer}
.sp-side [data-side=buy].is-on{background:var(--mk-up);color:#fff} .sp-side [data-side=sell].is-on{background:var(--mk-dn);color:#fff}
.sp-otype{display:flex;gap:14px;margin-bottom:10px}
.sp-otype button{border:0;background:none;font:inherit;font-size:.85rem;font-weight:600;color:var(--ink-3);padding:2px 0;cursor:pointer;border-bottom:2px solid transparent}
.sp-otype button.is-on{color:var(--ink);border-color:var(--brand)}
.sp-in{display:flex;align-items:center;gap:8px;background:var(--bg-inset);border:1px solid transparent;border-radius:10px;padding:0 10px;height:42px;margin-bottom:8px}
.sp-in:focus-within{border-color:var(--brand)}
.sp-in span{font-size:.78rem;color:var(--ink-3);min-width:50px} .sp-in em{font-style:normal;font-size:.78rem;color:var(--ink-3)}
.sp-in input{flex:1;min-width:0;border:0;background:none;outline:none;text-align:right;font:inherit;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.sp-in.is-market input{color:var(--ink-3);font-weight:500}
.sp-pct{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.sp-pct button{border:1px solid var(--mk-line);background:none;border-radius:8px;font:inherit;font-size:.75rem;padding:5px;color:var(--ink-3);cursor:pointer}
.sp-pct button.is-on{border-color:var(--brand);color:var(--brand-deep,#0088a8)}
.sp-avail{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-3);margin:4px 0 12px} .sp-avail b{color:var(--ink);font-weight:600}
.sp-go{width:100%;border:0;border-radius:12px;padding:13px;font:inherit;font-weight:700;color:#fff;cursor:pointer}
.sp-go.is-buy{background:var(--mk-up)} .sp-go.is-sell{background:var(--mk-dn)}
.sp-note{font-size:.72rem;color:var(--ink-3);margin:10px 0 0;text-align:center;line-height:1.5}
.sp-otabs{display:flex;gap:16px;border-bottom:1px solid var(--mk-line);margin-bottom:4px}
.sp-otabs button{border:0;background:none;font:inherit;font-size:.84rem;font-weight:600;color:var(--ink-3);padding:6px 0;border-bottom:2px solid transparent;cursor:pointer}
.sp-otabs button.is-on{color:var(--ink);border-color:var(--brand)}
.sp-sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center}
.sp-sheet[hidden]{display:none}
.sp-sheet__bg{position:absolute;inset:0;background:rgba(5,11,24,.5)}
.sp-sheet__p{position:relative;width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column;gap:10px;background:var(--mk-card);border-radius:20px 20px 0 0;padding:16px;animation:mkUp .25s ease}
@media (min-width:700px){.sp-sheet{align-items:center}.sp-sheet__p{border-radius:20px}}
@keyframes mkUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.sp-sheet__h{display:flex;justify-content:space-between;align-items:center}
.sp-sheet__h button{border:0;background:var(--bg-inset);width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--ink)}
.sp-sheet__list{overflow:auto;margin:0 -6px}
.sp-sheet__list .mk-row{grid-template-columns:auto 1fr auto 84px}
@media (max-width:1180px){.sp-grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"chart form" "book form" "trades orders"}}
@media (max-width:760px){
  .sp{padding:8px 8px 30px}
  .sp-bar{gap:10px 16px;padding:10px}
  .sp-stats{gap:14px;width:100%;order:3} .sp-back{display:none}
  .sp-tabs{display:flex;gap:4px;margin-bottom:8px}
  .sp-tabs button{flex:1;border:0;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:10px;padding:8px;font:inherit;font-size:.82rem;font-weight:600;color:var(--ink-3)}
  .sp-tabs button.is-on{color:var(--ink);border-color:var(--brand)}
  .sp-grid{grid-template-columns:1fr;grid-template-areas:"pane" "form" "orders"}
  .sp-chart,.sp-book,.sp-trades{grid-area:pane;display:none}
  .sp-chart.is-pane-on{display:flex;min-height:340px} .sp-book.is-pane-on,.sp-trades.is-pane-on{display:block}
  .sp-chart__plot{min-height:280px}
  .sp-form{position:static}
}

/* ==========================================================================
   Update 15 — livelier Markets + Spot screens (layout and data unchanged)
   ========================================================================== */
/* markets hero banner */
.mk-hero{position:relative;overflow:hidden;isolation:isolate;margin:-6px 0 16px;padding:22px 22px 18px;border-radius:18px;color:#e8f3ff;
  background:radial-gradient(800px 300px at 85% 0,#12407a 0,transparent 60%),linear-gradient(135deg,#050d1c,#0a1f3d 60%,#062a3d)}
.mk-hero__fx{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(96,165,250,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}
.mk-hero .mk-head{margin-bottom:16px}
.mk-hero .mk-head__h{color:#fff;font-size:1.9rem}
.mk-hero .mk-head__p{color:#8fb0d3}
.mk-hero .mk-search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#8fb0d3}
.mk-hero .mk-search input{color:#fff}.mk-hero .mk-search input::placeholder{color:#8fb0d3}
.mk-hero .mk-search:focus-within{background:rgba(255,255,255,.12);border-color:#22d3ee}
.mk-spot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk-spot__c{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l l" "r r" "p c";gap:6px 8px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e8f3ff;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}
.mk-spot__c:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(34,211,238,.5)}
.mk-spot__l{grid-area:l;font-size:.74rem;color:#8fb0d3;font-weight:600}
.mk-spot__r{grid-area:r;display:flex;align-items:center;gap:10px}.mk-spot__r b{display:block}.mk-spot__r small{font-size:.72rem;color:#8fb0d3}
.mk-spot__p{grid-area:p;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;padding:2px 4px;margin-left:-4px;border-radius:4px;align-self:end}
.mk-spot__p.flash-up{background:rgba(34,197,94,.25)}.mk-spot__p.flash-dn{background:rgba(244,63,94,.25)}
.mk-spot__c2{grid-area:c;align-self:end;font-family:var(--font-mono);font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:6px}
.mk-hero .mk-spot__c2.is-up{color:#22c55e;background:rgba(34,197,94,.14)}.mk-hero .mk-spot__c2.is-dn{color:#fb7185;background:rgba(244,63,94,.14)}
.mk-cats button{transition:background .15s,color .15s}
.mk-cats button.is-on{color:var(--brand-deep,#0088a8);background:var(--brand-wash,#e6faff)}
[data-theme="dark"] .mk-cats button.is-on{color:var(--brand);background:rgba(0,184,221,.12)}
.mk-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.mk-card:hover{transform:translateY(-2px);border-color:rgba(0,184,221,.45);box-shadow:var(--shadow-md)}
.mk-list{border-radius:18px}
.mk-row{transition:background .15s,transform .15s}
.mk-row:hover{transform:translateX(2px)}
.mk-row__px{transition:background .4s}
@media (max-width:760px){
  .mk-hero{padding:16px 14px 14px;border-radius:14px;margin-top:0}
  .mk-hero .mk-head__h{font-size:1.5rem}
  .mk-spot{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mk-spot__c{padding:11px}.mk-spot__r small{display:none}.mk-spot__p{font-size:.95rem}
}

/* spot screen */
.sp-bar{position:relative;overflow:hidden;background:linear-gradient(135deg,#050d1c,#0a1f3d 60%,#082c44);border-color:rgba(96,165,250,.2);color:#e8f3ff}
.sp-bar .sp-pair:hover{background:rgba(255,255,255,.08)}
.sp-bar .sp-pair small,.sp-bar .sp-px small,.sp-bar .sp-stats dt{color:#8fb0d3}
.sp-bar .sp-stats dd{color:#e8f3ff}
.sp-bar .is-up{color:#22c55e}.sp-bar .is-dn{color:#fb7185}
.sp-bar .sp-back{background:rgba(34,211,238,.14);color:#22d3ee}
.sp-px strong{font-family:var(--font-mono);font-size:1.45rem;padding:0 4px;margin-left:-4px;border-radius:4px}
.sp-flash-up{animation:spFU .9s}.sp-flash-dn{animation:spFD .9s}
@keyframes spFU{0%{background:rgba(34,197,94,.3)}100%{background:transparent}}
@keyframes spFD{0%{background:rgba(244,63,94,.3)}100%{background:transparent}}
.sp-livetag{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:.72rem;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:.06em}
.sp-livetag+.sp-back{margin-left:0}
.sp-card{transition:border-color .2s}
.sp-chart__plot{overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 30%,rgba(0,184,221,.05),transparent 70%)}
.sp-wm{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,4.2rem);letter-spacing:-.03em;color:var(--ink);opacity:.045;pointer-events:none;white-space:nowrap}
.sp-ma{fill:none;stroke-width:1.4}.sp-ma--7{stroke:#f5b301}.sp-ma--25{stroke:#a78bfa}
.sp-xh line{stroke:var(--ink-3);stroke-dasharray:3 3;stroke-width:1}
.sp-xh__b{fill:var(--ink)}.sp-xh__t{fill:var(--bg);font-size:10px;font-weight:700}
.sp-chart__plot{cursor:crosshair}
.sp-chart__leg{display:flex;gap:14px;flex-wrap:wrap;padding-top:6px;font-size:.72rem;color:var(--ink-3)}
.sp-leg{display:inline-flex;align-items:center;gap:6px}
.sp-leg--7::before,.sp-leg--25::before{content:'';width:14px;height:2px;border-radius:2px;background:#f5b301}.sp-leg--25::before{background:#a78bfa}
.sp-leg--live{margin-left:auto}
.sp-br{border-radius:4px;transition:background .15s}
.sp-br:hover{background:var(--bg-inset)}
.sp-br.is-new{animation:spNew 1.2s ease}
@keyframes spNew{0%{background:rgba(0,184,221,.18);transform:translateX(-4px)}100%{background:transparent;transform:none}}
.sp-book__mid strong{font-family:var(--font-mono);font-size:1.15rem}
.sp-book__mid strong.is-up::after{content:' ↑'}.sp-book__mid strong.is-dn::after{content:' ↓'}
.sp-side{border-radius:12px}
.sp-side [data-side=buy].is-on{background:linear-gradient(90deg,#00a86b,#00c47d);box-shadow:0 6px 16px -6px rgba(0,168,107,.6)}
.sp-side [data-side=sell].is-on{background:linear-gradient(90deg,#e5384f,#f0566b);box-shadow:0 6px 16px -6px rgba(229,56,79,.6)}
.sp-in{transition:border-color .15s,box-shadow .15s}
.sp-in:focus-within{box-shadow:0 0 0 3px rgba(0,184,221,.15)}
.sp-pct button{transition:border-color .15s,color .15s,background .15s}
.sp-pct button:hover{border-color:var(--brand);color:var(--brand-deep,#0088a8)}
.sp-pct button.is-on{background:var(--brand-wash,#e6faff)}
.sp-go{transition:filter .15s,transform .15s,box-shadow .15s}
.sp-go:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sp-go.is-buy{background:linear-gradient(90deg,#00a86b,#00c47d);box-shadow:0 10px 22px -10px rgba(0,168,107,.8)}
.sp-go.is-sell{background:linear-gradient(90deg,#e5384f,#f0566b);box-shadow:0 10px 22px -10px rgba(229,56,79,.8)}
/* pairs card */
.sp-pairs{grid-area:pairs}
.sp-pairs__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.sp-pairs__h h3{margin:0}
.sp-pk{display:flex;gap:2px}
.sp-pk button{border:0;background:none;font:inherit;font-size:.74rem;font-weight:600;color:var(--ink-3);padding:4px 8px;border-radius:999px;cursor:pointer}
.sp-pk button.is-on{background:var(--brand-wash,#e6faff);color:var(--brand-deep,#0088a8)}
[data-theme="dark"] .sp-pk button.is-on{background:rgba(0,184,221,.12);color:var(--brand)}
.sp-pairs__th,.sp-pr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px;gap:6px;align-items:center}
.sp-pairs__th{font-size:.7rem;color:var(--ink-3);padding:0 6px 4px}
.sp-pairs__th span:not(:first-child),.sp-pr span{text-align:right}
.sp-pr{grid-template-columns:22px minmax(0,1.1fr) minmax(0,1fr) 64px;padding:6px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.78rem;font-variant-numeric:tabular-nums;transition:background .15s}
.sp-pairs__th{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px}
.sp-pr:hover{background:var(--bg-inset)}.sp-pr.is-cur{background:var(--brand-wash,#e6faff)}
[data-theme="dark"] .sp-pr.is-cur{background:rgba(0,184,221,.1)}
.sp-pr b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-pr b em{font-style:normal;color:var(--ink-3);font-weight:500}
.sp-pr .is-up,.sp-pr .is-dn{font-weight:700}
.sp-grid{grid-template-areas:"chart book form" "orders trades pairs"}
.sp-form{position:static}
@media (max-width:1180px){.sp-grid{grid-template-areas:"chart form" "book pairs" "trades orders"}}
@media (max-width:760px){
  .sp-grid{grid-template-areas:"pane" "form" "pairs" "orders"}
  .sp-livetag{margin-left:0}
  .sp-px strong{font-size:1.25rem}
}

/* ══ SPOT — PRO LAYOUT (update 24) ═══════════════════════════════════════
   /trade/spot/{SYM}: markets · chart · order book · order form · orders. */
.zt{--mk-up:var(--up,#00a86b);--mk-dn:var(--down,#e5384f);--mk-card:var(--bg-raised,#fff);--mk-line:var(--line,#dde5f0);
  max-width:1720px;margin:0 auto;padding:8px 8px 40px;box-sizing:border-box;font-variant-numeric:tabular-nums}
.zt .is-up{color:var(--mk-up)} .zt .is-dn{color:var(--mk-dn)}
.zt button{font:inherit;color:inherit}
.zt-card{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:10px;min-width:0;box-sizing:border-box}
/* ticker bar */
.zt-bar{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:10px;padding:8px 14px;margin-bottom:6px}
.zt-fav{border:0;background:none;font-size:1.05rem;color:var(--ink-3);cursor:pointer;padding:2px;line-height:1}
.zt-fav.is-on{color:#f0b90b}
.zt-pair{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:4px 6px;border-radius:8px;text-align:left}
.zt-pair:hover{background:var(--bg-inset)}
.zt-pair strong{display:block;font-size:1.1rem} .zt-pair small{color:var(--ink-3);font-size:.74rem}
.zt-px strong{display:block;font-size:1.35rem;font-weight:700} .zt-px small{color:var(--ink-3);font-size:.74rem}
.zt-stats{display:flex;gap:22px;margin:0;flex-wrap:wrap}
.zt-stats dt{font-size:.7rem;color:var(--ink-3);white-space:nowrap} .zt-stats dd{margin:2px 0 0;font-size:.82rem;font-weight:600}
.zt-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--ink-3)}
/* layout */
.zt-mtabs,.zt-mbar{display:none}
.zt-grid{display:grid;gap:6px;grid-template-columns:270px minmax(0,1fr) 290px 310px;
  grid-template-areas:"mkts chart book form" "orders orders orders form";align-items:stretch}
.zt-mkts{grid-area:mkts;display:flex;flex-direction:column;padding:10px;height:620px}
.zt-chart{grid-area:chart;display:flex;flex-direction:column;height:620px;overflow:hidden}
.zt-book{grid-area:book;padding:10px;height:620px;display:flex;flex-direction:column;overflow:hidden}
.zt-form{grid-area:form;padding:12px;align-self:start;position:sticky;top:76px}
.zt-orders{grid-area:orders;padding:0 12px 12px;min-height:240px}
/* shared bits */
.zt-tabs{display:flex;gap:18px}
.zt-tabs button{border:0;background:none;padding:10px 0 8px;font-size:.86rem;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent;cursor:pointer}
.zt-tabs button.is-on{color:var(--ink);border-color:var(--brand)}
.zt-seg{display:inline-flex;background:var(--bg-inset);border-radius:8px;padding:2px}
.zt-seg button{border:0;background:none;padding:5px 10px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--ink-3);cursor:pointer}
.zt-seg button.is-on{background:var(--mk-card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.zt-seg--sm button{padding:4px 8px;font-size:.74rem}
.zt-th{display:grid;grid-template-columns:1.1fr 1fr 1fr;font-size:.7rem;color:var(--ink-3);padding:6px 2px}
.zt-th span:not(:first-child),.zt-br span:not(:first-child){text-align:right}
.zt-br{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;font-size:.75rem;line-height:1.55;padding:0 2px;cursor:pointer}
.zt-br:hover{background:var(--bg-inset)}
.zt-br::before{content:"";position:absolute;right:0;top:1px;bottom:1px;width:var(--d,0);opacity:.13;transition:width .35s}
.zt-br.is-ask span:first-child{color:var(--mk-dn)} .zt-br.is-ask::before{background:var(--mk-dn)}
.zt-br.is-bid span:first-child{color:var(--mk-up)} .zt-br.is-bid::before{background:var(--mk-up)}
.zt-br span{position:relative}
.zt-br.is-new{animation:ztNew .8s}
@keyframes ztNew{from{background:rgba(0,180,216,.18)}to{background:transparent}}
/* markets */
.zt-search{display:flex;align-items:center;gap:6px;background:var(--bg-inset);border-radius:8px;padding:0 10px;height:32px;color:var(--ink-3);margin-bottom:8px}
.zt-search input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:.8rem;color:var(--ink)}
.zt-mkts .zt-seg{margin-bottom:6px;align-self:flex-start}
.zt-mkts__th{display:grid;grid-template-columns:1.3fr 1fr .8fr;font-size:.7rem;color:var(--ink-3);padding:4px 2px}
.zt-mkts__th span{cursor:pointer;user-select:none} .zt-mkts__th span:not(:first-child){text-align:right}
.zt-mkts__th .is-asc::after{content:" ▲"} .zt-mkts__th .is-desc::after{content:" ▼"}
.zt-mkts__list{overflow:auto;flex:1;margin:0 -4px;padding:0 4px}
.zt-pr{display:grid;grid-template-columns:1.3fr 1fr .8fr;font-size:.76rem;padding:5px 2px;border-radius:6px;text-decoration:none;color:var(--ink)}
.zt-pr:hover,.zt-pr.is-cur{background:var(--bg-inset)}
.zt-pr b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .zt-pr b em{font-style:normal;color:var(--ink-3);font-weight:400}
.zt-pr b i{font-style:normal;color:var(--ink-faint,#b7c0cc);margin-right:5px;cursor:pointer} .zt-pr b i.is-fav{color:#f0b90b}
.zt-pr span{text-align:right}
/* chart */
.zt-chart__top{display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid var(--mk-line)}
.zt-chart__tools{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 10px;border-bottom:1px solid var(--mk-line)}
.zt-chart__tools>button{border:0;background:none;font-size:.76rem;font-weight:600;color:var(--ink-3);padding:4px 7px;border-radius:6px;cursor:pointer}
.zt-chart__tools>button:hover{color:var(--ink)} .zt-chart__tools>button.is-on{color:var(--brand-deep,#0088a8);background:var(--bg-inset)}
.zt-chart__tools.is-dim,.zt .is-dim{opacity:.4;pointer-events:none}
.zt-sep{width:1px;height:16px;background:var(--mk-line);margin:0 6px}
.zt-ico{font-size:.95rem!important}
.zt-chart__ohlc{flex-basis:100%;font-size:.7rem;color:var(--ink-3);padding:4px 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zt-chart__ohlc b{font-weight:600;margin-right:5px} .zt-chart__ohlc i{font-style:normal;margin-left:6px}
.zt-dd{position:relative}
.zt-dd>button{display:inline-flex;align-items:center;gap:3px;border:0;background:none;font-size:.76rem;font-weight:600;color:var(--ink-3);padding:4px 7px;border-radius:6px;cursor:pointer}
.zt-dd>button:hover{color:var(--ink)}
.zt-dd__m{display:none;position:absolute;z-index:30;top:100%;left:0;min-width:170px;background:var(--mk-card);border:1px solid var(--mk-line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:6px}
.zt-dd.is-open .zt-dd__m{display:block}
.zt-dd__m button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;border-radius:6px;font-size:.8rem;cursor:pointer}
.zt-dd__m button:hover,.zt-dd__m button.is-on{background:var(--bg-inset)} .zt-dd__m button.is-on{color:var(--brand-deep,#0088a8);font-weight:600}
.zt-dd__m--chk label{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;border-radius:6px;cursor:pointer;white-space:nowrap}
.zt-dd__m--chk label:hover{background:var(--bg-inset)} .zt-dd__m--chk input{accent-color:var(--brand)}
.zt-chart__body{flex:1;position:relative;min-height:0}
.zt-plot{position:absolute;inset:0}
.zt-plot canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}
.zt-wm{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:2.6rem;font-weight:800;color:var(--ink);opacity:.045;pointer-events:none;white-space:nowrap}
.zt-tv{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--mk-card)}
.zt-tv[hidden]{display:none}
.zt-tv iframe{flex:1;width:100%;border:0}
.zt-tv small{font-size:.66rem;color:var(--ink-3);padding:3px 8px;text-align:right}
.zt-info{position:absolute;inset:0;overflow:auto;padding:16px}
.zt-info[hidden],.zt-plot[hidden]{display:none}
.zt-info__h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.zt-info__h strong{display:block;font-size:1.05rem} .zt-info__h small{color:var(--ink-3)}
.zt-info__dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 24px;margin:0}
.zt-info__dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--mk-line);font-size:.82rem}
.zt-info__dl dt{color:var(--ink-3)} .zt-info__dl dd{margin:0;font-weight:600}
.zt-chart.is-max,.zt-chart:fullscreen{position:fixed;inset:0;z-index:400;height:100vh;border-radius:0}
/* order book */
.zt-book__tools{display:flex;justify-content:space-between;align-items:center;padding:6px 0 0}
.zt-bmode{display:flex;gap:4px}
.zt-bmode button{display:flex;flex-direction:column;gap:2px;justify-content:center;width:24px;height:22px;border:1px solid transparent;background:none;border-radius:5px;padding:3px;cursor:pointer;opacity:.55}
.zt-bmode button.is-on{opacity:1;border-color:var(--mk-line)}
.zt-bmode i{display:block;height:5px;border-radius:1px} .zt-bmode .b-a{background:var(--mk-dn)} .zt-bmode .b-b{background:var(--mk-up)}
.zt-book select{border:1px solid var(--mk-line);background:var(--mk-card);color:var(--ink);border-radius:6px;font:inherit;font-size:.74rem;padding:2px 4px}
.zt-book [data-bt-box="book"]{display:flex;flex-direction:column;flex:1;min-height:0}
.zt-book [data-bt-box][hidden]{display:none}
.zt-book__asks,.zt-book__bids{flex:1;overflow:hidden;display:flex;flex-direction:column}
.zt-book__asks{justify-content:flex-end}
.zt-book__asks[hidden],.zt-book__bids[hidden]{display:none}
.zt-book__mid{display:flex;align-items:baseline;gap:6px;padding:7px 2px;border-block:1px solid var(--mk-line);margin:3px 0}
.zt-book__mid strong{font-size:1.1rem} .zt-book__mid i{font-style:normal;font-weight:700} .zt-book__mid small{color:var(--ink-3);font-size:.72rem}
.zt-ratio{display:flex;align-items:center;gap:6px;font-size:.7rem;padding-top:6px}
.zt-ratio i{flex:1;height:5px;border-radius:3px;background:var(--mk-dn);overflow:hidden;display:block} .zt-ratio em{display:block;height:100%;background:var(--mk-up)}
.zt-trades{overflow:auto;flex:1}
.zt-book [data-bt-box="trades"]{display:flex;flex-direction:column;flex:1;min-height:0}
/* order form */
.zt-form__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.zt-form__h strong{font-size:.95rem} .zt-fee{font-size:.7rem;color:var(--ink-3)}
.zt-side{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-inset);border-radius:8px;padding:3px;margin-bottom:6px}
.zt-side button{border:0;background:none;font-weight:700;padding:8px;border-radius:6px;color:var(--ink-3);cursor:pointer}
.zt-side [data-side=buy].is-on{background:var(--mk-up);color:#fff} .zt-side [data-side=sell].is-on{background:var(--mk-dn);color:#fff}
.zt-tabs--ot{margin-bottom:8px}
.zt-avail{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--ink-3);margin-bottom:8px}
.zt-avail b{margin-left:auto;color:var(--ink);font-weight:600}
.zt-avail a{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bg-inset);color:var(--brand-deep,#0088a8);text-decoration:none;font-size:.8rem}
.zt-in{display:flex;align-items:center;gap:8px;background:var(--bg-inset);border:1px solid transparent;border-radius:8px;padding:0 10px;height:40px;margin-bottom:8px}
.zt-in:focus-within{border-color:var(--brand)}
.zt-in>span:first-child{font-size:.76rem;color:var(--ink-3);white-space:nowrap} .zt-in em{font-style:normal;font-size:.76rem;color:var(--ink-3)}
.zt-in input{flex:1;min-width:0;border:0;background:none;outline:none;text-align:right;font:inherit;font-weight:600;color:var(--ink)}
.zt-in.is-market input{color:var(--ink-3);font-weight:500}
.zt-in.is-market .zt-step{visibility:hidden}
.zt-step{display:flex;flex-direction:column;margin-right:-4px}
.zt-step button{border:0;background:none;font-size:.5rem;line-height:1;padding:2px 3px;color:var(--ink-3);cursor:pointer} .zt-step button:hover{color:var(--ink)}
.zt-slider{margin:2px 0 10px}
.zt-slider input{width:100%;margin:4px 0;accent-color:var(--mk-up);--v:0%}
.zt[data-side=sell] .zt-slider input{accent-color:var(--mk-dn)}
.zt-slider__m{display:flex;justify-content:space-between}
.zt-slider__m button{border:0;background:none;font-size:.68rem;color:var(--ink-3);cursor:pointer;padding:0}
.zt-slider__m button.is-on{color:var(--ink);font-weight:700}
.zt-max{display:flex;justify-content:space-between;font-size:.74rem;color:var(--ink-3);margin:-2px 0 12px} .zt-max b{color:var(--ink);font-weight:600}
.zt-go{display:block;width:100%;border:0;border-radius:8px;padding:12px;font-weight:700;color:#fff!important;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box}
.zt-go.is-buy{background:var(--mk-up)} .zt-go.is-sell{background:var(--mk-dn)} .zt-go:disabled{opacity:.6;cursor:wait}
.zt-go--ghost{background:var(--bg-inset);color:var(--ink)!important}
.zt-guest{display:grid;gap:8px}
.zt-note{font-size:.7rem;color:var(--ink-3);margin:10px 0 0;text-align:center;line-height:1.5}
/* orders */
.zt-orders__h{border-bottom:1px solid var(--mk-line);margin-bottom:4px}
.zt-otable{font-size:.78rem}
.zt-otr{display:grid;grid-template-columns:1.4fr 1fr .7fr 1fr 1fr .9fr;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line-soft,var(--mk-line));align-items:center}
.zt-otr--h{color:var(--ink-3);font-size:.7rem;padding:6px 2px}
.zt-otr span:last-child{text-align:right}
.zt-cx{border:1px solid var(--mk-line);background:none;border-radius:6px;padding:3px 10px;font-size:.74rem;cursor:pointer;color:var(--ink)}
.zt-cx:hover{border-color:var(--mk-dn);color:var(--mk-dn)}
/* responsive */
@media (max-width:1440px){
  .zt-grid{grid-template-columns:minmax(0,1fr) 280px 300px;grid-template-areas:"chart book form" "orders orders form"}
  .zt-mkts{display:none}
}
@media (max-width:1100px){
  .zt-grid{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"chart form" "book form" "orders orders"}
  .zt-book{height:520px}
}
@media (max-width:760px){
  .zt{padding:6px 6px 80px}
  .zt-bar{gap:8px 14px;padding:8px 10px}
  .zt-stats{gap:12px 16px;width:100%;order:3} .zt-live{display:none}
  .zt-mtabs{display:flex;gap:16px;padding:0 4px;margin-bottom:6px;border-bottom:1px solid var(--mk-line)}
  .zt-mtabs button{border:0;background:none;padding:8px 0;font-size:.84rem;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent}
  .zt-mtabs button.is-on{color:var(--ink);border-color:var(--brand)}
  .zt-grid{grid-template-columns:1fr;grid-template-areas:"pane" "form" "orders"}
  .zt-chart,.zt-book{grid-area:pane;display:none;height:440px}
  .zt[data-mpane=chart] .zt-chart,.zt[data-mpane=info] .zt-chart{display:flex}
  .zt[data-mpane=book] .zt-book,.zt[data-mpane=trades] .zt-book{display:flex}
  .zt[data-mpane=info] .zt-chart__tools,.zt[data-mpane] .zt-chart__top .zt-tabs{display:none}
  .zt-chart__top{justify-content:flex-end;padding:4px 8px}
  .zt-form{position:static}
  .zt-otr{grid-template-columns:1fr 1fr;gap:4px 10px}
  .zt-otr--h{display:none}
  .zt-otr span::before{content:attr(data-l) " ";color:var(--ink-3);font-size:.68rem}
  .zt-otr span:last-child{text-align:left}
  .zt-mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:120;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--mk-card);border-top:1px solid var(--mk-line)}
}
.zt-slider input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--mk-up) var(--v),var(--bg-inset) var(--v));outline:none}
.zt[data-side=sell] .zt-slider input[type=range]{background:linear-gradient(to right,var(--mk-dn) var(--v),var(--bg-inset) var(--v))}
.zt-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--mk-card);border:2px solid var(--mk-up);cursor:pointer}
.zt[data-side=sell] .zt-slider input[type=range]::-webkit-slider-thumb{border-color:var(--mk-dn)}
.zt-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--mk-card);border:2px solid var(--mk-up);cursor:pointer}
.zt-ico{display:inline-flex;align-items:center}
.zt-book select[data-sp-prec]{width:auto!important;min-width:0;height:24px;margin:0}