/* ===== Binance home — fonts extracted 1:1 from the APK (BinancePlex / Proxima Nova) ===== */
/* Настоящий шрифт UI Binance = Proxima Nova (в APK FontManifest все 'Plex*' -> moon_proximanova_*.otf). Содержит кириллицу. */
@font-face{font-family:'Plex';src:url('../fonts/moon_proximanova_light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Plex';src:url('../fonts/moon_proximanova_regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Plex';src:url('../fonts/moon_proximanova_medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Plex';src:url('../fonts/moon_proximanova_semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Plex';src:url('../fonts/moon_proximanova_semibold.otf') format('opentype');font-weight:700 900;font-style:normal;font-display:swap;}

:root{
  --bg:#1f2630;
  --card:#272F3C;
  --field:#29313E;
  --track:#242C38;
  --pill:#3C4250;
  --white:#EAEEF3;
  --gray:#959ca6;
  --gray2:#959ca6;
  --yellow:#fcd434;
  --gold:#fcd434;
  --green:#2EBD85;
  --red:#F6465D;
}

/* v435 — per-user administrator note on the coin page */
.coin .cn-admin-comment{
  margin:7px 15px 4px;
  padding:9px 11px;
  border:1px solid rgba(240,185,11,.28);
  border-left:3px solid #f0b90b;
  border-radius:6px;
  background:#252e39;
  color:#dce2ea;
  font:400 13px/18px 'Plex',system-ui,sans-serif;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.coin .cn-admin-comment[hidden]{display:none!important;}
@media(max-width:380px){
  .coin .cn-admin-comment{margin:6px 12px 3px;padding:8px 10px;font-size:12px;line-height:16px;}
}

/* Safari may classify a numeric Binance UID as a telephone link. */
#accountUidValue,
#accountUidValue a,
#accountUidValue a[href^="tel:"],
#accountUidValue a[x-apple-data-detectors]{
  color:#EAEEF3!important;
  -webkit-text-fill-color:#EAEEF3!important;
  text-decoration:none!important;
  -webkit-touch-callout:none;
}

/* v315: Trade history page and real Spot history filters. */
body.trade-history-open .trade{z-index:32!important;}
body.trade-history-open .nav{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:20!important;
}
.trade .trd-history-page{
  position:absolute;
  inset:0;
  z-index:90;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#1F2630;
  color:#EAEFF5;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(100%);
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.trade .trd-history-page.open,
.trade .trd-history-page.closing{
  visibility:visible;
}
.trade .trd-history-page.open{
  pointer-events:auto;
  transform:none;
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s;
}
.trade .trd-history-page.closing{pointer-events:none;transform:translateX(100%);}
.trade .trd-history-page button{font-family:'Plex',system-ui,sans-serif!important;}
.trade .trd-history-header{
  position:relative;
  flex:0 0 auto;
  min-height:106px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:29px minmax(0,1fr) auto;
  align-items:center;
  padding:calc(35px + env(safe-area-inset-top)) 15px 10px;
  border-bottom:1px solid #2A323D;
  background:#1F2630;
}
.trade .trd-history-back{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  color:#EAEFF5!important;
}
.trade .trd-history-back svg{width:18px;height:18px;display:block;}
.trade .trd-history-account-toggle{
  min-width:0;
  height:42px!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding:0 8px!important;
  background:transparent!important;
  color:#F5F7FA!important;
}
.trade .trd-history-account-toggle>span{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;}
.trade .trd-history-account-toggle b{font:600 18px/22px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.trade .trd-history-account-toggle small{color:#EAEFF5;font:400 12px/14px 'Plex',system-ui,sans-serif;}
.trade .trd-history-account-toggle .tri{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #DCE2E9;transform:none;}
.trade .trd-history-account-toggle[aria-expanded="true"] .tri{border-top:0;border-bottom:7px solid #DCE2E9;}
.trade .trd-history-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.trade .trd-history-header-tools button{
  width:21px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  color:#EAEFF5!important;
}
.trade .trd-history-header-tools button[hidden]{display:none!important;}
.trade .trd-history-download-svg{width:18px;height:18px;display:block;shape-rendering:geometricPrecision;}
.trade .trd-history-analytics-svg{width:19px;height:19px;display:block;shape-rendering:geometricPrecision;}

.trade .trd-history-accounts{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:34% minmax(0,1fr);
  background:#1F2630;
}
.trade .trd-history-accounts[hidden]{display:none!important;}
.trade .trd-history-accounts nav{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 15px;
  border-right:1px solid #2A323D;
}
.trade .trd-history-accounts nav button,
.trade .trd-history-accounts>div button{
  height:34px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#A0A8B3!important;
  font:400 13px/17px 'Plex',system-ui,sans-serif!important;
  text-align:left!important;
}
.trade .trd-history-accounts nav button.active{background:#29323B!important;color:#EAEFF5!important;font-weight:500!important;}
.trade .trd-history-accounts>div{display:flex;flex-direction:column;padding:12px 0;}
.trade .trd-history-accounts>div button.active{color:#F5F7FA!important;font-weight:500!important;}

.trade .trd-history-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
.trade .trd-history-main[hidden]{display:none!important;}
.trade .trd-history-tabs{
  flex:0 0 35px;
  min-height:35px;
  display:flex;
  align-items:stretch;
  gap:15px;
  padding:0 15px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  border-bottom:1px solid #242C36;
}
.trade .trd-history-tabs::-webkit-scrollbar{display:none;}
.trade .trd-history-tabs button{
  position:relative;
  flex:0 0 auto;
  height:35px!important;
  padding:0!important;
  background:transparent!important;
  color:#9AA2AD!important;
  font:400 13px/16px 'Plex',system-ui,sans-serif!important;
  white-space:nowrap;
}
.trade .trd-history-tabs button.active{color:#F5F7FA!important;font-weight:500!important;}
.trade .trd-history-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#FCD434;}
.trade .trd-history-filters{
  flex:0 0 44px;
  min-height:44px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:5px;
  padding:9px 15px 10px;
}
.trade .trd-history-filters>button:not(.trd-history-filter-reset){
  flex:0 0 auto;
  height:24px!important;
  min-width:48px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px;
  padding:0 8px!important;
  border-radius:5px!important;
  background:#29323B!important;
  color:#E0E5EB!important;
  font:400 12px/15px 'Plex',system-ui,sans-serif!important;
  white-space:nowrap;
}
.trade .trd-history-filters>button[hidden]{display:none!important;}
.trade .trd-history-filters>[data-history-filter="type"]{min-width:86px!important;}
.trade .trd-history-filters>[data-history-filter="direction"]{min-width:75px!important;}
.trade .trd-history-filters>[data-history-filter="status"]{min-width:61px!important;}
.trade .trd-history-filters>button.has-value{color:#F5F7FA!important;background:#323C48!important;}
.trade .trd-history-filters .tri{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #707986;}
.trade .trd-history-filter-reset{
  width:25px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  margin-left:auto!important;
  padding:0!important;
  background:transparent!important;
  color:#7F8996!important;
}
.trade .trd-history-filter-reset.has-value{color:#FCD434!important;}
.trade .trd-history-funnel-svg{width:16px;height:16px;display:block;shape-rendering:geometricPrecision;}

.trade .trd-history-content{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
.trade .trd-history-content::-webkit-scrollbar{display:none;}
.trade .trd-history-loading,.trade .trd-history-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding-top:103px;
  color:#7F8996;
}
.trade .trd-history-loading[hidden],.trade .trd-history-empty[hidden]{display:none!important;}
.trade .trd-history-empty-svg{width:47px;height:51px;display:block;color:#56606E;shape-rendering:geometricPrecision;}
.trade .trd-history-empty p{margin:9px 0 0;color:#A2AAB5;font:400 12px/16px 'Plex',system-ui,sans-serif;}
.trade .trd-history-loading-mark{height:24px;display:flex;align-items:center;gap:4px;}
.trade .trd-history-loading-mark i{width:4px;height:12px;display:block;border-radius:2px;background:#FCD434;animation:trdHistoryLoad .72s ease-in-out infinite;}
.trade .trd-history-loading-mark i:nth-child(2){animation-delay:.1s}.trade .trd-history-loading-mark i:nth-child(3){animation-delay:.2s}
.trade .trd-history-loading em{margin-top:9px;color:#A2AAB5;font:normal 400 12px/16px 'Plex',system-ui,sans-serif;}
@keyframes trdHistoryLoad{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.45)}}
.trade .trd-history-records:empty{display:none;}
.trade .trd-history-record{
  padding:18px 15px 16px;
  border-bottom:1px solid #2A323D;
  color:#EAEFF5;
}
.trade .trd-history-record-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;}
.trade .trd-history-record-pair{display:flex;align-items:center;gap:8px;min-width:0;}
.trade .trd-history-record-pair strong{font:500 15px/19px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.trade .trd-history-record-share{width:21px!important;height:21px!important;display:grid!important;place-items:center!important;padding:0!important;background:transparent!important;color:#858E9B!important;}
.trade .trd-history-record-share svg{width:18px;height:18px;}
.trade .trd-history-record-time{display:flex;align-items:center;gap:4px;color:#949CA7;font:400 11px/14px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.trade .trd-history-record-time svg{width:14px;height:14px;color:#6F7885;}
.trade .trd-history-record-kind{margin-top:2px;color:#F6465D;font:400 11px/14px 'Plex',system-ui,sans-serif;}
.trade .trd-history-record-kind.buy{color:#2EBD85;}
.trade .trd-history-record-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;color:#9AA2AD;font:400 12px/15px 'Plex',system-ui,sans-serif;}
.trade .trd-history-record-row b{color:#EAEFF5;font:400 12px/15px 'Plex',system-ui,sans-serif;text-align:right;}
.trade .trd-history-record-row.status-row b{text-transform:capitalize;color:#AAB2BC;}
.trade .trd-history-record-row.status-row b.filled{color:#2EBD85;}.trade .trd-history-record-row.status-row b.cancelled,.trade .trd-history-record-row.status-row b.rejected{color:#AAB2BC;}
.trade .trd-history-end{height:34px;display:flex;align-items:center;justify-content:center;color:#7F8996;font:400 11px/14px 'Plex',system-ui,sans-serif;}
.trade .trd-history-end[hidden]{display:none!important;}

.trade .trd-history-filter-backdrop{
  position:absolute;
  inset:0;
  z-index:98;
  visibility:hidden;
  pointer-events:none;
  background:rgba(6,9,14,.76);
  transition:none!important;
  opacity:1!important;
}
.trade .trd-history-filter-backdrop.open,
.trade .trd-history-filter-backdrop.closing{visibility:visible;pointer-events:auto;}
.trade .trd-history-filter-sheet{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  box-sizing:border-box;
  padding:6px 15px calc(41px + env(safe-area-inset-bottom));
  border-radius:15px 15px 0 0;
  background:#1F2630;
  transform:translateY(calc(100% + 20px));
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
  opacity:1!important;
  filter:none!important;
}
.trade .trd-history-filter-backdrop.open .trd-history-filter-sheet{transform:none;}
.trade .trd-history-filter-backdrop.closing .trd-history-filter-sheet{transform:translateY(calc(100% + 20px));}
.trade .trd-history-filter-handle{width:40px;height:4px;display:block;margin:0 auto 21px;border-radius:4px;background:#343C47;}
.trade .trd-history-filter-sheet h3{margin:0 0 22px;color:#F5F7FA;font:600 18px/22px 'Plex',system-ui,sans-serif;}
.trade .trd-history-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 11px;}
.trade .trd-history-filter-options button{
  height:36px!important;
  padding:0 8px!important;
  border:1px solid #35404C!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#EAEFF5!important;
  font:400 13px/17px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-history-filter-options button.active,
.trade .trd-history-filter-options button[aria-selected="true"]{border-color:#F1F5F8!important;box-shadow:inset 0 0 0 1px #F1F5F8!important;}
.trade .trd-history-filter-options button:disabled{color:#626B77!important;border-color:#303945!important;cursor:default!important;}
.trade .trd-history-filter-options button:last-child:nth-child(odd){grid-column:1;}

@media(max-width:380px){
  .trade .trd-history-header{min-height:89px;padding:calc(29px + env(safe-area-inset-top)) 12px 8px;grid-template-columns:24px minmax(0,1fr) auto;}
  .trade .trd-history-back{width:22px!important;height:22px!important;}.trade .trd-history-back svg{width:15px;height:15px;}
  .trade .trd-history-account-toggle{height:35px!important;}.trade .trd-history-account-toggle b{font-size:15px;line-height:18px;}.trade .trd-history-account-toggle small{font-size:10px;line-height:12px;}
  .trade .trd-history-header-tools{gap:9px;}.trade .trd-history-header-tools button{width:18px!important;height:22px!important;}.trade .trd-history-download-svg{width:15px;height:15px;}.trade .trd-history-analytics-svg{width:16px;height:16px;}
  .trade .trd-history-tabs{min-height:30px;flex-basis:30px;gap:12px;padding:0 12px;}.trade .trd-history-tabs button{height:30px!important;font-size:11px!important;line-height:14px!important;}.trade .trd-history-tabs button.active::after{height:2px;}
  .trade .trd-history-filters{min-height:37px;flex-basis:37px;gap:4px;padding:8px 12px 9px;}.trade .trd-history-filters>button:not(.trd-history-filter-reset){height:20px!important;min-width:40px;padding:0 7px!important;border-radius:4px!important;font-size:10px!important;line-height:13px!important;}.trade .trd-history-filters>[data-history-filter="type"]{min-width:72px!important;}.trade .trd-history-filters>[data-history-filter="direction"]{min-width:63px!important;}.trade .trd-history-filters>[data-history-filter="status"]{min-width:51px!important;}.trade .trd-history-filter-reset{width:21px!important;height:20px!important;}.trade .trd-history-funnel-svg{width:14px;height:14px;}
  .trade .trd-history-loading,.trade .trd-history-empty{padding-top:86px;}.trade .trd-history-empty-svg{width:39px;height:43px;}.trade .trd-history-empty p,.trade .trd-history-loading em{margin-top:7px;font-size:10px;line-height:13px;}
  .trade .trd-history-accounts{grid-template-columns:34% minmax(0,1fr);}.trade .trd-history-accounts nav{gap:5px;padding:10px 12px;}.trade .trd-history-accounts>div{padding:10px 0;}.trade .trd-history-accounts nav button,.trade .trd-history-accounts>div button{height:28px!important;padding:0 10px!important;border-radius:6px!important;font-size:11px!important;line-height:14px!important;}
  .trade .trd-history-record{padding:15px 12px 13px;}.trade .trd-history-record-pair strong{font-size:13px;line-height:16px;}.trade .trd-history-record-time,.trade .trd-history-record-kind{font-size:9px;line-height:12px;}.trade .trd-history-record-row{margin-top:9px;font-size:10px;line-height:13px;}.trade .trd-history-record-row b{font-size:10px;line-height:13px;}.trade .trd-history-end{height:29px;font-size:9px;line-height:12px;}
  .trade .trd-history-filter-sheet{padding:5px 12px calc(37px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;}.trade .trd-history-filter-handle{width:34px;height:3px;margin-bottom:17px;}.trade .trd-history-filter-sheet h3{margin-bottom:18px;font-size:15px;line-height:18px;}.trade .trd-history-filter-options{gap:8px 9px;}.trade .trd-history-filter-options button{height:30px!important;border-radius:6px!important;font-size:11px!important;line-height:14px!important;}
}
@media(prefers-reduced-motion:reduce){
  .trade .trd-history-page,.trade .trd-history-filter-sheet{transition:none!important;}
  .trade .trd-history-loading-mark i{animation:none!important;}
}

/* v313: order-type visibility must win over the late form geometry rules. */
#trade.trade #tradeForm > .trd-order-hidden{
  display:none!important;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
html,body{background:var(--bg);font-family:'Plex',system-ui,sans-serif;overflow-x:hidden;scrollbar-width:none;}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none;}
body{min-height:100vh;}
/* при открытом поп-апе авторизации фон не скроллится */
html.auth-lock,html.auth-lock body{overflow:hidden;height:100%;}

.app{
  max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);
  position:relative;color:var(--white);display:flex;flex-direction:column;
  padding-bottom:95px;
}
.app-scroll{will-change:transform;background:var(--bg);position:relative;z-index:2;}

/* pull-to-refresh: индикатор под контентом (z-index:1) — виден только в проёме при свайпе */
.ptr{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:56px;height:56px;display:flex;align-items:center;justify-content:center;
  padding-top:14px;z-index:1;opacity:0;pointer-events:none;
}
.ptr-logo{width:34px;height:34px;display:block;transform-origin:center;}
/* индикатор внутри страницы (Рынки/Активы) — сверху скролл-области */
.ptr-in{position:absolute;z-index:5;padding-top:0;height:40px;}
/* цикл: полный логотип Binance сжимается в кучу (маленький знак), куча подпрыгивает
   вверх, падает и раскрывается обратно в тонкий логотип. Масштаб всего лого целиком
   (части не расходятся в крест). */
.ptr.spinning .ptr-logo{animation:bl-bounce .95s infinite;}
@keyframes bl-bounce{
  0%,8%   {transform:translateY(4px)  scale(1);}                                                 /* полный логотип внизу */
  24%     {transform:translateY(4px)  scale(.16);animation-timing-function:cubic-bezier(.3,.55,.35,1);}  /* сжался в кучу → взлёт */
  54%     {transform:translateY(-15px) scale(.16);animation-timing-function:cubic-bezier(.5,.05,.85,.5);} /* верх → падение */
  82%     {transform:translateY(4px)  scale(.16);}                                               /* приземлился (куча) */
  95%,100%{transform:translateY(4px)  scale(1);}                                                 /* раскрылся в логотип */
}

/* ---------- header ---------- */
.header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px;}
.hgroup{display:flex;align-items:center;gap:18px;}
.header svg{display:block;}
/* .hicon = бокс-слот иконки (ширина/центрирование). Высота задаётся per-icon ниже. */
.header .hicon{width:25px;min-width:25px;max-width:25px;flex:0 0 25px;display:block;object-fit:contain;}
/* === РАЗМЕРЫ ИКОНОК ШАПКИ — меняй высоту здесь (в px), это и есть видимый размер === */
.header .hicon.ic-burger{height:15px;}  /* бургер */
.header .hicon.ic-earn  {height:20px;}  /* earning-логотип (PNG ~2% паддинг → ~19.6px; 20.4 = ровно 20) */
.header .hicon.ic-scan  {height:21px;}  /* скан / QR */
.header .hicon.ic-chat  {height:21px;}  /* чат */
.toggle{
  /* --tab-text-offset-y: вертикальный сдвиг текста во вкладках Биржа/Кошелек.
     Отрицательное значение поднимает текст выше, положительное опускает ниже. */
  --tab-text-offset-y:-1.25px;
  display:flex;align-items:center;background:var(--track);border-radius:9px;padding:3px;height:35px;
}
.toggle .seg{height:29px;display:flex;align-items:center;padding:0 9px;border-radius:7px;font-size:16px;font-weight:400;color:var(--gray2);cursor:pointer;}
.toggle .seg.active{background:var(--pill);color:#fff;}
.toggle .seg span{display:inline-block;transform:translateY(var(--tab-text-offset-y));}

/* ---------- search ---------- */
.search{
  /* --search-text-offset-y: вертикальный сдвиг текста поиска внутри строки.
     Отрицательное значение поднимает текст выше, положительное опускает ниже. */
  --search-text-offset-y:-1.25px;
  margin:15px 16px 0;height:35px;background:var(--field);border-radius:8px;display:flex;align-items:center;padding:0 14px;gap:9px;
}
.search .ph{flex:1;color:#959ca6;font-size:14px;font-weight:400;transform:translateY(var(--search-text-offset-y));}
.search .fire{width:20px;height:20px;object-fit:contain;display:block;margin-left:-1px;}

/* ---------- bonus ---------- */
.bonus{text-align:center;}
.voucher{display:block;margin:40px auto 0;width:142px;height:auto;}
.btitle{font-family:'Plex';font-weight:600;font-size:27px;line-height:1.16;color:#fff;letter-spacing:.2px;margin-top:8px;padding:0 30px;}
.busd{font-family:'Plex';font-weight:600;font-size:30px;line-height:1.1;color:#fcd434;margin-top:2px;}
.regbtn{
  /* --reg-text-offset-y: вертикальный сдвиг текста относительно фона кнопки.
     Отрицательное значение поднимает текст выше, положительное опускает ниже. */
  --reg-text-offset-y:-1.25px;
  display:inline-flex;align-items:center;justify-content:center;margin:22px 0 55px;height:46px;background:var(--yellow);border-radius:8px;padding:0 16px;color:var(--bg);font-weight:600;font-size:16px;line-height:1;letter-spacing:.2px;cursor:pointer;
}
.regbtn span{display:inline-block;transform:translateY(var(--reg-text-offset-y));}

/* ---------- coin cards ---------- */
.cards{display:flex;gap:15px;padding:30px 16px 0;}
.ccard{flex:1;background:var(--card);border-radius:13px;padding:13px 13px 0;height:165px;overflow:hidden;position:relative;}
.crow{display:flex;align-items:center;gap:9px;}
.cbadge{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 30px;}
.cbadge img{width:100%;height:100%;object-fit:cover;display:block;}
.cbadge img.bnb{transform:scale(1.35);}  /* лого BNB крупнее в кружке */
.cname{font-size:16px;font-weight:500;color:#EAEEF3;}
.cprice{font-size:23px;font-weight:600;margin-top:14px;letter-spacing:.2px;color:#F4F6F9;}
.cpct{display:flex;align-items:center;gap:4px;color:var(--green);font-size:13px;font-weight:500;margin-top:7px;}
.cpct.down{color:#f6455f;}
.cpct.down svg{transform:rotate(180deg);}
.cpct svg{display:block;}
.spark{position:absolute;left:0;right:0;bottom:0;width:100%;}

.home-assets{margin:14px 12px 2px;padding:18px 18px 16px;background:#181f29;border-radius:8px;border:1px solid #1f2630;}
.home-assets-head{display:flex;align-items:center;justify-content:space-between;color:#EAEEF3;font-family:'Plex';font-size:16px;font-weight:600;margin-bottom:12px;}
.home-assets-head strong{font-size:17px;font-weight:600;}
.home-asset-list{display:flex;flex-direction:column;gap:12px;}
.home-asset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.home-asset-main{display:flex;align-items:center;gap:10px;min-width:0;}
.home-asset-icon{width:30px;height:30px;border-radius:50%;background:#2a313c;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#EAEEF3;overflow:hidden;flex:0 0 auto;}
.home-asset-icon img{width:100%;height:100%;display:block;}
.home-asset-main b,.home-asset-val b{display:block;color:#EAEEF3;font-size:14px;font-weight:600;line-height:1.15;}
.home-asset-main em,.home-asset-val em{display:block;color:#959ca6;font-style:normal;font-size:12px;line-height:1.25;margin-top:2px;}
.home-asset-val{text-align:right;flex:0 0 auto;}

/* ---------- feed tabs ---------- */
.ftabs{display:flex;align-items:center;padding:18px 16px 0;gap:20px;position:relative;}
.ftab{font-size:15px;font-weight:400;color:var(--gray2);white-space:nowrap;position:relative;padding-bottom:8px;cursor:pointer;}
.ftab.active{color:#fff;font-weight:600;}
.ftab.active::after{content:"";position:absolute;left:0;right:6px;bottom:0;height:3px;border-radius:2px;background:var(--yellow);}
.ftabs .menu{margin-left:auto;flex:0 0 auto;}

/* ---------- post ---------- */
.post{padding:14px 16px 0;position:relative;}
.phead{display:flex;align-items:center;gap:8px;}
.avatar{width:34px;height:34px;border-radius:50%;flex:0 0 34px;background:radial-gradient(circle at 50% 38%,#3a4150,#23282f);border:1px solid #3a4250;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pname{font-size:15px;font-weight:600;color:#EAEEF3;}
.pmeta{font-size:13px;color:var(--gray);}
.pfall{font-size:13px;color:var(--red);font-weight:500;}
.pbadge{flex:0 0 auto;}
.pclose{position:absolute;right:14px;top:16px;cursor:pointer;}
.pbody{margin-top:9px;font-size:15px;line-height:1.5;color:#D9DDE3;font-weight:400;}
.pbody .tk{color:var(--yellow);font-weight:600;}

/* ---------- authenticated home ---------- */
.boot-splash{
  position:fixed;inset:0;z-index:200;background:#1f2630;color:#EAEEF3;
  display:flex;justify-content:center;opacity:1;visibility:visible;
  transition:opacity .48s ease,visibility 0s .48s;
}
.boot-splash.hide{opacity:0;visibility:hidden;pointer-events:none;}
.boot-splash-phone{position:relative;width:100%;max-width:480px;min-height:100%;display:flex;align-items:center;justify-content:center;}
.boot-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-16px);}
.boot-logo{width:226px;max-width:60vw;height:auto;display:block;object-fit:contain;}
.boot-mark{width:92px;height:92px;display:block;shape-rendering:geometricPrecision;}
.boot-word{font-family:'Plex',system-ui,sans-serif;font-size:50px;line-height:1;font-weight:700;letter-spacing:2px;color:#F0B90B;}
.boot-homebar{display:none!important;}

.auth-search{height:42px;margin-top:12px;padding:0 14px;}
.auth-search .ph{font-size:15px;}
.auth-home{padding:14px 14px 118px;color:#EAEEF3;}
.auth-balance{display:flex;align-items:flex-start;gap:16px;padding:17px 16px 16px;background:#242c37;border:1px solid #303a47;border-radius:8px;}
.auth-balance-copy{flex:1;min-width:0;}
.auth-balance button{font-family:'Plex',system-ui,sans-serif;}
.auth-balance-label,.auth-pnl{border:0;background:transparent;padding:0;color:#959ca6;cursor:pointer;text-align:left;}
.auth-balance-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:400;}
.auth-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;color:#959ca6;}
.auth-caret.up{border-bottom:5px solid currentColor;}
.auth-caret.down{border-top:5px solid currentColor;}
.auth-balance-value{margin-top:7px;font-family:'Plex',system-ui,sans-serif;font-size:27px;line-height:32px;font-weight:600;color:#EAEEF3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.auth-pnl{display:flex;align-items:center;gap:5px;max-width:100%;margin-top:7px;font-size:12px;line-height:17px;white-space:nowrap;}
.auth-pnl span:not(.auth-caret){overflow:hidden;text-overflow:ellipsis;}
.auth-pnl-extra{display:none;margin-top:5px;font-size:12px;color:#959ca6;}
.auth-add-funds{flex:0 0 auto;margin-top:18px;padding:10px 17px;border:0;border-radius:7px;background:var(--yellow);color:#232445;font-size:14px;font-weight:600;line-height:1.15;cursor:pointer;}
.auth-home.balance-collapsed .auth-balance-value,.auth-home.balance-collapsed .auth-balance-approx,.auth-home.balance-collapsed .auth-pnl,.auth-home.balance-collapsed .auth-pnl-extra,.auth-home.balance-collapsed .auth-pnl-panel{display:none;}
.auth-home.pnl-expanded .auth-pnl-extra{display:block;}
.auth-pnl-panel{display:none;margin-top:10px;padding:14px 14px 10px;background:#242c37;border:1px solid #303a47;border-radius:8px;overflow:hidden;}
.auth-home.pnl-expanded .auth-pnl-panel{display:block;}
.auth-pnl-chart{height:150px;overflow:hidden;}
.auth-pnl-chart svg{display:block;width:100%;height:100%;}
.auth-pnl-area{fill:url(#authPnlFill);}
.auth-pnl-line{fill:none;stroke:#f0b90b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.auth-pnl-ranges{display:flex;align-items:center;gap:6px;margin-top:8px;}
.auth-pnl-ranges button{flex:1;height:28px;border:0;border-radius:6px;background:transparent;color:#959ca6;font-family:'Plex';font-size:12px;cursor:pointer;}
.auth-pnl-ranges button.active{background:#343e4b;color:#EAEEF3;}

.auth-quick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;}
.auth-qcard{position:relative;min-width:0;height:154px;padding:15px 14px;background:#242c37;border:1px solid #303a47;border-radius:8px;overflow:hidden;}
.auth-qtop{display:flex;align-items:center;justify-content:space-between;color:#EAEEF3;font-size:14px;font-weight:500;}
.auth-qtop b{color:#959ca6;font-size:23px;line-height:1;font-weight:300;}
.auth-qtitle,.auth-send-title{margin-top:8px;color:#959ca6;font-size:12px;line-height:17px;font-weight:400;}
.auth-p2p-actions{position:absolute;left:10px;right:10px;bottom:11px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;}
.auth-p2p-actions span{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#EAEEF3;}
.auth-p2p-actions svg{display:block;width:35px;height:35px;}
.auth-p2p-actions em{font-size:10px;line-height:13px;font-style:normal;color:#959ca6;white-space:nowrap;}
.auth-rate{position:absolute;left:14px;bottom:12px;color:#959ca6;font-size:10px;line-height:13px;}
.auth-rate strong{color:#EAEEF3;font-size:14px;font-weight:400;}
.auth-rate span{font-size:9px;}
.auth-mini-chart{position:absolute;right:10px;bottom:16px;width:70px;height:46px;}

.auth-market-card{margin-top:10px;padding:15px 14px 5px;background:#242c37;border:1px solid #303a47;border-radius:8px;overflow:hidden;}
.auth-market-tabs{display:flex;align-items:center;gap:15px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.auth-market-tabs::-webkit-scrollbar{display:none;}
.auth-market-tabs span{position:relative;flex:0 0 auto;padding-bottom:10px;color:#959ca6;font-size:13px;cursor:pointer;}
.auth-market-tabs span.active{color:#EAEEF3;font-weight:500;}
.auth-market-tabs span.active::after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:2px;border-radius:2px;background:var(--yellow);transform:translateX(-50%);}
.auth-market-tabs svg{flex:0 0 19px;width:19px;height:19px;margin-left:auto;color:#959ca6;}
.auth-market-subtabs{display:flex;gap:18px;margin-top:13px;}
.auth-market-subtabs span{padding:5px 12px;border-radius:6px;color:#959ca6;font-size:12px;cursor:pointer;}
.auth-market-subtabs span.active{background:#343e4b;color:#EAEEF3;}
.auth-market-head,.auth-market-row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.95fr) minmax(70px,.72fr);align-items:center;gap:8px;}
.auth-market-head{padding:13px 0 7px;color:#959ca6;font-size:10px;}
.auth-market-head span:nth-child(2),.auth-market-head span:nth-child(3){text-align:right;}
.auth-market-row{min-height:54px;border-top:1px solid #2d3642;cursor:pointer;}
.auth-market-name{min-width:0;display:flex;align-items:center;gap:8px;}
.auth-market-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 28px;font-size:10px;font-weight:600;background:#343e4b;color:#EAEEF3;}
.auth-market-icon img{width:100%;height:100%;display:block;object-fit:cover;}
.auth-market-name b{min-width:0;display:flex;align-items:center;gap:4px;color:#EAEEF3;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auth-market-name b img{width:13px;height:13px;object-fit:contain;}
.auth-market-price{text-align:right;min-width:0;}
.auth-market-price b,.auth-market-price span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auth-market-price b{color:#EAEEF3;font-size:13px;font-weight:500;}
.auth-market-price span{margin-top:2px;color:#959ca6;font-size:10px;}
.auth-change{justify-self:end;min-width:72px;padding:7px 6px;border-radius:6px;text-align:center;font-size:11px;font-weight:500;color:#fff;}
.auth-change.up{background:#247c67;}
.auth-change.down{background:#a63f55;}
.auth-discover-tabs{display:flex;align-items:center;gap:20px;margin-top:12px;padding:13px 2px 3px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-top:1px solid #2d3642;}
.auth-discover-tabs::-webkit-scrollbar{display:none;}
.auth-discover-tabs span{position:relative;flex:0 0 auto;padding-bottom:10px;color:#959ca6;font-size:13px;}
.auth-discover-tabs span.active{color:#EAEEF3;font-weight:500;}
.auth-discover-tabs span.active::after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:2px;background:var(--yellow);transform:translateX(-50%);}
.auth-discover-tabs b{margin-left:auto;color:#959ca6;font-size:17px;font-weight:400;}

@media (max-width:360px){
  .auth-home{padding-left:10px;padding-right:10px;}
  .auth-balance{padding-left:12px;padding-right:12px;}
  .auth-balance-value{font-size:24px;}
  .auth-add-funds{padding:0 12px;font-size:13px;}
  .auth-qcard{padding-left:11px;padding-right:11px;}
  .auth-market-tabs{gap:12px;}
}

/* ---------- bottom nav ---------- */
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--bg);border-top:1px solid #232A34;display:flex;padding:9px 6px calc(50px + env(safe-area-inset-bottom));z-index:20;}
.nav .item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.nav .item img{width:25px;height:25px;display:block;}
/* иконка через mask: неактивная — серая, активная — жёлтая (Binance «горит») */
.nav-ic{
  width:28px;height:28px;display:block;background:#7A828F;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  transition:background .15s ease;
}
.nav .item.active .nav-ic{background:var(--yellow);}
.nav-assets-wallet{
  background:transparent url('../images/nav_assets_wallet_ref_gray_v312.png') center/28px 28px no-repeat;
  -webkit-mask-image:none!important;mask-image:none!important;
  transition:none;
}
.nav .item.active .nav-assets-wallet{background:transparent url('../images/nav_assets_wallet_ref_active_v312.png') center/28px 28px no-repeat;}
.nav .item[data-section="futures"].active .nav-ic{
  position:relative;
  background:#EAEFF5!important;
}
.nav .item[data-section="futures"].active .nav-ic::after{
  content:"";
  position:absolute;
  right:5px;
  bottom:5px;
  width:6px;
  height:6px;
  border-radius:1px;
  background:#FCD434;
  transform:rotate(45deg);
}
.nav .item .lbl{font-size:12px;font-weight:400;color:#959ca6;}
.nav .item.active .lbl{color:#EAECEF;}

/* ============================================================
   LOGIN / ВОЙТИ — нижний лист (bottom-sheet), стилистика Binance.
   Только вход по почте + создание аккаунта (без Passkey/Google/Apple).
   Цвета берутся из общих переменных :root выше.
   ============================================================ */

/* фон под листом — по умолчанию скрыт; главная просвечивается через верхнюю щель.
   Открытие/закрытие сделано на transition, поэтому анимация симметрична:
   лист одинаково плавно выезжает снизу и уезжает обратно вниз. */
.auth-backdrop{
  position:fixed;inset:0;z-index:50;
  background:rgba(0,0,0,.45);
  display:flex;align-items:flex-end;justify-content:center;
  visibility:hidden;               /* затемнение без плавной прозрачности — включается сразу */
  /* закрытие: фон гасим ровно к концу заезда листа (.36s), без лишней задержки */
  transition:visibility 0s linear .36s;
}
/* открытый поп-ап */
.auth-backdrop.open{
  visibility:visible;
  transition:visibility 0s;
}

/* сам лист — высота 90% экрана: выезжает снизу почти до самого верха,
   сверху остаётся щель, сквозь которую видно главную страницу */
.auth-sheet{
  width:100%;max-width:480px;background:var(--bg);color:var(--white);
  border-radius:18px 18px 0 0;
  height:90vh;overflow:hidden;               /* прячем соседний экран за краем */
  position:relative;
  transform:translateY(100%);            /* спрятан целиком под нижним краем экрана */
  /* базовое состояние = закрытие: ease-in, решительный уход вниз без медленного хвоста */
  transition:transform .36s cubic-bezier(.4,0,1,1);
  box-shadow:none;
}
/* открыт — лист поднят на место; выезд плавный (ease-out, мягкое торможение вверху) */
.auth-backdrop.open .auth-sheet{
  transform:translateY(0);
  transition:transform .46s cubic-bezier(.32,.72,0,1), height .34s ease, border-radius .34s ease;
}
/* экран верификации — лист на весь экран (без щели и скруглений) */
.auth-sheet.full{height:100vh;border-radius:0;}

/* горизонтальный трек из нескольких экранов; сдвиг по номеру шага --step */
.auth-track{
  display:flex;height:100%;
  transform:translateX(calc(var(--step, 0) * -100%));
  transition:transform .38s cubic-bezier(.32,.72,0,1);   /* сдвиг справа налево */
}
/* один экран: ровно ширина листа */
.auth-view{
  flex:0 0 100%;width:100%;height:100%;position:relative;overflow-y:auto;
  padding:16px 20px calc(28px + env(safe-area-inset-bottom));
}

/* крестик */
.auth-close{
  position:absolute;top:16px;right:18px;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  border-radius:50%;transition:background .15s ease;
}
.auth-close:active{background:rgba(255,255,255,.06);}
.auth-close svg{display:block;}

/* заголовок */
.auth-title{
  font-family:'Plex';font-weight:600;font-size:30px;line-height:1.1;
  color:#F6FBFF;letter-spacing:.2px;margin-top:38px;
}

/* подпись поля */
.auth-label{
  font-family:'Plex';font-weight:400;font-size:14px;color:#959ca6;
  margin:34px 0 10px;
}

/* поле ввода */
.auth-field{
  display:flex;align-items:center;gap:10px;
  height:56px;background:var(--field);border-radius:8px;padding:0 16px;
  border:1px solid transparent;transition:border-color .18s ease;
}
.auth-field.focused{border-color:#4a5566;}
.auth-field.error{border-color:var(--red);}
.auth-input{
  flex:1;background:transparent;border:none;outline:none;
  font-family:'Plex';font-weight:400;font-size:16px;color:#EAEEF3;
  letter-spacing:.2px;
}
.auth-input::placeholder{color:#959ca6;}
/* маска пароля: системный шрифт с центрированной точкой + ровный интервал.
   При показе пароля (глазик) возвращаем фирменный шрифт. */
#loginPwField .auth-input,#pwField .auth-input,#pw2Field .auth-input{
  font-family:'Segoe UI',Tahoma,Verdana,system-ui,sans-serif;
  letter-spacing:3px;line-height:1;
}
#loginPwField.pw-shown .auth-input,#pwField.pw-shown .auth-input,#pw2Field.pw-shown .auth-input{
  font-family:'Plex',system-ui,sans-serif;letter-spacing:.2px;
}
/* кнопка очистки поля */
.auth-clear{
  flex:0 0 auto;width:20px;height:20px;display:none;
  align-items:center;justify-content:center;cursor:pointer;opacity:.85;
  transition:opacity .15s ease;
}
.auth-clear:active{opacity:.5;}
.auth-field.has-text .auth-clear{display:flex;}

/* кнопка «Продолжить» */
.auth-continue{
  width:100%;height:52px;margin-top:22px;
  display:flex;align-items:center;justify-content:center;
  background:var(--yellow);border:none;border-radius:8px;
  font-family:'Plex';font-weight:600;font-size:16px;letter-spacing:.2px;
  color:var(--bg);cursor:pointer;
  transition:transform .08s ease,filter .15s ease;
}
.auth-continue:active{transform:scale(.985);filter:brightness(.95);}

/* золотые ссылки */
.auth-links{margin-top:30px;display:flex;flex-direction:column;gap:26px;}
.auth-link{
  font-family:'Plex';font-weight:400;font-size:15px;letter-spacing:.2px;
  color:#fcd434;cursor:pointer;width:max-content;
  transition:opacity .15s ease;
}
.auth-link:active{opacity:.6;}

/* ---------- экран регистрации «Добро пожаловать на Binance» ---------- */

/* шапка справа: поддержка + крестик */
.auth-tools{
  position:absolute;top:16px;right:18px;z-index:2;
  display:flex;align-items:center;gap:16px;
}
.auth-tools .auth-close{position:static;top:auto;right:auto;}

/* чекбокс согласия */
.auth-agree{display:flex;align-items:flex-start;gap:11px;margin-top:16px;cursor:pointer;}
.auth-check{position:absolute;opacity:0;width:0;height:0;}
.auth-agree-box{
  flex:0 0 auto;width:19px;height:19px;margin-top:1px;border-radius:5px;
  border:1.6px solid #5b6472;background:transparent;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,border-color .15s ease;
}
.auth-agree-box svg{opacity:0;transition:opacity .12s ease;}
.auth-check:checked + .auth-agree-box{background:var(--yellow);border-color:var(--yellow);}
.auth-check:checked + .auth-agree-box svg{opacity:1;}
.auth-agree-text{font-size:13px;line-height:1.5;color:#959ca6;font-weight:400;}
.auth-agree-link{text-decoration:underline;text-underline-offset:2px;color:#959ca6;}

/* нижние ссылки регистрации */
.auth-reg-bottom{margin-top:26px;text-align:center;}
.auth-gold{
  color:#d6b11a;font-family:'Plex';font-weight:600;font-size:15px;letter-spacing:.2px;
  cursor:pointer;transition:opacity .15s ease;
}
.auth-gold:active{opacity:.6;}
.auth-gray-inline{color:#959ca6;font-size:14px;font-weight:500;}
.auth-login-line{margin-top:10px;}

/* стрелка «назад» (глубокие экраны мастера) */
.auth-back{
  position:absolute;top:16px;left:18px;z-index:2;
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;border-radius:50%;transition:background .15s ease;
}
.auth-back:active{background:rgba(255,255,255,.06);}
.auth-back svg{display:block;}

/* подзаголовок под крупным заголовком */
.auth-desc{
  font-family:'Plex';font-weight:400;font-size:15px;line-height:1.4;
  color:#959ca6;margin-top:14px;
}

/* глазик показать/скрыть пароль */
.auth-eye{
  flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;position:relative;
}
.auth-eye svg{position:absolute;display:block;transition:opacity .18s ease,transform .18s ease;}
.auth-eye .eye-on{opacity:0;transform:scale(.85);}
.auth-eye .eye-off{opacity:1;transform:scale(1);}
.auth-field.pw-shown .auth-eye .eye-on{opacity:1;transform:scale(1);}
.auth-field.pw-shown .auth-eye .eye-off{opacity:0;transform:scale(.85);}

/* требования к паролю */
.pw-reqs{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.pw-req{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:#959ca6;}
.pw-check{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#4b5462;transition:color .18s ease;}
.pw-req.met{color:#EAEEF3;}
.pw-req.met .pw-check{color:var(--green);}

/* ошибка «пароли не совпадают» */
.pw-mismatch{
  margin-top:10px;font-size:13px;color:var(--red);font-weight:400;
  display:none;
}
.pw-mismatch.show{display:block;}
.auth-error{
  margin-top:10px;font-size:13px;color:var(--red);font-weight:400;
  display:none;
}
.auth-error.show{display:block;}

/* ---------- оверлей Binance Privacy Portal (iframe внешнего сайта) ---------- */
.privacy-portal{
  position:absolute;inset:0;z-index:5;background:var(--bg);
  display:flex;flex-direction:column;
  transform:translateX(100%);            /* спрятан справа */
  transition:transform .34s cubic-bezier(.32,.72,0,1);
}
.privacy-portal.open{transform:translateX(0);}
.pp-head{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;position:relative;
  height:52px;padding:0 14px;border-bottom:1px solid #232A34;
}
.pp-back{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;}
.pp-back svg{display:block;}
.pp-title{
  position:absolute;left:0;right:0;text-align:center;pointer-events:none;
  font-family:'Plex';font-weight:600;font-size:16px;color:#EAEEF3;
}
/* тело страницы Privacy Portal (наша локальная копия) */
.pp-body{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px;}
.pp-art{display:block;margin:26px auto 4px;width:210px;height:auto;}
.pp-h1{
  font-family:'Plex';font-weight:600;font-size:27px;letter-spacing:.2px;
  color:#EAEEF3;text-align:center;margin:20px 20px 0;
}
.pp-tagline{
  font-family:'Plex';font-weight:600;font-size:18px;
  color:#C99400;margin:24px 20px 0;
}
.pp-text{
  font-family:'Plex';font-weight:400;font-size:15px;line-height:1.55;
  color:#959ca6;margin:16px 20px 0;
}
.pp-text b{font-weight:600;color:#EAEEF3;}
.pp-h2{
  font-family:'Plex';font-weight:600;font-size:30px;letter-spacing:.2px;
  color:#EAEEF3;margin:34px 20px 0;
}
.pp-region{background:#fff;margin-top:28px;padding:20px;text-align:center;}
.pp-region-link{
  font-family:'Plex';font-weight:700;font-size:16px;letter-spacing:1px;
  color:#C99400;text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}

/* ---------- экран верификации ---------- */

/* тонкий прогресс-бар у верхнего края */
.verify-progress{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;}
.verify-progress span{display:block;height:100%;width:16%;background:var(--yellow);border-radius:0 2px 2px 0;}

/* выпадающие поля (страна / документ) */
.auth-select{
  display:flex;align-items:center;gap:12px;margin-top:0;
  height:60px;background:var(--field);border-radius:10px;padding:0 16px;cursor:pointer;
}
.auth-select .cflag{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;
}
.auth-select .sel-text{flex:1;font-family:'Plex';font-weight:400;font-size:17px;color:#EAEEF3;}
.auth-select .sel-chev{flex:0 0 auto;display:flex;align-items:center;}

/* карточки выбора типа документа */
.doc-list{margin-top:14px;display:flex;flex-direction:column;gap:14px;}
.doc-opt{
  display:flex;align-items:center;gap:16px;min-height:90px;
  background:transparent;border:1px solid #39414f;border-radius:12px;padding:0 18px;
  cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
.doc-opt:active{background:rgba(255,255,255,.02);}
.doc-opt.selected{border-color:var(--yellow);}
.doc-opt .doc-ico{flex:0 0 auto;display:flex;color:#EAEEF3;}
.doc-opt .doc-name{font-family:'Plex';font-weight:500;font-size:19px;color:#EAEEF3;}

/* соглашение под карточками */
.verify-agree{
  font-family:'Plex';font-weight:400;font-size:15px;line-height:1.5;
  color:#959ca6;margin-top:34px;
}
.verify-agree .auth-gold{font-weight:600;}

/* приглушённая (неактивная) кнопка «Продолжить» */
.auth-continue.disabled{opacity:.5;cursor:default;}
.auth-continue.disabled:active{transform:none;filter:none;}

/* ---------- модалка «В одном шаге от верификации» ---------- */
.auth-modal{
  position:absolute;inset:0;z-index:6;background:rgba(0,0,0,.55);
  display:none;align-items:center;justify-content:center;padding:0 22px;
}
.auth-modal.open{display:flex;}
.auth-modal-card{
  width:100%;max-width:356px;background:#252d3a;border-radius:18px;
  padding:27px 19px 19px;display:flex;flex-direction:column;align-items:center;
  position:relative;
}
.auth-modal-close{
  position:absolute;top:14px;right:16px;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.auth-modal-close svg{display:block;}
.auth-modal-text{
  font-family:'Plex';font-weight:400;font-size:16px;line-height:1.6;
  color:#EAEEF3;text-align:center;margin:14px 4px 22px;
}
.auth-modal-text .auth-agree-link{
  color:#EAEEF3;text-decoration:underline;
  text-decoration-color:#959ca6;text-underline-offset:3px;
}
.auth-modal-ico{margin:4px 0 2px;}
.auth-modal-ico svg{display:block;}
.auth-modal-title{
  font-family:'Plex';font-weight:600;font-size:21px;line-height:1.3;
  color:#EAEEF3;text-align:center;margin:16px 10px 24px;
}
.auth-modal-card .auth-continue{margin-top:0;}
.auth-modal-later{
  width:100%;height:52px;margin-top:12px;border:none;border-radius:8px;
  background:#333c4a;color:#EAEEF3;
  font-family:'Plex';font-weight:600;font-size:16px;letter-spacing:.2px;cursor:pointer;
  transition:filter .15s ease;
}
.auth-modal-later:active{filter:brightness(1.12);}

/* ---------- пикер выбора страны ---------- */
.country-picker{
  position:absolute;inset:0;z-index:7;background:var(--bg);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);
}
.country-picker.open{transform:translateX(0);}
.cp-head{
  flex:0 0 auto;display:flex;align-items:center;position:relative;
  height:52px;padding:0 14px;border-bottom:1px solid #232A34;
}
.cp-back{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;}
.cp-back svg{display:block;}
.cp-title{
  position:absolute;left:0;right:0;text-align:center;pointer-events:none;
  font-family:'Plex';font-weight:600;font-size:16px;color:#EAEEF3;
}
.cp-search{
  flex:0 0 auto;margin:12px 16px;height:44px;background:var(--field);border-radius:8px;
  display:flex;align-items:center;gap:9px;padding:0 14px;
}
.cp-search input{
  flex:1;background:transparent;border:none;outline:none;
  font-family:'Plex';font-weight:400;font-size:15px;color:#EAEEF3;
}
.cp-search input::placeholder{color:#959ca6;}
.cp-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;}
.cp-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;}
.cp-item:active{background:rgba(255,255,255,.03);}
.cp-item .cflag{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;
}
.cp-item .cp-name{font-family:'Plex';font-weight:400;font-size:16px;color:#EAEEF3;}

/* ============================================================
   РАЗДЕЛ «РЫНКИ» (Markets) — выезжает справа налево поверх главной
   ============================================================ */
.markets{
  position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;
  max-width:480px;margin:0 auto;background:var(--bg);color:var(--white);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);visibility:hidden;pointer-events:none;
}
.markets.open{transform:translateX(0);visibility:visible;pointer-events:auto;}

/* поиск */
.mkt-searchbar{
  flex:0 0 auto;display:flex;align-items:center;gap:12px;
  padding:calc(12px + env(safe-area-inset-top)) 16px 10px;
}
.mkt-search{
  flex:1;height:44px;background:var(--field);border-radius:10px;
  display:flex;align-items:center;gap:9px;padding:0 14px;color:#959ca6;font-size:15px;
}
.mkt-dots{flex:0 0 auto;padding:6px;display:flex;align-items:center;justify-content:center;}
.mkt-dots svg{display:block;}

/* категории */
.mkt-cats{
  flex:0 0 auto;display:flex;gap:22px;padding:6px 16px 0;
  overflow-x:auto;white-space:nowrap;border-bottom:1px solid #1c232e;
  scrollbar-width:none;
}
.mkt-cats::-webkit-scrollbar{display:none;}
.mkt-cat-tab{
  position:relative;font-size:17.5px;font-weight:500;color:#959ca6;cursor:pointer;
  padding-bottom:11px;flex:0 0 auto;
}
.mkt-cat-tab.active{color:#EAEEF3;font-weight:600;}
.mkt-cat-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--yellow);}

/* тело — горизонтальный трек вкладок (слайд влево/вправо, как в регистрации) */
.mkt-body{flex:1;overflow:hidden;position:relative;}
.mkt-track{
  display:flex;height:100%;
  transform:translateX(calc(var(--mstep, 0) * -100%));
  transition:transform .48s cubic-bezier(.25,.8,.25,1);   /* мягкий плавный слайд */
}
.mkt-panel{
  flex:0 0 100%;width:100%;height:100%;
  overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px;
  scrollbar-width:none;                 /* убираем полосу скролла (иначе видна линия между разделами) */
}
.mkt-panel::-webkit-scrollbar{display:none;}
/* вкладки контента подтабов (у каждого подтаба свой список) */
.mkt-view{display:none;}
.mkt-view.active{display:block;}

/* подтабы (Spot / USDs-M …) */
.mkt-subrow{display:flex;align-items:center;gap:20px;padding:14px 16px 4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.mkt-subrow::-webkit-scrollbar{display:none;}
.mkt-sub-t{font-size:16px;font-weight:500;color:#959ca6;flex:0 0 auto;}
.mkt-sub-t.active{color:#EAEEF3;font-weight:600;}
.mkt-icons{margin-left:auto;display:flex;gap:14px;flex:0 0 auto;}

/* котировочные пилюли (USDC/USDT/…) */
.mkt-quotes{display:flex;gap:8px;padding:10px 16px 2px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.mkt-quotes::-webkit-scrollbar{display:none;}
.mkt-quote{flex:0 0 auto;font-size:14px;color:#959ca6;padding:5px 12px;border-radius:7px;}
.mkt-quote.active{background:#2b3340;color:#EAEEF3;font-weight:600;}

/* заголовок колонок */
.mkt-colhead{display:flex;align-items:center;padding:12px 16px 8px;color:#959ca6;font-size:13px;}
.mkt-colhead .c-name{flex:1;}
.mkt-colhead .c-price{flex:0 0 auto;margin-right:12px;}
.mkt-colhead .c-chg{flex:0 0 92px;text-align:right;}

/* строка актива */
.mkt-row{display:flex;align-items:center;padding:11px 16px;gap:12px;}
.mkt-ico{
  width:36px;height:36px;border-radius:50%;flex:0 0 36px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;
}
.mkt-ico img{width:100%;height:100%;object-fit:cover;display:block;}
.mkt-nm{flex:1;min-width:0;}
.mkt-nm .r1{display:flex;align-items:center;gap:0;}
.mkt-sym{font-size:17px;font-weight:400;color:#EAEEF3;}
.mkt-q{font-size:13px;color:#959ca6;}
.mkt-lev{font-size:11px;color:#959ca6;background:#2b3340;border-radius:4px;padding:1px 5px;margin-left:6px;}
.mkt-sub{font-size:13px;color:#959ca6;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mkt-px{flex:0 0 auto;text-align:right;margin-right:12px;}
.mkt-px .p1{font-size:17px;font-weight:600;color:#EAEEF3;}
.mkt-px .p2{font-size:13px;color:#959ca6;margin-top:3px;}
.mkt-chg{
  flex:0 0 92px;height:38px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:600;color:#fff;
}
.mkt-chg.up{background:#2fbd85;}
.mkt-chg.down{background:#f6455f;}

/* предупреждение Alpha */
.mkt-warn{display:flex;gap:10px;margin:12px 16px 4px;padding:14px;background:#2a2a22;border-radius:12px;}
.mkt-warn-txt{flex:1;font-size:13px;line-height:1.4;color:#959ca6;}
.mkt-warn-txt b{color:#EAEEF3;font-weight:600;}
.mkt-warn-x{flex:0 0 auto;}

/* Grow */
.grow-banner{display:flex;align-items:center;margin:14px 16px 0;padding:20px 18px;background:#232b38;border-radius:14px;}
.grow-banner-txt{flex:1;font-size:20px;font-weight:600;color:#EAEEF3;}
.grow-banner-txt .grn{color:var(--green);}
.grow-more{margin-top:10px;font-size:14px;font-weight:600;color:var(--yellow);}
.grow-banner-ico .mkt-ico{border-radius:12px;}
.grow-h{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600;color:#EAEEF3;margin:26px 16px 14px;}
.grow-arr{color:#959ca6;font-size:22px;}
.grow-cards{display:flex;gap:14px;padding:0 16px;}
.grow-card{background:#232b38;border-radius:14px;padding:16px;position:relative;overflow:hidden;}
.grow-card.big{flex:1;min-height:150px;display:flex;flex-direction:column;}
.grow-col{flex:1;display:flex;flex-direction:column;gap:14px;}
.gc-top{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600;color:#EAEEF3;}
.gc-spark{width:100%;height:56px;margin:8px 0;}
.gc-apr{margin-top:auto;}
.gc-apr b{font-size:22px;font-weight:600;color:#EAEEF3;}
.gc-apr span{font-size:12px;color:#959ca6;margin-left:6px;}
.gc-apr.row{margin-top:18px;}
.gc-apr.row b{font-size:18px;}

/* Top Traders */
.trader-row{display:flex;align-items:center;gap:12px;padding:11px 16px;}
.trader-av{width:44px;height:44px;border-radius:10px;flex:0 0 44px;}
.trader-nm{flex:1;font-size:16px;font-weight:600;color:#EAEEF3;}
.trader-tag{margin-top:5px;font-size:11px;color:#959ca6;background:#2b3340;border-radius:5px;padding:2px 7px;width:max-content;font-weight:400;}
.trader-roi{text-align:right;}
.trader-roi b{font-size:16px;font-weight:600;color:var(--green);}
.trader-roi span{display:block;font-size:12px;color:#959ca6;margin-top:3px;}

.mkt-empty{padding:60px 16px;text-align:center;color:#959ca6;font-size:15px;}

/* ============================================================
   СТРАНИЦА «АКТИВЫ» (Assets)
   ============================================================ */
.assets{
  position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;
  max-width:480px;margin:0 auto;background:var(--bg);color:var(--white);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);visibility:hidden;pointer-events:none;
}
.assets.open{transform:translateX(0);visibility:visible;pointer-events:auto;}
.assets .grn{color:#46b790;}
.assets .red{color:#f6455f;}

/* верхние разделы Overview / Spot */
.as-top{
  display:flex;gap:22px;
  padding:calc(14px + env(safe-area-inset-top)) 20px 14px;
}
.as-top-tab{font-family:'Plex';font-weight:600;font-size:18px;color:#959ca6;cursor:pointer;}
.as-top-tab.active{color:#EAEEF3;}

.as-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px;scrollbar-width:none;position:relative;}
.as-body::-webkit-scrollbar{display:none;}
.as-page{display:none;}
.as-page.active{display:block;}

/* блок баланса */
.as-balance{padding:16px 20px 4px;border-top:1px solid #1c232e;}
.as-head-row{display:flex;align-items:center;justify-content:space-between;}
.as-bal-label{display:flex;align-items:center;gap:7px;font-size:15px;line-height:18px;color:#EAEEF3;}
.as-head-ico{display:flex;align-items:center;gap:16px;}
.as-bal-val{display:flex;align-items:baseline;gap:9px;margin-top:12px;font-family:'Plex';font-weight:500;font-size:34px;color:#F6FBFF;letter-spacing:.2px;}
.as-amount{font-weight:500;}   /* тег <b> иначе делает баланс слишком жирным */
.as-cur{font-size:16px;font-weight:500;color:#EAEEF3;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
/* треугольник-стрелка (всегда по центру) */
.tri{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;vertical-align:middle;}
.as-cur .tri{border-left-width:5px;border-right-width:5px;border-top-width:6px;}
.as-pnl{margin-top:10px;font-size:15px;color:#959ca6;display:flex;align-items:center;gap:6px;line-height:18px;min-height:20px;}
.as-pnl-label{display:inline-flex;align-items:center;height:18px;line-height:18px;color:#EAEEF3;border-bottom:1px dotted #ababab;padding-bottom:0;}
.as-pnl .grn,.as-pnl .red{display:inline-flex;align-items:center;height:18px;line-height:18px;}
.as-chev{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;background:none;}
.as-chev::before{content:'';width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);}

/* кнопки действий */
.as-actions{display:flex;gap:10px;padding:16px 16px 20px;border-bottom:1px solid #1c232e;}
.as-btn{
  flex:1;height:38px;border:none;border-radius:8px;background:#2a313c;
  display:flex;align-items:center;justify-content:center;line-height:2.9;padding-top:0;
  font-family:'Plex';font-weight:500;font-size:15px;color:#EAEEF3;cursor:pointer;
  transition:filter .15s ease;
}
.as-btn:active{filter:brightness(1.12);}
.as-btn.primary{background:var(--yellow);color:var(--bg);}

/* подтабы Assets / Account */
.as-subtabs{display:flex;align-items:center;gap:22px;padding:16px 20px 0;}
.as-sub{position:relative;font-size:18px;font-weight:500;color:#959ca6;cursor:pointer;padding-bottom:10px;}
.as-sub.active{color:#EAEEF3;}
.as-sub.active::after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--yellow);transform:translateX(-50%);}
.as-sub-ic{margin-left:auto;display:flex;align-items:center;gap:16px;}
.as-sub-ic svg{width:24px;height:24px;display:block;}
.as-subpage{display:none;padding-top:6px;}
.as-subpage.active{display:block;}

/* строка монеты */
.acoin{padding:16px 20px;border-bottom:1px solid #1c232e;}
.acoin-top{display:flex;align-items:flex-start;gap:12px;}
.acoin-ic{width:29px;height:29px;border-radius:50%;flex:0 0 29px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;}
.acoin-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.acoin-nm{flex:1;min-width:0;}
.acoin-sym{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:500;line-height:22px;color:#EAEEF3;}
.acoin-badge{font-size:12px;font-weight:500;color:#959ca6;background:#2b3340;border-radius:6px;padding:2px 8px;}
.acoin-full{font-size:13px;line-height:16px;color:#959ca6;margin-top:3px;}
.acoin-px{text-align:right;font-family:'Plex',system-ui,sans-serif;}
.acoin-px .p1{font-size:20px;font-weight:600;line-height:22px;color:#EAEEF3;letter-spacing:0;}
.acoin-px .p2{font-size:13px;line-height:16px;color:#959ca6;margin-top:3px;}
.acoin-line{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:14px;line-height:18px;padding-left:41px;}
.acoin-k{color:#959ca6;display:block;line-height:18px;}
.acoin-v{color:#959ca6;text-align:right;display:block;line-height:18px;}
.acoin-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;}
.acoin-btn{
  min-width:86px;height:32px;padding:0 18px;border:none;border-radius:8px;background:#2a313c;
  display:inline-flex;align-items:center;justify-content:center;line-height:2.9;padding-top:0;
  font-family:'Plex',system-ui,sans-serif;font-weight:400;font-size:15px;color:#EAEEF3;cursor:pointer;transition:filter .15s ease;
}
.acoin-btn:active{filter:brightness(1.12);}

/* Account: строки счетов */
.acct-row{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;}
.acct-nm{font-size:17px;font-weight:500;color:#EAEEF3;}
.acct-val{font-size:17px;font-weight:600;color:#F6FBFF;}

/* Spot: подтабы Spot/Cross/Isolated */
.as-spot-tabs{display:flex;gap:10px;padding:14px 20px 4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.as-spot-tabs::-webkit-scrollbar{display:none;}
.as-spot-tab{flex:0 0 auto;font-size:16px;font-weight:500;color:#959ca6;padding:6px 14px;border-radius:8px;cursor:pointer;}
.as-spot-tab.active{background:#2b3340;color:#EAEEF3;font-weight:600;}

/* Small Amount Exchange */
.sae{
  display:flex;align-items:center;gap:10px;margin:14px 20px 0;
  height:52px;border:1px solid #2b3340;border-radius:10px;padding:0 16px;
  font-size:15px;color:#959ca6;
}

/* Balances заголовок */
.as-balances-h{display:flex;align-items:center;padding:24px 20px 4px;font-size:20px;font-weight:600;color:#EAEEF3;}
.as-balances-h .as-sub-ic{margin-left:auto;}

/* ============================================================
   ДЕТАЛЬНАЯ СТРАНИЦА МОНЕТЫ (торговый экран)
   ============================================================ */
.coin{
  position:fixed;top:0;bottom:0;left:0;right:0;z-index:30;
  max-width:480px;margin:0 auto;background:var(--bg);color:var(--white);
  display:flex;flex-direction:column;
  transform:translateX(100%);
  visibility:hidden;pointer-events:none;
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s .32s;
}
.coin.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;}
.coin .grn{color:#46b790;}
.coin .red{color:#f6455f;}
.coin .y{color:var(--yellow);}
.cn-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;}
.cn-scroll::-webkit-scrollbar{display:none;}

/* header */
.cn-head{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 8px;}
.cn-back{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.cn-pair{font-family:'Plex';font-weight:500;font-size:22px;color:#F6FBFF;}
.cn-arr{color:#959ca6;margin-left:1px;}
.cn-head-r{margin-left:auto;display:flex;align-items:center;gap:16px;}
.cn-ai{display:inline-flex;align-items:center;}

/* tabs */
.cn-tabs{display:flex;gap:22px;padding:8px 16px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #1c232e;}
.cn-tabs::-webkit-scrollbar{display:none;}
.cn-tab{position:relative;font-size:17px;font-weight:500;color:#959ca6;padding-bottom:12px;cursor:pointer;flex:0 0 auto;}
.cn-tab.active{color:#EAEEF3;font-weight:600;}
.cn-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--yellow);}

/* price + stats */
.cn-pricebar{display:flex;padding:14px 16px 6px;gap:16px;}
.cn-price-col{flex:1;min-width:0;}
.cn-price{font-family:'Plex';font-weight:500;font-size:34px;color:#F6FBFF;letter-spacing:.2px;}
.cn-price-sub{font-size:14px;color:#959ca6;margin-top:2px;}
.cn-tags{margin-top:10px;font-size:13px;color:var(--yellow);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.cn-tags .sep{color:#959ca6;}
.cn-tags .chev{color:#959ca6;}
.cn-stats{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:6px 18px;align-content:start;}
.cn-stat{display:flex;flex-direction:column;}
.cn-stat .k{font-size:12px;color:#959ca6;}
.cn-stat .v{font-size:13px;color:#959ca6;margin-top:2px;}

/* timeframe */
.cn-tf{display:flex;align-items:center;gap:18px;padding:12px 16px;border-top:1px solid #1c232e;}
.cn-tf-t{font-size:15px;color:#959ca6;cursor:pointer;flex:0 0 auto;}
.cn-tf-t.active{color:#EAEEF3;font-weight:600;}
.cn-tf-ic{margin-left:auto;display:flex;gap:14px;flex:0 0 auto;}

/* график — не рисуется, только оформление */
.cn-chart{
  position:relative;height:330px;
  background:
    repeating-linear-gradient(to bottom, transparent, transparent 65px, rgba(255,255,255,.03) 65px, rgba(255,255,255,.03) 66px);
  border-bottom:1px solid #1c232e;
}
.cn-ma{position:absolute;top:10px;left:16px;font-size:13px;color:#959ca6;}
.cn-wm{position:absolute;top:44%;left:0;right:0;text-align:center;font-size:22px;font-weight:700;color:rgba(255,255,255,.06);letter-spacing:2px;}
.cn-axis{position:absolute;top:16px;right:8px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;}
.cn-axis span{font-size:12px;color:#959ca6;}
.cn-last{position:absolute;right:8px;top:64%;font-size:12px;color:#EAEEF3;background:#2b3340;border:1px solid #3a4250;border-radius:3px;padding:2px 6px;}
.cn-expand{position:absolute;left:12px;bottom:12px;width:30px;height:30px;border:1px solid #2b3340;border-radius:7px;display:flex;align-items:center;justify-content:center;}

/* VOL строка + индикаторы */
.cn-vol{padding:12px 16px 4px;font-size:12px;color:#959ca6;white-space:nowrap;overflow-x:auto;scrollbar-width:none;}
.cn-vol::-webkit-scrollbar{display:none;}
.cn-vol .pu{color:#a884ff;}
.cn-ind{display:flex;align-items:center;gap:18px;padding:8px 16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #1c232e;}
.cn-ind::-webkit-scrollbar{display:none;}
.cn-ind-t{font-size:15px;color:#959ca6;cursor:pointer;flex:0 0 auto;}
.cn-ind-t.active{color:#EAEEF3;font-weight:600;}
.cn-ind-ic{margin-left:auto;flex:0 0 auto;}

/* периоды */
.cn-periods{display:flex;padding:14px 16px;border-bottom:1px solid #1c232e;}
.cn-period{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.cn-period .k{font-size:13px;color:#959ca6;}
.cn-period .red{font-size:13px;font-weight:500;}

/* стакан */
.cn-ob-tabs{display:flex;gap:20px;padding:14px 16px 6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.cn-ob-tabs::-webkit-scrollbar{display:none;}
.cn-ob-tab{font-size:16px;color:#959ca6;cursor:pointer;flex:0 0 auto;padding:4px 0;}
.cn-ob-tab.active{color:#EAEEF3;font-weight:600;background:#2b3340;border-radius:7px;padding:4px 12px;}
.cn-ratio{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;}
.cn-ratio-bar{flex:1;height:5px;border-radius:3px;overflow:hidden;display:flex;}
.cn-ratio-bar .g{width:22.41%;background:#2fbd85;}
.cn-ratio-bar .r{flex:1;background:#f6455f;}
.cn-ob-head{display:flex;align-items:center;padding:8px 16px 4px;font-size:13px;color:#959ca6;}
.cn-ob-head .hb{flex:1;}
.cn-ob-head .ha{flex:1;}
.cn-step{flex:0 0 auto;color:#959ca6;background:#2b3340;border-radius:6px;padding:3px 8px;font-size:12px;}
.cn-ob-row{display:flex;}
.cn-ob-bid,.cn-ob-ask{flex:1;display:flex;justify-content:space-between;align-items:center;padding:6px 16px;font-size:14px;}
.cn-ob-bid{background:linear-gradient(to left, rgba(47,189,133,.07), transparent 55%);}
.cn-ob-ask{background:linear-gradient(to right, rgba(246,69,95,.07), transparent 55%);}
.cn-ob-bid .amt,.cn-ob-ask .amt{color:#959ca6;}
.cn-ob-bid .px{color:#2fbd85;font-weight:500;}
.cn-ob-ask .px{color:#f6455f;font-weight:500;}

/* нижняя панель Buy/Sell */
.cn-bottom{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  padding:8px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid #1c232e;background:var(--bg);
}
.cn-bi{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#959ca6;cursor:pointer;padding:0 4px;}
.cn-buy,.cn-sell{flex:1;height:46px;border:none;border-radius:9px;font-family:'Plex';font-weight:600;font-size:17px;color:#fff;cursor:pointer;transition:filter .15s ease;}
.cn-buy{background:#2fbd85;}
.cn-sell{background:#f6455f;}
.cn-buy:active,.cn-sell:active{filter:brightness(1.08);}

/* ============================================================
   A. WELCOME (по бургеру, слева)  +  B. СЕРВИСЫ (справа)
   ============================================================ */
/* общий вид иконки инструмента */
.sv-tool{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;}
.sv-ico{width:50px;height:50px;border-radius:14px;background:#242c37;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.sv-ico svg{width:26px;height:26px;}
.sv-lbl{font-size:13px;font-weight:300;color:#959ca6;text-align:center;line-height:1.25;overflow-wrap:anywhere;}
.sv-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 4px;padding:12px 14px 8px;}
.sv-sec-h{font-size:16px;font-weight:500;color:#EAEEF3;padding:20px 18px 2px;}

/* A. Profile menu — выезжает слева направо */
.welcome{
  position:fixed;top:0;bottom:0;left:0;right:0;z-index:45;
  max-width:480px;margin:0 auto;background:var(--bg);color:var(--white);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(-100%);visibility:hidden;pointer-events:none;
  transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s .3s;
}
.welcome.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;}
.wl-head{flex:0 0 auto;display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 18px 8px;min-height:54px;}
.wl-back,.wl-head-icon{border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.wl-back{width:34px;height:34px;margin-left:-5px;}
.wl-head-r{margin-left:auto;display:flex;align-items:center;gap:16px;}
.wl-head-icon{width:28px;height:28px;}
.wl-head-icon img{display:block;width:26px;height:26px;object-fit:contain;}
.wl-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg);}
.wl-scroll::-webkit-scrollbar{display:none;}
.wl-profile{width:100%;border:0;border-bottom:1px solid #2b333e;background:transparent;color:inherit;padding:24px 20px 27px;display:flex;align-items:center;text-align:left;cursor:pointer;}
.wl-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;flex:0 0 76px;}
.wl-profile-copy{min-width:0;margin-left:18px;display:flex;flex-direction:column;align-items:flex-start;}
.wl-profile-id{font-size:13px;line-height:17px;color:#959ca6;}
.wl-profile-copy strong{max-width:230px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Plex';font-size:20px;line-height:25px;font-weight:600;color:#EAEEF3;}
.wl-profile-tags{display:flex;align-items:center;gap:6px;margin-top:7px;}
.wl-profile-tags em{padding:4px 7px;border-radius:5px;background:rgba(240,185,11,.1);color:#f0b90b;font-size:12px;line-height:16px;font-style:normal;font-weight:400;}
.wl-profile-tags em+em{background:rgba(70,183,144,.1);color:#46b790;}
.wl-profile-next{margin-left:auto;color:#707a88;font-size:34px;font-weight:300;line-height:1;}
.wl-guest{border-bottom:1px solid #2b333e;padding:12px 20px 26px;}
.wl-title{font-family:'Plex';font-weight:600;font-size:25px;color:#F6FBFF;}
.wl-login{
  margin:14px 0 0;height:38px;padding:0 24px;border:none;border-radius:7px;
  background:var(--yellow);color:var(--bg);font-family:'Plex';font-weight:600;font-size:14px;cursor:pointer;width:max-content;
}
.wl-section{padding:27px 20px 0;}
.wl-section h2{margin:0;font-family:'Plex';font-size:18px;line-height:24px;font-weight:500;color:#EAEEF3;}
.wl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:10px;row-gap:29px;padding-top:22px;}
.wl-tool{min-width:0;border:0;background:transparent;color:inherit;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;}
.wl-tool-icon{width:54px;height:54px;border-radius:13px;background:#252e39;display:flex;align-items:center;justify-content:center;flex:0 0 54px;}
.wl-tool-icon img{width:31px;height:31px;object-fit:contain;display:block;}
.wl-tool-label{width:100%;min-height:34px;color:#EAEEF3;font-size:14px;line-height:17px;font-weight:400;text-align:center;overflow-wrap:anywhere;}
.wl-recommend{margin-top:47px;}
.wl-more{
  display:block;margin:32px auto 0;height:44px;padding:0 21px;border:none;border-radius:7px;
  background:#2b3440;color:#EAEEF3;font-family:'Plex';font-weight:500;font-size:16px;cursor:pointer;
}
.wl-bottom{margin-top:auto;padding:76px 20px calc(28px + env(safe-area-inset-bottom));}
.wl-logout{
  width:100%;height:46px;margin:0 0 12px;border:none;border-radius:8px;background:#343d49;color:#EAEEF3;
  font-family:'Plex';font-weight:500;font-size:15px;cursor:pointer;
}
.wl-logout:active{filter:brightness(1.12);}
.wl-lite{width:100%;height:66px;border:1px solid #3a4450;border-radius:11px;background:transparent;padding:0 17px;display:flex;align-items:center;cursor:pointer;}
.wl-lite img{display:block;width:145px;max-height:29px;object-fit:contain;object-position:left center;}
.wl-lite span{margin-left:auto;color:#959ca6;font-size:33px;font-weight:300;line-height:1;}

/* B. Сервисы — выезжает справа налево */
.services{
  position:fixed;top:0;bottom:0;left:0;right:0;z-index:46;
  max-width:480px;margin:0 auto;background:var(--bg);color:var(--white);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);visibility:hidden;pointer-events:none;
  transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s .3s;
}
.services.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;}
.sv-head{display:flex;align-items:center;position:relative;padding:calc(10px + env(safe-area-inset-top)) 16px 8px;}
.sv-back{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;}
.sv-title-h{position:absolute;left:0;right:0;text-align:center;font-family:'Plex';font-weight:600;font-size:19px;color:#F6FBFF;pointer-events:none;}
.sv-search{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:6px 16px 0;
  height:44px;background:var(--field);border-radius:10px;padding:0 14px;color:#959ca6;font-size:15px;
}
.sv-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none;padding-bottom:40px;background:var(--bg);}
.sv-body::-webkit-scrollbar{display:none;}
/* закреплённые вкладки-скроллспай (без просвета над ними) */
.sv-tabs{
  position:sticky;top:0;z-index:2;background:var(--bg);
  display:flex;gap:22px;padding:14px 18px 0;margin-top:0;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;border-bottom:1px solid #1c232e;
}
.sv-tabs::-webkit-scrollbar{display:none;}
.sv-tab{position:relative;font-size:15px;font-weight:400;color:#959ca6;cursor:pointer;padding-bottom:11px;flex:0 0 auto;}
.sv-tab.active{color:#EAEEF3;font-weight:600;}
.sv-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--yellow);}
.sv-pad{height:70vh;}

/* v108: compact profile page */
.wl-head{padding:calc(11px + env(safe-area-inset-top)) 16px 5px;min-height:48px;}
.wl-back{width:26px;height:26px;margin-left:-2px;}
.wl-back img{display:block;width:21px;height:21px;object-fit:contain;}
.wl-head-r{gap:13px;}
.wl-head-icon{width:24px;height:24px;}
.wl-head-icon img{width:22px;height:22px;}
.wl-head-icon img[src*="header_scan"],
.wl-head-icon img[src*="menu_support_clean"],
.wl-head-icon img[src*="menu_hex_v452"]{width:22px;height:22px;image-rendering:auto;}
.header .hicon.ic-scan{width:25px;height:22px;object-fit:contain;image-rendering:auto;}
.wl-profile{padding:18px 18px 20px;}
.wl-avatar{width:64px;height:64px;flex-basis:64px;}
.wl-profile-copy{margin-left:13px;}
.wl-profile-id{font-size:12px;line-height:15px;}
.wl-profile-copy strong{font-size:18px;line-height:22px;max-width:205px;}
.wl-profile-tags{margin-top:5px;gap:5px;}
.wl-profile-tags em{font-size:11px;line-height:14px;padding:3px 6px;}
.wl-profile-next{font-size:27px;}
.wl-section{padding:24px 18px 0;}
.wl-section h2{font-size:16px;line-height:21px;}
.wl-grid{column-gap:8px;row-gap:23px;padding-top:19px;}
.wl-tool{gap:7px;}
.wl-tool-icon{width:47px;height:47px;flex-basis:47px;border-radius:11px;}
.wl-tool-icon img{width:27px;height:27px;}
.wl-tool-icon img[src*="_clean.svg"]{width:29px;height:29px;image-rendering:auto;}
.wl-tool-label{min-height:30px;font-size:12px;line-height:15px;}
.wl-recommend{margin-top:46px;}
.wl-more{height:39px;margin-top:24px;padding:0 18px;border-radius:6px;font-size:14px;}
.wl-bottom{display:none!important;}
.wl-logout{display:none!important;}

/* v177: Account Info opens from profile, right to left */
.wl-profile-tags em.is-verified{background:rgba(70,183,144,.1)!important;color:#46b790!important;}
.wl-profile-tags em.is-unverified{background:rgba(240,185,11,.12)!important;color:#f0b90b!important;}
.account-info{
  position:fixed;inset:0;z-index:47;width:100%;max-width:480px;margin:0 auto;
  background:var(--bg);color:#EAEEF3;display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);visibility:hidden;pointer-events:none;
  transition:transform .56s cubic-bezier(.22,.72,0,1),visibility 0s .56s;
}
.account-info.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;}
.account-head{
  position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  min-height:56px;padding:calc(12px + env(safe-area-inset-top)) 20px 8px;
}
.account-title{
  position:absolute;left:64px;right:64px;text-align:center;
  font-family:'Plex';font-size:20px;line-height:26px;font-weight:600;color:#F6FBFF;
}
.account-back,.account-tool,.account-row button{
  border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;color:#EAEEF3;cursor:pointer;
}
.account-back,.account-tool{width:32px;height:32px;position:relative;z-index:1;}
.account-back svg,.account-tool svg,.account-row button svg,.account-list-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.account-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:14px 20px 28px;}
.account-scroll::-webkit-scrollbar{display:none;}
.account-card{
  position:relative;overflow:hidden;margin:0 0 25px;padding:24px 18px 22px;
  border:1px solid #303945;border-radius:14px;background:#1e2631;
}
.account-badge{
  position:absolute;right:0;top:0;padding:7px 13px;border-bottom-left-radius:10px;
  background:#28313d;color:#EAEEF3;font-size:12px;line-height:16px;font-weight:500;
}
.account-main{display:flex;align-items:center;gap:16px;margin-bottom:30px;}
.account-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:0 0 58px;}
.account-main h2{
  min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:'Plex';font-size:21px;line-height:27px;font-weight:600;color:#F6FBFF;
}
.account-row{display:grid;grid-template-columns:1fr minmax(0,1.25fr) 24px;align-items:center;gap:8px;min-height:37px;}
.account-row + .account-row{margin-top:7px;grid-template-columns:1fr minmax(0,1.25fr) 24px;}
.account-row span{font-size:16px;line-height:22px;color:#9aa3af;}
.account-row b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:16px;line-height:22px;font-weight:500;color:#EAEEF3;text-align:right;
}
.account-row button{width:24px;height:24px;color:#8d96a3;}
.account-row button svg{width:21px;height:21px;stroke-width:1.7;}
.account-row button img{
  width:21px;
  height:21px;
  display:block;
  object-fit:contain!important;
}
.account-list-row{
  width:100%;height:64px;border:0;background:transparent;color:#EAEEF3;padding:0;
  display:grid;grid-template-columns:33px 1fr auto 18px;align-items:center;gap:10px;text-align:left;cursor:pointer;
}
.account-list-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#EAEEF3;}
.account-list-icon svg{width:26px;height:26px;stroke-width:1.8;}
.account-list-row b{font-size:20px;line-height:26px;font-weight:500;color:#EAEEF3;}
.account-list-row em{font-style:normal;font-size:16px;line-height:22px;font-weight:400;color:#8f98a5;}
.account-list-row em.warn{color:#f0b90b;}
.account-list-row em.ok{color:#9aa3af;}
.account-list-row i{font-style:normal;font-size:28px;line-height:1;color:#596371;text-align:right;}
.wl-profile-next,.account-list-row i{font-size:0;}
.wl-profile-next::before,.account-list-row i::before{content:"\203A";font-size:28px;line-height:1;}
.account-social{font-size:13px;line-height:18px;color:#697381;white-space:nowrap;}

/* v188: account info icon image replacements */
.account-tool-img{
  width:25px!important;
  height:25px!important;
  display:block!important;
  object-fit:contain!important;
}
.account-list-icon img{
  width:26px!important;
  height:26px!important;
  display:block!important;
  object-fit:contain!important;
}
.account-social-icons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:center!important;
  height:28px!important;
  gap:10px!important;
  transform:translateY(0)!important;
}
.account-social-icons img{
  width:20px!important;
  height:20px!important;
  display:block!important;
  object-fit:contain!important;
}
.account-social-icons img.account-social-x{
  width:18px!important;
  height:18px!important;
}
.account-bottom{flex:0 0 auto;padding:12px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(30,38,49,0),var(--bg) 26%);}
.account-logout{
  width:100%;height:56px;border:0;border-radius:9px;background:#343d49;color:#EAEEF3;
  font-family:'Plex';font-size:18px;line-height:24px;font-weight:500;cursor:pointer;
}
.account-logout:active{filter:brightness(1.1);}
.wl-lite{height:58px;border-radius:9px;padding:0 15px;}
.wl-lite img{width:132px;max-height:25px;}
.wl-lite span{font-size:28px;}

/* v108: authenticated home restored */
.home-chat-wrap{position:relative;width:30px;height:27px;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.home-chat-wrap .ic-chat{width:24px;height:24px;}
.home-chat-wrap>span{position:absolute;right:-9px;top:-8px;min-width:23px;height:15px;padding:0 3px;border-radius:8px;background:#f0b90b;color:#1f2630;font-size:9px;line-height:15px;font-weight:600;text-align:center;}
.auth-search{height:43px;margin:13px 16px 0;padding:0 13px;border-radius:8px;}
.auth-home{padding:12px 16px 118px;}
.auth-balance{align-items:center;gap:12px;padding:13px 0 12px;background:transparent;border:0;border-radius:0;}
.auth-balance-label{font-size:15px;line-height:20px;color:#EAEEF3;}
.auth-balance-value{margin-top:12px;font-size:34px;line-height:40px;}
.auth-pnl{margin-top:9px;font-size:13px;line-height:18px;color:#EAEEF3;}
.auth-add-funds{margin-top:27px;padding:0 19px;border-radius:6px;font-size:16px;}
.auth-pnl-panel{border:0;}
.auth-quick{gap:12px;margin-top:7px;}
.auth-qcard{height:143px;padding:13px 12px;background:#27313d;border:0;border-radius:9px;}
.auth-qtop{font-size:13px;color:#959ca6;}
.auth-qtitle,.auth-send-title{margin-top:8px;font-size:13px;line-height:17px;color:#EAEEF3;}
.auth-p2p-actions{bottom:10px;}
.auth-p2p-actions svg{width:31px;height:31px;}
.auth-p2p-actions em{font-size:10px;color:#EAEEF3;}
.auth-rate{bottom:10px;}
.auth-mini-chart{bottom:12px;width:62px;height:40px;}
.auth-market-card{margin-top:12px;padding:13px 13px 3px;background:#27313d;border:0;border-radius:9px;}
.auth-market-tabs{gap:16px;}
.auth-market-tabs span{font-size:13px;}
.auth-market-row{min-height:52px;}
.auth-market-icon{width:29px;height:29px;flex-basis:29px;}
.auth-market-name b,.auth-market-price b{font-size:13px;}
.auth-change{min-width:70px;padding:7px 5px;font-size:12px;}
.auth-discover-tabs{position:sticky;bottom:84px;z-index:3;margin:0 -16px;padding:10px 16px 0;background:#202833;border-top:1px solid #303947;}

/* v108: support chat */
html.support-lock,html.support-lock body{overflow:hidden;height:100%;}
.support-chat{position:fixed;inset:0;z-index:90;width:100%;max-width:480px;margin:0 auto;background:#171c24;color:#EAEEF3;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s .32s;}
.support-chat.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;}
.support-head{flex:0 0 auto;min-height:96px;padding:calc(13px + env(safe-area-inset-top)) 15px 12px;background:#1f2732;display:flex;align-items:center;gap:10px;border-bottom:1px solid #222b36;}
.support-head button{border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.support-back{width:31px;height:31px;flex:0 0 31px;}
.support-back img{width:25px;height:25px;object-fit:contain;}
.support-bot{width:51px;height:51px;border-radius:50%;object-fit:contain;flex:0 0 51px;}
.support-title{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px;}
.support-title strong{font-size:17px;line-height:21px;font-weight:500;color:#EAEEF3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.support-title span{font-size:13px;line-height:17px;color:#959ca6;}
.support-title b{font-weight:400;}
.support-power{width:31px;height:31px;flex:0 0 31px;}
.support-power img{width:24px;height:24px;object-fit:contain;}
.support-tools{height:37px;display:flex;align-items:center;border:1px solid #333c49;border-radius:19px;overflow:hidden;flex:0 0 auto;}
.support-tools button{height:35px;min-width:43px;color:#EAEEF3;font-size:16px;line-height:1;}
.support-tools button+button{border-left:1px solid #333c49;font-size:31px;font-weight:200;}
.support-body{flex:1;min-height:0;padding:20px 24px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.support-body::-webkit-scrollbar{display:none;}
.support-history-label{display:flex;align-items:center;justify-content:center;gap:8px;color:#656d79;font-size:15px;margin:0 0 19px;}
.support-history-label img{width:18px;height:18px;object-fit:contain;opacity:.75;}
.support-messages{display:flex;flex-direction:column;gap:14px;}
.support-message{display:flex;width:100%;}
.support-message.user{justify-content:flex-end;}
.support-message.admin{justify-content:flex-start;}
.support-bubble{position:relative;max-width:88%;padding:11px 12px 12px;border-radius:12px;font-size:15px;line-height:20px;overflow-wrap:anywhere;}
.support-message.admin .support-bubble{background:#293341;color:#EAEEF3;border-bottom-left-radius:3px;}
.support-message.user .support-bubble{background:#f0b90b;color:#232445;border-bottom-right-radius:3px;}
.support-message.admin .support-bubble::after{content:"";position:absolute;left:-7px;bottom:0;border-right:8px solid #293341;border-top:8px solid transparent;}
.support-message.user .support-bubble::after{content:"";position:absolute;right:-7px;bottom:0;border-left:8px solid #f0b90b;border-top:8px solid transparent;}
.support-bubble time{display:inline-block;margin-left:5px;font-size:10px;line-height:13px;color:#68717d;vertical-align:baseline;}
.support-message.user time{color:#796d31;}
.support-footer{flex:0 0 auto;padding:9px 16px calc(13px + env(safe-area-inset-bottom));background:#171c24;border-top:1px solid #303743;}
.support-quick{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;}
.support-quick::-webkit-scrollbar{display:none;}
.support-quick button{flex:0 0 auto;height:31px;padding:0 10px;border:1px solid #3d4552;border-radius:6px;background:transparent;color:#EAEEF3;font-family:'Plex';font-size:12px;white-space:nowrap;}
.support-compose{display:flex;align-items:center;gap:9px;margin-top:9px;}
.support-attach,.support-plus,#supportSend{border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;}
.support-attach{width:31px;height:42px;}
.support-attach img{width:27px;height:27px;object-fit:contain;}
.support-plus{width:31px;height:42px;}
.support-plus img{width:29px;height:29px;object-fit:contain;}
.support-input-wrap{flex:1;min-width:0;height:44px;border-radius:7px;background:#293341;display:flex;align-items:center;padding:0 10px;}
.support-input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#EAEEF3;font-family:'Plex';font-size:15px;}
.support-input-wrap input::placeholder{color:#959ca6;}
#supportSend{width:31px;height:38px;}
#supportSend img{width:26px;height:26px;object-fit:contain;}
#supportSend:disabled{opacity:.45;}
@media(max-width:360px){.support-head{gap:7px;padding-left:10px;padding-right:10px}.support-bot{width:45px;height:45px;flex-basis:45px}.support-tools button{min-width:37px}.support-body{padding-left:17px;padding-right:17px}.support-footer{padding-left:10px;padding-right:10px}.wl-recommend{margin-top:35px}.wl-bottom{padding-top:28px}}

/* v108: avoid the boot screen ghosting over the home page after it starts closing */
.boot-splash.hide{display:none!important;}

/* v109: authenticated home polish */
.auth-home .grn{color:#35ba83!important;}
.auth-home .red{color:#ff445f!important;}
.auth-search{height:38px!important;margin:13px 14px 0!important;padding:0 12px!important;border-radius:7px!important;}
.auth-search .ph{font-size:15px!important;}
.auth-balance{padding:14px 0 13px!important;}
.auth-balance-label{font-size:15px!important;line-height:20px!important;font-weight:500!important;color:#EAEEF3!important;}
.auth-balance-value{font-size:31px!important;line-height:38px!important;margin-top:8px!important;font-weight:600!important;}
.auth-pnl{font-size:13px!important;line-height:18px!important;margin-top:6px!important;}
.auth-add-funds{min-width:112px;margin-top:26px!important;border-radius:6px!important;font-size:16px!important;font-weight:600!important;}
.auth-pnl-panel{animation:auth-panel-open .28s ease both;}
@keyframes auth-panel-open{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.auth-pnl-line{stroke:#f0b90b!important;stroke-width:2.35!important;}
.auth-quick{gap:12px!important;margin-top:13px!important;}
.auth-qcard{aspect-ratio:1.17/1;height:auto!important;min-height:0!important;padding:16px 14px!important;border-radius:8px!important;background:#27313d!important;}
.auth-qtop{font-size:15px!important;line-height:19px!important;font-weight:500!important;color:#959ca6!important;}
.auth-qtop b{font-size:27px!important;line-height:18px!important;}
.auth-qtitle,.auth-send-title{font-size:15px!important;line-height:20px!important;color:#EAEEF3!important;font-weight:400!important;}
.auth-p2p-actions{left:18px!important;right:18px!important;bottom:18px!important;}
.auth-p2p-actions svg,.auth-p2p-icon{width:34px!important;height:34px!important;display:block;object-fit:contain;}
.auth-p2p-actions em{font-size:13px!important;line-height:16px!important;color:#EAEEF3!important;margin-top:1px;}
.auth-rate{left:16px!important;bottom:17px!important;font-size:12px!important;line-height:15px!important;}
.auth-rate strong{font-size:16px!important;line-height:18px!important;font-weight:400!important;}
.auth-rate span{font-size:10px!important;line-height:13px!important;}
.auth-mini-chart{right:12px!important;bottom:21px!important;width:70px!important;height:44px!important;}
.auth-mini-chart path{stroke:#35ba83!important;}
.auth-market-card{margin-top:13px!important;padding:16px 14px 6px!important;background:#27313d!important;border-radius:8px!important;}
.auth-market-tabs{gap:17px!important;transition:transform .26s ease;}
.auth-market-tabs span{font-size:15px!important;line-height:20px!important;padding-bottom:8px!important;font-weight:400!important;}
.auth-market-tabs span.active{color:#EAEEF3!important;font-weight:600!important;}
.auth-market-tabs span.active::after{display:none!important;}
.auth-market-subtabs{margin-top:8px!important;gap:18px!important;}
.auth-market-subtabs span{font-size:14px!important;line-height:18px!important;padding:6px 13px!important;}
.auth-market-head{padding:12px 0 8px!important;font-size:11px!important;}
.auth-market-row{min-height:58px!important;border-top:0!important;}
.auth-market-icon{width:33px!important;height:33px!important;flex-basis:33px!important;}
.auth-market-name{gap:10px!important;}
.auth-market-name b{font-size:18px!important;font-weight:500!important;gap:5px!important;}
.auth-market-name b img{width:18px!important;height:18px!important;}
.auth-market-price b{font-size:16px!important;font-weight:600!important;}
.auth-market-price span{font-size:13px!important;margin-top:1px!important;}
.auth-change{min-width:76px!important;padding:0 7px!important;border-radius:6px!important;font-size:15px!important;font-weight:400!important;}
.auth-change.up{background:#35ba83!important;}
.auth-change.down{background:#ff445f!important;}
.auth-market-list{will-change:auto;}
.auth-market-list.slide-left{animation:auth-market-slide-left .25s ease both;}
.auth-market-list.slide-right{animation:auth-market-slide-right .25s ease both;}
@keyframes auth-market-slide-left{0%{opacity:.5;transform:translateX(24px)}100%{opacity:1;transform:translateX(0)}}
@keyframes auth-market-slide-right{0%{opacity:.5;transform:translateX(-24px)}100%{opacity:1;transform:translateX(0)}}
@media(max-width:360px){
  .auth-qcard{padding:14px 11px!important;}
  .auth-qtop{font-size:13px!important;}
  .auth-qtitle,.auth-send-title{font-size:13px!important;line-height:18px!important;}
  .auth-p2p-actions{left:10px!important;right:10px!important;}
  .auth-change{min-width:68px!important;font-size:12px!important;}
}

/* v110: CMC markets + dynamic coin page */
.app-scroll{will-change:auto!important;transform:none!important;backface-visibility:visible!important;}
.auth-home,.auth-home *,.markets,.markets *,.coin,.coin *{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  font-synthesis-weight:none;
}
body.balances-hidden .as-bal-val>.as-cur-sym,
body.balances-hidden .as-bal-val>.as-cur-wrap,
body.balances-hidden .as-pnl .as-chev,
body.balances-hidden .auth-balance-label .auth-caret,
body.balances-hidden .auth-pnl .auth-caret{display:none!important;}
body.balances-hidden .auth-balance-value{display:inline-block;min-width:110px;}
.auth-change,.mkt-chg,.chg{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.auth-change{height:34px!important;background-clip:padding-box!important;}
.auth-change.up,.mkt-chg.up{background:#35ba83!important;}
.auth-change.down,.mkt-chg.down{background:#ff445f!important;}
.mkt-chg{height:38px!important;color:#fff!important;}
.auth-market-row,.mkt-row{border-top:0!important;border-bottom:0!important;}
.auth-add-funds{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 19px!important;line-height:1.15!important;}
.mkt-search{position:relative;}
.mkt-search input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;color:#EAEEF3;
  font-family:'Plex',system-ui,sans-serif;font-size:15px;line-height:38px;
}
.mkt-search input::placeholder{color:#959ca6;}
.mkt-dots{border:0;background:transparent;cursor:pointer;}
.mkt-track{width:800%!important;}
.mkt-panel{flex:0 0 12.5%!important;width:12.5%!important;}
.mkt-live-list{padding-bottom:90px;}
.mkt-row{min-height:59px;cursor:pointer;}
.mkt-sym{font-weight:600!important;}
.mkt-px .p1{line-height:20px;}
.mkt-px .p2{line-height:16px;}
.mkt-empty{display:none;padding:58px 16px;text-align:center;color:#959ca6;font-size:15px;}
.markets.mkt-searching .mkt-body::before{
  content:"";position:absolute;top:22px;left:50%;z-index:5;width:34px;height:34px;margin-left:-17px;
  border-radius:50%;border:3px solid rgba(240,185,11,.18);border-top-color:#f0b90b;
  animation:bb-spin .72s linear infinite;
}
@keyframes bb-spin{to{transform:rotate(360deg)}}
.home-asset-row{cursor:pointer;}
.home-asset-row:active,.auth-market-row:active,.mkt-row:active{filter:brightness(1.08);}
.coin{z-index:70;}
.cn-head button{border:0;background:transparent;color:#B7BDC6;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.cn-star,.cn-bell{width:28px;height:28px;}
.cn-star svg,.cn-bell svg{width:23px;height:23px;display:block;}
.cn-star.active{color:#fff;}
.cn-star.active svg path{fill:#fff;stroke:#fff;}
.cn-price-sub .red{color:#ff445f!important;}
.cn-price-sub .grn{color:#35ba83!important;}
.cn-chart{overflow:hidden;}
.cn-chart-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
.cn-chart-area{fill:url(#cnChartFill);}
.cn-chart-line{fill:none;stroke:#f0b90b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.cn-ma-line{fill:none;stroke:#8d98a7;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.82;}
.cn-ma,.cn-axis,.cn-last,.cn-expand,.cn-wm{z-index:2;}
.coin-loading .cn-chart::after{
  content:"";position:absolute;left:50%;top:48%;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;
  border-radius:50%;border:3px solid rgba(240,185,11,.16);border-top-color:#f0b90b;animation:bb-spin .72s linear infinite;
}
.cn-ob{padding-bottom:10px;}
.cn-ob-row{min-height:31px;}
.cn-ob-bid,.cn-ob-ask{line-height:18px;}
.cn-buy,.cn-sell{display:flex;align-items:center;justify-content:center;line-height:1!important;}

/* v115: true swipeable home market tabs and sharper coin rows */
.auth-market-card{
  transform:none!important;
  filter:none!important;
  isolation:isolate;
}
.auth-market-card,.auth-market-card *{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.auth-market-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  transform:none!important;
  filter:none!important;
}
.auth-market-viewport::-webkit-scrollbar{display:none;width:0;height:0;}
.auth-market-track{
  display:flex;
  width:600%;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}
.auth-market-panel{
  flex:0 0 16.6666667%;
  width:16.6666667%;
  min-width:0;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}
.auth-market-list{
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  will-change:auto!important;
}
.auth-market-list.slide-left,
.auth-market-list.slide-right{animation:none!important;}
.auth-market-row,
.auth-market-row *{
  backface-visibility:visible!important;
  will-change:auto!important;
}
.auth-market-icon img,
.auth-market-name b img{
  image-rendering:auto;
}

/* v116: coin chart parity */
.cn-tags{
  flex-wrap:nowrap!important;
  gap:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:12px!important;
  line-height:16px!important;
}
.cn-tags .y,.cn-tags .sep,.cn-tags .chev{flex:0 0 auto;}
.cn-stat .v{color:#EAEEF3!important;font-weight:400!important;}
.cn-tf{
  border-top:1px solid #1c232e!important;
  border-bottom:1px solid #1c232e!important;
}
.cn-tf-t,.cn-ob-tab,.cn-period,.cn-ind-t,.cn-ratio,.cn-step,.cn-buy,.cn-sell,.auth-change,.mkt-chg,.chg{
  line-height:1!important;
}
.cn-tf-ic svg,.cn-ind-ic svg{color:#EAEEF3!important;}
.cn-tf-ic svg path,.cn-tf-ic svg rect,.cn-tf-ic svg line,.cn-tf-ic svg circle,
.cn-ind-ic svg path,.cn-ind-ic svg rect,.cn-ind-ic svg line,.cn-ind-ic svg circle{
  stroke:#EAEEF3!important;
}
.cn-tf-ic svg circle{fill:#1f2630!important;}
.cn-chart{
  background:
    linear-gradient(to right, rgba(149,156,166,.13) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(149,156,166,.13) 1px, transparent 1px),
    #1f2630!important;
  background-size:90px 100%,100% 61px,auto!important;
  background-position:0 0,0 0,0 0!important;
}
.cn-chart-line{stroke:#f0b90b!important;stroke-width:1.65!important;}
.cn-chart-area{fill:url(#cnChartFill)!important;opacity:.92!important;}
.cn-ma-line{stroke:#a0a7b2!important;stroke-width:1.45!important;}
.cn-candle-wick{stroke-width:1.15;stroke-linecap:round;}
.cn-candle-body,.cn-candle-wick{opacity:.95;}
.cn-candle-body.up,.cn-vol-bar.up{fill:#35ba83;}
.cn-candle-body.down,.cn-vol-bar.down{fill:#ff445f;}
.cn-candle-wick.up{stroke:#35ba83;}
.cn-candle-wick.down{stroke:#ff445f;}
.cn-vol-bar{opacity:.96;}
.cn-chart.candles-mode .cn-wm{opacity:.7;}
.cn-last{
  right:0!important;
  min-width:54px;
  padding:3px 7px 3px 8px!important;
  border:1px solid rgba(215,222,232,.78)!important;
  border-right:0!important;
  border-radius:5px 0 0 5px!important;
  background:#303a47!important;
  color:#EAEEF3!important;
  text-align:right;
  line-height:1!important;
  transform:translateY(-50%);
}
.cn-last b{display:block;font-size:12px;font-weight:600;line-height:13px;color:#EAEEF3;}
.cn-last em{display:block;margin-top:1px;font-style:normal;font-size:10px;line-height:10px;color:#7f8895;}
.cn-chart-mode{
  position:absolute;right:10px;bottom:9px;z-index:5;width:30px;height:30px;
  border:0;background:transparent;color:#EAEEF3;display:flex;align-items:center;justify-content:center;
  padding:0;cursor:pointer;
}
.cn-chart-mode svg{width:24px;height:24px;display:block;}
.cn-chart-mode .cn-mode-candle{display:none;}
.cn-chart-mode[aria-pressed="true"] .cn-mode-line{display:none;}
.cn-chart-mode[aria-pressed="true"] .cn-mode-candle{display:block;}
.cn-crosshair{
  position:absolute;inset:0;z-index:6;display:none;pointer-events:none;
  --cx:50%;--cy:50%;
}
.cn-crosshair.active{display:block;}
.cn-cross-v,.cn-cross-h{
  position:absolute;border-color:rgba(238,243,249,.58);
}
.cn-cross-v{left:var(--cx);top:0;bottom:0;border-left:1px dashed rgba(238,243,249,.58);}
.cn-cross-h{left:0;right:0;top:var(--cy);border-top:1px dashed rgba(238,243,249,.58);}
.cn-cross-dot{
  position:absolute;left:var(--cx);top:var(--cy);width:6px;height:6px;margin:-3px 0 0 -3px;
  border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(31,38,48,.9);
}
.cn-cross-price{
  position:absolute;right:0;top:var(--cy);min-width:70px;
  transform:translateY(-50%);padding:4px 8px 4px 7px;
  border-radius:5px 0 0 5px;background:#f1f3f6;color:#1f2630;
  font-size:12px;font-weight:600;line-height:13px;text-align:right;
}
.cn-cross-price em{display:block;font-style:normal;font-size:11px;font-weight:500;line-height:12px;color:#1f2630;}
.cn-cross-date{
  position:absolute;left:var(--cx);bottom:2px;transform:translateX(-50%);
  padding:4px 8px;border-radius:5px;background:#f1f3f6;color:#1f2630;
  font-size:12px;line-height:13px;font-weight:500;white-space:nowrap;
}
.cn-vol{color:#959ca6!important;}
.cn-vol .cn-vol-val{color:#EAEEF3!important;}
.cn-ob-bid,.cn-ob-ask{align-items:center!important;line-height:1!important;}
.cn-ob-bid .amt,.cn-ob-ask .amt,.cn-step{color:#EAEEF3!important;}
.cn-ob-bid .px{color:#35ba83!important;}
.cn-ob-ask .px{color:#ff445f!important;}
.cn-period{justify-content:flex-start!important;gap:8px!important;}
.cn-period .red{color:#ff445f!important;}
.cn-period .grn{color:#35ba83!important;}
.cn-price-sub,.cn-stat,.cn-ob-row,.cn-ob-head,.cn-ratio,.cn-bottom,.cn-bi{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

/* v117: transparent Binance watermark for the coin chart */
.cn-wm{
  top:43%!important;
  left:50%!important;
  right:auto!important;
  width:246px!important;
  height:44px!important;
  transform:translate(-50%,-50%)!important;
  background:transparent url('../images/binance_chart_watermark.svg') center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  opacity:1!important;
  z-index:0!important;
  pointer-events:none!important;
}
.cn-chart.candles-mode .cn-wm{opacity:1!important;}

/* v118: keep home market tabs as one horizontal slider */
.auth-market-card .auth-market-viewport{
  display:block!important;
  width:100%!important;
  height:290px!important;
  max-height:290px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  contain:layout paint!important;
}
.auth-market-card .auth-market-track{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:600%!important;
  max-width:none!important;
  height:100%!important;
}
.auth-market-card .auth-market-panel{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  overflow:hidden!important;
}
.auth-market-card .auth-market-list{
  display:block!important;
  height:100%!important;
  overflow:hidden!important;
}

/* v119: support chat must never render in the home document flow */
#supportChat.support-chat{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:0!important;
  z-index:90!important;
  width:100%!important;
  max-width:480px!important;
  height:100dvh!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  background:#171c24!important;
  color:#EAEEF3!important;
  transform:translateX(100%)!important;
  visibility:hidden!important;
  opacity:1!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s .32s!important;
}
#supportChat.support-chat.open{
  transform:translateX(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition-delay:0s!important;
}

/* v120: visual alignment pass for home, markets and coin chart */
.auth-balance-label{
  font-weight:300!important;
}
.auth-pnl{
  margin-top:16px!important;
}
.auth-balance{
  align-items:flex-start!important;
}
.auth-add-funds{
  height:42px!important;
  min-height:42px!important;
  margin-top:30px!important;
  padding:0 19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.auth-qtop{
  align-items:center!important;
  line-height:20px!important;
}
.auth-qtop span{
  display:block;
  line-height:20px!important;
}
.auth-qtop b{
  width:18px!important;
  height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:0!important;
  line-height:18px!important;
  font-size:20px!important;
}
.auth-p2p-actions{
  align-items:flex-end!important;
}
.auth-p2p-icon{
  width:34px!important;
  height:34px!important;
  image-rendering:auto!important;
}
.auth-mini-chart{
  width:72px!important;
  height:46px!important;
  overflow:visible!important;
}
.auth-mini-chart path{
  stroke:#35ba83!important;
  stroke-width:2.15!important;
}
.auth-market-tabs{
  align-items:center!important;
  scroll-behavior:smooth!important;
}
.auth-market-tabs svg{
  width:19px!important;
  height:19px!important;
  margin-left:auto!important;
  margin-bottom:8px!important;
  align-self:center!important;
}
.auth-market-head{
  font-size:13px!important;
  line-height:17px!important;
  align-items:center!important;
}
.auth-market-name b{
  font-weight:400!important;
}
.auth-market-price b{
  font-weight:500!important;
}
.auth-change{
  height:32px!important;
  min-height:32px!important;
  padding:0 8px!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-weight:400!important;
}
.auth-market-viewport{
  scroll-behavior:smooth!important;
}
.mkt-ico{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
}
.mkt-chg{
  height:36px!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-weight:500!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.cn-chart{
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  overscroll-behavior:contain!important;
}
.cn-last{
  background:rgba(48,58,71,.72)!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.cn-crosshair{
  touch-action:none!important;
}
.cn-volume-layer{
  z-index:2;
}
.cn-vol-bar{
  opacity:.98!important;
}
.cn-vol-ma{
  fill:none;
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cn-vol-ma.ma5{stroke:#f0b90b;}
.cn-vol-ma.ma10{stroke:#9a72d8;}
.cn-periods{
  align-items:flex-start!important;
}
.cn-period{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
}
.cn-period .k,
.cn-period .red,
.cn-period .grn{
  font-family:'Plex',system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.cn-ob-tab{
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-weight:300!important;
}
.cn-ob-tab.active{
  font-weight:300!important;
  padding:0 12px!important;
}
.cn-ob-bid,
.cn-ob-ask{
  min-height:28px!important;
  align-items:center!important;
  line-height:1!important;
  font-weight:300!important;
}
.cn-ob-bid span,
.cn-ob-ask span{
  line-height:1!important;
  font-weight:300!important;
}

/* v121: Markets limits polish and Binance-like coin chart refinements */
.auth-p2p-icon,
.auth-p2p-actions svg{
  width:40px!important;
  height:40px!important;
}
.auth-p2p-actions span:not(:first-child) svg{
  width:34px!important;
  height:34px!important;
}
.auth-change{
  height:32px!important;
  min-height:32px!important;
  line-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
}
.mkt-px .p1{
  font-size:17px!important;
  font-weight:500!important;
  color:#EAEEF3!important;
  line-height:20px!important;
}
.mkt-chg{
  height:34px!important;
  min-height:34px!important;
  flex-basis:88px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 7px!important;
  line-height:1!important;
  font-size:14px!important;
  font-weight:500!important;
}
.cn-tf{
  border-top:1px solid #2b3340!important;
  border-bottom:1px solid #2b3340!important;
}
.cn-tf-label{
  flex:0 0 auto;
  font-size:15px!important;
  line-height:20px!important;
  color:#EAEEF3!important;
  font-weight:600!important;
}
.cn-chart{
  background:
    repeating-linear-gradient(to right, transparent 0, transparent 79px, rgba(149,156,166,.14) 80px),
    repeating-linear-gradient(to bottom, transparent 0, transparent 65px, rgba(149,156,166,.14) 66px),
    #1f2630!important;
  overflow:hidden!important;
}
.cn-chart-svg{
  position:relative;
  z-index:1;
}
.cn-chart-line{
  stroke:#fcd434!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.cn-chart-area{
  fill:url(#cnChartFill)!important;
  opacity:.92!important;
}
.cn-axis{
  right:8px!important;
  top:18px!important;
  bottom:27px!important;
  z-index:4!important;
}
.cn-axis span{
  color:#959ca6!important;
  font-size:12px!important;
}
.cn-wm{
  top:45%!important;
  width:150px!important;
  height:28px!important;
  opacity:1!important;
  z-index:0!important;
}
.cn-last{
  right:0!important;
  min-width:0!important;
  padding:4px 8px!important;
  border-radius:7px 0 0 7px!important;
  border:1px solid rgba(234,238,243,.78)!important;
  background:rgba(31,38,48,.38)!important;
  color:#EAEEF3!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  line-height:1!important;
  z-index:5!important;
}
.cn-last b{
  display:block!important;
  font-size:12px!important;
  line-height:13px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.cn-last em{
  display:none!important;
}
.cn-periods{
  padding:8px 16px!important;
  border-top:1px solid #2b3340!important;
  border-bottom:1px solid #2b3340!important;
  gap:0!important;
}
.cn-period{
  gap:4px!important;
  min-height:36px!important;
  justify-content:center!important;
}
.cn-period .k,
.cn-period .red,
.cn-period .grn{
  font-size:12px!important;
  line-height:15px!important;
  font-weight:400!important;
}
.cn-tf-ic svg,
.cn-tf-ic svg path,
.cn-tf-ic svg rect,
.cn-tf-ic svg line{
  color:#EAEEF3!important;
  stroke:#EAEEF3!important;
}

/* v122: restore full Markets lists/search and make plain nav targets instant */
.markets.nav-instant,
.assets.nav-instant{
  transition:none!important;
}
.mkt-search input,
.mkt-search input:focus,
.mkt-search input:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#EAEEF3!important;
  -webkit-text-fill-color:#EAEEF3!important;
  caret-color:#f0b90b!important;
  color-scheme:dark!important;
}
.mkt-search input::-webkit-search-decoration,
.mkt-search input::-webkit-search-cancel-button,
.mkt-search input::-webkit-search-results-button,
.mkt-search input::-webkit-search-results-decoration{
  display:none!important;
}
.mkt-search input::selection{
  background:rgba(240,185,11,.28)!important;
  color:#EAEEF3!important;
}

/* v124: Assets typography parity and instant Trade nav */
.coin.nav-instant{
  transition:none!important;
}
.acoin-px .p1{
  font-size:19px!important;
  font-weight:500!important;
  line-height:22px!important;
  color:#EAEEF3!important;
  letter-spacing:0!important;
}
.acoin-full{
  margin-top:7px!important;
}
.acoin-px .p2{
  margin-top:7px!important;
}
.as-btn,
.acoin-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:4px!important;
  box-sizing:border-box!important;
}
.as-btn{
  font-weight:500!important;
}
.acoin-btn{
  font-weight:400!important;
}

/* v125: home market selections are filled from CMC top 250 */
.auth-market-card .auth-market-viewport{
  height:auto!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.auth-market-card .auth-market-track{
  height:auto!important;
  align-items:start!important;
}
.auth-market-card .auth-market-panel{
  height:auto!important;
  overflow:visible!important;
}
.auth-market-card .auth-market-list{
  height:auto!important;
  overflow:visible!important;
}

/* v127: Assets balance matches the home balance weight and rhythm */
.assets .as-bal-val{
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
  font-family:'Plex',system-ui,sans-serif!important;
  font-size:31px!important;
  line-height:38px!important;
  font-weight:600!important;
  color:#EAEEF3!important;
  letter-spacing:0!important;
}
.assets .as-amount,
.assets .as-bal-val > .as-cur-sym{
  font-family:'Plex',system-ui,sans-serif!important;
  font-size:31px!important;
  line-height:38px!important;
  font-weight:600!important;
  color:#EAEEF3!important;
  letter-spacing:0!important;
}
.assets .as-cur{
  font-size:13px!important;
  line-height:18px!important;
  font-weight:600!important;
}

/* v128: Home PNL stays static, no expandable asset chart */
.auth-home.pnl-expanded .auth-pnl-extra,
.auth-home.pnl-expanded .auth-pnl-panel,
.auth-pnl-panel{
  display:none!important;
}
.auth-pnl{
  cursor:default!important;
}
.auth-pnl .auth-caret{
  display:none!important;
}

/* v129: support input has no quick-suggestion row */
.support-quick{
  display:none!important;
}
.support-compose{
  margin-top:0!important;
}

/* v130: support unread badge and incoming-message toast */
.home-chat-wrap .support-badge[hidden]{
  display:none!important;
}
.home-chat-wrap .support-badge{
  display:block;
}
.support-toast{
  position:fixed;
  left:50%;
  top:calc(10px + env(safe-area-inset-top));
  z-index:95;
  width:calc(100% - 28px);
  max-width:452px;
  min-height:60px;
  border:1px solid rgba(67,77,89,.95);
  border-radius:14px;
  background:rgba(39,49,61,.96);
  color:#EAEEF3;
  padding:9px 13px;
  display:flex;
  align-items:center;
  gap:11px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transform:translate(-50%, -130%);
  opacity:0;
  pointer-events:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .22s ease;
  cursor:pointer;
}
.support-toast[hidden]{
  display:none!important;
}
.support-toast.show{
  transform:translate(-50%, 0);
  opacity:1;
  pointer-events:auto;
}
.support-toast img{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  object-fit:contain;
}
.support-toast span{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  text-align:left;
}
.support-toast b{
  font-size:14px;
  line-height:17px;
  font-weight:500;
  color:#EAEEF3;
}
.support-toast em{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-style:normal;
  font-size:13.5px;
  line-height:18px;
  font-weight:400;
  color:#959ca6;
}
.support-toast small{
  flex:0 0 auto;
  align-self:flex-start;
  margin-top:2px;
  font-size:12px;
  line-height:16px;
  font-weight:400;
  color:#959ca6;
}

/* v146: home Add Funds text sits higher */
.auth-add-funds{
  height:37px!important;
  min-height:37px!important;
  padding:0 19px 3px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

/* v148: crisp P2P shortcut icon and placement */
.auth-p2p-card .auth-p2p-actions{
  left:20px!important;
  right:20px!important;
  bottom:18px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.auth-p2p-card .auth-p2p-actions span{
  flex:1 1 0!important;
  align-items:center!important;
  gap:5px!important;
}
.auth-p2p-card .auth-p2p-icon,
.auth-p2p-card .auth-p2p-actions svg{
  width:36px!important;
  height:36px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}
.auth-p2p-card .auth-p2p-actions em{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
  color:#EAEEF3!important;
}

/* v131: Home market tabs use the same sliding page feel as Markets */
.auth-market-card .auth-market-viewport{
  display:block!important;
  width:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  contain:layout paint!important;
  touch-action:pan-y!important;
}
.auth-market-card .auth-market-track{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:600%!important;
  max-width:none!important;
  height:auto!important;
  align-items:start!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .42s cubic-bezier(.32,.72,0,1)!important;
  will-change:transform!important;
}
.auth-market-card .auth-market-panel{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  overflow:hidden!important;
  transform:none!important;
  filter:none!important;
}
.auth-market-card .auth-market-list{
  display:block!important;
  height:auto!important;
  overflow:visible!important;
}

/* v132: Markets search text matches inactive tab gray */
.mkt-search input,
.mkt-search input:focus,
.mkt-search input:active{
  color:#959ca6!important;
  -webkit-text-fill-color:#959ca6!important;
}
.mkt-search input::placeholder{
  color:#959ca6!important;
  -webkit-text-fill-color:#959ca6!important;
  opacity:1!important;
}

/* v133: restored bottom Trade page */
.trade{
  position:fixed;
  inset:0;
  z-index:10;
  max-width:480px;
  margin:0 auto;
  background:var(--bg);
  color:#EAEEF3;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
}
.trade.open{
  visibility:visible;
  pointer-events:auto;
}
.trade.nav-instant{
  transition:none!important;
}
.trd-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:118px;
}
.trd-scroll::-webkit-scrollbar{display:none;}
.trd-main-tabs{
  display:flex;
  align-items:center;
  gap:18px;
  padding:calc(18px + env(safe-area-inset-top)) 16px 12px;
  border-bottom:1px solid #1c232e;
  overflow-x:auto;
  scrollbar-width:none;
}
.trd-main-tabs::-webkit-scrollbar{display:none;}
.trd-main-tabs button{
  flex:0 0 auto;
  min-width:0;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  color:#959ca6;
  font-size:17px;
  line-height:22px;
  font-weight:600;
  padding:0;
}
.trd-main-tabs button.active{color:#EAEEF3;}
.trd-main-tabs .trd-menu{
  margin-left:auto;
  width:28px;
  color:#EAEEF3;
}
.trd-main-tabs svg{width:22px;height:22px;display:block;}
.trd-pairbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 16px 0;
}
.trd-pair-btn{
  display:flex;
  align-items:center;
  gap:5px;
  border:0;
  background:transparent;
  color:#EAEEF3;
  font-size:21px;
  line-height:25px;
  font-weight:600;
  padding:0;
}
.trd-toolset{display:flex;align-items:center;gap:16px;color:#EAEEF3;}
.trd-toolset button{
  position:relative;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#EAEEF3;
}
.trd-toolset svg{width:22px;height:22px;display:block;}
.trd-toolset i{
  position:absolute;
  right:0;
  top:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0b90b;
}
.trd-pair-change{
  padding:1px 16px 12px;
  font-size:14px;
  line-height:18px;
  font-weight:500;
}
.trd-pair-change.up{color:#35ba83;}
.trd-pair-change.down{color:#ff445f;}
.trd-grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(132px,.66fr);
  gap:12px;
  padding:0 16px 20px;
}
.trd-side{
  height:34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #303945;
  border-radius:7px;
  overflow:hidden;
  margin-bottom:10px;
}
.trd-side button{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#959ca6;
  font-size:16px;
  line-height:20px;
  font-weight:500;
  background:transparent;
}
.trd-side .buy.active{background:#35ba83;color:#fff;}
.trd-side .sell.active{background:#ff445f;color:#fff;}
.trd-field,
.trd-input-row,
.trd-total{
  height:45px;
  border-radius:8px;
  background:#283240;
}
.trd-field{
  width:100%;
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  color:#959ca6;
  margin-bottom:10px;
}
.trd-field b{
  color:#EAEEF3;
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.trd-field .muted{
  width:17px;
  height:17px;
  border-radius:50%;
  background:#445061;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ea6b1;
  font-size:11px;
  font-style:normal;
}
.trd-input-row{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px 74px;
  gap:6px;
  align-items:center;
  padding:0 0 0 8px;
  margin-bottom:9px;
}
.trd-input-row.single{grid-template-columns:30px minmax(0,1fr) 30px;}
.trd-input-row button{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#959ca6;
  font-size:22px;
  line-height:22px;
}
.trd-input-row label{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.trd-input-row label span{
  color:#959ca6;
  font-size:13px;
  line-height:14px;
  font-weight:400;
}
.trd-input-row input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#EAEEF3;
  text-align:center;
  font-family:'Plex',system-ui,sans-serif;
  font-size:17px;
  line-height:20px;
  font-weight:500;
}
.trd-bbo{
  border-left:7px solid var(--bg);
  border-radius:8px!important;
  background:#283240!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  font-weight:600!important;
}
.trd-slider{
  position:relative;
  height:32px;
  margin:3px 4px 10px;
}
.trd-slider::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:15px;
  height:1px;
  background:#303945;
}
.trd-slider i,
.trd-slider .active{
  position:absolute;
  top:10px;
  width:11px;
  height:11px;
  border:1px solid #303945;
  background:var(--bg);
  transform:rotate(45deg);
}
.trd-slider .active{left:0;border-color:#EAEEF3;background:#1f2630;}
.trd-slider i:nth-of-type(1){left:24%;}
.trd-slider i:nth-of-type(2){left:49%;}
.trd-slider i:nth-of-type(3){left:74%;}
.trd-slider i:nth-of-type(4){right:0;}
.trd-total{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#959ca6;
  font-size:16px;
  line-height:20px;
  font-weight:500;
  margin-bottom:12px;
}
.trd-check{
  display:flex;
  align-items:center;
  gap:10px;
  color:#EAEEF3;
  font-size:15px;
  line-height:20px;
  font-weight:400;
  margin:8px 0;
}
.trd-check span{
  width:18px;
  height:18px;
  border-radius:4px;
  border:2px solid #737d89;
}
.trd-balance-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:22px;
  color:#959ca6;
  font-size:14px;
  line-height:18px;
}
.trd-balance-row b{
  color:#EAEEF3;
  font-weight:400;
}
.trd-balance-row i{
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:5px;
  background:#f0b90b;
  color:#1f2630;
  font-style:normal;
  font-weight:600;
}
.trd-submit{
  width:100%;
  height:43px;
  border-radius:8px;
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:18px;
  line-height:22px;
  font-weight:500;
}
.trd-submit.buy{background:#35ba83;}
.trd-submit.sell{background:#ff445f;}
.trd-book{min-width:0;}
.trd-margin{
  height:31px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  color:#EAEEF3;
  font-size:13px;
  line-height:16px;
  font-weight:500;
}
.trd-margin button{
  width:30px;
  height:17px;
  border-radius:10px;
  background:#46515e;
  display:flex;
  align-items:center;
  padding:2px;
}
.trd-margin i{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#dfe5ee;
}
.trd-book-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  color:#959ca6;
  font-size:12px;
  line-height:15px;
  text-align:right;
  margin:3px 0 4px;
}
.trd-asks div,
.trd-bids div{
  height:21px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  text-align:right;
  font-size:15px;
  line-height:18px;
  font-weight:400;
}
.trd-asks span{color:#ff445f;}
.trd-bids span{color:#35ba83;}
.trd-asks em,
.trd-bids em{
  color:#EAEEF3;
  font-style:normal;
}
.trd-mid{
  margin:5px 0 3px;
  text-align:center;
  color:#EAEEF3;
  font-size:22px;
  line-height:25px;
  font-weight:600;
}
.trd-mid small{
  display:block;
  color:#959ca6;
  font-size:12px;
  line-height:16px;
  font-weight:400;
}
.trd-book-ratio{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:#35ba83;
  font-size:13px;
  line-height:17px;
}
.trd-book-ratio i{
  position:relative;
  height:5px;
  border-radius:5px;
  overflow:hidden;
  background:#ff445f;
}
.trd-book-ratio b{
  position:absolute;
  inset:0 auto 0 0;
  width:83%;
  background:#35ba83;
}
.trd-book-ratio .red{color:#ff445f;}
.trd-step{
  width:100%;
  height:30px;
  margin-top:7px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:#283240;
  color:#959ca6;
  font-size:14px;
  line-height:18px;
}
.trd-orders{
  border-top:1px solid #1c232e;
  padding-top:0;
}
.trd-order-tabs{
  display:flex;
  align-items:center;
  gap:18px;
  padding:13px 16px 0;
  border-bottom:1px solid #1c232e;
}
.trd-order-tabs button{
  position:relative;
  height:38px;
  display:flex;
  align-items:center;
  border:0;
  background:transparent;
  color:#959ca6;
  font-size:17px;
  line-height:22px;
  font-weight:500;
  padding:0;
}
.trd-order-tabs button.active{color:#EAEEF3;}
.trd-order-tabs button.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:2px;
  background:#f0b90b;
}
.trd-order-tabs .trd-order-tool{
  margin-left:auto;
  width:28px;
  color:#EAEEF3;
}
.trd-order-tabs svg{width:23px;height:23px;}
.trd-order-panel{display:none;padding:14px 16px 6px;}
.trd-order-panel.active{display:block;}
.trd-interest{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#EAEEF3;
  font-size:15px;
  line-height:20px;
  margin:3px 0 14px;
}
.trd-interest em{font-style:normal;color:#959ca6;font-size:26px;}
.trd-copy-card{
  border:1px solid #303945;
  border-radius:12px;
  padding:14px;
  background:#202832;
}
.trd-copy-top{
  display:flex;
  align-items:center;
  gap:10px;
}
.trd-copy-av{
  width:42px;
  height:42px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 37%, #f0b90b 0 22%, transparent 23%),
    conic-gradient(from 0deg,#f0b90b 0 25%,#55606d 0 50%,#f0b90b 0 75%,#55606d 0);
}
.trd-copy-top b{
  flex:1;
  min-width:0;
  color:#EAEEF3;
  font-size:18px;
  font-weight:600;
}
.trd-copy-top button{
  width:76px;
  height:38px;
  border-radius:8px;
  background:#fcd434;
  color:#232445;
  font-size:15px;
  font-weight:500;
}
.trd-copy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 20px;
  margin-top:15px;
}
.trd-copy-grid span{
  color:#959ca6;
  font-size:13px;
  line-height:17px;
}
.trd-copy-grid b{
  color:#35ba83;
  font-size:20px;
  line-height:24px;
  font-weight:600;
}
.trd-hide-other{
  display:flex;
  align-items:center;
  gap:10px;
  color:#EAEEF3;
  font-size:15px;
  margin:7px 0 16px;
}
.trd-hide-other span{
  width:18px;
  height:18px;
  border-radius:4px;
  border:2px solid #737d89;
}
.trd-holding{
  display:grid;
  grid-template-columns:34px 1fr 1fr 1fr 1fr;
  gap:9px;
  align-items:start;
  padding:13px 0;
  border-top:1px solid #303945;
}
.trd-hold-ic{
  width:27px;
  height:27px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.trd-hold-ic img{width:100%;height:100%;display:block;object-fit:cover;}
.trd-holding b{
  color:#EAEEF3;
  font-size:17px;
  line-height:20px;
  font-weight:600;
}
.trd-holding b em{
  display:inline;
  color:#959ca6;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  margin-left:4px;
}
.trd-holding div{
  text-align:left;
  color:#959ca6;
  font-size:12px;
  line-height:16px;
}
.trd-holding strong{
  display:block;
  color:#EAEEF3;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  margin-top:5px;
}
.trd-holding small{
  display:block;
  color:#959ca6;
  font-size:13px;
  margin-top:4px;
}
.trd-empty-panel{
  color:#959ca6;
  text-align:center;
  padding:34px 16px!important;
}
.trd-chart-link{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border-top:1px solid #1c232e;
  background:var(--bg);
  color:#EAEEF3;
  font-size:15px;
  line-height:20px;
  font-weight:500;
}
.trd-chart-link em{
  color:#959ca6;
  font-style:normal;
  font-size:18px;
}
.trd-pair-sheet{
  position:absolute;
  inset:0;
  z-index:4;
  visibility:hidden;
  pointer-events:none;
  background:rgba(0,0,0,.35);
}
.trd-pair-sheet.open{
  visibility:visible;
  pointer-events:auto;
}
.trd-pair-card{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  max-height:88%;
  overflow-y:auto;
  scrollbar-width:none;
  border-radius:16px 16px 0 0;
  background:#1f2630;
  padding:20px 16px 110px;
  transform:translateY(100%);
  transition:transform .32s cubic-bezier(.32,.72,0,1);
}
.trd-pair-sheet.open .trd-pair-card{transform:translateY(0);}
.trd-pair-card::-webkit-scrollbar{display:none;}
.trd-pair-search{
  height:44px;
  border-radius:10px;
  background:#283240;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  color:#959ca6;
}
.trd-pair-search svg{width:18px;height:18px;}
.trd-pair-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#EAEEF3;
  font-size:16px;
  line-height:20px;
}
.trd-pair-search input::placeholder{color:#959ca6;}
.trd-sheet-tabs,
.trd-sheet-cats,
.trd-sheet-quotes{
  display:flex;
  align-items:center;
  gap:19px;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}
.trd-sheet-tabs::-webkit-scrollbar,
.trd-sheet-cats::-webkit-scrollbar,
.trd-sheet-quotes::-webkit-scrollbar{display:none;}
.trd-sheet-tabs{
  margin-top:20px;
  border-bottom:1px solid #1c232e;
}
.trd-sheet-tabs span{
  position:relative;
  padding-bottom:10px;
  color:#959ca6;
  font-size:17px;
  line-height:22px;
  font-weight:500;
}
.trd-sheet-tabs span.active{color:#EAEEF3;font-weight:600;}
.trd-sheet-tabs span.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:2px;
  background:#f0b90b;
}
.trd-sheet-cats{margin-top:12px;}
.trd-sheet-cats span{
  color:#959ca6;
  font-size:15px;
  line-height:19px;
}
.trd-sheet-cats em{
  color:#1f2630;
  background:#f0b90b;
  border-radius:7px;
  padding:0 4px;
  font-size:9px;
  font-style:normal;
  vertical-align:top;
}
.trd-sheet-quotes{margin-top:14px;gap:10px;}
.trd-sheet-quotes span{
  color:#959ca6;
  font-size:14px;
  padding:7px 11px;
  border-radius:7px;
}
.trd-sheet-quotes span.active{background:#2b3340;color:#EAEEF3;}
.trd-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 0 5px;
  color:#959ca6;
  font-size:13px;
}
.trd-pair-option{
  width:100%;
  display:grid;
  grid-template-columns:24px 36px minmax(0,1fr) auto;
  grid-template-areas:
    "star ico name price"
    "star ico sub change";
  gap:0 8px;
  align-items:center;
  padding:11px 0;
  border:0;
  background:transparent;
  text-align:left;
}
.trd-pair-option.active{background:rgba(255,255,255,.03);}
.trd-pair-option .star{
  grid-area:star;
  color:#737d89;
  font-size:24px;
  line-height:24px;
}
.trd-pair-coin{
  grid-area:ico;
  width:30px;
  height:30px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#2b3340;
}
.trd-pair-coin img{width:100%;height:100%;object-fit:cover;display:block;}
.trd-pair-option b{
  grid-area:name;
  min-width:0;
  color:#EAEEF3;
  font-size:18px;
  line-height:21px;
  font-weight:600;
}
.trd-pair-option b em{
  color:#959ca6;
  font-style:normal;
  font-size:13px;
  margin-left:2px;
  font-weight:400;
}
.trd-pair-option small{
  grid-area:sub;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#959ca6;
  font-size:13px;
  line-height:17px;
}
.trd-pair-option strong{
  grid-area:price;
  color:#EAEEF3;
  font-size:18px;
  line-height:21px;
  font-weight:500;
  text-align:right;
}
.trd-pair-option i{
  grid-area:change;
  justify-self:end;
  font-style:normal;
  font-size:13px;
  line-height:17px;
}
.trd-pair-option i.up{color:#35ba83;}
.trd-pair-option i.down{color:#ff445f;}
@media(max-width:380px){
  .trd-main-tabs{gap:14px;padding-left:14px;padding-right:14px;}
  .trd-main-tabs button{font-size:16px;}
  .trd-grid{grid-template-columns:minmax(0,1.05fr) minmax(126px,.62fr);gap:10px;padding-left:14px;padding-right:14px;}
  .trd-order-tabs{gap:13px;}
  .trd-order-tabs button{font-size:16px;}
  .trd-holding{grid-template-columns:30px 1fr 1fr 1fr 1fr;gap:7px;}
}

/* v290: crisp reference Services catalogue */
#services.services{
  background:#1f2630!important;
  color:#eaeef3!important;
}
#services .sv-head{
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  min-height:calc(56px + env(safe-area-inset-top))!important;
  height:calc(56px + env(safe-area-inset-top))!important;
  padding:calc(11px + env(safe-area-inset-top)) 15px 11px!important;
}
#services .sv-back{
  width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:#eaeef3!important;
}
#services .sv-back svg{display:block;width:24px;height:24px;}
#services .sv-title-h{font:500 18px/22px 'Plex',system-ui,sans-serif!important;color:#f6fbff!important;}
#services .sv-search{
  box-sizing:border-box!important;flex:0 0 34px!important;height:34px!important;margin:6px 15px 0!important;padding:0 12px!important;
  border-radius:8px!important;background:#29313e!important;gap:9px!important;color:#959ca6!important;
}
#services .sv-search svg{width:17px;height:17px;flex:0 0 17px;}
#services .sv-search input{
  width:100%;min-width:0;height:24px;padding:0;border:0;outline:0;background:transparent;color:#eaeef3;
  font:300 14px/20px 'Plex',system-ui,sans-serif;transform:none!important;-webkit-appearance:none;appearance:none;
}
#services .sv-search input::placeholder{color:#959ca6;opacity:1;}
#services .sv-search input::-webkit-search-cancel-button{display:none;}
#services .sv-body{padding:0 0 calc(46px + env(safe-area-inset-bottom))!important;background:#1f2630!important;}
#services .sv-block-title,
#services .sv-sec-h{
  box-sizing:border-box;margin:0;padding:0 15px;color:#eaeef3;font:500 16px/22px 'Plex',system-ui,sans-serif;
}
#services .sv-shortcut{padding-top:24px;}
#services .sv-shortcut-toggle{
  width:100%;height:24px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;
}
#services .sv-shortcut-toggle i{
  width:8px;height:8px;margin-right:4px;border-right:1.5px solid #7f8894;border-bottom:1.5px solid #7f8894;
  transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s ease;
}
#services .sv-shortcut.collapsed .sv-shortcut-toggle i{transform:rotate(225deg) translate(-1px,-1px);}
#services .sv-shortcut-card{
  box-sizing:border-box;height:123px;margin:8px 15px 0;padding:0 15px;border-radius:11px;background:#29313e;overflow:hidden;
  opacity:1;transition:height .22s cubic-bezier(.22,.72,0,1),margin .22s ease,opacity .16s ease;
}
#services .sv-shortcut.collapsed .sv-shortcut-card{height:0;margin-top:0;opacity:0;}
#services .sv-shortcut-top{height:59px;border-bottom:1px solid #353e4b;display:flex;align-items:center;justify-content:space-between;color:#eaeef3;font:400 14px/20px 'Plex';}
#services .sv-home-switch{
  position:relative;width:34px;height:20px;padding:0;border:0;border-radius:7px;background:#4b5562;cursor:pointer;transition:background .18s ease;
}
#services .sv-home-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:5px;background:#f6fbff;transition:transform .18s ease;}
#services .sv-home-switch.on{background:#fcd434;}
#services .sv-home-switch.on i{transform:translateX(14px);}
#services .sv-shortcut-bottom{height:63px;display:flex;align-items:center;justify-content:space-between;}
#services .sv-shortcut-icons{display:flex;align-items:center;gap:14px;}
#services .sv-shortcut-item{
  width:28px;height:32px;padding:0;border:0;background:transparent;color:#e7ecf2;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
#services .sv-shortcut-item span,#services .sv-shortcut-item svg{display:block;width:27px;height:27px;}
#services .sv-shortcut-edit{
  width:34px;height:34px;padding:0;border:0;border-radius:6px;background:#fcd434;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
#services .sv-shortcut-edit svg{width:23px;height:23px;display:block;}
#services .sv-shortcut-card.editing{outline:1px solid rgba(252,212,52,.7);outline-offset:-1px;}
#services .sv-rec{margin-top:20px;}
#services .sv-rec>.sv-block-title{height:24px;display:flex;align-items:center;}
#services .sv-grid4{
  box-sizing:border-box;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:4px!important;row-gap:22px!important;
  padding:15px 8px 8px!important;
}
#services .sv-rec>.sv-grid4{padding-top:12px!important;}
#services .sv-tool{
  min-width:0;margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;color:#eaeef3;cursor:pointer;
  font-family:'Plex',system-ui,sans-serif;
}
#services .sv-tool[hidden]{display:none!important;}
#services .sv-ico{
  width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:10px!important;background:#29313e!important;
  display:flex;align-items:center;justify-content:center;
}
#services .sv-ico svg{display:block;width:27px!important;height:27px!important;shape-rendering:geometricPrecision;}
#services .sv-lbl{
  min-height:34px;color:#eaeef3!important;font:400 13px/17px 'Plex',system-ui,sans-serif!important;text-align:center!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
#services .sv-tabs{
  box-sizing:border-box;position:sticky!important;top:0!important;z-index:5!important;height:43px!important;margin-top:18px!important;
  padding:0 15px!important;gap:20px!important;border:0!important;background:#1f2630!important;align-items:flex-start!important;
}
#services .sv-tab{height:43px;padding:0 0 11px!important;color:#959ca6!important;font:400 15px/32px 'Plex',system-ui,sans-serif!important;}
#services .sv-tab.active{color:#eaeef3!important;font-weight:500!important;}
#services .sv-tab.active::after{display:none!important;content:none!important;}
#services .sv-sec{padding:0 0 13px;scroll-margin-top:43px;}
#services .sv-sec>.sv-sec-h{height:34px;padding-top:7px;}
#services .sv-sec-common>.sv-sec-h{display:none;}
#services .sv-sec-common>.sv-grid4{padding-top:4px!important;row-gap:17px!important;}
#services .sv-sec.search-empty::after{
  content:'No services found';display:block;padding:32px 15px;color:#959ca6;font:300 14px/20px 'Plex';text-align:center;
}
#services .sv-pad{height:32px!important;}
@media(max-width:380px){
  #services .sv-head{min-height:52px!important;height:52px!important;padding:9px 12px!important;}
  #services .sv-title-h{font-size:17px!important;}
  #services .sv-search{height:33px!important;flex-basis:33px!important;margin:7px 12px 0!important;}
  #services .sv-shortcut{padding-top:20px;}
  #services .sv-block-title,#services .sv-sec-h{padding-left:12px;padding-right:12px;font-size:15px;}
  #services .sv-shortcut-card{margin-left:12px;margin-right:12px;padding-left:13px;padding-right:13px;}
  #services .sv-rec{margin-top:18px;}
  #services .sv-grid4{padding-left:6px!important;padding-right:6px!important;row-gap:18px!important;}
  #services .sv-sec-common>.sv-grid4{row-gap:17px!important;}
  #services .sv-ico{width:42px!important;height:42px!important;flex-basis:42px!important;}
  #services .sv-ico svg{width:26px!important;height:26px!important;}
  #services .sv-lbl{font-size:12px!important;line-height:16px!important;}
  #services .sv-tabs{margin-top:19px!important;padding-left:12px!important;padding-right:12px!important;gap:18px!important;}
  #services .sv-tab{font-size:14px!important;}
}

/* v134: support attachments and compact chat chrome */
#supportChat .support-head{
  min-height:76px!important;
  padding:calc(8px + env(safe-area-inset-top)) 15px 8px!important;
}
#supportChat .support-bot{
  width:43px!important;
  height:43px!important;
  flex-basis:43px!important;
}
#supportChat .support-back,
#supportChat .support-power{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
}
#supportChat .support-back img{
  width:22px!important;
  height:22px!important;
}
#supportChat .support-power img{
  width:21px!important;
  height:21px!important;
}
#supportChat .support-tools{
  height:34px!important;
  border-radius:17px!important;
}
#supportChat .support-tools button{
  height:32px!important;
  min-width:40px!important;
}
#supportClose{
  font-size:28px!important;
  line-height:28px!important;
  font-weight:300!important;
}
.support-plus{
  display:none!important;
}
#supportChat .support-footer{
  padding:9px 16px calc(45px + env(safe-area-inset-bottom))!important;
}
.support-file-input{
  display:none!important;
}
.support-attachment-preview{
  margin:0 0 8px 40px;
}
.support-attachment-card{
  border:0;
  width:100%;
  max-width:280px;
  min-height:46px;
  border-radius:10px;
  background:#293341;
  color:#EAEEF3;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 9px;
  text-align:left;
  overflow:hidden;
}
.support-message.user .support-attachment-card{
  background:#dcae0b;
  color:#232445;
}
.support-attachment-card + time,
.support-bubble > span + .support-attachment-card{
  margin-top:7px;
}
.support-attachment-card img{
  width:64px;
  height:52px;
  border-radius:7px;
  object-fit:cover;
  flex:0 0 64px;
  background:#1f2630;
}
.support-attachment-card video{
  width:120px;
  height:72px;
  border-radius:7px;
  background:#111821;
  flex:0 0 120px;
}
.support-attachment-card audio{
  width:190px;
  max-width:100%;
  height:34px;
}
.support-file-icon{
  width:45px;
  height:45px;
  border-radius:9px;
  flex:0 0 45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#202832;
  color:#f0b90b;
  font-size:12px;
  line-height:14px;
  font-weight:600;
}
.support-message.user .support-file-icon{
  background:rgba(35,36,69,.14);
  color:#232445;
}
.support-attachment-meta{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:2px;
}
.support-attachment-meta b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:inherit;
  font-size:13px;
  line-height:17px;
  font-weight:500;
}
.support-attachment-meta em{
  color:#959ca6;
  font-style:normal;
  font-size:12px;
  line-height:15px;
}
.support-message.user .support-attachment-meta em{
  color:#6f662f;
}
.support-attachment-card.pending{
  position:relative;
  max-width:none;
  margin-right:0;
  border:1px solid #343e4b;
}
.support-attachment-remove{
  width:28px;
  height:28px;
  padding:0;
  border:1px solid #7b8490;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#434d59;
  font-size:0;
  line-height:1;
  font-weight:500;
  flex:0 0 28px;
  appearance:none;
  box-shadow:none;
}
.support-attachment-remove::before{
  content:"\00d7";
  display:block;
  color:#fff;
  font-size:18px;
  line-height:18px;
  transform:translateY(-1px);
}
.support-attachment-error{
  border:1px solid rgba(255,68,95,.45);
  border-radius:9px;
  background:rgba(255,68,95,.1);
  color:#ff6b80;
  padding:9px 10px;
  font-size:13px;
  line-height:17px;
}
.support-viewer{
  position:absolute;
  inset:0;
  z-index:6;
  background:#171c24;
  color:#EAEEF3;
  display:flex;
  flex-direction:column;
}
.support-viewer[hidden]{
  display:none!important;
}
.support-viewer-head{
  min-height:58px;
  padding:calc(8px + env(safe-area-inset-top)) 16px 8px;
  background:#1f2732;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #303743;
}
.support-viewer-head span{
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.support-viewer-head button{
  position:relative;
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  color:transparent;
  font-size:0;
  line-height:0;
  box-shadow:none!important;
  appearance:none;
  cursor:pointer;
}
.support-viewer-head button::before,
.support-viewer-head button::after{
  content:"";
  position:absolute;
  top:5px;
  left:13px;
  width:2px;
  height:18px;
  border-radius:2px;
  background:#eaecef;
}
.support-viewer-head button::before{
  transform:rotate(45deg);
}
.support-viewer-head button::after{
  transform:rotate(-45deg);
}
.support-viewer-stage{
  flex:1;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  overflow:auto;
}
.support-viewer-stage img,
.support-viewer-stage video{
  max-width:100%;
  max-height:100%;
  border-radius:10px;
  object-fit:contain;
}
.support-viewer-stage audio{
  width:100%;
}
.support-viewer-stage iframe{
  width:100%;
  height:100%;
  border:0;
  border-radius:10px;
  background:#fff;
}

/* v135: coin page spacing */
#coin.coin{
  top:0!important;
  bottom:0!important;
  height:auto!important;
  min-height:0!important;
  padding-top:25px!important;
  padding-bottom:40px!important;
  box-sizing:border-box!important;
  background:var(--bg)!important;
}
#coin.coin .cn-scroll{
  min-height:0!important;
}

/* v138: unified centered action buttons and 24h change pills */
.acoin-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 14px 4px!important;
  line-height:1!important;
  font-weight:400!important;
  box-sizing:border-box!important;
}
.auth-change,
.mkt-chg{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 8px 3px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:500!important;
  box-sizing:border-box!important;
  background-clip:padding-box!important;
}
.auth-change{
  min-width:76px!important;
}
.mkt-chg{
  flex:0 0 92px!important;
  width:92px!important;
}
.auth-change.up,
.mkt-chg.up{
  background:#35ba83!important;
}
.auth-change.down,
.mkt-chg.down{
  background:#ff445f!important;
}

/* v139: smaller Earn / Trade asset buttons */
.acoin-btns{
  gap:8px!important;
}
.acoin-btn{
  min-width:60px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0 10px 3px!important;
  border-radius:6px!important;
  font-size:12px!important;
}

/* v140: tighter main asset action buttons */
.as-actions{
  gap:7px!important;
}
.as-btn{
  border-radius:5.6px!important;
}

/* v141: denser Assets coin list */
.as-subtabs{
  gap:18px!important;
  padding:14px 18px 0!important;
}
.as-sub{
  font-size:15px!important;
  line-height:18px!important;
  padding-bottom:8px!important;
}
.as-sub.active::after{
  width:24px!important;
  height:2px!important;
}
.as-sub-ic{
  gap:12px!important;
}
.as-sub-ic svg{
  width:20px!important;
  height:20px!important;
}
.as-subpage{
  padding-top:4px!important;
}
.acoin{
  padding:13px 18px!important;
}
.acoin-top{
  gap:10px!important;
}
.acoin-ic{
  width:25px!important;
  height:25px!important;
  flex-basis:25px!important;
  font-size:12px!important;
}
.acoin-sym{
  gap:6px!important;
  font-size:16px!important;
  line-height:19px!important;
}
.acoin-full{
  font-size:12px!important;
  line-height:15px!important;
  margin-top:2px!important;
}
.acoin-px .p1{
  font-size:17px!important;
  line-height:20px!important;
}
.acoin-px .p2{
  font-size:12px!important;
  line-height:15px!important;
  margin-top:3px!important;
}
.acoin-line{
  margin-top:7px!important;
  padding-left:35px!important;
  font-size:12px!important;
  line-height:16px!important;
}
.acoin-k,
.acoin-v{
  line-height:16px!important;
}
.acoin-btns{
  margin-top:10px!important;
  gap:7px!important;
}
.acoin-btn{
  min-width:56px!important;
  height:21px!important;
  min-height:21px!important;
  padding:0 9px 3px!important;
  border-radius:5px!important;
  font-size:12px!important;
}

/* v143: home market card has only category tabs and short lists */
.auth-market-subtabs{
  display:none!important;
}

/* v144: keep home market slider sharp, not rasterized */
.auth-market-card,
.auth-market-card *,
.auth-market-card .auth-market-viewport,
.auth-market-card .auth-market-track,
.auth-market-card .auth-market-panel,
.auth-market-card .auth-market-list{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  filter:none!important;
}
.auth-market-card .auth-market-viewport{
  contain:none!important;
}
.auth-market-card .auth-market-track{
  transform:translateX(0)!important;
  will-change:auto!important;
}

/* v156: home quick cards text color and vertical alignment */
.auth-p2p-card .auth-qtitle{
  color:#a2aab7!important;
}
.auth-send-card .auth-send-title{
  margin-top:26px!important;
  color:#EAEEF3!important;
  font-weight:400!important;
}
.auth-rate strong{
  font-weight:400!important;
}

/* v159: asset rows proportions closer to the Binance reference */
.assets .acoin{
  padding:18px 20px 20px!important;
  min-height:118px!important;
}
.assets .acoin-top{
  gap:12px!important;
  align-items:flex-start!important;
}
.assets .acoin-ic{
  width:31px!important;
  height:31px!important;
  flex-basis:31px!important;
  font-size:14px!important;
}
.assets .acoin-sym{
  gap:7px!important;
  font-size:19px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.assets .acoin-full{
  font-size:13px!important;
  line-height:17px!important;
  margin-top:4px!important;
}
.assets .acoin-px .p1{
  font-size:20px!important;
  line-height:23px!important;
  font-weight:500!important;
}
.assets .acoin-px .p2{
  font-size:13px!important;
  line-height:17px!important;
  margin-top:4px!important;
}
.assets .acoin-line{
  margin-top:13px!important;
  padding-left:43px!important;
  font-size:14px!important;
  line-height:19px!important;
}
.assets .acoin-k,
.assets .acoin-v{
  line-height:19px!important;
}
.assets .acoin-btns{
  margin-top:16px!important;
  gap:12px!important;
}
.assets .acoin-btn{
  min-width:76px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 16px 3px!important;
  border-radius:7px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:400!important;
}

/* v161: keep standalone Markets text/icons on a crisp pixel layer */
.markets.open,
.assets.open{
  transform:none!important;
}
.markets,
.markets *,
.markets .mkt-track,
.markets .mkt-panel,
.markets .mkt-row,
.markets .mkt-row *{
  filter:none!important;
  transform-style:flat!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
}
.markets{
  contain:none!important;
}
.markets .mkt-track{
  perspective:none!important;
}

/* v163: home Add Funds button height and softer corners */
.auth-add-funds{
  height:38px!important;
  min-height:38px!important;
  border-radius:5px!important;
  padding:0 19px 3px!important;
}

/* v165: smaller Today's PNL text */
.auth-pnl{
  font-size:12px!important;
  line-height:16px!important;
}
.as-pnl{
  font-size:13px!important;
  line-height:16px!important;
  min-height:18px!important;
}
.as-pnl-label,
.as-pnl .grn,
.as-pnl .red{
  height:16px!important;
  line-height:16px!important;
}
.assets .acoin-line{
  font-size:12px!important;
  line-height:16px!important;
}
.assets .acoin-k,
.assets .acoin-v{
  line-height:16px!important;
}

/* v337: restore the splash wordmark size used before the 30% reduction. */
.boot-logo{
  width:190px!important;
  max-width:50vw!important;
}

/* v167: restore Trade page controls after browser default styles leaked in */
.trade,
.trade *{
  -webkit-font-smoothing:antialiased!important;
}
.trade button,
.trade input{
  font-family:'Plex',system-ui,sans-serif!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.trade button{
  cursor:pointer;
}
.trade .trd-main-tabs button,
.trade .trd-pair-btn,
.trade .trd-toolset button,
.trade .trd-side button,
.trade .trd-input-row button,
.trade .trd-order-tabs button{
  background:transparent!important;
  padding:0!important;
}
.trade .trd-scroll{
  padding-bottom:118px!important;
}
.trade .trd-main-tabs{
  gap:18px!important;
  padding:calc(20px + env(safe-area-inset-top)) 16px 12px!important;
}
.trade .trd-main-tabs button{
  height:30px!important;
  color:#959ca6!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:600!important;
}
.trade .trd-main-tabs button.active{
  color:#EAEEF3!important;
}
.trade .trd-main-tabs button:active{transform:scale(.96);}
.trade .trd-main-tabs button:focus-visible{
  outline:2px solid #FCD434!important;
  outline-offset:2px!important;
  border-radius:4px!important;
}
.trade .trd-main-tabs .trd-menu{
  width:28px!important;
  margin-left:auto!important;
  color:#EAEEF3!important;
}
.services .sv-tool.service-target .sv-ico{
  background:#343d4b!important;
  box-shadow:0 0 0 2px #FCD434!important;
}
.services .sv-tool.service-target .sv-lbl{color:#F3F6FA!important;}
.trade .trd-pairbar{
  padding:14px 16px 0!important;
}
.trade .trd-pair-btn{
  color:#EAEEF3!important;
  font-size:21px!important;
  line-height:25px!important;
  font-weight:600!important;
}
.trade .trd-toolset{
  gap:16px!important;
}
.trade .trd-toolset button{
  width:28px!important;
  height:28px!important;
  color:#EAEEF3!important;
}
.trade .trd-toolset svg{
  width:22px!important;
  height:22px!important;
}
.trade .trd-pair-change{
  padding:1px 16px 12px!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:500!important;
}
.trade .trd-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(132px,.66fr)!important;
  gap:12px!important;
  padding:0 16px 20px!important;
}
.trade .trd-side{
  height:34px!important;
  border:1px solid #303945!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:transparent!important;
  margin-bottom:10px!important;
}
.trade .trd-side button{
  height:100%!important;
  color:#959ca6!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade .trd-side .buy.active{
  background:#35ba83!important;
  color:#fff!important;
}
.trade .trd-side .sell.active{
  background:#ff445f!important;
  color:#fff!important;
}
.trade .trd-field,
.trade .trd-input-row,
.trade .trd-total{
  height:45px!important;
  border-radius:8px!important;
  background:#283240!important;
}
.trade .trd-field{
  margin-bottom:10px!important;
  padding:0 12px!important;
  color:#959ca6!important;
}
.trade .trd-input-row{
  grid-template-columns:30px minmax(0,1fr) 30px 74px!important;
  gap:6px!important;
  padding:0 0 0 8px!important;
  margin-bottom:9px!important;
}
.trade .trd-input-row.single{
  grid-template-columns:30px minmax(0,1fr) 30px!important;
}
.trade .trd-input-row button{
  width:100%!important;
  height:100%!important;
  color:#959ca6!important;
  font-size:22px!important;
  line-height:22px!important;
}
.trade .trd-input-row label span{
  color:#959ca6!important;
  font-size:13px!important;
  line-height:14px!important;
}
.trade .trd-input-row input{
  background:transparent!important;
  color:#EAEEF3!important;
  text-align:center!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade .trd-bbo{
  border-left:7px solid var(--bg)!important;
  border-radius:8px!important;
  background:#283240!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:600!important;
}
.trade .trd-total{
  color:#959ca6!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade .trd-submit{
  height:43px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.trade .trd-submit.buy{
  background:#35ba83!important;
}
.trade .trd-submit.sell{
  background:#ff445f!important;
}
.trade .trd-margin button{
  width:30px!important;
  height:17px!important;
  border-radius:10px!important;
  background:#46515e!important;
  padding:2px!important;
}
.trade .trd-step{
  height:30px!important;
  border-radius:6px!important;
  background:#283240!important;
  color:#959ca6!important;
  font-size:14px!important;
  line-height:18px!important;
}
.trade .trd-order-tabs button{
  height:38px!important;
  color:#959ca6!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.trade .trd-order-tabs button.active{
  color:#EAEEF3!important;
}
.trade .trd-copy-top button{
  width:76px!important;
  height:38px!important;
  border-radius:8px!important;
  background:#fcd434!important;
  color:#232445!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:500!important;
}

/* v165: Trade orderbook exact fixes */
.trade .trd-order-panel[data-trd-panel="open"] .trd-interest,
.trade .trd-order-panel[data-trd-panel="open"] .trd-copy-card{
  display:none!important;
}
.trade .trd-bbo{
  color:#fff!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.trade .trd-balance-row:first-of-type{
  display:grid!important;
  grid-template-columns:1fr auto 24px!important;
  column-gap:4px!important;
}
.trade .trd-balance-row i{
  width:20px!important;
  height:20px!important;
  margin-left:0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  color:#1f2630!important;
  font-size:16px!important;
  line-height:1!important;
  text-align:center!important;
}

/* v166: exact Trade button centering */
.trade .trd-bbo{
  color:#fff!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
  text-align:center!important;
}
.trade .trd-input-row .trd-bbo{
  font-size:17px!important;
  line-height:20px!important;
  color:#fff!important;
  font-weight:500!important;
}
.trade .trd-input-row > button:not(.trd-bbo){
  width:30px!important;
  height:45px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
.trade .trd-input-row > button:not(.trd-bbo)::before{
  content:""!important;
  width:10px!important;
  height:1.5px!important;
  border-radius:2px!important;
  background:#959ca6!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
.trade .trd-input-row > button:not(.trd-bbo):nth-of-type(2)::after{
  content:""!important;
  width:1.5px!important;
  height:10px!important;
  border-radius:2px!important;
  background:#959ca6!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
.trade .trd-balance-row i{
  position:relative!important;
  color:transparent!important;
  font-size:0!important;
}
.trade .trd-balance-row i::before,
.trade .trd-balance-row i::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:8px!important;
  height:1.6px!important;
  border-radius:2px!important;
  background:#111820!important;
  transform:translate(-50%,-50%)!important;
}
.trade .trd-balance-row i::after{
  width:1.6px!important;
  height:8px!important;
}

/* v168: replace Trade order history icon with cleaned user asset */
.trade .trd-order-tabs .trd-order-tool img{
  width:24px!important;
  height:24px!important;
  display:block!important;
  object-fit:contain!important;
}

/* v169: Trade book icons and lower book alignment */
.trade .trd-toolset .trd-candles-img{
  width:23px!important;
  height:23px!important;
  display:block!important;
  object-fit:contain!important;
}
.trade .trd-book{
  padding-top:18px!important;
}
.trade .trd-book-head{
  margin:3px 0 4px!important;
}
.trade .trd-book-head span{
  text-align:center!important;
  font-size:13px!important;
  line-height:15px!important;
}
.trade .trd-input-row.single label{
  align-items:center!important;
  justify-content:center!important;
}
.trade .trd-input-row.single label span{
  width:100%!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:17px!important;
}
.trade .trd-input-row.single input{
  display:none!important;
}
.trade .trd-mid small{
  font-size:13px!important;
  line-height:17px!important;
  margin-top:1px!important;
}
.trade .trd-book-foot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:7px!important;
}
.trade .trd-book-foot .trd-step{
  width:100%!important;
  height:30px!important;
  margin:0!important;
}
.trade .trd-book-grid-img{
  width:28px!important;
  height:28px!important;
  display:block!important;
  object-fit:contain!important;
}

/* v170: align book controls with Buy ETH */
.trade .trd-book{
  padding-top:52px!important;
}
.trade .trd-book-ratio{
  height:17px!important;
  align-items:center!important;
  margin-top:5px!important;
}
.trade .trd-book-ratio span{
  display:flex!important;
  align-items:center!important;
  height:17px!important;
  line-height:17px!important;
}
.trade .trd-book-ratio i{
  align-self:center!important;
  margin-top:0!important;
}
.trade .trd-book-foot{
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:7px!important;
}
.trade .trd-book-foot .trd-step{
  height:30px!important;
  align-self:center!important;
}
.trade .trd-book-grid-img{
  width:24px!important;
  height:24px!important;
  place-self:center!important;
}

/* v171: Price/Amount starts at Limit row */
.trade .trd-book{
  padding-top:11px!important;
}
.trade .trd-book-head{
  margin-top:0!important;
}

/* v172: fixed order book top/bottom alignment only */
.trade .trd-book{
  padding-top:11px!important;
}
.trade .trd-book-head{
  margin:0 0 4px!important;
}
.trade .trd-asks div,
.trade .trd-bids div{
  height:25px!important;
  line-height:20px!important;
}
.trade .trd-mid{
  margin:5px 0 4px!important;
}
.trade .trd-book-ratio{
  margin-top:6px!important;
}
.trade .trd-book-foot{
  margin-top:7px!important;
}

/* v173: fine tune Margin and grid icon alignment */
.trade .trd-margin{
  height:31px!important;
  display:grid!important;
  grid-template-columns:auto 30px!important;
  align-items:center!important;
  justify-content:end!important;
  column-gap:7px!important;
}
.trade .trd-margin span{
  display:flex!important;
  align-items:center!important;
  height:17px!important;
  line-height:17px!important;
}
.trade .trd-margin button{
  align-self:center!important;
}
.trade .trd-book-foot{
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
}
.trade .trd-book-grid-img{
  width:22px!important;
  height:22px!important;
  align-self:center!important;
  justify-self:center!important;
}

/* v174: TP/SL expandable fields */
.trade .trd-tpsl-toggle{
  width:100%!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:22px auto 1fr!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:0!important;
  margin:8px 0!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
  text-align:left!important;
}
.trade .trd-tpsl-toggle span{
  position:relative!important;
  width:20px!important;
  height:20px!important;
  border-radius:5px!important;
  border:2px solid #737d89!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.trade .trd-tpsl-toggle.is-active span{
  border-color:#e9edf2!important;
  background:#e9edf2!important;
}
.trade .trd-tpsl-toggle.is-active span::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:2px!important;
  width:6px!important;
  height:10px!important;
  border:solid #1f2630!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.trade .trd-tpsl-toggle em{
  font-style:normal!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
}
.trade .trd-tpsl-toggle strong{
  justify-self:end!important;
  display:none!important;
  align-items:center!important;
  gap:7px!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
}
.trade .trd-tpsl-toggle.is-active strong{
  display:flex!important;
}
.trade .trd-tpsl-toggle strong .tri{
  border-top-color:#959ca6!important;
}
.trade .trd-tpsl-fields{
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
  transition:max-height .28s ease, opacity .22s ease, transform .28s ease!important;
}
.trade .trd-tpsl-fields.open{
  max-height:260px!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.trade .trd-tpsl-label{
  color:#959ca6!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
  margin:8px 0 5px!important;
}
.trade .trd-tpsl-input{
  margin-bottom:8px!important;
}
.trade .trd-tpsl-input label{
  align-items:center!important;
  justify-content:center!important;
}
.trade .trd-tpsl-input label span{
  color:#959ca6!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:400!important;
}
.trade .trd-tpsl-input label input{
  display:none!important;
}

/* v175: center TP/SL row and expanded inputs */
.trade .trd-tpsl-toggle{
  grid-template-columns:22px auto 1fr!important;
  align-items:center!important;
  min-height:24px!important;
  height:24px!important;
  column-gap:9px!important;
  margin:8px 0 10px!important;
}
.trade .trd-tpsl-toggle span{
  align-self:center!important;
  justify-self:start!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}
.trade .trd-tpsl-toggle em{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
}
.trade .trd-tpsl-toggle strong{
  align-self:center!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
}
.trade .trd-tpsl-toggle strong .tri{
  margin-top:1px!important;
}
.trade .trd-tpsl-label{
  margin:8px 0 6px!important;
}
.trade .trd-tpsl-input{
  height:42px!important;
  min-height:42px!important;
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  align-items:center!important;
  padding:0 8px!important;
}
.trade .trd-tpsl-input button{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.trade .trd-tpsl-input label,
.trade .trd-tpsl-input label span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
}

/* v176: Spot order type bottom sheet */
.trade .trd-field-select{
  cursor:pointer!important;
}
.trade .trd-field-select b{
  text-align:center!important;
}
.trd-order-type-sheet{
  position:absolute;
  inset:0;
  z-index:7;
  visibility:hidden;
  pointer-events:none;
  background:rgba(0,0,0,.52);
  opacity:0;
  transition:opacity .22s ease, visibility 0s linear .22s;
}
.trd-order-type-sheet.open{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transition:opacity .22s ease;
}
.trd-order-type-card{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:414px;
  max-height:calc(100% - 92px);
  overflow-y:auto;
  border-radius:16px 16px 0 0;
  background:#1f2630;
  padding:33px 18px calc(24px + env(safe-area-inset-bottom));
  transform:translateY(100%);
  transition:transform .32s cubic-bezier(.32,.72,0,1);
  -webkit-overflow-scrolling:touch;
}
.trd-order-type-sheet.open .trd-order-type-card{
  transform:translateY(0);
}
.trd-order-type-card h3{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 22px;
  color:#EAEEF3;
  font-size:20px;
  line-height:24px;
  font-weight:600;
}
.trd-order-type-card h3 span{
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #8a94a2;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a94a2;
  font-size:12px;
  line-height:12px;
  font-style:normal;
  font-weight:600;
}
.trd-order-type-info{
  width:14px;
  height:14px;
  object-fit:contain;
  display:block;
  opacity:.95;
}
.trd-order-type-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.trd-order-type-option{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 24px;
  align-items:center;
  column-gap:10px;
  border:0;
  background:transparent;
  padding:0;
  color:#EAEEF3;
  text-align:left;
}
.trd-order-type-icon{
  width:26px;
  height:26px;
  color:#EAEEF3;
  display:block;
}
.trd-order-type-option span{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.trd-order-type-option b{
  color:#EAEEF3;
  font-size:18px;
  line-height:22px;
  font-weight:500;
}
.trd-order-type-option em{
  color:#a0a7b1;
  font-size:13px;
  line-height:17px;
  font-style:normal;
  font-weight:400;
}
.trd-order-type-check{
  position:relative;
  width:20px;
  height:20px;
  justify-self:end;
  opacity:0;
}
.trd-order-type-option.active .trd-order-type-check{
  opacity:1;
}
.trd-order-type-check::before{
  content:"";
  position:absolute;
  left:5px;
  top:3px;
  width:7px;
  height:13px;
  border:solid #EAEEF3;
  border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg);
  border-radius:1px;
}

/* v178: QR scanner page */
[data-scan-open]{cursor:pointer;}
.bb-scanner{
  position:fixed;
  inset:0;
  z-index:80;
  width:100%;
  max-width:480px;
  margin:0 auto;
  overflow:hidden;
  color:#fff;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility 0s .24s;
}
.bb-scanner.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.bb-scanner-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
}
.bb-scanner.no-camera .bb-scanner-video{display:none;}
.bb-scanner-shade{
  position:absolute;
  inset:0;
  background:rgba(18,19,17,.58);
}
.bb-scanner.no-camera .bb-scanner-shade{background:#000;}
.bb-scanner-head{
  position:relative;
  z-index:2;
  height:116px;
  padding:calc(78px + env(safe-area-inset-top)) 22px 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.bb-scanner-title{
  position:absolute;
  left:64px;
  right:64px;
  top:calc(96px + env(safe-area-inset-top));
  transform:translateY(-50%);
  text-align:center;
  font-family:'Plex',system-ui,sans-serif;
  font-size:21px;
  line-height:26px;
  font-weight:600;
  letter-spacing:0;
  color:#fff;
}
.bb-scanner-back{
  position:absolute;
  left:19px;
  top:calc(83px + env(safe-area-inset-top));
  width:31px;
  height:31px;
  border:0;
  padding:0;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bb-scanner-back svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bb-scanner-stage{
  position:relative;
  z-index:2;
  margin-top:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.bb-scan-frame{
  position:relative;
  width:min(75vw,356px);
  max-width:calc(100vw - 64px);
  aspect-ratio:1/1;
  border-radius:21px;
  background:rgba(238,241,235,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  overflow:visible;
}
.bb-scanner.no-camera .bb-scan-frame{
  background:transparent;
  box-shadow:none;
}
.bb-scan-corner{
  position:absolute;
  width:39px;
  height:39px;
  border-color:#fff;
  border-style:solid;
  box-sizing:border-box;
  filter:drop-shadow(0 0 .35px rgba(255,255,255,.85));
  backface-visibility:hidden;
  transform:translateZ(0);
  pointer-events:none;
}
.bb-scan-corner.tl{left:-1px;top:-1px;border-width:3px 0 0 3px;border-top-left-radius:21px;}
.bb-scan-corner.tr{right:-1px;top:-1px;border-width:3px 3px 0 0;border-top-right-radius:21px;}
.bb-scan-corner.br{right:-1px;bottom:-1px;border-width:0 3px 3px 0;border-bottom-right-radius:21px;}
.bb-scan-corner.bl{left:-1px;bottom:-1px;border-width:0 0 3px 3px;border-bottom-left-radius:21px;}
.bb-scanner-help{
  margin-top:28px;
  width:100%;
  max-width:calc(100vw - 42px);
  padding:0 10px;
  text-align:center;
  font-size:14px;
  line-height:19px;
  font-weight:500;
  color:#fff;
}
.bb-scanner-help span{
  display:block;
  white-space:nowrap;
}
.bb-scanner-actions{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:calc(76px + env(safe-area-inset-bottom));
  display:flex;
  align-items:flex-start;
  justify-content:space-around;
  padding:0 54px;
  gap:54px;
}
.bb-scan-action{
  width:132px;
  border:0;
  padding:0;
  background:transparent;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  text-align:center;
}
.bb-scan-action span{
  width:63px;
  height:63px;
  border:1.7px solid rgba(255,255,255,.95);
  border-radius:21px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bb-scan-action svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:#fff;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bb-scan-action .bb-scan-icon-img{
  border:0;
  border-radius:0;
}
.bb-scan-action .bb-scan-icon-img img{
  width:63px;
  height:63px;
  display:block;
  object-fit:contain;
  image-rendering:auto;
}
.bb-scan-action em{
  font-style:normal;
  font-size:14px;
  line-height:18px;
  font-weight:400;
  color:#fff;
  white-space:nowrap;
}
.bb-scanner-file{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
@media (max-height:740px){
  .bb-scanner-head{height:96px;padding-top:calc(58px + env(safe-area-inset-top));}
  .bb-scanner-title{top:calc(76px + env(safe-area-inset-top));}
  .bb-scanner-back{top:calc(63px + env(safe-area-inset-top));}
  .bb-scanner-stage{margin-top:76px;}
  .bb-scanner-actions{bottom:calc(42px + env(safe-area-inset-bottom));}
}

/* v179: Trade pair selector tabs, favorites, sorting and swipe panels */
.trade .trd-pair-sheet{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  max-width:480px!important;
  margin:0 auto!important;
  z-index:9!important;
  background:rgba(0,0,0,.50)!important;
  opacity:0!important;
  transition:opacity .24s ease, visibility 0s linear .24s!important;
}
.trade .trd-pair-sheet.open{
  opacity:1!important;
  transition:opacity .24s ease!important;
}
.trade .trd-pair-card{
  max-height:88%!important;
  min-height:78%!important;
  overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
  background:#1f2630!important;
  padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;
  box-shadow:0 -18px 40px rgba(0,0,0,.18)!important;
  transition:transform .36s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-pair-search{
  height:44px!important;
  border-radius:10px!important;
  background:#283240!important;
  padding:0 14px!important;
  margin:0 0 18px!important;
}
.trade .trd-pair-search svg{
  width:19px!important;
  height:19px!important;
  color:#828b98!important;
}
.trade .trd-pair-search input{
  height:44px!important;
  color:#EAEEF3!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:400!important;
}
.trade .trd-sheet-tabs{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  border-bottom:1px solid #26303b!important;
  margin:0 -14px!important;
  padding:0 14px!important;
}
.trade .trd-sheet-tabs::-webkit-scrollbar{display:none!important;}
.trade .trd-sheet-tabs button{
  position:relative!important;
  flex:0 0 auto!important;
  height:43px!important;
  padding:0!important;
  background:transparent!important;
  color:#959ca6!important;
  font-size:19px!important;
  line-height:24px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.trade .trd-sheet-tabs button.active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.trade .trd-sheet-tabs button.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px!important;
  background:#fcd434!important;
}
.trade .trd-sheet-viewport{
  width:100%!important;
  min-height:420px!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
  transition:height .28s ease!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  width:600%!important;
  height:100%!important;
  transform:translateX(var(--trd-pair-x, -16.6667%))!important;
  transition:transform .42s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-sheet-panel{
  flex:0 0 16.6667%!important;
  width:16.6667%!important;
  min-width:0!important;
  max-height:calc(88vh - 118px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding-bottom:86px!important;
}
.trade .trd-sheet-panel::-webkit-scrollbar{display:none!important;}
.trade .trd-fav-subtabs,
.trade .trd-futures-row{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  min-height:43px!important;
  color:#959ca6!important;
  font-size:17px!important;
  line-height:22px!important;
}
.trade .trd-fav-subtabs button,
.trade .trd-futures-row button{
  position:relative!important;
  height:39px!important;
  background:transparent!important;
  color:#959ca6!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.trade .trd-fav-subtabs button.active,
.trade .trd-futures-row button.active{
  color:#EAEEF3!important;
}
.trade .trd-fav-subtabs button.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px!important;
  background:#fcd434!important;
}
.trade .trd-futures-row span{
  margin-left:auto!important;
  color:#959ca6!important;
  font-size:14px!important;
}
.trade .trd-sheet-cats,
.trade .trd-sheet-quotes{
  display:flex!important;
  align-items:center!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.trade .trd-sheet-cats::-webkit-scrollbar,
.trade .trd-sheet-quotes::-webkit-scrollbar{display:none!important;}
.trade .trd-sheet-cats{
  gap:18px!important;
  margin:12px -14px 0!important;
  padding:0 14px!important;
}
.trade .trd-sheet-cats span{
  flex:0 0 auto!important;
  color:#959ca6!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
}
.trade .trd-sheet-cats span.active{
  min-width:34px!important;
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#283240!important;
  color:#EAEEF3!important;
  padding:0 10px!important;
}
.trade .trd-sheet-cats em{
  position:relative!important;
  top:-8px!important;
  margin-left:-2px!important;
  background:#fcd434!important;
  color:#1f2630!important;
  border-radius:8px!important;
  padding:0 4px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-style:normal!important;
}
.trade .trd-sheet-quotes{
  gap:14px!important;
  margin:9px -14px 0!important;
  padding:0 14px!important;
}
.trade .trd-sheet-quotes span{
  flex:0 0 auto!important;
  color:#959ca6!important;
  font-size:14px!important;
  line-height:18px!important;
  padding:7px 11px!important;
  border-radius:8px!important;
}
.trade .trd-sheet-quotes span.active{
  background:#2b3441!important;
  color:#EAEEF3!important;
}
.trade .trd-sheet-quotes i,
.trade .trd-futures-row i{
  display:inline-block!important;
  width:0!important;
  height:0!important;
  margin-left:4px!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid #959ca6!important;
}
.trade .trd-sheet-cats .list-ic{
  width:20px!important;
  height:20px!important;
  margin-left:auto!important;
}
.trade .trd-sheet-cats .list-ic::before{
  content:"☰"!important;
  color:#959ca6!important;
  font-size:20px!important;
  line-height:20px!important;
}
.trade .trd-sheet-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:17px 0 6px!important;
  color:#959ca6!important;
}
.trade .trd-sheet-head button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  background:transparent!important;
  color:#959ca6!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:400!important;
  text-align:left!important;
}
.trade .trd-sheet-head button:last-child{
  justify-self:end!important;
  text-align:right!important;
}
.trade .trd-sheet-head button::after{
  content:" ↕"!important;
  color:#66717e!important;
  font-size:11px!important;
  margin-left:3px!important;
}
.trade .trd-sheet-head button.sorted::after{
  content:" ↑"!important;
  color:#959ca6!important;
}
.trade .trd-sheet-head button.sorted.desc::after{
  content:" ↓"!important;
}
.trade .trd-pair-list{
  width:100%!important;
}
.trade .trd-pair-list-legacy{
  display:none!important;
}
.trade .trd-pair-option{
  width:100%!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:26px 38px minmax(0,1fr) auto!important;
  grid-template-areas:"star ico name price" "star ico sub change"!important;
  column-gap:8px!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
  padding:8px 0!important;
  text-align:left!important;
}
.trade .trd-pair-option.active{
  margin-left:-14px!important;
  margin-right:-14px!important;
  padding-left:14px!important;
  padding-right:14px!important;
  background:#283240!important;
}
.trade .trd-pair-star{
  grid-area:star!important;
  width:25px!important;
  height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:transparent!important;
  color:#6f7a86!important;
}
.trade .trd-pair-star svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}
.trade .trd-pair-star.active{
  color:#fcd434!important;
}
.trade .trd-pair-star.active svg path{
  fill:#fcd434!important;
}
.trade .trd-pair-coin{
  grid-area:ico!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:#2b3441!important;
  font-size:14px!important;
  font-weight:600!important;
}
.trade .trd-pair-coin img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.trade .trd-pair-option b{
  grid-area:name!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#EAEEF3!important;
  font-size:20px!important;
  line-height:23px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.trade .trd-pair-option b em{
  color:#959ca6!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-pair-option b mark{
  height:19px!important;
  min-width:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:4px!important;
  background:#303a46!important;
  color:#c2c8d0!important;
  padding:0 5px!important;
  font-size:11px!important;
  line-height:13px!important;
  font-weight:500!important;
}
.trade .trd-pair-option b mark.gold{
  min-width:auto!important;
  background:rgba(240,185,11,.12)!important;
  color:#f0b90b!important;
}
.trade .trd-pair-option small{
  grid-area:sub!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#959ca6!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-pair-option strong{
  grid-area:price!important;
  justify-self:end!important;
  color:#EAEEF3!important;
  font-size:21px!important;
  line-height:25px!important;
  font-weight:500!important;
  text-align:right!important;
}
.trade .trd-pair-option i{
  grid-area:change!important;
  justify-self:end!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-pair-option i.up{color:#35ba83!important;}
.trade .trd-pair-option i.down{color:#ff5b76!important;}
.trade .trd-fav-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 14px!important;
  margin-top:26px!important;
}
.trade .trd-fav-card{
  min-height:84px!important;
  border-radius:10px!important;
  background:#283240!important;
  padding:15px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  text-align:left!important;
}
.trade .trd-fav-card span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.trade .trd-fav-card b{
  color:#EAEEF3!important;
  font-size:18px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.trade .trd-fav-card b em{
  color:#959ca6!important;
  font-size:12px!important;
  line-height:16px!important;
  font-style:normal!important;
  font-weight:400!important;
}
.trade .trd-fav-card i{
  font-style:normal!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-fav-card i.up{color:#35ba83!important;}
.trade .trd-fav-card i.down{color:#ff5b76!important;}
.trade .trd-fav-card strong{
  position:relative!important;
  width:21px!important;
  height:21px!important;
  border-radius:4px!important;
  background:#e9edf2!important;
  justify-self:end!important;
}
.trade .trd-fav-card strong::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:3px!important;
  width:6px!important;
  height:10px!important;
  border:solid #1f2630!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.trade .trd-fav-card:not(.selected) strong{
  background:transparent!important;
  box-shadow:inset 0 0 0 2px #737d89!important;
}
.trade .trd-fav-card:not(.selected) strong::after{
  display:none!important;
}
.trade .trd-add-favorites{
  width:100%!important;
  height:54px!important;
  margin-top:27px!important;
  border-radius:8px!important;
  background:#fcd434!important;
  color:#1f2630!important;
  font-size:19px!important;
  line-height:24px!important;
  font-weight:500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* v180: exact TP/SL text centering */
.trade .trd-tpsl-toggle{
  height:25px!important;
  min-height:25px!important;
  display:grid!important;
  grid-template-columns:22px auto 1fr!important;
  align-items:center!important;
  column-gap:9px!important;
  line-height:25px!important;
  margin:8px 0 10px!important;
}
.trade .trd-tpsl-toggle span{
  width:20px!important;
  height:20px!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  top:auto!important;
  transform:none!important;
}
.trade .trd-tpsl-toggle em,
.trade .trd-tpsl-toggle strong{
  height:25px!important;
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  line-height:25px!important;
  margin:0!important;
  padding:0!important;
}
.trade .trd-tpsl-toggle strong{
  justify-self:end!important;
}
.trade .trd-tpsl-toggle strong .tri{
  align-self:center!important;
  margin-top:0!important;
}
.trade .trd-tpsl-input{
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.trade .trd-tpsl-input button{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:42px!important;
}
.trade .trd-tpsl-input label,
.trade .trd-tpsl-input label span{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:42px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* v181: keep order form text optically centered inside boxes */
.trade .trd-input-row,
.trade .trd-total,
.trade .trd-tpsl-input{
  align-items:center!important;
  place-items:center stretch!important;
}
.trade .trd-total{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
}
.trade .trd-input-row label,
.trade .trd-tpsl-input label{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
}
.trade .trd-input-row label span,
.trade .trd-input-row input,
.trade .trd-tpsl-input label span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}
.trade .trd-tpsl-input button,
.trade .trd-input-row button{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
}

/* v182: restore TP/SL advanced visibility and center the check mark */
.trade .trd-tpsl-toggle strong{
  display:none!important;
}
.trade .trd-tpsl-toggle.is-active strong{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.trade .trd-tpsl-toggle.is-active span::after{
  left:50%!important;
  top:50%!important;
  width:6px!important;
  height:10px!important;
  transform:translate(-50%,-58%) rotate(45deg)!important;
  transform-origin:center!important;
}

/* v190: order type sheet uses cleaned reference icons */
.trade .trd-order-type-icon{
  width:26px!important;
  height:26px!important;
  display:block!important;
  object-fit:contain!important;
}
.trade .trd-input-row label span,
.trade .trd-input-row input,
.trade .trd-total,
.trade .trd-tpsl-input label span{
  transform:none!important;
  line-height:normal!important;
}

/* v184: true center for TP/SL input contents */
.trade .trd-tpsl-input{
  position:relative!important;
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  align-items:center!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}
.trade .trd-tpsl-input label{
  position:relative!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  display:block!important;
}
.trade .trd-tpsl-input label span{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  text-align:center!important;
  line-height:18px!important;
  transform:translateY(-50%)!important;
}
.trade .trd-tpsl-input > button{
  position:relative!important;
  width:32px!important;
  height:42px!important;
  min-height:42px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
.trade .trd-tpsl-input > button::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  color:#959ca6!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
  transform:translate(-50%,-52%)!important;
}
.trade .trd-tpsl-input > button:first-child::before{
  content:"-"!important;
}
.trade .trd-tpsl-input > button:last-child::before{
  content:"+"!important;
}

/* v185: remove duplicated TP/SL +/- glyphs, keep one centered icon */
.trade .trd-tpsl-input > button::before{
  content:""!important;
  width:10px!important;
  height:1.5px!important;
  border-radius:2px!important;
  background:#959ca6!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
.trade .trd-tpsl-input > button::after{
  display:none!important;
}
.trade .trd-tpsl-input > button:last-child::after{
  content:""!important;
  display:block!important;
  width:1.5px!important;
  height:10px!important;
  border-radius:2px!important;
  background:#959ca6!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

/* v187: center TP/SL check mark inside the square */
.trade .trd-tpsl-toggle.is-active span{
  position:relative!important;
}
.trade .trd-tpsl-toggle.is-active span::before,
.trade .trd-tpsl-toggle.is-active span::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  height:2px!important;
  min-height:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#1f2630!important;
  transform-origin:left center!important;
}
.trade .trd-tpsl-toggle.is-active span::before{
  width:5px!important;
  left:4.9px!important;
  top:10.5px!important;
  transform:rotate(45deg)!important;
}
.trade .trd-tpsl-toggle.is-active span::after{
  width:9px!important;
  left:8.1px!important;
  top:13.3px!important;
  transform:rotate(-45deg)!important;
}

/* v189: restore old TP/SL check mark and center it in the square */
.trade .trd-tpsl-toggle span{
  width:20px!important;
  height:20px!important;
  display:block!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
  position:relative!important;
  box-sizing:border-box!important;
}
.trade .trd-tpsl-toggle.is-active span{
  border-color:#e9edf2!important;
  background:#e9edf2!important;
}
.trade .trd-tpsl-toggle.is-active span::before{
  content:none!important;
  display:none!important;
}
.trade .trd-tpsl-toggle.is-active span::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:6px!important;
  height:10px!important;
  border:solid #1f2630!important;
  border-width:0 2px 2px 0!important;
  background:transparent!important;
  border-radius:0!important;
  transform:translate(-50%,-58%) rotate(45deg)!important;
  transform-origin:center!important;
}

/* v191: lift TP/SL check mark and field labels slightly */
.trade .trd-tpsl-toggle.is-active span::after{
  transform:translate(-50%,-64%) rotate(45deg)!important;
}
.trade .trd-tpsl-input label span{
  transform:translateY(-1.5px)!important;
}

/* v192: trade pair sheet uses only tab panels, with clickable filters */
.trade .trd-pair-card > .trd-pair-list{
  display:none!important;
}
.trade .trd-sheet-panel .trd-pair-list{
  display:block!important;
}
.trade .trd-sheet-cats span,
.trade .trd-sheet-quotes span,
.trade .trd-futures-row button,
.trade .trd-sheet-head button,
.trade .trd-pair-star,
.trade .trd-fav-card,
.trade .trd-pair-option{
  cursor:pointer!important;
}

/* v193: final centering for trade amount and TP/SL fields */
.trade .trd-input-row label,
.trade .trd-tpsl-input label{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
.trade .trd-input-row label span,
.trade .trd-tpsl-input label span{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  transform:none!important;
}
.trade .trd-input-row input{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  line-height:1!important;
}
.trade .trd-pair-card{
  max-height:calc(100% - 14px)!important;
}
.trade .trd-fav-grid .trd-fav-card{
  display:grid!important;
}
.trade .trd-fav-grid .trd-fav-card[hidden]{
  display:none!important;
}

/* v194: lift only TP/SL placeholder labels into exact vertical center */
.trade .trd-tpsl-input label span{
  transform:translateY(-1.5px)!important;
}

/* v195: stable trade pair sheet, smooth tab swipe, star-only favorites */
.trade .trd-pair-card{
  height:calc(100% - 14px)!important;
  min-height:0!important;
  max-height:calc(100% - 14px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
}
.trade .trd-sheet-viewport{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  transition:none!important;
}
.trade .trd-sheet-track{
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
}
.trade .trd-sheet-panel{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active,
.trade .trd-pair-star,
.trade .trd-pair-star:focus,
.trade .trd-pair-star:focus-visible,
.trade .trd-fav-card,
.trade .trd-fav-card:focus,
.trade .trd-fav-card:focus-visible{
  outline:0!important;
  box-shadow:none!important;
  border-left:0!important;
}
.trade .trd-pair-option.active{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after,
.trade .trd-fav-card::before,
.trade .trd-fav-card::after{
  content:none!important;
  display:none!important;
}

/* v197: pair selector cleanup - no stray focus strips, stable closed overlay */
.trade .trd-pair-sheet{
  visibility:hidden!important;
  pointer-events:none!important;
  touch-action:none!important;
}
.trade .trd-pair-sheet.open{
  visibility:visible!important;
  pointer-events:auto!important;
}
.trade .trd-pair-sheet *{
  -webkit-tap-highlight-color:transparent!important;
}
.trade .trd-pair-card{
  transform:translateY(100%)!important;
}
.trade .trd-pair-sheet.open .trd-pair-card{
  transform:translateY(0)!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option:active,
.trade .trd-pair-option:focus,
.trade .trd-pair-option:focus-visible,
.trade .trd-pair-star,
.trade .trd-pair-star:active,
.trade .trd-pair-star:focus,
.trade .trd-pair-star:focus-visible{
  border:0!important;
  border-inline-start:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
}
.trade .trd-pair-star{
  appearance:none!important;
  -webkit-appearance:none!important;
}

/* v201: keep Trade pair picker fully inside the sheet */
.trade .trd-pair-card{
  height:calc(100% - 22px)!important;
  max-height:calc(100% - 22px)!important;
  margin-top:22px!important;
  padding-top:20px!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.trade .trd-pair-search{
  flex:0 0 44px!important;
  margin:0 0 15px!important;
}
.trade .trd-sheet-tabs{
  flex:0 0 44px!important;
  width:calc(100% + 28px)!important;
  min-width:0!important;
  margin:0 -14px!important;
  padding:0 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  clip-path:inset(0 0 0 0)!important;
}
.trade .trd-sheet-tabs button{
  height:44px!important;
  line-height:44px!important;
  display:flex!important;
  align-items:center!important;
}
.trade .trd-sheet-viewport{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.trade .trd-sheet-track{
  width:600%!important;
  min-width:600%!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translate3d(var(--trd-pair-x, -16.6667%),0,0)!important;
}
.trade .trd-sheet-panel{
  position:relative!important;
  flex:0 0 calc(100% / 6)!important;
  width:calc(100% / 6)!important;
  min-width:calc(100% / 6)!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  contain:layout paint!important;
}
.trade .trd-sheet-panel:not(.active){
  pointer-events:none!important;
}

/* v219: final override must stay last - exact pair-sheet slider alignment */
html,
body{
  overscroll-behavior-x:none!important;
}
.trade .trd-pair-sheet{
  visibility:hidden!important;
  pointer-events:none!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}
.trade .trd-pair-sheet.open{
  visibility:visible!important;
  pointer-events:auto!important;
}
.trade .trd-pair-card{
  width:100%!important;
  height:calc(100% - 28px)!important;
  max-height:calc(100% - 28px)!important;
  margin:28px 0 0!important;
  padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-tabs{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:15px!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-y!important;
  clip-path:none!important;
}
.trade .trd-sheet-tabs button{
  flex:0 0 auto!important;
  height:42px!important;
  line-height:42px!important;
  font-size:16px!important;
}
.trade .trd-sheet-viewport{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-viewport::before,
.trade .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:600%!important;
  min-width:600%!important;
  max-width:none!important;
  height:100%!important;
  transform:translate3d(var(--trd-pair-x, -100%),0,0)!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  pointer-events:auto!important;
}
.trade .trd-sheet-panel{
  flex:0 0 calc(100% / 6)!important;
  width:calc(100% / 6)!important;
  min-width:calc(100% / 6)!important;
  max-width:calc(100% / 6)!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#1f2630!important;
  scrollbar-width:none!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-panel::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.trade .trd-sheet-panel.active{
  pointer-events:auto!important;
}
.trade .trd-sheet-panel:not(.active){
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active,
.trade .trd-pair-star,
.trade .trd-pair-star:active,
.trade .trd-pair-star:focus,
.trade .trd-pair-star:focus-visible{
  border:0!important;
  border-left:0!important;
  border-inline-start:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.trade .trd-pair-option.active{
  background:#283240!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-list{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
/* v224: final account icon sharpness and USDT alignment */
.trade .trd-pair-option b{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  line-height:23px!important;
}
.trade .trd-pair-option b em{
  display:inline-block!important;
  height:auto!important;
  line-height:14px!important;
  margin-left:1px!important;
  transform:none!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:0!important;
}
.trade .trd-pair-option b mark{
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.account-tool-img{
  width:25px!important;
  height:25px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}
.account-social-icons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:11px!important;
  height:24px!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  width:19px!important;
  height:19px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}

/* v453: menu icons are inline and cannot fail on a partial image upload. */
.welcome .wl-back > svg,
.welcome .wl-head-icon > svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:#EAEEF3!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 auto!important;
}
.welcome .wl-back > svg{
  width:21px!important;
  height:21px!important;
}
.welcome .wl-head-icon.support-open > svg{
  width:24px!important;
  height:24px!important;
  stroke-width:2.1!important;
}
.welcome .wl-tool-icon > svg{
  display:block!important;
  width:29px!important;
  height:29px!important;
  flex:0 0 auto!important;
}

/* v226: final pair-sheet clipping and one-page slider geometry */
.trade .trd-pair-card{
  overflow:hidden!important;
  background:#1f2630!important;
}
.trade .trd-sheet-viewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#1f2630!important;
  isolation:isolate!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  transform:translate3d(var(--trd-pair-x, 0px),0,0)!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
.trade .trd-sheet-panel{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-panel::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:12px!important;
  background:#1f2630!important;
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-sheet-head,
.trade .trd-sheet-cats,
.trade .trd-sheet-quotes,
.trade .trd-futures-row{
  position:relative!important;
  z-index:1!important;
}
.trade .trd-pair-option.active{
  z-index:2!important;
}

/* v227: keep pair rows inside the sheet without clipping icons */
.trade .trd-sheet-panel::before{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  box-sizing:border-box!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:16px!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.trade .trd-sheet-head{
  padding-left:16px!important;
  padding-right:0!important;
}

/* v228-final-tail: hide neighbour bleed and keep pair slash tight */
.trade .trd-sheet-viewport::before{
  content:""!important;
  position:absolute!important;
  z-index:20!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  background:#1f2630!important;
  pointer-events:none!important;
  display:block!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-sheet-head{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-pair-option b{
  gap:0!important;
}
.trade .trd-pair-option b em{
  margin-left:0!important;
}
.trade .trd-pair-option b mark{
  margin-left:4px!important;
}

/* v229-final-tail: mask only the rows/header area, not filter chips */
.trade .trd-sheet-viewport::before{
  top:88px!important;
  width:14px!important;
}

/* v233-final: settled trade pair sheet must not show neighbouring pages */
.trade .trd-pair-sheet .trd-sheet-viewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#1f2630!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport::before,
.trade .trd-pair-sheet .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:translate3d(var(--trd-pair-x,0px),0,0)!important;
  backface-visibility:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-pair-sheet .trd-sheet-panel:not(.active){
  visibility:hidden!important;
}
.trade .trd-pair-sheet.pair-moving .trd-sheet-panel{
  visibility:visible!important;
}
.trade .trd-pair-sheet:not(.pair-moving) .trd-sheet-panel:not(.active) *{
  visibility:hidden!important;
}

/* v232: hide neighbouring trade-pair panels when the swipe is settled */
.trade .trd-pair-sheet .trd-sheet-viewport{
  position:relative!important;
  overflow:hidden!important;
  background:#1f2630!important;
  contain:layout paint!important;
}
.trade .trd-pair-sheet .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:translate3d(var(--trd-pair-x, 0px),0,0)!important;
  backface-visibility:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
}
.trade .trd-pair-sheet .trd-sheet-panel:not(.active){
  visibility:hidden!important;
}
.trade .trd-pair-sheet.pair-moving .trd-sheet-panel{
  visibility:visible!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport::before{
  content:none!important;
  display:none!important;
}

/* v229-final-tail: mask only the rows/header area, not filter chips */
.trade .trd-sheet-viewport::before{
  top:88px!important;
  width:14px!important;
}

/* v228-final: hide neighbour bleed and keep pair slash tight */
.trade .trd-sheet-viewport::before{
  content:""!important;
  position:absolute!important;
  z-index:20!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  background:#1f2630!important;
  pointer-events:none!important;
  display:block!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-sheet-head{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-pair-option b{
  gap:0!important;
}
.trade .trd-pair-option b em{
  margin-left:0!important;
}
.trade .trd-pair-option b mark{
  margin-left:4px!important;
}

/* v226: hard stop for left-side pair sheet bleed */
.trade .trd-sheet-viewport{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#1f2630!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:translate3d(var(--trd-pair-x, 0px),0,0)!important;
}
.trade .trd-sheet-panel{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
  clip-path:inset(0)!important;
}
.trade .trd-pair-list{
  position:relative!important;
  overflow:hidden!important;
  background:#1f2630!important;
}
.trade .trd-pair-list::before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  background:#1f2630!important;
  pointer-events:none!important;
}
.trade .trd-pair-option{
  position:relative!important;
  z-index:1!important;
}
.trade .trd-pair-option.active{
  z-index:2!important;
}

/* v223: crisper account icons and aligned quote symbol */
.trade .trd-pair-option b{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  line-height:23px!important;
}
.trade .trd-pair-option b em{
  display:inline-block!important;
  height:auto!important;
  line-height:14px!important;
  margin-left:1px!important;
  transform:none!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:0!important;
}
.trade .trd-pair-option b mark{
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.account-tool-img{
  width:25px!important;
  height:25px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}
.account-social-icons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:11px!important;
  height:24px!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  width:19px!important;
  height:19px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}

/* v222: stable trade pair sheet pages + exact user PNG icons */
.trade .trd-pair-sheet{
  overflow:hidden!important;
}
.trade .trd-pair-card{
  overflow:hidden auto!important;
}
.trade .trd-sheet-viewport{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:100%!important;
  background:#1f2630!important;
  isolation:isolate!important;
  clip-path:inset(0)!important;
  contain:layout paint!important;
}
.trade .trd-sheet-viewport::before,
.trade .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  background:#1f2630!important;
  transform:translate3d(var(--trd-pair-x, 0px),0,0)!important;
  transition:transform .54s cubic-bezier(.22,.72,.18,1)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}
.trade .trd-sheet-panel{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#1f2630!important;
  scrollbar-width:none!important;
  clip-path:inset(0)!important;
  contain:layout paint!important;
}
.trade .trd-sheet-panel::-webkit-scrollbar{
  display:none!important;
}
.trade .trd-pair-list{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#1f2630!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after{
  content:none!important;
  display:none!important;
}
.bb-scan-action .bb-scan-icon-img,
.bb-scan-action .bb-scan-icon-img img,
.bb-scan-action .bb-scan-icon-img svg{
  width:63px!important;
  height:63px!important;
}
.bb-scan-action .bb-scan-icon-img{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.bb-scan-action .bb-scan-icon-img img{
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}
.account-tool-img{
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
}
.account-row button img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}
.account-list-icon img{
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
}
.account-social-icons{
  gap:11px!important;
  align-items:center!important;
  height:22px!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}

/* v217: final Trade pair sheet swipe/edge cleanup */
html,
body{
  overscroll-behavior-x:none!important;
}
.trade .trd-pair-sheet{
  visibility:hidden!important;
  pointer-events:none!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}
.trade .trd-pair-sheet.open{
  visibility:visible!important;
  pointer-events:auto!important;
}
.trade .trd-pair-card{
  width:100%!important;
  height:calc(100% - 28px)!important;
  max-height:calc(100% - 28px)!important;
  margin:28px 0 0!important;
  padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-tabs{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:15px!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-y!important;
  clip-path:none!important;
}
.trade .trd-sheet-tabs button{
  flex:0 0 auto!important;
  height:42px!important;
  line-height:42px!important;
  font-size:16px!important;
}
.trade .trd-sheet-viewport{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-viewport::before,
.trade .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:600%!important;
  min-width:600%!important;
  max-width:none!important;
  height:100%!important;
  transform:translate3d(var(--trd-pair-x, -100%),0,0)!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  pointer-events:auto!important;
}
.trade .trd-sheet-panel{
  flex:0 0 calc(100% / 6)!important;
  width:calc(100% / 6)!important;
  min-width:calc(100% / 6)!important;
  max-width:calc(100% / 6)!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#1f2630!important;
  scrollbar-width:none!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-panel::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.trade .trd-sheet-panel.active{
  pointer-events:auto!important;
}
.trade .trd-sheet-panel:not(.active){
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active,
.trade .trd-pair-star,
.trade .trd-pair-star:active,
.trade .trd-pair-star:focus,
.trade .trd-pair-star:focus-visible{
  border:0!important;
  border-left:0!important;
  border-inline-start:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.trade .trd-pair-option.active{
  background:#283240!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-list{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* v216: pair sheet uses Markets-like drag and removes side artifacts */
html,
body{
  overscroll-behavior-x:none!important;
}
.trade .trd-pair-sheet{
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}
.trade .trd-pair-card{
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
}
.trade .trd-sheet-tabs,
.trade .trd-sheet-viewport{
  touch-action:pan-y!important;
}
.trade .trd-sheet-track{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:600%!important;
  min-width:600%!important;
  max-width:none!important;
  transition:transform .62s cubic-bezier(.25,.8,.25,1)!important;
  pointer-events:auto!important;
}
.trade .trd-sheet-panel{
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
}
.trade .trd-pair-card > .trd-pair-list,
.trade .trd-pair-card > .trd-pair-list *{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* v214: clean pair sheet edges, align quote text, and improve swipe-close handle */
.trade .trd-pair-card > .trd-pair-list{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.trade .trd-pair-option b{
  align-items:center!important;
  overflow:hidden!important;
}
.trade .trd-pair-option b em{
  display:inline-flex!important;
  align-items:center!important;
  height:23px!important;
  transform:translateY(-.5px)!important;
}
.trade .trd-pair-option b mark{
  flex:0 0 auto!important;
}
.trade .trd-pair-search,
.trade .trd-sheet-tabs{
  touch-action:none!important;
}
.trade .trd-sheet-viewport::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:2px!important;
  z-index:3!important;
  background:#1f2630!important;
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border:0!important;
  border-inline-start:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.trade .trd-pair-option.active{
  background:#283240!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after{
  content:none!important;
  display:none!important;
}

/* v202: show all pair picker top tabs without clipping */
.trade .trd-sheet-tabs{
  gap:0!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
.trade .trd-sheet-tabs button{
  font-size:16px!important;
  line-height:42px!important;
  height:42px!important;
}

/* v208: pair picker transition like Markets, no extra yellow strip in filter row */
.trade .trd-sheet-cats em{
  display:none!important;
}
.trade .trd-sheet-track{
  transition:transform .62s cubic-bezier(.25,.8,.25,1)!important;
}
.trade .trd-sheet-viewport{
  overflow:hidden!important;
}
.trade .trd-sheet-panel{
  contain:layout!important;
}

/* v210: draggable pair sheet - horizontal pages and downward close */
.trade .trd-pair-sheet{
  touch-action:auto!important;
}
.trade .trd-pair-card{
  touch-action:pan-y!important;
  will-change:transform!important;
}
.trade .trd-sheet-tabs,
.trade .trd-sheet-viewport{
  touch-action:pan-y!important;
}
.trade .trd-sheet-track{
  will-change:transform!important;
  transition:transform .62s cubic-bezier(.25,.8,.25,1)!important;
  pointer-events:auto!important;
}
.trade .trd-sheet-panel{
  overscroll-behavior-y:contain!important;
}

/* v213: stable pair swipe and Binance-style sortable header arrows */
.trade .trd-sheet-head button{
  gap:3px!important;
}
.trade .trd-sheet-head button::after{
  content:none!important;
  display:none!important;
}
.trade .trd-sort-label{
  display:block!important;
}
.trade .trd-sort-arrows{
  width:7px!important;
  height:13px!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  margin-left:2px!important;
  transform:translateY(-.5px)!important;
}
.trade .trd-sort-arrows i{
  width:0!important;
  height:0!important;
  display:block!important;
  opacity:1!important;
}
.trade .trd-sort-arrows i.up{
  border-left:3.5px solid transparent!important;
  border-right:3.5px solid transparent!important;
  border-bottom:4.5px solid #65717f!important;
}
.trade .trd-sort-arrows i.down{
  border-left:3.5px solid transparent!important;
  border-right:3.5px solid transparent!important;
  border-top:4.5px solid #65717f!important;
}
.trade .trd-sheet-head button.sorted.asc .trd-sort-arrows i.up{
  border-bottom-color:#EAEEF3!important;
}
.trade .trd-sheet-head button.sorted.desc .trd-sort-arrows i.down{
  border-top-color:#EAEEF3!important;
}
.trade .trd-sheet-panel.active{
  pointer-events:auto!important;
}
.trade .trd-sheet-panel:not(.active){
  pointer-events:none!important;
}

/* v220: final override must stay last - exact pair-sheet slider alignment */
html,
body{
  overscroll-behavior-x:none!important;
}
.trade .trd-pair-sheet{
  visibility:hidden!important;
  pointer-events:none!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}
.trade .trd-pair-sheet.open{
  visibility:visible!important;
  pointer-events:auto!important;
}
.trade .trd-pair-card{
  width:100%!important;
  height:calc(100% - 28px)!important;
  max-height:calc(100% - 28px)!important;
  margin:28px 0 0!important;
  padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-tabs{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:15px!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-y!important;
  clip-path:none!important;
}
.trade .trd-sheet-tabs button{
  flex:0 0 auto!important;
  height:42px!important;
  line-height:42px!important;
  font-size:16px!important;
}
.trade .trd-sheet-viewport{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  contain:layout paint!important;
}
.trade .trd-sheet-viewport::before,
.trade .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:600%!important;
  min-width:600%!important;
  max-width:none!important;
  height:100%!important;
  transform:translate3d(var(--trd-pair-x, -100%),0,0)!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  pointer-events:auto!important;
}
.trade .trd-sheet-panel{
  flex:0 0 calc(100% / 6)!important;
  width:calc(100% / 6)!important;
  min-width:calc(100% / 6)!important;
  max-width:calc(100% / 6)!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#1f2630!important;
  scrollbar-width:none!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-panel::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.trade .trd-sheet-panel.active{
  pointer-events:auto!important;
}
.trade .trd-sheet-panel:not(.active){
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active,
.trade .trd-pair-star,
.trade .trd-pair-star:active,
.trade .trd-pair-star:focus,
.trade .trd-pair-star:focus-visible{
  border:0!important;
  border-left:0!important;
  border-inline-start:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.trade .trd-pair-option.active{
  background:#283240!important;
}
.trade .trd-pair-option::before,
.trade .trd-pair-option::after,
.trade .trd-pair-star::before,
.trade .trd-pair-star::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-list{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
/* v225: last override - account icon sharpness and USDT alignment */
.trade .trd-pair-option b{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  line-height:23px!important;
}
.trade .trd-pair-option b em{
  display:inline-block!important;
  height:auto!important;
  line-height:14px!important;
  margin-left:1px!important;
  transform:none!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:0!important;
}
.trade .trd-pair-option b mark{
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.account-tool-img{
  width:25px!important;
  height:25px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}
.account-social-icons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:11px!important;
  height:24px!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  width:19px!important;
  height:19px!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}

/* v226-final: pair sheet must never show neighbouring panels on the left */
.trade .trd-pair-card{
  overflow:hidden!important;
  background:#1f2630!important;
}
.trade .trd-sheet-viewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#1f2630!important;
  isolation:isolate!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  transform:translate3d(var(--trd-pair-x, 0px),0,0)!important;
  transition:transform .48s cubic-bezier(.25,.8,.25,1)!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
.trade .trd-sheet-panel{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
  clip-path:inset(0)!important;
}
.trade .trd-sheet-panel::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:12px!important;
  background:#1f2630!important;
  pointer-events:none!important;
}
.trade .trd-pair-option,
.trade .trd-sheet-head,
.trade .trd-sheet-cats,
.trade .trd-sheet-quotes,
.trade .trd-futures-row{
  position:relative!important;
  z-index:1!important;
}
.trade .trd-pair-option.active{
  z-index:2!important;
}

/* v227-final: keep row icons visible while preventing neighbour bleed */
.trade .trd-sheet-panel::before{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  box-sizing:border-box!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:16px!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.trade .trd-sheet-head{
  padding-left:16px!important;
  padding-right:0!important;
}

/* v228-final-tail: hide neighbour bleed and keep pair slash tight */
.trade .trd-sheet-viewport::before{
  content:""!important;
  position:absolute!important;
  z-index:20!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  background:#1f2630!important;
  pointer-events:none!important;
  display:block!important;
}
.trade .trd-pair-option,
.trade .trd-pair-option.active{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-sheet-head{
  padding-left:18px!important;
  padding-right:0!important;
}
.trade .trd-pair-option b{
  gap:0!important;
}
.trade .trd-pair-option b em{
  margin-left:0!important;
}
.trade .trd-pair-option b mark{
  margin-left:4px!important;
}
/* v229-final-tail: mask only the rows/header area, not filter chips */
.trade .trd-sheet-viewport::before{
  top:88px!important;
  width:14px!important;
}

/* v234-final: no left bleed from neighbouring trade-pair tabs */
.trade .trd-pair-sheet .trd-sheet-viewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#1f2630!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport::before,
.trade .trd-pair-sheet .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-sheet-track{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:translate3d(var(--trd-pair-x,0px),0,0)!important;
  backface-visibility:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow-x:hidden!important;
  background:#1f2630!important;
  contain:layout paint!important;
  clip-path:inset(0)!important;
}
.trade .trd-pair-sheet .trd-sheet-panel:not(.active){
  visibility:hidden!important;
}
.trade .trd-pair-sheet.pair-moving .trd-sheet-panel{
  visibility:visible!important;
}
.trade .trd-pair-sheet:not(.pair-moving) .trd-sheet-panel:not(.active) *{
  visibility:hidden!important;
}

/* v235-account-social: slightly larger social icons on Account Info */
.account-social-icons{
  height:28px!important;
  gap:11px!important;
  align-items:center!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  width:22px!important;
  height:22px!important;
  display:block!important;
  object-fit:contain!important;
}

/* v236-trade-sort-arrows: keep sortable header arrows fully visible */
.trade .trd-pair-sheet .trd-sheet-head{
  box-sizing:border-box!important;
  padding-right:10px!important;
  overflow:visible!important;
}
.trade .trd-pair-sheet .trd-sheet-head button{
  overflow:visible!important;
  white-space:nowrap!important;
}
.trade .trd-pair-sheet .trd-sheet-head button:last-child{
  justify-self:end!important;
  padding-right:1px!important;
}
.trade .trd-pair-sheet .trd-sort-arrows{
  flex:0 0 8px!important;
  width:8px!important;
  min-width:8px!important;
  margin-left:3px!important;
  overflow:visible!important;
}

/* v237: center home P2P quick action icons in equal columns */
.auth-p2p-card .auth-p2p-actions{
  left:16px!important;
  right:16px!important;
  bottom:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:end!important;
  justify-items:center!important;
  justify-content:stretch!important;
  gap:0!important;
}
.auth-p2p-card .auth-p2p-actions span{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-rows:36px 16px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:5px!important;
  text-align:center!important;
}
.auth-p2p-card .auth-p2p-icon,
.auth-p2p-card .auth-p2p-actions svg{
  margin:0 auto!important;
  object-position:center center!important;
  transform:none!important;
}
.auth-p2p-card .auth-p2p-actions em{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

/* v238: Spot order type selection changes the visible trade form fields */
.trade .trd-order-hidden{
  display:none!important;
}

/* v239: keep Price/Stop label inside the trade input card */
.trade .trd-input-row:not(.single):not(.trd-tpsl-input) label{
  display:grid!important;
  grid-template-rows:15px 22px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  row-gap:0!important;
  height:45px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
}
.trade .trd-input-row:not(.single):not(.trd-tpsl-input) label span{
  height:15px!important;
  min-height:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  line-height:13px!important;
}
.trade .trd-input-row:not(.single):not(.trd-tpsl-input) label input{
  height:22px!important;
  min-height:22px!important;
  display:block!important;
  align-self:start!important;
  line-height:22px!important;
  transform:none!important;
}

/* v240: Trade pair picker uses instant Markets-like tab panels */
.trade .trd-pair-sheet .trd-pair-card{
  padding:18px 0 calc(18px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-pair-search{
  width:auto!important;
  margin:0 16px 18px!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs{
  width:100%!important;
  margin:0!important;
  padding:0 16px!important;
  gap:22px!important;
  border-bottom:1px solid #26303b!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button{
  height:42px!important;
  line-height:42px!important;
  flex:0 0 auto!important;
  font-size:17.5px!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button.active{
  font-weight:600!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport::before,
.trade .trd-pair-sheet .trd-sheet-viewport::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-sheet-track{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
.trade .trd-pair-sheet .trd-sheet-panel{
  display:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#1f2630!important;
  contain:layout paint!important;
  clip-path:none!important;
  visibility:visible!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.active{
  display:block!important;
}
.trade .trd-pair-sheet .trd-sheet-panel:not(.active),
.trade .trd-pair-sheet.pair-moving .trd-sheet-panel:not(.active){
  display:none!important;
  visibility:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel:not(.active) *{
  visibility:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-cats,
.trade .trd-pair-sheet .trd-futures-row{
  margin:0!important;
  padding:14px 16px 4px!important;
  gap:20px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x!important;
}
.trade .trd-pair-sheet .trd-sheet-quotes{
  margin:0!important;
  padding:10px 16px 2px!important;
  gap:8px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x!important;
}
.trade .trd-pair-sheet .trd-sheet-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;
  padding:12px 16px 8px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-sheet-head button{
  min-width:0!important;
}
.trade .trd-pair-sheet .trd-sheet-head button:last-child{
  justify-self:end!important;
  padding-right:0!important;
}
.trade .trd-pair-sheet .trd-pair-list{
  width:100%!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-pair-list::before{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-pair-option,
.trade .trd-pair-sheet .trd-pair-option.active{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:68px!important;
  margin:0!important;
  padding:9px 16px!important;
  display:grid!important;
  grid-template-columns:24px 36px minmax(0,1fr) minmax(92px,auto)!important;
  grid-template-areas:"star ico name price" "star ico sub change"!important;
  column-gap:10px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-pair-option.active{
  background:#283240!important;
}
.trade .trd-pair-sheet .trd-pair-coin{
  width:36px!important;
  height:36px!important;
}
.trade .trd-pair-sheet .trd-pair-option b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  gap:4px!important;
}
.trade .trd-pair-sheet .trd-pair-option b mark{
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.trade .trd-pair-sheet .trd-pair-option strong,
.trade .trd-pair-sheet .trd-pair-option i{
  justify-self:end!important;
  text-align:right!important;
}

/* v241: Trade pair rows use compact Markets sizing */
.trade .trd-pair-sheet .trd-pair-option,
.trade .trd-pair-sheet .trd-pair-option.active{
  min-height:59px!important;
  padding:7px 16px!important;
  grid-template-columns:24px 36px minmax(0,1fr) minmax(82px,auto)!important;
  column-gap:10px!important;
}
.trade .trd-pair-sheet .trd-pair-star{
  width:24px!important;
  height:24px!important;
}
.trade .trd-pair-sheet .trd-pair-star svg{
  width:22px!important;
  height:22px!important;
}
.trade .trd-pair-sheet .trd-pair-coin{
  width:36px!important;
  height:36px!important;
}
.trade .trd-pair-sheet .trd-pair-option b{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:600!important;
  gap:3px!important;
}
.trade .trd-pair-sheet .trd-pair-option b em{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-pair-option b mark{
  height:16px!important;
  min-width:0!important;
  max-width:104px!important;
  padding:0 4px!important;
  font-size:10px!important;
  line-height:12px!important;
  border-radius:3px!important;
}
.trade .trd-pair-sheet .trd-pair-option small{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-pair-option strong{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:600!important;
}
.trade .trd-pair-sheet .trd-pair-option i{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}

/* v242: QR scanner spacing and equal custom action icons */
.bb-scanner-stage{
  margin-top:76px!important;
}
.bb-scanner-help{
  display:none!important;
}
.bb-scan-action{
  width:128px!important;
  gap:11px!important;
}
.bb-scan-action .bb-scan-icon-img,
.bb-scan-action .bb-scan-icon-img img{
  width:52px!important;
  height:52px!important;
}
.bb-scan-action .bb-scan-icon-img{
  border:0!important;
  border-radius:0!important;
}
.bb-scan-action .bb-scan-icon-img img,
.bb-scan-action .bb-scan-icon-img svg{
  display:block!important;
  object-fit:contain!important;
}
.bb-scan-action .bb-scan-icon-img svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media (max-height:740px){
  .bb-scanner-stage{
    margin-top:62px!important;
  }
}

/* v732: the Spot / New picker is a compact three-column asset list. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-quotes{
  display:none!important;
  flex:0 0 0!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-cats button.active{
  min-width:0!important;
  background:transparent!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-head.trd-new-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(95px,.7fr) minmax(82px,.55fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  padding:13px 20px 7px!important;
  color:#959ca6!important;
  font-size:12px!important;
  line-height:18px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-head.trd-new-head [data-new-column]:nth-child(2),
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-head.trd-new-head [data-new-column]:nth-child(3){
  text-align:right!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-pair-option.trd-new-option,
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-pair-option.trd-new-option.active{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:29px minmax(0,1fr) minmax(95px,.7fr) minmax(82px,.55fr)!important;
  grid-template-rows:64px!important;
  grid-template-areas:"ico name price change"!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option .trd-pair-coin{
  grid-area:ico!important;
  width:29px!important;
  height:29px!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option b{
  grid-area:name!important;
  padding:0!important;
  font-size:18px!important;
  line-height:24px!important;
  font-weight:500!important;
  color:#eaeef3!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option strong{
  grid-area:price!important;
  justify-self:end!important;
  padding:0!important;
  font-size:17px!important;
  line-height:22px!important;
  font-weight:500!important;
  text-align:right!important;
  color:#eaeef3!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option i{
  grid-area:change!important;
  justify-self:end!important;
  font-size:16px!important;
  line-height:22px!important;
  font-weight:400!important;
  text-align:right!important;
  font-style:normal!important;
}
@media(max-width:380px){
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] > .trd-sheet-head.trd-new-head{
    grid-template-columns:minmax(0,1fr) 86px 72px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-pair-option.trd-new-option,
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-pair-option.trd-new-option.active{
    padding-left:14px!important;
    padding-right:14px!important;
    grid-template-columns:27px minmax(0,1fr) 86px 72px!important;
    column-gap:8px!important;
  }
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option b{font-size:16px!important}
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option strong,
  .trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="spot"][data-active-category="new"] .trd-new-option i{font-size:14px!important}
}


/* v300: Crypto market products, horizontally scrolling classifications, and a white Markets nav state. */
.markets .mkt-panel[data-cat="crypto"] .mkt-subrow{
  gap:14px!important;
  padding:10px 15px 4px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-sub-t{
  color:#959CA6!important;
  font:400 15px/20px 'Plex',system-ui,sans-serif!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-sub-t.active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.mkt-crypto-filterbar{
  width:100%;
  height:40px;
  display:flex;
  align-items:stretch;
  padding-left:15px;
  overflow:hidden;
  box-sizing:border-box;
}
.mkt-crypto-filters{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 0 5px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
}
.mkt-crypto-filters::-webkit-scrollbar{display:none;}
.mkt-crypto-filter{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  height:24px;
  margin:0;
  padding:0 8px;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:#959CA6;
  font:400 13px/18px 'Plex',system-ui,sans-serif;
}
.mkt-crypto-filter.active{
  color:#EAEEF3;
  font-weight:500;
}
.mkt-crypto-filter:focus-visible,
.mkt-crypto-quote:focus-visible,
.mkt-crypto-list-tool:focus-visible{
  outline:1px solid #FCD434;
  outline-offset:-1px;
}
.mkt-crypto-tools{
  position:relative;
  flex:0 0 99px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  padding:0 14px 0 12px;
  box-sizing:border-box;
  background:#1f2630;
}
.mkt-crypto-tools::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:1px;
  height:20px;
  background:#303946;
}
.mkt-crypto-quote,
.mkt-crypto-list-tool{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  color:#EAEEF3;
}
.mkt-crypto-quote{
  height:28px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0;
  font:500 13px/18px 'Plex',system-ui,sans-serif;
}
.mkt-crypto-caret{
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid #A4ABB5;
}
.mkt-crypto-list-tool{
  width:24px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0;
}
.mkt-crypto-list-tool svg{
  width:20px;
  height:20px;
  display:block;
  fill:#8F98A5;
  stroke:#8F98A5;
  stroke-width:1.45;
  stroke-linecap:round;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-colhead{
  padding:12px 17px 8px 15px!important;
  font-size:13px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-colhead .c-price{margin-right:8px!important;}
.markets .mkt-panel[data-cat="crypto"] .mkt-colhead .c-chg{flex-basis:78px!important;}
.markets .mkt-panel[data-cat="crypto"] .mkt-row{
  min-height:59px!important;
  padding:7px 15px!important;
  gap:7px!important;
  box-sizing:border-box;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-ico{
  width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-sym{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-q{
  font-size:13px!important;
  line-height:20px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-sub{
  margin-top:0!important;
  font-size:13px!important;
  line-height:17px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-px{margin-right:4px!important;}
.markets .mkt-panel[data-cat="crypto"] .mkt-px .p1{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-px .p2{
  margin-top:0!important;
  font-size:13px!important;
  line-height:16px!important;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-chg{
  flex:0 0 75px!important;
  width:75px!important;
  height:31px!important;
  min-height:31px!important;
  border-radius:7px!important;
  padding:0!important;
  font-size:14px!important;
}
.nav .item[data-section="markets"].active .nav-ic{
  background-color:#EAECEF!important;
}
@media(max-width:380px){
  .markets .mkt-panel[data-cat="crypto"] .mkt-subrow{
    gap:12px!important;
    padding:9px 12px 3px!important;
  }
  .markets .mkt-panel[data-cat="crypto"] .mkt-sub-t{
    font-size:13px!important;
    line-height:18px!important;
  }
  .mkt-crypto-filterbar{height:34px;padding-left:12px;}
  .mkt-crypto-filters{gap:7px;padding:5px 0 5px;}
  .mkt-crypto-filter{height:22px;padding:0 7px;font-size:12px;line-height:17px;}
  .mkt-crypto-tools{flex-basis:82px;height:34px;gap:4px;padding:0 12px 0 9px;}
  .mkt-crypto-tools::before{top:8px;height:18px;}
  .mkt-crypto-quote{gap:5px;font-size:12px;line-height:17px;}
  .mkt-crypto-list-tool{width:20px;}
  .mkt-crypto-list-tool svg{width:18px;height:18px;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-colhead{
    padding:10px 14px 7px 12px!important;
    font-size:12px!important;
  }
  .markets .mkt-panel[data-cat="crypto"] .mkt-colhead .c-price{margin-right:7px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-colhead .c-chg{flex-basis:65px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-row{
    min-height:49px!important;
    padding:5px 12px!important;
    gap:6px!important;
  }
  .markets .mkt-panel[data-cat="crypto"] .mkt-ico{width:20px!important;height:20px!important;flex-basis:20px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-sym{font-size:15px!important;line-height:18px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-q{font-size:11px!important;line-height:18px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-sub{font-size:11px!important;line-height:15px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-px{margin-right:3px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-px .p1{font-size:15px!important;line-height:18px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-px .p2{font-size:11px!important;line-height:14px!important;}
  .markets .mkt-panel[data-cat="crypto"] .mkt-chg{
    flex-basis:63px!important;
    width:63px!important;
    height:27px!important;
    min-height:27px!important;
    font-size:12px!important;
  }
}

/* v243: keep text optically centered in fields and buttons */
.auth-input,
.cp-search input,
.support-input-wrap input,
.mkt-search input,
.trd-pair-search input,
.trade .trd-pair-search input,
.trd-input-row input,
.trade .trd-input-row input,
.trade .trd-tpsl-input label input{
  height:24px!important;
  min-height:24px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:24px!important;
  align-self:center!important;
}

/* v246: Order Type sheet slides only; backdrop fades and bottom is not clipped */
.trade .trd-order-type-sheet{
  position:fixed!important;
  inset:0!important;
  left:50%!important;
  right:auto!important;
  width:100%!important;
  max-width:480px!important;
  margin:0!important;
  z-index:70!important;
  background:transparent!important;
  opacity:1!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  transition:visibility 0s linear .34s!important;
}
.trade .trd-order-type-sheet::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.52);
  opacity:0;
  transition:opacity .24s ease;
}
.trade .trd-order-type-sheet.open{
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
  transition:visibility 0s linear 0s!important;
}
.trade .trd-order-type-sheet.closing{
  visibility:visible!important;
  pointer-events:none!important;
}
.trade .trd-order-type-sheet.open::before{
  opacity:1;
}
.trade .trd-order-type-card{
  z-index:1!important;
  min-height:0!important;
  max-height:calc(100dvh - 84px)!important;
  padding:31px 18px calc(72px + env(safe-area-inset-bottom))!important;
  transform:translate3d(0,calc(100% + 18px),0)!important;
  transition:transform .34s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-order-type-sheet.open .trd-order-type-card{
  transform:translate3d(0,0,0)!important;
}
.trade .trd-order-type-list{
  padding-bottom:2px!important;
}

/* v245: compact Account Info and remove social logo clutter */
.account-head{
  min-height:50px!important;
  padding:calc(9px + env(safe-area-inset-top)) 18px 7px!important;
}
.account-title{
  font-size:17px!important;
  line-height:22px!important;
  font-weight:600!important;
}
.account-back,
.account-tool{
  width:30px!important;
  height:30px!important;
}
.account-scroll{
  padding:8px 18px 22px!important;
}
.account-card{
  margin:0 0 21px!important;
  padding:18px 14px 16px!important;
  border-radius:12px!important;
}
.account-badge{
  padding:5px 10px!important;
  border-bottom-left-radius:8px!important;
  font-size:10px!important;
  line-height:13px!important;
}
.account-main{
  gap:12px!important;
  margin-bottom:22px!important;
}
.account-avatar{
  width:48px!important;
  height:48px!important;
  flex-basis:48px!important;
}
.account-main h2{
  font-size:18px!important;
  line-height:22px!important;
  font-weight:600!important;
}
.account-row,
.account-row + .account-row{
  grid-template-columns:1fr minmax(0,1.15fr) 20px!important;
  min-height:31px!important;
  gap:6px!important;
  margin-top:4px!important;
}
.account-row:first-of-type{
  margin-top:0!important;
}
.account-row span,
.account-row b{
  font-size:14px!important;
  line-height:19px!important;
}
.account-row button{
  width:20px!important;
  height:20px!important;
}
.account-row button img{
  width:17px!important;
  height:17px!important;
}
.account-row button.copied{
  filter:brightness(1.45)!important;
}
.account-list-row{
  height:56px!important;
  grid-template-columns:28px minmax(0,1fr) auto 16px!important;
  gap:9px!important;
}
.account-list-icon{
  width:25px!important;
  height:25px!important;
}
.account-list-icon img{
  width:23px!important;
  height:23px!important;
}
.account-list-row b{
  font-size:17px!important;
  line-height:22px!important;
  font-weight:500!important;
}
.account-list-row em{
  font-size:14px!important;
  line-height:20px!important;
}
.account-list-row i::before{
  font-size:24px!important;
}
.account-social-icons{
  display:block!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  gap:0!important;
  overflow:hidden!important;
}
.account-social-icons img,
.account-social-icons img.account-social-x{
  display:none!important;
}
.account-bottom{
  padding:10px 18px calc(20px + env(safe-area-inset-bottom))!important;
}
.account-logout{
  height:49px!important;
  border-radius:8px!important;
  font-size:15px!important;
  line-height:1.1!important;
}
.as-btn,
.acoin-btn,
.wl-login,
.account-logout,
.trd-submit,
.trd-step,
.trd-input-row button,
.trade .trd-submit,
.trade .trd-step,
.trade .trd-input-row button,
.trade .trd-tpsl-input > button,
.auth-submit,
.auth-add-funds{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.1!important;
}
.trd-field,
.trade .trd-field{
  display:flex!important;
  align-items:center!important;
  line-height:1.1!important;
}
.trd-input-row label,
.trade .trd-input-row label,
.trade .trd-tpsl-input label{
  justify-content:center!important;
}

/* v244: override older specific Trade input alignment */
.trade .trd-input-row:not(.single):not(.trd-tpsl-input) label input,
.trade .trd-input-row.single label input,
.trade .trd-tpsl-input label input{
  height:24px!important;
  min-height:24px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:24px!important;
  align-self:center!important;
}

/* v213: keep active full-screen pages on a crisp text layer */
.markets.open,
.assets.open,
.trade.open{
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
}
.assets.open *,
.trade.open *,
.trade .trd-scroll,
.trade .trd-grid,
.trade .trd-form,
.trade .trd-book,
.trade .trd-order-tabs,
.trade .trd-copy-top{
  filter:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
}
.assets.open,
.assets.open *,
.trade.open,
.trade.open *{
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.trade .trd-pair-sheet.open .trd-pair-card,
.trade .trd-order-type-sheet.open .trd-order-type-card{
  transform:none!important;
  will-change:auto!important;
}

/* v214: Scan to Pay top spacing tightened */
.bb-scanner-head{
  height:88px!important;
  padding-top:calc(54px + env(safe-area-inset-top))!important;
}
.bb-scanner-title{
  top:calc(76px + env(safe-area-inset-top))!important;
}
.bb-scanner-back{
  top:calc(63px + env(safe-area-inset-top))!important;
}
.bb-scanner-stage{
  margin-top:48px!important;
}
@media (max-height:740px){
  .bb-scanner-head{
    height:78px!important;
    padding-top:calc(45px + env(safe-area-inset-top))!important;
  }
  .bb-scanner-title{
    top:calc(66px + env(safe-area-inset-top))!important;
  }
  .bb-scanner-back{
    top:calc(53px + env(safe-area-inset-top))!important;
  }
  .bb-scanner-stage{
    margin-top:34px!important;
  }
}

/* v215: header QR icon matches the chat icon size */
.header .hicon.ic-scan{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
  object-fit:contain!important;
}

/* v224: top-left menu slides in from the right and closes back to the right */
.welcome,
.services{
  transform:translate3d(100%,0,0)!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:transform .42s cubic-bezier(.22,.72,0,1),visibility 0s linear .42s!important;
  will-change:transform!important;
}
.welcome.open,
.services.open{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition-delay:0s!important;
}

/* v231: profile menu opens from the left and closes back to the left */
.welcome{
  transform:translate3d(-100%,0,0)!important;
}
.welcome.open{
  transform:translate3d(0,0,0)!important;
}

/* v240: compact Trade Favorites panel and match CTA to Withdraw */
.trade .trd-pair-sheet .trd-sheet-tabs{
  gap:18px!important;
  padding:0 16px!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button{
  height:38px!important;
  line-height:38px!important;
  font-size:15px!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button.active{
  font-weight:600!important;
}
.trade .trd-fav-panel{
  padding-top:0!important;
}
.trade .trd-fav-subtabs{
  min-height:35px!important;
  height:35px!important;
  gap:18px!important;
  padding:0 20px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:19px!important;
  box-sizing:border-box!important;
}
.trade .trd-fav-subtabs button{
  height:35px!important;
  padding:0!important;
  font-size:15px!important;
  line-height:35px!important;
  font-weight:500!important;
}
.trade .trd-fav-subtabs button.active{
  font-weight:600!important;
}
.trade .trd-fav-subtabs button.active::after{
  height:2px!important;
  bottom:0!important;
}
.trade .trd-fav-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 12px!important;
  margin:14px 20px 0!important;
}
.trade .trd-fav-card{
  min-height:58px!important;
  height:58px!important;
  border-radius:8px!important;
  padding:10px 12px!important;
  grid-template-columns:minmax(0,1fr) 19px!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.trade .trd-fav-card span{
  gap:2px!important;
}
.trade .trd-fav-card b{
  font-size:15px!important;
  line-height:18px!important;
  font-weight:600!important;
}
.trade .trd-fav-card b em{
  font-size:10px!important;
  line-height:13px!important;
  font-weight:400!important;
}
.trade .trd-fav-card i{
  font-size:12px!important;
  line-height:15px!important;
  font-weight:400!important;
}
.trade .trd-fav-card strong{
  width:18px!important;
  height:18px!important;
  border-radius:4px!important;
}
.trade .trd-fav-card strong::after{
  left:5px!important;
  top:2px!important;
  width:5px!important;
  height:9px!important;
  border-width:0 2px 2px 0!important;
}
.trade .trd-add-favorites{
  width:calc(100% - 44px)!important;
  height:44px!important;
  margin:22px 22px 0!important;
  border:none!important;
  border-radius:8px!important;
  background:#fcd434!important;
  color:#1f2630!important;
  font-family:'Plex'!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}

/* v247: project-wide optical centering for field text and button labels */
.auth-field,
.auth-select,
.cp-search,
.mkt-search,
.support-input-wrap,
.trd-field,
.trade .trd-field,
.trd-input-row,
.trade .trd-input-row,
.trd-total,
.trade .trd-total,
.trd-pair-search,
.trade .trd-pair-search,
.account-list-row{
  box-sizing:border-box!important;
  align-items:center!important;
}

/* v633: the Favorites mode switch must stay above the Trade form. Without
   this layer, taps on Holdings could land on the Total field underneath the
   bottom sheet and leave the regular Favorites rows visible. */
.trade .trd-pair-sheet .trd-fav-panel > .trd-fav-subtabs{
  position:relative!important;
  z-index:6!important;
  width:100%!important;
  min-height:41px!important;
  margin:0!important;
  padding:0 15px!important;
  box-sizing:border-box!important;
  background:#1f2630!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.trade .trd-pair-sheet{
  z-index:120!important;
}
body:has(.trade .trd-pair-sheet.open) > .nav,
body:has(.trade .trd-pair-sheet.open) .nav{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.trade .trd-pair-sheet .trd-pair-card{
  isolation:isolate!important;
}
.trade .trd-pair-sheet .trd-fav-panel > .trd-fav-subtabs button{
  position:relative!important;
  z-index:1!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.trade .trd-pair-sheet .trd-fav-panel:not([data-favorite-mode="futures"]) > .trd-favorite-futures-products,
.trade .trd-pair-sheet .trd-favorite-futures-products[hidden]{
  display:none!important;
}
.auth-input,
.auth-select .sel-text,
.cp-search input,
#cpSearch,
.mkt-search input,
.support-input-wrap input,
.trd-pair-search input,
.trade .trd-pair-search input,
.trd-input-row input,
.trade .trd-input-row input,
.trade .trd-tpsl-input label input{
  box-sizing:border-box!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:24px!important;
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.trd-input-row label,
.trade .trd-input-row label,
.trade .trd-tpsl-input label{
  align-items:center!important;
  justify-content:center!important;
}
.trd-input-row label span,
.trade .trd-input-row label span,
.trade .trd-tpsl-input label span,
.trd-field b,
.trd-field span,
.trade .trd-field b,
.trade .trd-field span,
.trd-total,
.trade .trd-total,
.account-list-row b,
.account-list-row em,
.account-row span,
.account-row b{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transform:none!important;
}

.trd-input-row:not(.single):not(.trd-tpsl-input) label input,
.trade .trd-input-row:not(.single):not(.trd-tpsl-input) label input{
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  line-height:22px!important;
}
.as-btn,
.acoin-btn,
.wl-login,
.wl-more,
.wl-lite,
.account-logout,
.support-tools button,
.support-quick button,
#supportSend,
.trd-submit,
.trade .trd-submit,
.trd-step,
.trade .trd-step,
.trd-input-row button,
.trade .trd-input-row button,
.trade .trd-tpsl-input > button,
.trade .trd-add-favorites,
.auth-submit,
.auth-continue,
.auth-add-funds{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1.1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* v252: main header QR icon height */
.header > .hgroup > .hicon.ic-scan{
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  height:29px!important;
  flex-basis:29px!important;
  object-fit:contain!important;
}

/* v255: final audit pass for remaining page controls */
.auth-modal-later,
.toggle .seg,
.as-btn,
.acoin-btn,
.wl-login,
.wl-more,
.wl-lite,
.wl-head-icon,
.wl-back,
.sv-back,
.account-logout,
.account-row button,
.support-back,
.support-power,
.support-attach,
.support-plus,
.support-tools button,
.support-quick button,
#supportSend,
.bb-scan-action,
.bb-scanner-back,
.cn-buy,
.cn-sell,
.trd-submit,
.trade .trd-submit,
.trd-step,
.trade .trd-step,
.trd-input-row button,
.trade .trd-input-row button,
.trade .trd-tpsl-input > button,
.trade .trd-sheet-tabs button,
.trade .trd-main-tabs button,
.trade .trd-sheet-cats button,
.trade .trd-sheet-quotes button,
.trade .trd-futures-row button,
.trade .trd-fav-subtabs button,
.trade .trd-add-favorites{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1.1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.auth-input,
.auth-select .sel-text,
.cp-search input,
#cpSearch,
.mkt-search input,
.support-input-wrap input,
.trd-pair-search input,
.trade .trd-pair-search input,
.trd-input-row input,
.trade .trd-input-row input,
.trade .trd-tpsl-input label input{
  display:block!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  line-height:24px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:center!important;
  transform:translateY(-1px)!important;
}
.trade .trd-pair-option,
.trade .trd-fav-card,
.account-list-row,
.account-row,
.mkt-row,
.home-asset-row,
.auth-market-row{
  box-sizing:border-box!important;
  align-items:center!important;
}
.trade .trd-pair-option b,
.trade .trd-pair-option b em,
.trade .trd-pair-option small,
.trade .trd-pair-option strong,
.trade .trd-pair-option i,
.trade .trd-fav-card b,
.trade .trd-fav-card b em,
.trade .trd-fav-card i,
.account-row span,
.account-row b,
.account-list-row b,
.account-list-row em{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.header .hgroup,
.support-head,
.account-head,
.wl-head,
.sv-head,
.trd-head,
.cn-head,
.bb-scanner-head{
  align-items:center!important;
}
.header .hicon,
.header .hicon.ic-chat,
.header .hicon.ic-scan,
.support-history-label img,
.support-back img,
.support-power img,
.support-attach img,
.support-plus img,
#supportSend img,
.account-row button img,
.wl-head-icon img,
.wl-back img,
.sv-back img{
  display:block!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:none!important;
}
.cp-list,
.pp-body,
.mkt-cats,
.mkt-panel,
.mkt-subrow,
.mkt-quotes,
.as-body,
.as-spot-tabs,
.cn-scroll,
.cn-tabs,
.cn-vol,
.cn-ind,
.cn-ob-tabs,
.wl-scroll,
.sv-body,
.sv-tabs,
.account-scroll,
.support-body,
.support-quick,
.trd-scroll,
.trd-main-tabs,
.trade .trd-pair-card,
.trade .trd-sheet-tabs,
.trade .trd-sheet-cats,
.trade .trd-sheet-quotes,
.trade .trd-sheet-panel{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.cp-list::-webkit-scrollbar,
.pp-body::-webkit-scrollbar,
.mkt-cats::-webkit-scrollbar,
.mkt-panel::-webkit-scrollbar,
.mkt-subrow::-webkit-scrollbar,
.mkt-quotes::-webkit-scrollbar,
.as-body::-webkit-scrollbar,
.as-spot-tabs::-webkit-scrollbar,
.cn-scroll::-webkit-scrollbar,
.cn-tabs::-webkit-scrollbar,
.cn-vol::-webkit-scrollbar,
.cn-ind::-webkit-scrollbar,
.cn-ob-tabs::-webkit-scrollbar,
.wl-scroll::-webkit-scrollbar,
.sv-body::-webkit-scrollbar,
.sv-tabs::-webkit-scrollbar,
.account-scroll::-webkit-scrollbar,
.support-body::-webkit-scrollbar,
.support-quick::-webkit-scrollbar,
.trd-scroll::-webkit-scrollbar,
.trd-main-tabs::-webkit-scrollbar,
.trade .trd-pair-card::-webkit-scrollbar,
.trade .trd-sheet-tabs::-webkit-scrollbar,
.trade .trd-sheet-cats::-webkit-scrollbar,
.trade .trd-sheet-quotes::-webkit-scrollbar,
.trade .trd-sheet-panel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* v257: authenticated home header, approximate USD balance and quick services */
.header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}
.header .hgroup{gap:14px!important;min-width:0;}
.header .hgroup-left{justify-content:flex-start!important;}
.header .hgroup-right{justify-content:flex-end!important;}
.header-action,
.header .home-chat-wrap{
  position:relative;
  width:25px!important;
  min-width:25px!important;
  max-width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  cursor:pointer;
}
.header .hicon.ic-burger{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:18px!important;
  flex-basis:22px!important;
}
.header .hicon.ic-chat{
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:22px!important;
  flex-basis:23px!important;
}
.header .hicon.ic-support{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
}
.header .hicon.ic-earn{
  width:25px!important;
  min-width:25px!important;
  max-width:25px!important;
  height:25px!important;
  flex-basis:25px!important;
}
.header .header-support .support-badge{
  right:-8px!important;
  top:-7px!important;
}
.header .header-notification .notification-badge{
  position:absolute;
  top:-9px;
  right:-13px;
  min-width:20px;
  height:14px;
  padding:0 3px;
  border:2px solid #1E2631;
  border-radius:7px;
  background:#F0B90B;
  color:#1E2631;
  font-size:8px;
  font-weight:700;
  line-height:10px;
  text-align:center;
  box-sizing:border-box;
}
.header .header-notification .notification-badge[hidden]{
  display:none!important;
}
.auth-balance-approx{
  margin-top:1px;
  color:#959ca6;
  font-size:13px;
  line-height:18px;
  font-weight:400;
  white-space:nowrap;
}
.auth-pnl{margin-top:2px!important;}
.auth-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin:8px 0 17px;
}
.auth-shortcut{
  min-width:0;
  border:0;
  background:transparent;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  color:#EAEEF3;
  font-family:'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.auth-shortcut-icon{
  width:48px;
  height:48px;
  border-radius:11px;
  background:#29313E;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.auth-shortcut-icon img{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  image-rendering:auto;
}
.auth-shortcut-label{
  margin-top:8px;
  max-width:100%;
  min-height:16px;
  font-size:13px;
  line-height:16px;
  font-weight:400;
  color:#EAEEF3;
  white-space:nowrap;
  text-align:center;
}
@media(max-width:360px){
  .header{column-gap:6px!important;}
  .header .hgroup{gap:10px!important;}
  .auth-shortcut-label{font-size:11px;}
}

/* v259: keep every yellow auth text link identical to the thin login links */
.auth-sheet .auth-gold{
  color:#fcd434;
  font-weight:400;
}

/* v267: release settled pages from compositor layers so text and SVG stay crisp */
.welcome.open,
.services.open,
.account-info.open,
.coin.open,
#supportChat.support-chat.open,
.auth-backdrop.open .auth-sheet,
.country-picker.open,
.privacy-portal.open{
  transform:none!important;
  will-change:auto!important;
  filter:none!important;
  opacity:1!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
}
.welcome.open,
.welcome.open *,
.services.open,
.services.open *,
.account-info.open,
.account-info.open *,
.coin.open,
.coin.open *,
#supportChat.support-chat.open,
#supportChat.support-chat.open *,
.auth-backdrop.open .auth-sheet,
.auth-backdrop.open .auth-sheet *{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Auth wizard keeps its slide, but uses layout positioning instead of a GPU texture. */
.auth-track{
  position:relative;
  left:calc(var(--step, 0) * -100%);
  transform:none!important;
  transition:left .38s cubic-bezier(.32,.72,0,1)!important;
  will-change:auto!important;
  filter:none!important;
}
#authSheet .auth-input,
#authSheet .auth-select .sel-text,
#authSheet #cpSearch{
  position:relative;
  top:-1px;
  transform:none!important;
}
.auth-eye .eye-off,
.auth-field.pw-shown .auth-eye .eye-on{
  transform:none!important;
}

/* Markets category swipe uses left instead of a persistent transformed track. */
.markets .mkt-track{
  position:relative!important;
  left:var(--mkt-track-x, 0px)!important;
  transform:none!important;
  transition:left .48s cubic-bezier(.25,.8,.25,1);
  will-change:auto!important;
}

/* The centered Order Type sheet no longer needs translateX(-50%). */
.trade .trd-order-type-sheet{
  left:0!important;
  right:0!important;
  margin:0 auto!important;
  transform:none!important;
  will-change:auto!important;
}

/* v261: reserve the right price axis and make it the only vertical-scale handle */
.cn-chart{--cn-axis-w:13.333333%;}
.cn-y-axis-hit{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:var(--cn-axis-w);
  z-index:3;
  cursor:ns-resize;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}

/* v262: guest home CTA and compact market table */
body[data-auth="0"] .bonus > .regbtn{
  display:inline-flex!important;
  width:140px!important;
  max-width:calc(100% - 32px)!important;
  height:40px!important;
  margin:22px 0 75px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
body[data-auth="0"] .bonus > .regbtn span{white-space:nowrap!important;}
body[data-auth="0"] .guest-market-card{
  margin:0 16px 118px!important;
  padding:15px 14px 8px!important;
  background:#27313d!important;
  border:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
body[data-auth="0"] .guest-market-card .auth-market-tabs{
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body[data-auth="0"] .guest-market-card .auth-market-tabs span{
  font-size:15px!important;
  line-height:20px!important;
  padding-bottom:0!important;
  font-weight:400!important;
}
body[data-auth="0"] .guest-market-card .auth-market-tabs span.active{
  color:#EAEEF3!important;
  font-weight:600!important;
}
body[data-auth="0"] .guest-market-card .auth-market-tabs span.active::after{
  display:none!important;
}
body[data-auth="0"] .guest-market-card .auth-market-tabs svg{
  margin:0 0 0 auto!important;
}
body[data-auth="0"] .guest-market-card .auth-market-subtabs{
  display:flex!important;
  gap:22px!important;
  margin-top:10px!important;
}
body[data-auth="0"] .guest-market-card .auth-market-subtabs span{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#959ca6!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400!important;
}
body[data-auth="0"] .guest-market-card .auth-market-subtabs span.active{
  background:transparent!important;
  color:#EAEEF3!important;
  font-weight:500!important;
}
body[data-auth="0"] .guest-market-card .auth-market-head{
  padding:12px 0 8px!important;
}
@media(max-width:380px){
  body[data-auth="0"] .guest-market-card .auth-market-tabs{gap:13px!important;}
  body[data-auth="0"] .guest-market-card .auth-market-tabs span{font-size:14px!important;}
}

/* v269: current Assets overview — tabs, inline chart, actions and allocation cards */
.assets{
  background:#1E2631!important;
}
.assets .as-body{
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  background:#1E2631!important;
}
body.assets-page-open .nav,
body:has(.assets.open) .nav{
  padding-bottom:calc(50px + env(safe-area-inset-bottom))!important;
}
.assets .as-top{
  position:sticky;
  top:0;
  z-index:7;
  display:flex!important;
  align-items:center;
  gap:20px!important;
  min-height:48px;
  padding:calc(12px + env(safe-area-inset-top)) 16px 11px!important;
  border-bottom:1px solid #252E39;
  background:#1E2631;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.assets .as-top::-webkit-scrollbar{display:none;}
.assets .as-top-tab{
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:0;
  color:#9299A5;
  font-family:'Plex',system-ui,sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:24px;
  white-space:nowrap;
  cursor:pointer;
}
.assets .as-top-tab.active{
  color:#F3F6FA;
  font-weight:600;
}
.assets .as-page{padding-bottom:1px;}
.assets .as-balance{
  position:relative;
  min-height:169px;
  padding:18px 16px 0!important;
  border-top:0!important;
  box-sizing:border-box;
}
.assets .as-head-row{min-height:25px;}
.assets .as-bal-label{
  gap:5px!important;
  color:#E6EAF0!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400;
}
.assets .as-balance-eye,
.assets .as-head-tool{
  width:24px;
  height:24px;
  border:0;
  background:transparent;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8D96A3;
  cursor:pointer;
}
.assets .as-balance-eye{transform:none!important;}
.assets .as-balance-eye svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-head-ico{gap:0!important;}
.assets .as-head-tool{
  width:24px;
  height:24px;
  color:#E4E9EF;
}
.assets .as-head-tool svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-bal-val{
  gap:7px!important;
  margin-top:6px!important;
  color:#F3F6FA!important;
  font-size:34px!important;
  line-height:40px!important;
  letter-spacing:.1px!important;
}
.assets .as-amount{font-weight:500!important;}
.assets .as-balance-unit{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#E5EAF0;
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
.assets .as-balance-unit .tri{
  border-left-width:4px;
  border-right-width:4px;
  border-top-width:5px;
}
.assets .as-balance-approx{
  margin-top:0;
  color:#929AA6;
  font-size:13px;
  line-height:19px;
  font-weight:400;
}
.assets .as-pnl-row{
  position:relative;
  min-height:55px;
  margin-top:6px;
  display:flex;
  align-items:flex-start;
}
.assets .as-pnl{
  max-width:calc(100% - 102px);
  min-height:20px!important;
  margin-top:0!important;
  gap:4px!important;
  color:#949DA9!important;
  font-size:13px!important;
  line-height:18px!important;
  white-space:nowrap;
}
.assets .as-pnl-label,
.assets .as-pnl .grn,
.assets .as-pnl .red{
  height:18px!important;
  line-height:18px!important;
}
.assets .as-pnl-label{color:#E8ECF2!important;}
.assets .as-chev{
  width:12px!important;
  height:18px!important;
  flex-basis:12px!important;
  background:none!important;
  position:relative;
}
.assets .as-chev::after{
  content:"";
  position:absolute;
  left:2px;
  top:5px;
  width:6px;
  height:6px;
  border-top:1.5px solid #929AA6;
  border-right:1.5px solid #929AA6;
  transform:rotate(45deg);
}
.assets .as-mini-chart{
  position:absolute;
  top:-15px;
  right:0;
  width:80px;
  height:48px;
  overflow:visible;
}
.assets .as-mini-chart-line{
  fill:none;
  stroke:#F0B90B;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.assets .as-balance-caret{
  position:absolute;
  left:50%;
  bottom:12px;
  width:8px;
  height:8px;
  border-right:1.5px solid #717B88;
  border-bottom:1.5px solid #717B88;
  transform:translateX(-50%) rotate(45deg);
}
.assets .as-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px!important;
  padding:0 20px!important;
  border-bottom:0!important;
}
.assets .as-btn{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:69px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  color:#EDF1F6!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:400!important;
  white-space:nowrap;
}
.assets .as-btn-icon{
  width:48px;
  height:48px;
  border-radius:12px;
  background:#27313D;
  display:flex;
  align-items:center;
  justify-content:center;
}
.assets .as-btn-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:#EAF0F6;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-btn-icon .as-btn-accent{
  fill:#F0B90B;
  stroke:none;
}
.assets .as-allocation-card,
.assets .as-assets-card,
.assets .as-account-empty-card{
  margin-left:15px;
  margin-right:15px;
  border-radius:10px;
  background:#27313D;
  color:#E8ECF2;
  box-sizing:border-box;
}
.assets .as-allocation-card{
  min-height:59px;
  margin-top:18px;
  padding:12px 12px 11px;
}
.assets .as-card-head{
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#9DA5B1;
  font-size:15px;
  line-height:20px;
  font-weight:400;
}
.assets .as-card-tools{
  display:flex;
  align-items:center;
  gap:10px;
  color:#8C95A2;
}
.assets .as-card-tools svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-card-tools i{
  width:8px;
  height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}
.assets .as-allocation-bar{
  height:8px;
  margin-top:6px;
  display:flex;
  gap:0;
  overflow:hidden;
  border-radius:2px;
  background:#384250;
}
.assets .as-allocation-card.has-split .as-allocation-bar{gap:4px;}
.assets .as-allocation-bar span{display:block;height:100%;min-width:0;}
.assets .as-allocation-crypto{
  flex:0 0 var(--as-crypto-percent,0%);
  background:#2F7DE1;
}
.assets .as-allocation-fiat{
  flex:0 0 var(--as-fiat-percent,0%);
  background:#F3C928;
}
.assets .as-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.assets .as-assets-card{margin-top:17px;padding:15px 12px 0;}
.assets .as-money-card{min-height:126px;}
.assets .as-money-row{
  position:relative;
  min-height:81px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  grid-template-rows:44px 31px;
  column-gap:7px;
  align-items:center;
  margin-top:9px;
}
.assets .as-money-icon{
  grid-row:1;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#2D82E6;
  color:#F6D130;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  font-weight:600;
  transform:translateY(-3px);
}
.assets .as-money-name,
.assets .as-money-value{
  display:flex;
  flex-direction:column;
}
.assets .as-money-name b,
.assets .as-money-value b{
  color:#F0F3F7;
  font-size:15px;
  line-height:19px;
  font-weight:500;
}
.assets .as-money-name em,
.assets .as-money-value em{
  margin-top:1px;
  color:#8F98A5;
  font-size:12px;
  line-height:16px;
  font-style:normal;
  font-weight:400;
}
.assets .as-money-value{text-align:right;align-items:flex-end;}
.assets .as-money-buy{
  grid-column:3;
  grid-row:2;
  justify-self:end;
  width:66px;
  height:27px;
  border:0;
  border-radius:5px;
  background:#303947;
  color:#F0F3F7;
  font-family:'Plex',system-ui,sans-serif;
  font-size:12px;
  line-height:27px;
  font-weight:400;
}
.assets .as-crypto-card{padding-bottom:0;overflow:hidden;}
.assets .as-crypto-list{margin-top:1px;}
.assets .as-crypto-empty{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8F98A5;
  font-size:13px;
}
.assets .as-crypto-empty[hidden]{display:none!important;}
.assets .as-assets-card .acoin{
  min-height:0!important;
  margin:0!important;
  padding:17px 0 14px!important;
  border-bottom:1px solid #313B48!important;
}
.assets .as-assets-card .acoin:last-of-type{border-bottom:0!important;}
.assets .as-assets-card .acoin[hidden]{display:none!important;}
.assets .as-assets-card .acoin-top{
  gap:10px!important;
  align-items:flex-start!important;
}
.assets .as-assets-card .acoin-ic{
  width:27px!important;
  height:27px!important;
  flex-basis:27px!important;
  font-size:12px!important;
}
.assets .as-assets-card .acoin-sym{
  gap:5px!important;
  color:#F0F3F7!important;
  font-size:16px!important;
  line-height:19px!important;
  font-weight:500!important;
}
.assets .as-assets-card .acoin-full{
  margin-top:2px!important;
  color:#8F98A5!important;
  font-size:12px!important;
  line-height:16px!important;
}
.assets .as-assets-card .acoin-px .p1{
  color:#F0F3F7!important;
  font-size:16px!important;
  line-height:19px!important;
  font-weight:500!important;
}
.assets .as-assets-card .acoin-px .p2{
  margin-top:2px!important;
  color:#8F98A5!important;
  font-size:12px!important;
  line-height:16px!important;
}
.assets .as-assets-card .acoin-line{
  margin-top:8px!important;
  padding-left:37px!important;
  font-size:12px!important;
  line-height:16px!important;
}
.assets .as-assets-card .acoin-k,
.assets .as-assets-card .acoin-v{line-height:16px!important;}
.assets .as-assets-card .acoin-btns{
  margin-top:9px!important;
  gap:8px!important;
}
.assets .as-assets-card .acoin-btn{
  min-width:64px!important;
  height:27px!important;
  min-height:27px!important;
  padding:0 12px!important;
  border-radius:5px!important;
  background:#303947!important;
  color:#F0F3F7!important;
  font-size:12px!important;
  line-height:27px!important;
  font-weight:400!important;
}
.assets .as-spot-crypto-card{margin-top:18px;}
.assets .as-account-page{padding-top:18px;}
.assets .as-account-empty-card{
  min-height:128px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.assets .as-account-empty-card b{font-size:17px;font-weight:500;color:#EDF1F6;}
.assets .as-account-empty-card span{font-size:13px;color:#8F98A5;}
@media(max-width:380px){
  .assets .as-top{gap:17px!important;padding-left:14px!important;padding-right:14px!important;}
  .assets .as-top-tab{font-size:16px;}
  .assets .as-balance{padding-left:14px!important;padding-right:14px!important;}
  .assets .as-pnl{max-width:calc(100% - 88px);font-size:11px!important;gap:3px!important;}
  .assets .as-mini-chart{width:80px;}
  .assets .as-actions{padding-left:12px!important;padding-right:12px!important;gap:3px!important;}
  .assets .as-btn{font-size:12px!important;}
  .assets .as-allocation-card,
  .assets .as-assets-card,
  .assets .as-account-empty-card{margin-left:12px;margin-right:12px;}
}

/* v270: authenticated home market type tabs */
body[data-auth="1"] .auth-home .auth-market-card .auth-market-tabs span{
  padding-bottom:0!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-market-tabs svg{
  margin:0 0 0 auto!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-market-subtabs{
  display:flex!important;
  align-items:center;
  gap:22px!important;
  margin-top:10px!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-market-subtabs span{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#959CA6!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-market-subtabs span.active{
  background:transparent!important;
  color:#EAEEF3!important;
  font-weight:500!important;
}
.auth-market-card .auth-market-subtabs span[hidden]{
  display:none!important;
}
.auth-market-card .auth-market-subtabs.is-alpha{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  touch-action:pan-x;
}
.auth-market-card .auth-market-subtabs.is-alpha::-webkit-scrollbar{
  display:none;
}
.auth-market-card .auth-market-subtabs.is-alpha span{
  flex:0 0 auto;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-market-head{
  padding:12px 0 8px!important;
}

/* v275: standalone Markets navigation from the current reference */
.markets .mkt-cats{
  gap:18px!important;
}
.markets .mkt-cat-tab{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:0;
  background:transparent;
  color:#959CA6;
  font-family:'Plex',system-ui,sans-serif;
  font-size:16px!important;
  line-height:22px;
  font-weight:400!important;
  margin:0;
  padding:0 0 11px;
}
.markets .mkt-cat-tab.active{
  color:#EAEEF3;
  font-weight:500!important;
}
.markets .mkt-cat-tab.active::after{
  left:50%!important;
  right:auto!important;
  width:18px!important;
  transform:translateX(-50%);
}
.markets .mkt-cat-tab:focus-visible,
.markets .mkt-sub-t:focus-visible{
  outline:1px solid #FCD434;
  outline-offset:3px;
}
.markets .mkt-sub-t{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  color:#959CA6;
  font-family:'Plex',system-ui,sans-serif;
  font-size:16px!important;
  line-height:22px;
  font-weight:400!important;
  margin:0;
  padding:0;
}
.markets .mkt-sub-t.active{
  color:#EAEEF3;
  font-weight:500!important;
}
.markets .mkt-search input{
  position:relative;
  top:-1px;
  transform:none!important;
}

/* v277: slightly lighter pair-category tabs inside Trade */
.trade .trd-pair-sheet .trd-sheet-tabs button{
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button.active{
  font-weight:500!important;
}

/* v278: support page rebuilt from the current mobile reference */
#supportChat.support-chat{
  background:#1b1e25!important;
  color:#EAEEF3!important;
}
#supportChat .support-head{
  position:relative;
  z-index:3;
  min-height:76px!important;
  padding:calc(8px + env(safe-area-inset-top)) 10px 8px 15px!important;
  gap:10px!important;
  background:#1f2630!important;
  border-bottom:0!important;
  box-sizing:border-box;
}
#supportChat .support-head button{
  border:0;
  background:transparent;
  box-shadow:none;
}
#supportChat .support-back{
  width:28px!important;
  height:32px!important;
  flex:0 0 28px!important;
}
#supportChat .support-back img{
  width:25px!important;
  height:25px!important;
}
#supportChat .support-bot{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:0!important;
  object-fit:contain!important;
}
#supportChat .support-title{
  flex:1;
  min-width:0;
  gap:2px!important;
}
#supportChat .support-title strong{
  color:#EAEEF3;
  font-size:17px!important;
  line-height:21px!important;
  font-weight:500!important;
}
#supportChat .support-title span{
  color:#959CA6;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:400!important;
}
#supportChat .support-head-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
#supportChat .support-head-actions button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:4px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
#supportChat .support-head-actions img{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}
#supportChat .support-collapse img{width:22px;height:22px;}
#supportChat .support-language-menu{
  position:absolute;
  top:calc(62px + env(safe-area-inset-top));
  right:43px;
  z-index:8;
  width:150px;
  padding:5px;
  border:1px solid #3a4350;
  border-radius:10px;
  background:#28313d;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
#supportChat .support-language-menu[hidden]{display:none!important;}
#supportChat .support-language-menu button{
  width:100%;
  min-height:38px;
  padding:0 11px;
  border-radius:7px;
  justify-content:flex-start;
  color:#C9CED6;
  font-family:'Plex',system-ui,sans-serif;
  font-size:14px;
  text-align:left;
}
#supportChat .support-language-menu button[aria-checked="true"]{
  color:#EAEEF3;
  background:#343e4b;
}
#supportChat .support-body{
  position:relative;
  flex:1;
  min-height:0;
  padding:11px 18px 28px!important;
  background:#1b1e25!important;
}
#supportChat .support-history-label{
  width:max-content;
  max-width:100%;
  height:22px;
  margin:0 auto 11px!important;
  padding:0;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px!important;
  color:#959CA6!important;
  font-family:'Plex',system-ui,sans-serif;
  font-size:14px!important;
  line-height:18px;
  font-weight:400;
  cursor:pointer;
}
#supportChat .support-history-label img{
  width:17px!important;
  height:17px!important;
  opacity:1!important;
}
#supportChat .support-messages{gap:14px!important;}
#supportChat .support-bubble{
  max-width:88%!important;
  padding:11px 18px 12px!important;
  border-radius:16px!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400;
}
#supportChat .support-message.admin .support-bubble{
  color:#EAEEF3!important;
  background:#29313e!important;
  border-bottom-left-radius:3px!important;
}
#supportChat .support-message.admin .support-bubble::after{
  border-right-color:#29313e!important;
}
#supportChat .support-message.user .support-bubble{
  border-bottom-right-radius:3px!important;
}
#supportChat .support-message.summary time{display:none!important;}
#supportChat .support-footer{
  position:relative;
  z-index:2;
  padding:9px 16px calc(45px + env(safe-area-inset-bottom))!important;
  background:#1b1e25!important;
  border-top:0!important;
}
#supportChat .support-footer::after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:35px;
  background:#1f2630;
  pointer-events:none;
}
#supportChat .support-compose,
#supportChat .support-attachment-preview{
  position:relative;
  z-index:1;
}
#supportChat .support-compose{
  margin-top:0!important;
  gap:8px!important;
  align-items:center;
}
#supportChat .support-attach{
  width:40px!important;
  height:42px!important;
  flex:0 0 40px!important;
  border-radius:21px!important;
  background:#28313d!important;
}
#supportChat .support-attach img{
  width:23px!important;
  height:23px!important;
}
#supportChat .support-input-wrap{
  flex:1;
  min-width:0;
  height:42px!important;
  padding:0 8px 0 16px!important;
  border-radius:21px!important;
  background:#28303d!important;
  display:flex;
  align-items:center;
}
#supportChat .support-input-wrap input{
  flex:1;
  min-width:0;
  width:auto!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#EAEEF3!important;
  font-size:15px!important;
  line-height:24px!important;
  font-weight:400!important;
  transform:none!important;
  top:0!important;
}
#supportChat .support-input-wrap input::placeholder{
  color:#8e96a2!important;
  opacity:1;
}
#supportChat #supportSend{
  width:31px!important;
  height:34px!important;
  flex:0 0 31px!important;
}
#supportChat #supportSend[hidden]{display:none!important;}
#supportChat #supportSend img{width:23px!important;height:23px!important;}
#supportChat .support-attachment-preview{margin:0 0 8px 48px!important;}
#supportChat .support-attachment-card{background:#29313e!important;}
@media(max-width:380px){
  #supportChat .support-head{padding-left:11px!important;padding-right:7px!important;gap:7px!important;}
  #supportChat .support-bot{width:37px!important;height:37px!important;flex-basis:37px!important;}
  #supportChat .support-title strong{font-size:16px!important;}
  #supportChat .support-head-actions{gap:1px;}
  #supportChat .support-body{padding-left:14px!important;padding-right:14px!important;}
  #supportChat .support-footer{padding-left:12px!important;padding-right:12px!important;}
  #supportChat .support-attach{width:38px!important;flex-basis:38px!important;}
}

/* v280: coin header stats, chart tools and order-book labels */
.coin .cn-pricebar{
  gap:10px;
}
.coin .cn-stats{
  flex:0 0 clamp(160px,38vw,184px);
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
  align-content:initial;
}
.coin .cn-stat{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  column-gap:6px;
  min-height:18px;
}
.coin .cn-stat .k,
.coin .cn-stat .v{
  margin-top:0;
  line-height:18px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.coin .cn-stat .k{
  min-width:0;
  font-size:11px;
}
.coin .cn-stat .v{
  font-size:12px;
  text-align:right;
}
.coin .cn-payments-tags{
  gap:4px!important;
}
.coin .cn-payments-tags .y + .y{
  margin-left:8px;
}
.coin .cn-payments-tags .chev{
  color:var(--yellow);
}
.coin .cn-tf-ic{
  align-items:center;
  line-height:0;
}
.coin .cn-tf-ic .cn-tf-tool{
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  color:#EAEEF3;
  shape-rendering:geometricPrecision;
}
.coin .cn-tf-ic .cn-tf-tool > *{
  stroke:currentColor!important;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.coin .cn-ratio{
  padding-bottom:4px;
}
.coin .cn-ob-head{
  position:relative;
  min-height:21px;
  padding:1px 16px 4px;
}
.coin .cn-ob-head .hb{
  flex:0 0 auto;
  color:#959ca6;
}
.coin .cn-ob-head .ha{
  position:absolute;
  left:50%;
  color:#959ca6;
  transform:translateX(-50%);
}
.coin .cn-ob-head .cn-step{
  margin-left:auto;
}
@media(max-width:380px){
  .coin .cn-pricebar{padding-left:14px;padding-right:14px;gap:8px;}
  .coin .cn-price{font-size:31px;}
  .coin .cn-stats{flex-basis:156px;}
  .coin .cn-stat{column-gap:4px;}
  .coin .cn-stat .k{font-size:10px;}
  .coin .cn-stat .v{font-size:11px;}
  .coin .cn-tf{gap:14px;padding-left:14px;padding-right:14px;}
  .coin .cn-tf-ic{gap:10px;}
}

/* v283: Trade Favorites pair picker rebuilt from the current mobile reference */
body.trade-pair-open .nav{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:20!important;
}
.trade .trd-pair-sheet .trd-pair-card{
  width:100%!important;
  height:calc(100% - 78px)!important;
  min-height:0!important;
  max-height:calc(100% - 78px)!important;
  margin:78px 0 0!important;
  padding:33px 0 calc(18px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
  background:#1f2630!important;
}
.trade .trd-pair-sheet .trd-pair-card::before{
  content:"";
  position:absolute;
  z-index:3;
  top:7px;
  left:50%;
  width:35px;
  height:3px;
  border-radius:3px;
  background:#59616c;
  transform:translateX(-50%);
  pointer-events:none;
}
.trade .trd-pair-sheet .trd-pair-search{
  width:auto!important;
  height:33px!important;
  min-height:33px!important;
  margin:0 15px 8px!important;
  padding:0 13px!important;
  gap:9px!important;
  border-radius:8px!important;
  background:#29313e!important;
  flex:0 0 33px!important;
}
.trade .trd-pair-sheet .trd-pair-search svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
.trade .trd-pair-sheet .trd-pair-search input{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  line-height:20px!important;
  font-size:15px!important;
  font-weight:400!important;
  transform:none!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs{
  min-height:35px!important;
  height:35px!important;
  padding:0 15px!important;
  gap:16px!important;
  border-bottom:1px solid #26303b!important;
  flex:0 0 35px!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button{
  height:35px!important;
  line-height:35px!important;
  font-size:15px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button.active{
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button.active::after{
  height:2px!important;
}
.trade .trd-pair-sheet .trd-fav-panel{
  padding:0!important;
  background:#1f2630!important;
}
.trade .trd-pair-sheet .trd-fav-subtabs{
  width:100%!important;
  min-height:41px!important;
  height:41px!important;
  margin:0!important;
  padding:0 15px!important;
  gap:16px!important;
  box-sizing:border-box!important;
  flex:0 0 41px!important;
}
.trade .trd-pair-sheet .trd-fav-subtabs button{
  height:41px!important;
  line-height:41px!important;
  padding:0!important;
  color:#959ca6!important;
  font-size:15px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-fav-subtabs button.active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-fav-subtabs button::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-sheet-head{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:10px 15px 2px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-sheet-head button{
  font-size:12px!important;
  line-height:18px!important;
}
.trade .trd-pair-sheet .trd-favorite-list{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option,
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.active{
  width:100%!important;
  height:59px!important;
  min-height:59px!important;
  margin:0!important;
  padding:7px 15px!important;
  box-sizing:border-box!important;
  grid-template-columns:20px 25px minmax(0,1fr) minmax(92px,auto)!important;
  grid-template-rows:20px 16px!important;
  grid-template-areas:"star ico name price" "star ico sub change"!important;
  column-gap:7px!important;
  row-gap:0!important;
  align-content:center!important;
  align-items:center!important;
  background:transparent!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.active{
  background:#29313e!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-star{
  width:20px!important;
  height:20px!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-star svg{
  width:20px!important;
  height:20px!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-coin{
  width:25px!important;
  height:25px!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option b{
  gap:4px!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option b mark{
  height:15px!important;
  min-width:0!important;
  padding:0 4px!important;
  border-radius:2px!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option small{
  font-size:12px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option strong{
  font-size:15px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option i{
  font-size:12px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade .trd-pair-sheet .trd-favorite-empty{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
  color:#959ca6;
  font:400 14px/20px 'Plex',system-ui,sans-serif;
  text-align:center;
}
@media(max-width:380px){
  .trade .trd-pair-sheet .trd-sheet-tabs{gap:14px!important;}
  .trade .trd-pair-sheet .trd-sheet-tabs button{font-size:14px!important;}
  .trade .trd-pair-sheet .trd-fav-panel .trd-pair-option,
  .trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.active{
    padding-left:12px!important;
    padding-right:12px!important;
    grid-template-columns:20px 25px minmax(0,1fr) minmax(78px,auto)!important;
  }
}

/* v290: persisted Services shortcut preference */
.auth-shortcuts.shortcuts-disabled{
  display:none!important;
}

/* v291: guest home dock plus flat, sharp market rendering at rest. */
body[data-auth="0"]{
  --guest-feed-h:36px;
  --guest-nav-h:104px;
}
body[data-auth="0"] .guest-feed-tabs{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--guest-nav-h) + env(safe-area-inset-bottom));
  z-index:21;
  width:100%;
  max-width:480px;
  height:var(--guest-feed-h);
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  background:#1f2630;
}
body[data-auth="0"] .guest-feed-tabs::-webkit-scrollbar{display:none;}
body[data-auth="0"] .guest-feed-tabs button{
  flex:0 0 auto;
  height:36px;
  padding:0;
  border:0;
  background:transparent;
  color:#959ca6;
  font:400 14px/20px 'Plex',system-ui,sans-serif;
  cursor:pointer;
}
body[data-auth="0"] .guest-feed-tabs button.active{
  color:#EAEEF3;
  font-weight:500;
}
body[data-auth="0"] .guest-feed-more{
  position:absolute;
  right:5px;
  top:0;
  z-index:22;
  width:22px;
  height:var(--guest-feed-h);
  background:#1f2630;
  pointer-events:none;
}
body[data-auth="0"] .guest-feed-more::before{
  content:"";
  position:absolute;
  left:7px;
  top:15px;
  width:7px;
  height:7px;
  border-left:1.5px solid #959ca6;
  border-top:1.5px solid #959ca6;
  transform:rotate(45deg);
}
body[data-auth="0"] .nav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:auto!important;
  margin:0 auto!important;
  padding:9px 6px calc(50px + env(safe-area-inset-bottom))!important;
  transform:none!important;
  align-items:flex-start;
}

/* v502: reference guest reward artwork and authenticated nav baseline. */
body[data-auth="0"] .voucher{
  width:124px!important;
  height:124px!important;
  margin:32px auto 0!important;
  object-fit:cover!important;
  border-radius:0!important;
  image-rendering:auto!important;
}
body[data-auth="0"] .app{
  padding-bottom:0!important;
}
body[data-auth="0"] .guest-market-card{
  margin-bottom:0!important;
}
body[data-auth="0"] .app-scroll{
  padding-bottom:calc(var(--guest-feed-h) + var(--guest-nav-h) + env(safe-area-inset-bottom) + 8px)!important;
}
body[data-auth="0"]:has(.nav .item[data-section="home"]:not(.active)) .guest-feed-tabs{
  display:none;
}
body[data-auth="0"] .guest-market-card,
body[data-auth="0"] .guest-market-card *,
body[data-auth="0"] .app-scroll{
  filter:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:auto!important;
}
body[data-auth="0"] .guest-market-card .auth-market-track{
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* v295: sheets and moving notices use motion only, never opacity fades. */
.trade .trd-pair-sheet{
  opacity:1!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
}
.trade .trd-pair-sheet.open,
.trade .trd-pair-sheet.closing{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
}
.trade .trd-pair-sheet.open{pointer-events:auto!important;}
.trade .trd-pair-sheet.closing{pointer-events:none!important;}
.trade .trd-pair-sheet .trd-pair-card{
  opacity:1!important;
  filter:none!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-pair-sheet.open .trd-pair-card,
.trade .trd-pair-sheet.closing .trd-pair-card{
  opacity:1!important;
  filter:none!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-pair-sheet:not(.open) .trd-pair-card,
.trade .trd-pair-sheet.closing .trd-pair-card{
  transform:translate3d(0,100%,0)!important;
}
.trade .trd-order-type-sheet,
.trade .trd-order-type-sheet.open,
.trade .trd-order-type-sheet.closing{
  opacity:1!important;
}
.trade .trd-order-type-sheet::before{
  opacity:0!important;
  transition:none!important;
}
.trade .trd-order-type-sheet.open::before,
.trade .trd-order-type-sheet.closing::before{opacity:1!important;}
.trade .trd-order-type-card{
  opacity:1!important;
  filter:none!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-order-type-sheet.open .trd-order-type-card,
.trade .trd-order-type-sheet.closing .trd-order-type-card{
  opacity:1!important;
  filter:none!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-order-type-sheet.closing .trd-order-type-card{
  transform:translate3d(0,calc(100% + 18px),0)!important;
}
.support-toast,
.support-toast.show{
  opacity:1!important;
  transition:transform .24s cubic-bezier(.32,.72,0,1)!important;
}

/* v296: full-resolution Account Info user-switch symbol. */
.account-info .account-tool-img{
  width:27px!important;
  height:27px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}

/* v297: Spot account tabs and three-action layout. */
.assets .as-spot-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px 15px 6px!important;
  overflow-x:auto!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.assets .as-spot-tabs::-webkit-scrollbar{display:none!important;}
.assets .as-spot-tab{
  appearance:none!important;
  flex:0 0 auto!important;
  min-height:28px!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#9DA4AE!important;
  font:400 14px/20px 'Plex',system-ui,sans-serif!important;
  cursor:pointer!important;
}
.assets .as-spot-tab.active{
  background:#29323B!important;
  color:#F3F6FA!important;
  font-weight:500!important;
}
.assets .as-actions.as-actions-three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
@media(max-width:380px){
  .assets .as-spot-tabs{gap:8px!important;padding-left:12px!important;padding-right:12px!important;}
}

/* v298: reference Trade form — compact left-aligned fields and a two-colour active nav icon. */
.trade .trd-grid{
  grid-template-columns:minmax(0,1fr) minmax(132px,.67fr)!important;
  gap:14px!important;
  padding:0 15px 20px!important;
}
.trade .trd-form,
.trade .trd-form *{
  text-rendering:auto!important;
}
.trade .trd-side{
  height:24px!important;
  min-height:24px!important;
  margin-bottom:8px!important;
  border-radius:5px!important;
}
.trade .trd-side button{
  font-size:14px!important;
  line-height:18px!important;
  font-weight:500!important;
}
.trade .trd-side .buy.active{background:#2EBD85!important;}
.trade .trd-field-select{
  position:relative!important;
  height:25px!important;
  min-height:25px!important;
  margin-bottom:9px!important;
  padding:0 11px!important;
  justify-content:flex-start!important;
  border-radius:6px!important;
  background:#29323B!important;
}
.trade .trd-field-select b{
  order:1!important;
  min-width:0!important;
  margin:0 auto 0 0!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-field-select .muted{
  order:2!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  font-size:10px!important;
}
.trade .trd-field-select .tri{
  order:3!important;
  flex:0 0 auto!important;
  margin:0 0 0 22px!important;
}
.trade .trd-field-select::after{
  content:""!important;
  position:absolute!important;
  right:29px!important;
  top:6px!important;
  width:1px!important;
  height:13px!important;
  background:#36404B!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input){
  height:38px!important;
  min-height:38px!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  gap:6px!important;
  margin-bottom:10px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label{
  box-sizing:border-box!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  display:grid!important;
  grid-template-rows:14px 18px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:stretch!important;
  justify-items:start!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:#29323B!important;
  text-align:left!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label span{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:14px!important;
  min-height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  color:#959CA6!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:14px!important;
  font-weight:400!important;
  transform:none!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label input{
  position:static!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:18px!important;
  font-weight:500!important;
  transform:none!important;
}
.trade #tradeForm > .trd-input-row > button:not(.trd-bbo){
  display:none!important;
}
.trade #tradeForm > .trd-input-row .trd-bbo{
  width:58px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#29323B!important;
  color:#EAEFF5!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:500!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input){
  height:36px!important;
  min-height:36px!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:#29323B!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label{
  position:static!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label span{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#959CA6!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
  transform:none!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label input{
  display:none!important;
}
.trade #tradeForm > .trd-slider{
  height:32px!important;
  margin:5px 4px 10px!important;
}
.trade #tradeForm > .trd-total{
  height:36px!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 4px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:#29323B!important;
  color:#959CA6!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
  transform:none!important;
}
.trade #tradeForm > .trd-check{
  width:100%!important;
  height:20px!important;
  min-height:20px!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:8px!important;
  margin:2px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade #tradeForm > .trd-check > span{
  position:relative!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  display:block!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
  border:1.5px solid #737D89!important;
  border-radius:4px!important;
  background:transparent!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.trade #tradeForm > .trd-check > em{
  width:auto!important;
  height:20px!important;
  min-height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font:400 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade #tradeForm > .trd-check > strong{display:none!important;}
.trade #tradeForm > .trd-check.is-active > span{
  border-color:#EAEFF5!important;
  background:#EAEFF5!important;
}
.trade #tradeForm > .trd-check.is-active > span::before{
  content:none!important;
  display:none!important;
}
.trade #tradeForm > .trd-check.is-active > span::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:9px!important;
  display:block!important;
  border:solid #1F2630!important;
  border-width:0 2px 2px 0!important;
  background:transparent!important;
  transform:translate(-50%,-62%) rotate(45deg)!important;
}
.trade #tradeForm > .trd-balance-row{
  min-height:18px!important;
  color:#959CA6!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade #tradeForm > .trd-balance-row b{
  min-width:0!important;
  color:#EAEFF5!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade #tradeForm > .trd-balance-row i{
  width:18px!important;
  height:18px!important;
  font-size:14px!important;
}
.trade #tradeForm > .trd-submit{
  height:36px!important;
  min-height:36px!important;
  margin-top:8px!important;
  border-radius:7px!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.trade #tradeForm > .trd-submit.buy{background:#2EBD85!important;}
.trade .trd-book{
  padding-top:0!important;
}
.trade .trd-margin{
  height:24px!important;
  min-height:24px!important;
  grid-template-columns:auto 30px!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:500!important;
}
.trade .trd-book-head{
  margin:2px 0 3px!important;
  font-size:12px!important;
  line-height:14px!important;
}
.trade .trd-book-head span{
  font-size:12px!important;
  line-height:14px!important;
  font-weight:400!important;
}
.trade .trd-asks div,
.trade .trd-bids div{
  height:20px!important;
  min-height:20px!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-mid{
  margin:4px 0 3px!important;
  font-size:20px!important;
  line-height:23px!important;
  font-weight:600!important;
}
.trade .trd-mid small{
  margin-top:0!important;
  font-size:12px!important;
  line-height:15px!important;
  font-weight:400!important;
}
.trade .trd-book-ratio{
  height:16px!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:16px!important;
}
.trade .trd-book-foot{
  margin-top:5px!important;
}
.trade .trd-book-foot .trd-step{
  height:28px!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:400!important;
}
.nav .item[data-section="trade"].active .nav-ic{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-color:transparent!important;
  background-image:url('../images/nav_trade_active_v298.svg')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:28px 28px!important;
}
@media(max-width:380px){
  .trade .trd-grid{
    grid-template-columns:minmax(0,1fr) minmax(126px,.66fr)!important;
    gap:12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input){
    height:34px!important;
    min-height:34px!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:5px!important;
  }
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label{
    height:34px!important;
    min-height:34px!important;
    grid-template-rows:13px 17px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label span{
    height:13px!important;
    min-height:13px!important;
    font-size:11px!important;
    line-height:13px!important;
  }
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label input{
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    font-size:15px!important;
    line-height:17px!important;
  }
  .trade #tradeForm > .trd-input-row .trd-bbo{
    width:52px!important;
    height:34px!important;
    min-height:34px!important;
    font-size:13px!important;
  }
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input),
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label,
  .trade #tradeForm > .trd-total{
    height:34px!important;
    min-height:34px!important;
  }
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input),
  .trade #tradeForm > .trd-total{padding-left:10px!important;padding-right:10px!important;}
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label span,
  .trade #tradeForm > .trd-total{font-size:13px!important;}
  .trade .trd-asks div,
  .trade .trd-bids div{height:19px!important;min-height:19px!important;font-size:13px!important;}
}

/* v299: Favorites market modes from the reference layout. */
.markets .mkt-panel[data-cat="fav"] .mkt-subrow{
  gap:15px!important;
  padding:10px 15px 4px!important;
}

/* v301: TradFi products and tokenized-asset filters. */
.markets .mkt-panel[data-cat="tradfi"] .mkt-subrow{
  gap:15px!important;
  padding:10px 15px 4px!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-sub-t{
  color:#959CA6!important;
  font:400 15px/20px 'Plex',system-ui,sans-serif!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-sub-t.active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filterbar{
  width:100%;
  height:40px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 15px 5px;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filterbar::-webkit-scrollbar{display:none;}
.markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filter{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  height:24px;
  margin:0;
  padding:0 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#959CA6;
  font:400 13px/18px 'Plex',system-ui,sans-serif;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filter.active{
  background:#29313E;
  color:#EAEEF3;
  font-weight:500;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filter:focus-visible{
  outline:1px solid #FCD434;
  outline-offset:1px;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-colhead{
  padding:12px 17px 8px 15px!important;
  font-size:13px!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-colhead .c-price{margin-right:8px!important;}
.markets .mkt-panel[data-cat="tradfi"] .mkt-colhead .c-chg{flex-basis:78px!important;}
.markets .mkt-panel[data-cat="tradfi"] .mkt-row{
  min-height:59px!important;
  padding:7px 15px!important;
  gap:7px!important;
  box-sizing:border-box;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-ico{
  width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-sym{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-q{
  display:none!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-sub{
  margin-top:0!important;
  font-size:13px!important;
  line-height:17px!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-px{margin-right:4px!important;}
.markets .mkt-panel[data-cat="tradfi"] .mkt-px .p1{
  font-size:17px!important;
  line-height:20px!important;
  font-weight:500!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-px .p2{
  margin-top:0!important;
  font-size:13px!important;
  line-height:16px!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-chg{
  flex:0 0 75px!important;
  width:75px!important;
  height:31px!important;
  min-height:31px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:14px!important;
}
@media(max-width:380px){
  .markets .mkt-panel[data-cat="tradfi"] .mkt-subrow{
    gap:12px!important;
    padding:9px 12px 3px!important;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-sub-t{
    font-size:13px!important;
    line-height:18px!important;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filterbar{
    height:34px;
    gap:7px;
    padding:5px 12px;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-tradfi-filter{
    height:22px;
    padding:0 7px;
    font-size:12px;
    line-height:17px;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-colhead{
    padding:10px 14px 7px 12px!important;
    font-size:12px!important;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-colhead .c-price{margin-right:7px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-colhead .c-chg{flex-basis:65px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-row{
    min-height:49px!important;
    padding:5px 12px!important;
    gap:6px!important;
  }
  .markets .mkt-panel[data-cat="tradfi"] .mkt-ico{width:20px!important;height:20px!important;flex-basis:20px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-sym{font-size:15px!important;line-height:18px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-sub{font-size:11px!important;line-height:15px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-px{margin-right:3px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-px .p1{font-size:15px!important;line-height:18px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-px .p2{font-size:11px!important;line-height:14px!important;}
  .markets .mkt-panel[data-cat="tradfi"] .mkt-chg{
    flex-basis:63px!important;
    width:63px!important;
    height:27px!important;
    min-height:27px!important;
    font-size:12px!important;
  }
}
.markets .mkt-panel[data-cat="fav"] .mkt-sub-t{
  color:#959CA6!important;
  font:400 14px/20px 'Plex',system-ui,sans-serif!important;
}
.markets .mkt-panel[data-cat="fav"] .mkt-sub-t.active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
@media(max-width:380px){
  .markets .mkt-panel[data-cat="fav"] .mkt-subrow{
    gap:12px!important;
    padding:9px 12px 3px!important;
  }
  .markets .mkt-panel[data-cat="fav"] .mkt-sub-t{
    font-size:12px!important;
    line-height:18px!important;
  }
}

/* v303: coin detail reference typography, live 10-minute tone, charts and actions */
#coin.coin{padding-top:8px!important;}
.coin .cn-head{min-height:52px;box-sizing:border-box;gap:10px;padding:7px 15px 5px;}
.coin .cn-pair-stack{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;justify-content:center;}
.coin .cn-pair{display:flex;min-width:0;align-items:center;gap:5px;font:500 18px/22px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.coin .cn-pair #cnPair{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.coin .cn-asset-name{min-width:0;overflow:hidden;color:#959ca6;font:400 12px/16px 'Plex',system-ui,sans-serif;white-space:nowrap;text-overflow:ellipsis;}
.coin .cn-head-r{gap:14px;}
.coin .cn-tabs{gap:19px;padding:5px 15px 0;}
.coin .cn-tab{padding-bottom:9px;font-size:15px;line-height:20px;font-weight:400;}
.coin .cn-tab.active{font-weight:500;}
.coin .cn-pricebar{gap:10px;padding:10px 15px 6px;}
.coin .cn-price{color:#F6FBFF;font-size:28px;line-height:32px;font-weight:500;font-variant-numeric:tabular-nums;transition:none!important;}
.coin .cn-price.cn-price-up{color:#35ba83!important;}
.coin .cn-price.cn-price-down{color:#ff445f!important;}
.coin .cn-price.cn-price-flat{color:#F6FBFF!important;}
.coin .cn-price-sub{margin-top:0;font-size:12px;line-height:16px;}
.coin .cn-tags{gap:4px!important;margin-top:4px!important;font-size:12px;line-height:16px;}
.coin .cn-stats{flex-basis:158px;gap:0;}
.coin .cn-stat{min-height:16px;column-gap:6px;}
.coin .cn-stat .k,.coin .cn-stat .v{line-height:16px;}
.coin .cn-stat .k{font-size:11px;}
.coin .cn-stat .v{font-size:12px;color:#EAEEF3!important;font-weight:500!important;}
.coin .cn-tf{gap:14px;min-height:30px;box-sizing:border-box;padding:5px 15px;}
.coin .cn-tf-label,.coin .cn-tf-t{font-size:13px!important;line-height:18px!important;font-weight:400!important;}
.coin .cn-tf-t.active{font-weight:500!important;}
.coin .cn-tf-ic{gap:14px;}
.coin .cn-tf-ic .cn-tf-tool{width:16px;height:16px;flex-basis:16px;}
.coin .cn-chart{height:312px;}
.coin .cn-ma{top:5px;left:15px;display:flex;gap:9px;max-width:calc(100% - 30px);overflow:hidden;font:400 12px/16px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.coin .cn-ma .cn-ma-7{color:#fcd434;}
.coin .cn-ma .cn-ma-25{color:#df4b9b;}
.coin .cn-ma .cn-ma-99{color:#8f72d8;}
.coin .cn-ma-line{fill:none;stroke-width:1.35!important;stroke-linecap:round;stroke-linejoin:round;opacity:.96;}
.coin .cn-ma-line.cn-ma-7{stroke:#fcd434!important;}
.coin .cn-ma-line.cn-ma-25{stroke:#df4b9b!important;}
.coin .cn-ma-line.cn-ma-99{stroke:#8f72d8!important;}
.coin .cn-last{min-width:58px!important;box-sizing:border-box;padding:3px 6px!important;border:1px solid rgba(234,238,243,.86)!important;border-right:0!important;border-radius:5px 0 0 5px!important;background:#1f2630!important;text-align:center;}
.coin .cn-last b{font-size:12px!important;line-height:13px!important;font-weight:500!important;}
.coin .cn-last em{display:block!important;margin-top:1px;color:#EAEEF3!important;font-size:11px!important;line-height:11px!important;font-weight:400!important;}
.coin .cn-vol{display:none!important;}
.coin .cn-rsi-chart{position:relative;height:86px;overflow:hidden;border-bottom:1px solid #2b3340;background:repeating-linear-gradient(to right,transparent 0,transparent 79px,rgba(149,156,166,.12) 80px),#1f2630;}
.coin .cn-rsi-svg{position:absolute;inset:0;width:100%;height:100%;}
.coin .cn-rsi-guide{stroke:#707986;stroke-width:1;stroke-dasharray:4 4;opacity:.68;}
.coin .cn-rsi-line{fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;}
.coin .cn-rsi-6{stroke:#fcd434;}
.coin .cn-rsi-12{stroke:#df4b9b;}
.coin .cn-rsi-24{stroke:#8f72d8;}
.coin .cn-rsi-label{position:absolute;z-index:2;top:4px;left:15px;display:flex;gap:9px;font:400 11px/15px 'Plex',system-ui,sans-serif;white-space:nowrap;}
.coin .cn-rsi-label span:nth-child(1){color:#fcd434;}
.coin .cn-rsi-label span:nth-child(2){color:#df4b9b;}
.coin .cn-rsi-label span:nth-child(3){color:#8f72d8;}
.coin .cn-rsi-axis{position:absolute;z-index:2;top:12px;right:7px;bottom:10px;display:flex;flex-direction:column;justify-content:space-between;color:#959ca6;font:400 10px/12px 'Plex',system-ui,sans-serif;}
.coin .cn-ind{gap:16px;padding:6px 15px;}
.coin .cn-ind-t{font-size:14px;line-height:20px;font-weight:400;}
.coin .cn-ind-t.active{font-weight:500;}
.coin .cn-ob-tabs{gap:16px;padding:9px 15px 5px;}
.coin .cn-ob-tab{min-height:24px!important;padding:0!important;font-size:14px;line-height:20px;font-weight:400!important;}
.coin .cn-ob-tab.active{padding:0 8px!important;border-radius:5px;font-weight:400!important;}
.coin .cn-ratio{gap:8px;padding:6px 15px 4px;font-size:12px;}
.coin .cn-ratio-bar{height:4px;}
.coin .cn-ob-head{min-height:18px;padding:3px 15px 2px;font-size:12px;}
.coin .cn-bottom{gap:8px;padding:8px 15px calc(12px + env(safe-area-inset-bottom));border-top-color:#2b3340;}
.coin .cn-bottom .cn-bi{appearance:none;width:33px;min-width:33px;flex:0 0 33px;gap:2px;margin:0;padding:0;border:0;background:transparent;color:#EAECEF;font:400 11px/13px 'Plex',system-ui,sans-serif;}
.coin .cn-bottom .cn-bi:focus-visible{outline:2px solid #fcd434;outline-offset:2px;border-radius:4px;}
.coin .cn-bottom-icon{display:block;width:22px;height:22px;overflow:visible;color:currentColor;shape-rendering:geometricPrecision;}
.coin .cn-bottom-icon > :not(.cn-icon-dot){stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;}
.coin .cn-bottom-icon .cn-icon-dot{fill:currentColor;stroke:none;}
.coin .cn-buy,.coin .cn-sell{min-width:0;height:36px;border-radius:7px;color:#F5F7FA;font-size:15px;font-weight:500;filter:none!important;}
.coin .cn-buy{background:#2EBD85;}
.coin .cn-sell{background:#F6465D;}

@media(max-width:380px){
  #coin.coin{padding-top:6px!important;}
  .coin .cn-head{min-height:45px;gap:8px;padding:5px 12px 4px;}
  .coin .cn-pair{font-size:16px;line-height:19px;}
  .coin .cn-asset-name{font-size:10px;line-height:13px;}
  .coin .cn-head-r{gap:11px;}
  .coin .cn-tabs{gap:16px;padding:4px 12px 0;}
  .coin .cn-tab{padding-bottom:7px;font-size:13px;line-height:18px;}
  .coin .cn-pricebar{padding:8px 12px 5px;gap:7px;}
  .coin .cn-price{font-size:24px;line-height:28px;}
  .coin .cn-price-sub,.coin .cn-tags{font-size:11px;line-height:14px;}
  .coin .cn-stats{flex-basis:132px;}
  .coin .cn-stat{min-height:14px;column-gap:4px;}
  .coin .cn-stat .k,.coin .cn-stat .v{line-height:14px;}
  .coin .cn-stat .k{font-size:10px;}
  .coin .cn-stat .v{font-size:11px;}
  .coin .cn-tf{gap:11px;min-height:24px;padding:4px 12px;}
  .coin .cn-tf-label,.coin .cn-tf-t{font-size:11px!important;line-height:15px!important;}
  .coin .cn-tf-ic{gap:10px;}
  .coin .cn-tf-ic .cn-tf-tool{width:14px;height:14px;flex-basis:14px;}
  .coin .cn-chart{height:261px;}
  .coin .cn-ma{top:4px;left:12px;gap:7px;max-width:calc(100% - 24px);font-size:10px;line-height:14px;}
  .coin .cn-rsi-chart{height:72px;}
  .coin .cn-rsi-label{top:3px;left:12px;gap:7px;font-size:9px;line-height:13px;}
  .coin .cn-rsi-axis{right:6px;font-size:9px;line-height:10px;}
  .coin .cn-ind{gap:13px;padding:5px 12px;}
  .coin .cn-ind-t{font-size:12px;line-height:18px;}
  .coin .cn-ob-tabs{gap:13px;padding:8px 12px 4px;}
  .coin .cn-ob-tab{min-height:21px!important;font-size:12px;line-height:17px;}
  .coin .cn-ob-tab.active{padding:0 7px!important;border-radius:4px;}
  .coin .cn-ratio{gap:7px;padding:5px 12px 3px;font-size:11px;}
  .coin .cn-ob-head{padding:2px 12px;font-size:11px;}
  .coin .cn-bottom{gap:7px;padding:7px 12px calc(10px + env(safe-area-inset-bottom));}
  .coin .cn-bottom .cn-bi{width:28px;min-width:28px;flex-basis:28px;font-size:9.5px;line-height:12px;}
  .coin .cn-bottom-icon{width:18px;height:18px;}
  .coin .cn-buy,.coin .cn-sell{height:30px;border-radius:6px;font-size:13px;font-weight:500;}
}

/* v310: Trade Spot execution form, order-book controls and live open orders. */
.trade .trd-candles-svg,
.trade .trd-ellipsis-svg,
.trade .trd-book-grid-svg,
.trade .trd-history-svg,
.trade .trd-order-type-icon,
.trade .trd-order-type-info,
.trade .trd-add-funds svg,
.trade .trd-open-order-card svg{
  display:block;
  flex:none;
  shape-rendering:geometricPrecision;
  filter:none!important;
}
.trade .trd-candles-svg{width:23px;height:23px;}
.trade .trd-ellipsis-svg{width:23px;height:23px;}
.trade .trd-toolset .trd-more i{right:-1px!important;top:-1px!important;}

/* At 430px this resolves to a 231px form + 155px book, matching the reference. */
.trade .trd-grid{
  grid-template-columns:minmax(0,1fr) minmax(132px,.67fr)!important;
  gap:14px!important;
  padding:0 15px 20px!important;
}
.trade .trd-side{
  height:28px!important;
  min-height:28px!important;
  margin-bottom:9px!important;
  border:1px solid #303945!important;
  border-radius:6px!important;
}
.trade .trd-side button{font:500 14px/18px 'Plex',system-ui,sans-serif!important;}
.trade .trd-side .buy.active{background:#2EBD85!important;color:#F5F7FA!important;}
.trade .trd-side .sell.active{background:#F6465D!important;color:#F5F7FA!important;}

.trade .trd-field-select{
  box-sizing:border-box!important;
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 12px!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 9px!important;
  padding:0 11px!important;
  border-radius:7px!important;
  background:#29323B!important;
}
.trade .trd-field-select::after{display:none!important;content:none!important;}
.trade .trd-field-select .muted{
  order:initial!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  justify-self:start!important;
  background:#445061!important;
  font:500 10px/16px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-field-select b{
  order:initial!important;
  min-width:0!important;
  margin:0!important;
  justify-self:center!important;
  color:#EAEFF5!important;
  text-align:center!important;
  font:500 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-field-select .tri{order:initial!important;margin:0!important;justify-self:end!important;}

.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input){
  box-sizing:border-box!important;
  height:39px!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px 6px 52px!important;
  gap:0!important;
  margin:0 0 9px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > button:not(.trd-bbo),
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label{
  height:39px!important;
  min-height:39px!important;
  background:#29323B!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > button:first-child{border-radius:7px 0 0 7px!important;}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > button:nth-of-type(2){border-radius:0 7px 7px 0!important;}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:13px 18px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:start!important;
  margin:0!important;
  padding:0 4px!important;
  border-radius:0!important;
  text-align:left!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label span{
  position:static!important;
  width:100%!important;
  height:13px!important;
  min-height:13px!important;
  margin:0!important;
  color:#959CA6!important;
  text-align:left!important;
  font:400 11px/13px 'Plex',system-ui,sans-serif!important;
}
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label input{
  position:static!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font:500 15px/18px 'Plex',system-ui,sans-serif!important;
  transform:none!important;
}
.trade #tradeForm > .trd-input-row .trd-bbo{
  grid-column:5!important;
  width:52px!important;
  height:39px!important;
  min-height:39px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#29323B!important;
  color:#EAEFF5!important;
  font:500 14px/18px 'Plex',system-ui,sans-serif!important;
}

.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input){
  box-sizing:border-box!important;
  height:39px!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  background:#29323B!important;
  overflow:hidden!important;
}
.trade #tradeForm > .trd-input-row > button:not(.trd-bbo){
  position:relative!important;
  width:28px!important;
  height:39px!important;
  min-height:39px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-rows:13px 18px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  margin:0!important;
  padding:0 2px!important;
  text-align:center!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label span{
  position:static!important;
  width:100%!important;
  height:13px!important;
  min-height:13px!important;
  margin:0!important;
  color:#959CA6!important;
  text-align:center!important;
  font:400 12px/13px 'Plex',system-ui,sans-serif!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label input{
  position:static!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#EAEFF5!important;
  text-align:center!important;
  font:500 15px/18px 'Plex',system-ui,sans-serif!important;
  transform:none!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label:has(input:placeholder-shown){grid-template-rows:1fr!important;}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label:has(input:placeholder-shown) span{height:auto!important;grid-row:1!important;align-self:center!important;font-size:13px!important;line-height:18px!important;}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label:has(input:placeholder-shown):not(:focus-within) input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  display:block!important;
  opacity:0!important;
  cursor:text!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label:has(input:focus){grid-template-rows:13px 18px!important;}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label:has(input:focus) span{
  height:13px!important;
  grid-row:auto!important;
  align-self:center!important;
  font-size:12px!important;
  line-height:13px!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label input:focus{
  position:static!important;
  inset:auto!important;
  height:18px!important;
  max-height:18px!important;
  opacity:1!important;
}

.trade #tradeForm > .trd-slider{height:30px!important;margin:4px 4px 9px!important;outline:0!important;touch-action:none!important;}
.trade #tradeForm > .trd-slider::before{left:8px!important;right:8px!important;top:14px!important;height:1px!important;background:#303945!important;}
.trade #tradeForm > .trd-slider>span.active{
  left:8px!important;
  top:14px!important;
  width:0;
  max-width:calc(100% - 16px)!important;
  height:1px!important;
  border:0!important;
  border-radius:0!important;
  background:#FCD434!important;
  transform:none!important;
}
.trade #tradeForm > .trd-slider>span.active::after{
  content:"";
  position:absolute;
  right:-5px;
  top:-5px;
  width:10px;
  height:10px;
  box-sizing:border-box;
  border:1px solid #EAEFF5;
  background:#1F2630;
  transform:rotate(45deg);
}
.trade #tradeForm > .trd-slider>i{top:9px!important;width:10px!important;height:10px!important;border-color:#303945!important;background:#1F2630!important;}
.trade #tradeForm > .trd-slider>i.active{border-color:#FCD434!important;background:#FCD434!important;}
.trade #tradeForm > .trd-slider:focus-visible>span.active::after{box-shadow:0 0 0 2px #FCD434!important;}
.trade #tradeForm > .trd-total{
  box-sizing:border-box!important;
  height:39px!important;
  min-height:39px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 5px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:#29323B!important;
}
.trade #tradeForm > .trd-total input{
  box-sizing:border-box!important;
  width:100%!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#EAEFF5!important;
  text-align:left!important;
  font:400 14px/22px 'Plex',system-ui,sans-serif!important;
  transform:none!important;
}
.trade #tradeForm > .trd-total input::placeholder{color:#959CA6!important;opacity:1!important;}
.trade .trd-form-error{
  min-height:16px;
  margin:2px 0 3px;
  color:#F6465D;
  font:400 11px/16px 'Plex',system-ui,sans-serif;
}
.trade .trd-form-error[hidden]{display:none!important;}
.trade #tradeForm > .trd-balance-row{min-height:20px!important;font:400 13px/16px 'Plex',system-ui,sans-serif!important;}
.trade #tradeForm > .trd-balance-row b{font:400 13px/16px 'Plex',system-ui,sans-serif!important;}
.trade #tradeForm > .trd-balance-row:first-of-type{grid-template-columns:minmax(0,1fr) auto 20px!important;column-gap:5px!important;}
.trade .trd-add-funds{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#FCD434!important;
}
.trade .trd-add-funds svg{width:18px;height:18px;}
.trade #tradeForm > .trd-submit{height:37px!important;min-height:37px!important;margin-top:8px!important;border-radius:7px!important;font:500 16px/20px 'Plex',system-ui,sans-serif!important;}
.trade #tradeForm > .trd-submit.buy{background:#2EBD85!important;}
.trade #tradeForm > .trd-submit.sell{background:#F6465D!important;}

.trade .trd-margin{height:27px!important;min-height:27px!important;grid-template-columns:auto 30px!important;font:500 12px/16px 'Plex',system-ui,sans-serif!important;}
.trade .trd-margin-toggle{position:relative!important;width:30px!important;height:17px!important;padding:2px!important;border-radius:10px!important;background:#46515E!important;overflow:hidden!important;}
.trade .trd-margin-toggle i{width:13px!important;height:13px!important;margin:0!important;background:#DFE5EE!important;transform:translateX(0)!important;transition:transform .18s cubic-bezier(.2,.8,.2,1)!important;}
.trade .trd-margin-toggle[aria-checked="true"]{background:#FCD434!important;}
.trade .trd-margin-toggle[aria-checked="true"] i{background:#1F2630!important;transform:translateX(13px)!important;}
.trade .trd-book-head{margin:2px 0 3px!important;font:400 12px/14px 'Plex',system-ui,sans-serif!important;}
.trade .trd-asks div,.trade .trd-bids div{height:22px!important;min-height:22px!important;font:400 14px/18px 'Plex',system-ui,sans-serif!important;}
.trade .trd-asks span{color:#F6465D!important;}.trade .trd-bids span{color:#2EBD85!important;}
.trade .trd-mid{margin:4px 0 3px!important;font:600 20px/23px 'Plex',system-ui,sans-serif!important;}
.trade .trd-book-ratio{height:16px!important;margin-top:4px!important;font:400 12px/16px 'Plex',system-ui,sans-serif!important;}
.trade .trd-book-ratio i{height:4px!important;}
.trade .trd-book-foot{position:relative!important;grid-template-columns:minmax(0,1fr) 22px!important;gap:7px!important;margin-top:5px!important;overflow:visible!important;}
.trade .trd-step-wrap{position:relative;min-width:0;}
.trade .trd-book-foot .trd-step{width:100%!important;height:28px!important;margin:0!important;border-radius:6px!important;background:#29323B!important;color:#A2AAB5!important;font:400 13px/17px 'Plex',system-ui,sans-serif!important;}
.trade .trd-book-grid-svg{width:22px;height:22px;align-self:center;justify-self:center;}
.trade .trd-step-menu{
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:calc(100% + 5px);
  box-sizing:border-box;
  padding:4px;
  border:1px solid #36404B;
  border-radius:7px;
  background:#29323B;
  box-shadow:0 6px 18px rgba(0,0,0,.24);
  transform:none;
}
.trade .trd-step-menu[hidden]{display:none!important;}
.trade .trd-step-menu:not([hidden]){display:grid!important;}
.trade .trd-step-menu button{height:32px;padding:0 9px!important;border-radius:4px!important;background:transparent!important;color:#A2AAB5!important;text-align:left!important;font:400 13px/17px 'Plex',system-ui,sans-serif!important;}
.trade .trd-step-menu button.active,.trade .trd-step-menu button[aria-selected="true"]{background:#343E4A!important;color:#F5F7FA!important;}

.trade .trd-order-tabs{gap:18px!important;padding:11px 15px 0!important;}
.trade .trd-order-tabs button{height:38px!important;font:500 16px/21px 'Plex',system-ui,sans-serif!important;}
.trade .trd-order-tabs button span{font:inherit!important;}
.trade .trd-order-tabs button.active::after{height:3px!important;background:#FCD434!important;}
.trade .trd-order-tabs .trd-order-tool{width:27px!important;height:38px!important;}
.trade .trd-history-svg{width:24px;height:24px;}
.trade .trd-order-panel[data-trd-panel="open"]{padding:0!important;}
.trade .trd-open-orders-empty{min-height:80px;}
.trade .trd-open-orders-empty[hidden],.trade .trd-open-orders-list[hidden]{display:none!important;}
.trade .trd-open-orders-list:not([hidden]){display:block!important;}
.trade .trd-order-notice{
  min-height:47px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  gap:8px;
  align-items:start;
  padding:9px 15px 7px;
  border-bottom:1px solid #2B3340;
  color:#959CA6;
  font:400 12px/16px 'Plex',system-ui,sans-serif;
}
.trade .trd-order-notice span{min-width:0;}
.trade .trd-order-notice span>button{height:16px!important;margin:0!important;padding:0!important;background:transparent!important;color:#FCD434!important;font:400 12px/16px 'Plex',system-ui,sans-serif!important;}
.trade .trd-order-notice-close{width:22px!important;height:22px!important;padding:0!important;background:transparent!important;color:#737D89!important;}
.trade .trd-order-notice-close svg{width:18px;height:18px;}
.trade .trd-order-controls{
  min-height:48px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 15px;
  border-bottom:1px solid #303945;
}
.trade .trd-order-controls label{display:flex;align-items:center;gap:9px;color:#EAEFF5;font:400 14px/18px 'Plex',system-ui,sans-serif;}
.trade .trd-order-controls label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.trade .trd-order-controls label span{position:relative;width:16px;height:16px;box-sizing:border-box;border:1.5px solid #737D89;border-radius:3px;}
.trade .trd-order-controls label input:checked+span{border-color:#EAEFF5;background:#EAEFF5;}
.trade .trd-order-controls label input:checked+span::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #1F2630;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);}
.trade .trd-order-controls label em{font-style:normal;}
.trade .trd-order-controls>button,.trade .trd-open-order-action button{
  height:29px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  background:#384250!important;
  color:#EAEFF5!important;
  font:400 13px/17px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-open-order-card{padding:18px 15px 17px;border-bottom:1px solid #303945;color:#EAEFF5;}
.trade .trd-open-order-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;}
.trade .trd-open-order-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0;}
.trade .trd-open-order-head strong{font:500 16px/20px 'Plex',system-ui,sans-serif;}
.trade .trd-order-share,.trade .trd-order-edit{width:20px!important;height:20px!important;padding:0!important;background:transparent!important;color:#959CA6!important;}
.trade .trd-order-share svg,.trade .trd-order-edit svg{width:18px;height:18px;}
.trade .trd-open-order-action{display:flex;align-items:center;gap:8px;}
.trade .trd-open-order-progress{width:34px;min-width:34px;display:grid;grid-template-rows:17px 2px;gap:3px;color:#959CA6;text-align:right;}
.trade .trd-open-order-progress b{font:400 13px/17px 'Plex',system-ui,sans-serif;}
.trade .trd-open-order-progress i{position:relative;width:100%;height:2px;display:block;overflow:hidden;border-radius:2px;background:#3A4450;}
.trade .trd-open-order-progress i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#FCD434;}
.trade .trd-open-order-meta{display:flex;align-items:center;gap:5px;margin-top:3px;color:#959CA6;font:400 12px/16px 'Plex',system-ui,sans-serif;}
.trade .trd-open-order-meta span{color:#F6465D;}
.trade .trd-open-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:#959CA6;font:400 14px/18px 'Plex',system-ui,sans-serif;}
.trade .trd-open-order-row b{display:flex;align-items:center;color:#EAEFF5;font:400 14px/18px 'Plex',system-ui,sans-serif;}
.trade .trd-open-order-row b em{color:#EAEFF5;font-style:normal;}
.trade .trd-chart-link{height:38px!important;min-height:38px!important;padding:0 15px!important;font:500 13px/18px 'Plex',system-ui,sans-serif!important;}

.trade .trd-execution-loader{
  position:absolute;
  z-index:80;
  inset:0;
  align-items:center;
  justify-content:center;
  background:#1F2630;
  filter:none!important;
  backdrop-filter:none!important;
}
.trade .trd-execution-loader[hidden]{display:none!important;}
.trade .trd-execution-loader:not([hidden]),.trade.is-executing .trd-execution-loader{display:flex!important;}
.trade .trd-loader-diamond{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#4D5968;box-shadow:none;transform:rotate(45deg);}
.trade .trd-loader-diamond span{height:14px;display:flex;align-items:center;gap:3px;transform:rotate(-45deg);}
.trade .trd-loader-diamond i{width:4px;height:4px;display:block;border-radius:1px;background:#FCD434;animation:trdLoaderBars .72s ease-in-out infinite;}
.trade .trd-loader-diamond i:nth-child(2){animation-delay:.09s}.trade .trd-loader-diamond i:nth-child(3){animation-delay:.18s}.trade .trd-loader-diamond i:nth-child(4){animation-delay:.27s}
@keyframes trdLoaderBars{0%,100%{transform:scaleY(1)}50%{transform:scaleY(2.5)}}
.trade .trd-order-toast{
  position:absolute;
  z-index:81;
  left:50%;
  top:52%;
  min-width:116px;
  height:43px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:8px;
  background:#4D5968;
  color:#F5F7FA;
  font:400 14px/18px 'Plex',system-ui,sans-serif;
  transform:translate(-50%,-50%);
  filter:none!important;
  backdrop-filter:none!important;
}
.trade .trd-order-toast[hidden]{display:none!important;}
.trade .trd-order-toast.error{background:#4A2B35!important;color:#F5F7FA!important;}
.trade .trd-order-type-icon{width:26px!important;height:26px!important;color:#EAEFF5!important;}
.trade .trd-order-type-info{width:14px!important;height:14px!important;color:#8A94A2!important;}
.trade .trd-order-type-option:disabled{
  cursor:default!important;
  opacity:1!important;
}
.trade .trd-order-type-option:disabled .trd-order-type-icon,
.trade .trd-order-type-option:disabled b{color:#68717D!important;}
.trade .trd-order-type-option:disabled em{color:#626B77!important;}

@media(max-width:380px){
  .trade .trd-grid{grid-template-columns:minmax(0,1fr) minmax(126px,.66fr)!important;gap:12px!important;padding-left:12px!important;padding-right:12px!important;}
  .trade .trd-side{height:24px!important;min-height:24px!important;margin-bottom:8px!important;}
  .trade .trd-side button{font-size:13px!important;line-height:17px!important;}
  .trade .trd-field-select{height:34px!important;min-height:34px!important;margin-bottom:8px!important;padding:0 10px!important;}
  .trade .trd-field-select b{font-size:13px!important;line-height:17px!important;}
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input){height:34px!important;min-height:34px!important;grid-template-columns:26px minmax(0,1fr) 26px 5px 48px!important;margin-bottom:8px!important;}
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input)>button:not(.trd-bbo),
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input)>label,
  .trade #tradeForm > .trd-input-row>button:not(.trd-bbo){height:34px!important;min-height:34px!important;}
  .trade #tradeForm > .trd-input-row>button:not(.trd-bbo){width:26px!important;}
  .trade #tradeForm > .trd-input-row .trd-bbo{width:48px!important;height:34px!important;min-height:34px!important;font-size:13px!important;}
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input){height:34px!important;min-height:34px!important;grid-template-columns:26px minmax(0,1fr) 26px!important;}
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input)>label{height:34px!important;min-height:34px!important;}
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input)>label:has(input:placeholder-shown) span{font-size:12px!important;line-height:17px!important;}
  .trade #tradeForm > .trd-slider{height:27px!important;margin:3px 4px 8px!important;}
  .trade #tradeForm > .trd-total{height:34px!important;min-height:34px!important;margin-bottom:4px!important;padding:0 10px!important;}
  .trade #tradeForm > .trd-total input{font-size:13px!important;line-height:20px!important;}
  .trade #tradeForm > .trd-balance-row{min-height:18px!important;font-size:12px!important;line-height:15px!important;}
  .trade #tradeForm > .trd-balance-row b{font-size:12px!important;line-height:15px!important;}
  .trade #tradeForm > .trd-submit{height:34px!important;min-height:34px!important;font-size:14px!important;line-height:18px!important;}
  .trade .trd-margin{height:24px!important;min-height:24px!important;font-size:11px!important;}
  .trade .trd-book-head span{font-size:11px!important;line-height:13px!important;}
  .trade .trd-asks div,.trade .trd-bids div{height:19px!important;min-height:19px!important;font-size:13px!important;line-height:17px!important;}
  .trade .trd-mid{font-size:18px!important;line-height:21px!important;}
  .trade .trd-mid small{font-size:11px!important;line-height:14px!important;}
  .trade .trd-book-ratio{height:15px!important;font-size:11px!important;line-height:15px!important;}
  .trade .trd-book-foot .trd-step{height:26px!important;font-size:12px!important;}
  .trade .trd-book-grid-svg{width:20px;height:20px;}
  .trade .trd-step-menu button{height:29px;font-size:12px!important;}
  .trade .trd-order-tabs{gap:15px!important;padding:9px 12px 0!important;}
  .trade .trd-order-tabs button{height:34px!important;font-size:14px!important;line-height:19px!important;}
  .trade .trd-order-tabs .trd-order-tool{height:34px!important;width:24px!important;}
  .trade .trd-history-svg{width:22px;height:22px;}
  .trade .trd-open-orders-empty{min-height:68px;}
  .trade .trd-order-notice{min-height:43px;padding:7px 12px 6px;font-size:11px;line-height:15px;}
  .trade .trd-order-controls{min-height:43px;padding:7px 12px;}
  .trade .trd-order-controls label{gap:7px;font-size:12px;line-height:16px;}
  .trade .trd-order-controls>button,.trade .trd-open-order-action button{height:26px!important;padding:0 8px!important;font-size:12px!important;}
  .trade .trd-open-order-card{padding:15px 12px 14px;}
  .trade .trd-open-order-head strong{font-size:15px;line-height:19px;}
  .trade .trd-open-order-meta{font-size:11px;line-height:15px;}
  .trade .trd-open-order-row{margin-top:14px;font-size:12px;line-height:16px;}
  .trade .trd-open-order-row b{font-size:12px;line-height:16px;}
  .trade .trd-chart-link{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:12px!important;}
  .trade .trd-loader-diamond{width:40px;height:40px;border-radius:9px;}
  .trade .trd-order-toast{min-width:108px;height:39px;padding:0 15px;font-size:13px;}
}

/* v316: compact Trade geometry matched to the supplied 589px reference. */
.trade .trd-main-tabs{padding-top:calc(17px + env(safe-area-inset-top))!important;padding-bottom:8px!important;}
.trade .trd-main-tabs button{height:25px!important;font-size:15px!important;line-height:19px!important;}
.trade .trd-pairbar{padding-top:10px!important;}
.trade .trd-pair-btn{font-size:18px!important;line-height:22px!important;}
.trade .trd-pair-change{font-size:11px!important;line-height:14px!important;}
.trade .trd-toolset button{width:22px!important;height:22px!important;}
.trade .trd-candles-svg,.trade .trd-ellipsis-svg{width:18px!important;height:18px!important;}
.trade .trd-side{height:25px!important;min-height:25px!important;margin-bottom:7px!important;}
.trade .trd-side button{font-size:13px!important;line-height:16px!important;}
.trade .trd-field-select{height:27px!important;min-height:27px!important;margin-bottom:7px!important;padding:0 10px!important;}
.trade .trd-field-select b{font-size:13px!important;line-height:16px!important;}
.trade .trd-field-select .muted{width:12px!important;height:12px!important;font-size:9px!important;line-height:12px!important;}
.trade #tradeForm > .trd-slider{height:26px!important;margin-top:2px!important;margin-bottom:7px!important;}
.trade #tradeForm > .trd-total{height:39px!important;min-height:39px!important;margin-bottom:4px!important;}
.trade #tradeForm > .trd-total input{font-size:13px!important;line-height:17px!important;}
.trade #tradeForm > .trd-check{min-height:18px!important;height:18px!important;gap:6px!important;font-size:13px!important;line-height:16px!important;}
.trade #tradeForm > .trd-check>span{width:15px!important;height:15px!important;}
.trade #tradeForm > .trd-balance-row{min-height:18px!important;height:18px!important;font-size:12px!important;line-height:15px!important;}
.trade #tradeForm > .trd-balance-row b{font-size:12px!important;line-height:15px!important;}
.trade .trd-add-funds,.trade .trd-add-funds svg{width:15px!important;height:15px!important;}
.trade #tradeForm > .trd-submit{height:33px!important;min-height:33px!important;margin-top:6px!important;font-size:14px!important;line-height:18px!important;}
.trade .trd-margin{height:23px!important;min-height:23px!important;font-size:11px!important;line-height:14px!important;}
.trade .trd-book-head span{font-size:11px!important;line-height:13px!important;}
.trade .trd-asks div,.trade .trd-bids div{height:20px!important;min-height:20px!important;font-size:12px!important;line-height:15px!important;}
.trade .trd-mid{font-size:18px!important;line-height:21px!important;margin:3px 0 2px!important;}
.trade .trd-mid small{font-size:10px!important;line-height:13px!important;}
.trade .trd-book-ratio{height:12px!important;margin-top:3px!important;font-size:10px!important;line-height:12px!important;}
.trade .trd-book-foot{margin-top:4px!important;}
.trade .trd-book-foot .trd-step{height:20px!important;font-size:11px!important;line-height:14px!important;}
.trade .trd-book-grid-svg{width:18px!important;height:18px!important;}
.trade .trd-order-tabs{padding-top:8px!important;}
.trade .trd-order-tabs button{height:28px!important;font-size:14px!important;line-height:18px!important;}
.trade .trd-order-tabs .trd-order-tool{height:28px!important;width:21px!important;}
.trade .trd-history-svg{width:18px!important;height:18px!important;}

@media(max-width:380px){
  .trade .trd-main-tabs{padding-top:calc(14px + env(safe-area-inset-top))!important;padding-bottom:7px!important;}
  .trade .trd-main-tabs button{height:21px!important;font-size:13px!important;line-height:17px!important;}
  .trade .trd-pairbar{padding-top:8px!important;}
  .trade .trd-pair-btn{font-size:15px!important;line-height:19px!important;}
  .trade .trd-pair-change{font-size:9px!important;line-height:12px!important;}
  .trade .trd-toolset button{width:18px!important;height:18px!important;}.trade .trd-candles-svg,.trade .trd-ellipsis-svg{width:15px!important;height:15px!important;}
  .trade .trd-side{height:21px!important;min-height:21px!important;margin-bottom:6px!important;}.trade .trd-side button{font-size:11px!important;line-height:14px!important;}
  .trade .trd-field-select{height:23px!important;min-height:23px!important;margin-bottom:6px!important;padding:0 8px!important;}.trade .trd-field-select b{font-size:11px!important;line-height:14px!important;}.trade .trd-field-select .muted{width:10px!important;height:10px!important;font-size:8px!important;line-height:10px!important;}
  .trade #tradeForm > .trd-slider{height:22px!important;margin:2px 4px 6px!important;}.trade #tradeForm > .trd-total{height:33px!important;min-height:33px!important;margin-bottom:3px!important;}.trade #tradeForm > .trd-total input{font-size:11px!important;line-height:14px!important;}
  .trade #tradeForm > .trd-check{min-height:15px!important;height:15px!important;gap:5px!important;font-size:11px!important;line-height:14px!important;}.trade #tradeForm > .trd-check>span{width:12px!important;height:12px!important;}
  .trade #tradeForm > .trd-balance-row{min-height:15px!important;height:15px!important;font-size:10px!important;line-height:13px!important;}.trade #tradeForm > .trd-balance-row b{font-size:10px!important;line-height:13px!important;}.trade .trd-add-funds,.trade .trd-add-funds svg{width:13px!important;height:13px!important;}
  .trade #tradeForm > .trd-submit{height:28px!important;min-height:28px!important;margin-top:5px!important;font-size:12px!important;line-height:15px!important;}
  .trade .trd-margin{height:20px!important;min-height:20px!important;font-size:10px!important;line-height:13px!important;}.trade .trd-book-head span{font-size:9px!important;line-height:11px!important;}
  .trade .trd-asks div,.trade .trd-bids div{height:17px!important;min-height:17px!important;font-size:10px!important;line-height:13px!important;}.trade .trd-mid{font-size:15px!important;line-height:18px!important;}.trade .trd-mid small{font-size:9px!important;line-height:11px!important;}
  .trade .trd-book-ratio{height:10px!important;font-size:9px!important;line-height:11px!important;}.trade .trd-book-foot .trd-step{height:17px!important;font-size:9px!important;line-height:12px!important;}.trade .trd-book-grid-svg{width:15px!important;height:15px!important;}
  .trade .trd-order-tabs{padding-top:7px!important;}.trade .trd-order-tabs button{height:24px!important;font-size:12px!important;line-height:15px!important;}.trade .trd-order-tabs .trd-order-tool{height:24px!important;width:18px!important;}.trade .trd-history-svg{width:15px!important;height:15px!important;}
}

/* v321: authenticated Home quick cards matched to the supplied reference. */
body[data-auth="1"] #authHome .auth-quick{
  gap:18px!important;
}
body[data-auth="1"] #authHome .auth-quick>.auth-qcard{
  aspect-ratio:1.17/1!important;
  height:auto!important;
  min-height:0!important;
  padding:16px 13px!important;
  border-radius:11px!important;
  background:#29313e!important;
}
body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions{
  left:16px!important;
  right:16px!important;
  bottom:10px!important;
}
body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-icon{
  width:29px!important;
  height:29px!important;
}
body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions span{
  grid-template-rows:29px 16px!important;
  gap:5px!important;
}
body[data-auth="1"] #authHome .auth-send-card .auth-send-title{
  margin-top:22px!important;
}
body[data-auth="1"] #authHome .auth-send-card .auth-mini-chart{
  width:57px!important;
  height:36px!important;
  right:10px!important;
  bottom:17px!important;
}

@media(max-width:430px){
  body[data-auth="1"] #authHome .auth-quick{gap:16px!important;}
  body[data-auth="1"] #authHome .auth-quick>.auth-qcard{
    padding:14px 12px!important;
    border-radius:9px!important;
  }
  body[data-auth="1"] #authHome .auth-qtop{font-size:13px!important;line-height:18px!important;}
  body[data-auth="1"] #authHome .auth-qtitle,
  body[data-auth="1"] #authHome .auth-send-title{font-size:13px!important;line-height:18px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions{left:14px!important;right:14px!important;bottom:9px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-icon{width:26px!important;height:26px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions span{grid-template-rows:26px 15px!important;gap:4px!important;}
  body[data-auth="1"] #authHome .auth-p2p-actions em{font-size:12px!important;line-height:15px!important;}
  body[data-auth="1"] #authHome .auth-send-card .auth-send-title{margin-top:18px!important;}
  body[data-auth="1"] #authHome .auth-rate{left:13px!important;bottom:13px!important;font-size:11px!important;line-height:14px!important;}
  body[data-auth="1"] #authHome .auth-rate strong{font-size:14px!important;line-height:16px!important;}
  body[data-auth="1"] #authHome .auth-rate span{font-size:9px!important;line-height:12px!important;}
  body[data-auth="1"] #authHome .auth-send-card .auth-mini-chart{width:51px!important;height:32px!important;right:9px!important;bottom:14px!important;}
}

@media(max-width:380px){
  body[data-auth="1"] #authHome .auth-quick{gap:13px!important;}
  body[data-auth="1"] #authHome .auth-quick>.auth-qcard{
    padding:12px 10px!important;
    border-radius:7px!important;
  }
  body[data-auth="1"] #authHome .auth-qtop{font-size:11px!important;line-height:15px!important;}
  body[data-auth="1"] #authHome .auth-qtop b{font-size:22px!important;line-height:15px!important;}
  body[data-auth="1"] #authHome .auth-qtitle,
  body[data-auth="1"] #authHome .auth-send-title{font-size:11px!important;line-height:15px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions{left:8px!important;right:8px!important;bottom:7px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-icon{width:22px!important;height:22px!important;}
  body[data-auth="1"] #authHome .auth-p2p-card .auth-p2p-actions span{grid-template-rows:22px 13px!important;gap:3px!important;}
  body[data-auth="1"] #authHome .auth-p2p-actions em{font-size:10px!important;line-height:13px!important;}
  body[data-auth="1"] #authHome .auth-send-card .auth-send-title{margin-top:14px!important;}
  body[data-auth="1"] #authHome .auth-rate{left:10px!important;bottom:9px!important;font-size:9px!important;line-height:12px!important;}
  body[data-auth="1"] #authHome .auth-rate strong{font-size:13px!important;line-height:15px!important;}
  body[data-auth="1"] #authHome .auth-rate span{font-size:8px!important;line-height:10px!important;}
  body[data-auth="1"] #authHome .auth-send-card .auth-mini-chart{width:43px!important;height:27px!important;right:7px!important;bottom:10px!important;}
}

/* v327: Assets top account tabs belong to the page flow and scroll away. */
.assets .as-top{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}

/* v329: Trade pair picker uses uniform tabs, slide-only sheet motion and instant panels. */
.trade .trd-pair-sheet .trd-sheet-tabs,
.trade .trd-pair-sheet .trd-sheet-tabs button{
  height:35px!important;
  min-height:35px!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs{
  flex:0 0 35px!important;
}
.trade .trd-pair-sheet .trd-sheet-tabs button{
  font-size:15px!important;
  line-height:35px!important;
}
.trade .trd-pair-sheet{
  opacity:1!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
}
.trade .trd-pair-sheet.open,
.trade .trd-pair-sheet.closing{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
}
.trade .trd-pair-sheet.open{
  pointer-events:auto!important;
}
.trade .trd-pair-sheet.closing{
  pointer-events:none!important;
}
.trade .trd-pair-sheet .trd-pair-card{
  opacity:1!important;
  filter:none!important;
  transform:translateY(100%)!important;
  transition:transform .32s cubic-bezier(.32,.72,0,1)!important;
}
.trade .trd-pair-sheet.open .trd-pair-card{
  transform:translateY(0)!important;
}
.trade .trd-pair-sheet:not(.open) .trd-pair-card,
.trade .trd-pair-sheet.closing .trd-pair-card{
  transform:translateY(100%)!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport,
.trade .trd-pair-sheet .trd-sheet-track,
.trade .trd-pair-sheet .trd-sheet-panel,
.trade .trd-pair-sheet .trd-sheet-panel.active,
.trade .trd-pair-sheet .trd-sheet-panel:not(.active){
  opacity:1!important;
  transition:none!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.trd-holding-option,
.trade .trd-pair-sheet .trd-fav-panel[data-mode="holdings"] .trd-pair-option,
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option{
  grid-template-columns:29px minmax(0,1fr) minmax(95px,.7fr) minmax(82px,.55fr)!important;
  grid-template-areas:"ico name price change"!important;
}
.trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.trd-holding-option > .trd-pair-star,
.trade .trd-pair-sheet .trd-fav-panel[data-mode="holdings"] .trd-pair-option > .trd-pair-star,
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option > .trd-pair-star{
  display:none!important;
}
@media(max-width:380px){
  .trade .trd-pair-sheet .trd-fav-panel .trd-pair-option.trd-holding-option,
  .trade .trd-pair-sheet .trd-fav-panel[data-mode="holdings"] .trd-pair-option,
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option{
    grid-template-columns:27px minmax(0,1fr) 86px 72px!important;
  }
}

/* v331: native Trade category controls with consistent hit areas and honest empty states. */
.trade .trd-pair-sheet .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-quotes,
.trade .trd-pair-sheet .trd-futures-row{
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch;
}
.trade .trd-pair-sheet .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-sheet-quotes [data-nonquote],
.trade .trd-pair-sheet .trd-futures-row [data-futures-product]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#959ca6!important;
  font:400 15px/20px 'Plex',system-ui,sans-serif!important;
  white-space:nowrap!important;
  touch-action:manipulation!important;
}
.trade .trd-pair-sheet .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-sheet-quotes [data-nonquote]{
  padding:0 10px!important;
}
.trade .trd-pair-sheet .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-futures-row [data-futures-product]{
  cursor:pointer!important;
}
.trade .trd-pair-sheet .trd-futures-row [data-futures-product]{
  padding:0 4px!important;
}
.trade .trd-pair-sheet .trd-sheet-cats button.active,
.trade .trd-pair-sheet .trd-sheet-quotes button.active{
  background:#283240!important;
  color:#EAEEF3!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-futures-row [data-futures-product].active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-sheet-cats button[hidden]{
  display:none!important;
}
.trade .trd-pair-sheet .trd-sheet-cats button:focus-visible,
.trade .trd-pair-sheet .trd-sheet-quotes button:focus-visible,
.trade .trd-pair-sheet .trd-futures-row [data-futures-product]:focus-visible{
  outline:2px solid #fcd434!important;
  outline-offset:1px!important;
}

/* v335: slightly enlarge the compact Trade UI without scaling or blurring it. */
.trade .trd-main-tabs button{height:26px!important;font-size:16px!important;line-height:20px!important;}
.trade .trd-pair-btn{font-size:19px!important;line-height:23px!important;}
.trade .trd-pair-change{font-size:12px!important;line-height:15px!important;}
.trade .trd-toolset button{width:24px!important;height:24px!important;}
.trade .trd-candles-svg,.trade .trd-ellipsis-svg{width:20px!important;height:20px!important;}
.trade .trd-side{height:27px!important;min-height:27px!important;}
.trade .trd-side button{font-size:14px!important;line-height:17px!important;}
.trade .trd-field-select{height:29px!important;min-height:29px!important;}
.trade .trd-field-select b{font-size:14px!important;line-height:17px!important;}
.trade .trd-field-select .muted{width:13px!important;height:13px!important;font-size:9px!important;line-height:13px!important;}
.trade #tradeForm > .trd-slider{height:28px!important;}
.trade #tradeForm > .trd-total{height:41px!important;min-height:41px!important;}
.trade #tradeForm > .trd-total input{font-size:14px!important;line-height:18px!important;}
.trade #tradeForm > .trd-check{min-height:20px!important;height:20px!important;font-size:14px!important;line-height:17px!important;}
.trade #tradeForm > .trd-check>span{width:16px!important;height:16px!important;}
.trade #tradeForm > .trd-balance-row{min-height:20px!important;height:20px!important;font-size:13px!important;line-height:16px!important;}
.trade #tradeForm > .trd-balance-row b{font-size:13px!important;line-height:16px!important;}
.trade .trd-add-funds,.trade .trd-add-funds svg{width:16px!important;height:16px!important;}
.trade #tradeForm > .trd-submit{height:35px!important;min-height:35px!important;font-size:15px!important;line-height:19px!important;}
.trade .trd-margin{height:25px!important;min-height:25px!important;font-size:12px!important;line-height:15px!important;}
.trade .trd-book-head span{font-size:12px!important;line-height:14px!important;}
.trade .trd-asks div,.trade .trd-bids div{height:21px!important;min-height:21px!important;font-size:13px!important;line-height:16px!important;}
.trade .trd-mid{font-size:19px!important;line-height:22px!important;}
.trade .trd-mid small{font-size:11px!important;line-height:14px!important;}
.trade .trd-book-ratio{height:14px!important;font-size:11px!important;line-height:13px!important;}
.trade .trd-book-foot .trd-step{height:22px!important;font-size:12px!important;line-height:15px!important;}
.trade .trd-book-grid-svg{width:19px!important;height:19px!important;}
.trade .trd-order-tabs button{height:30px!important;font-size:15px!important;line-height:19px!important;}
.trade .trd-order-tabs .trd-order-tool{height:30px!important;width:22px!important;}
.trade .trd-history-svg{width:19px!important;height:19px!important;}
.trade .trd-open-orders-empty[hidden]{display:none!important;}
.trade .trd-open-orders-empty:not([hidden]){
  min-height:clamp(220px,27vh,252px)!important;
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 15px 18px;
  color:#4D5764;
  text-align:center;
}
.trade .trd-open-empty-svg{width:47px;height:52px;display:block;color:#4D5764;shape-rendering:geometricPrecision;}
.trade .trd-open-orders-empty strong{margin-top:9px;color:#F0F3F7;font:500 14px/18px 'Plex',system-ui,sans-serif;}
.trade .trd-open-orders-empty>span{margin-top:12px;color:#89929E;font:400 12px/16px 'Plex',system-ui,sans-serif;}
.trade .trd-copy-trading{
  height:31px!important;
  margin-top:14px!important;
  padding:0 10px!important;
  border:1px solid #3B4551!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#EAEFF5!important;
  font:400 12px/16px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-copy-trading:focus-visible{outline:2px solid #FCD434!important;outline-offset:2px!important;}

@media(max-width:380px){
  .trade .trd-main-tabs{padding-top:calc(15px + env(safe-area-inset-top))!important;padding-bottom:8px!important;}
  .trade .trd-main-tabs button{height:23px!important;font-size:14px!important;line-height:18px!important;}
  .trade .trd-pair-btn{font-size:16px!important;line-height:20px!important;}
  .trade .trd-pair-change{font-size:10px!important;line-height:13px!important;}
  .trade .trd-toolset button{width:20px!important;height:20px!important;}
  .trade .trd-candles-svg,.trade .trd-ellipsis-svg{width:17px!important;height:17px!important;}
  .trade .trd-side{height:23px!important;min-height:23px!important;}
  .trade .trd-side button{font-size:12px!important;line-height:15px!important;}
  .trade .trd-field-select{height:25px!important;min-height:25px!important;}
  .trade .trd-field-select b{font-size:12px!important;line-height:15px!important;}
  .trade .trd-field-select .muted{width:11px!important;height:11px!important;font-size:8px!important;line-height:11px!important;}
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input),
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input){height:36px!important;min-height:36px!important;}
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input)>button:not(.trd-bbo),
  .trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input)>label,
  .trade #tradeForm > .trd-input-row>button:not(.trd-bbo),
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input)>label,
  .trade #tradeForm > .trd-input-row .trd-bbo{height:36px!important;min-height:36px!important;}
  .trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input)>label:has(input:placeholder-shown) span,
  .trade #tradeForm > .trd-input-row .trd-bbo{font-size:13px!important;line-height:17px!important;}
  .trade #tradeForm > .trd-slider{height:24px!important;}
  .trade #tradeForm > .trd-total{height:35px!important;min-height:35px!important;}
  .trade #tradeForm > .trd-total input{font-size:12px!important;line-height:15px!important;}
  .trade #tradeForm > .trd-check{min-height:17px!important;height:17px!important;font-size:12px!important;line-height:15px!important;}
  .trade #tradeForm > .trd-check>span{width:13px!important;height:13px!important;}
  .trade #tradeForm > .trd-balance-row{min-height:17px!important;height:17px!important;font-size:11px!important;line-height:14px!important;}
  .trade #tradeForm > .trd-balance-row b{font-size:11px!important;line-height:14px!important;}
  .trade .trd-add-funds,.trade .trd-add-funds svg{width:14px!important;height:14px!important;}
  .trade #tradeForm > .trd-submit{height:30px!important;min-height:30px!important;font-size:13px!important;line-height:16px!important;}
  .trade .trd-margin{height:22px!important;min-height:22px!important;font-size:11px!important;line-height:14px!important;}
  .trade .trd-book-head span{font-size:10px!important;line-height:12px!important;}
  .trade .trd-asks div,.trade .trd-bids div{height:19px!important;min-height:19px!important;font-size:11px!important;line-height:14px!important;}
  .trade .trd-mid{font-size:17px!important;line-height:20px!important;}
  .trade .trd-mid small{font-size:10px!important;line-height:12px!important;}
  .trade .trd-book-ratio{height:11px!important;font-size:10px!important;line-height:12px!important;}
  .trade .trd-book-foot .trd-step{height:19px!important;font-size:10px!important;line-height:13px!important;}
  .trade .trd-book-grid-svg{width:17px!important;height:17px!important;}
  .trade .trd-order-tabs button{height:26px!important;font-size:13px!important;line-height:16px!important;}
  .trade .trd-order-tabs .trd-order-tool{height:26px!important;width:20px!important;}
  .trade .trd-history-svg{width:17px!important;height:17px!important;}
  .trade .trd-open-orders-empty:not([hidden]){min-height:clamp(200px,27vh,220px)!important;padding:12px 12px 16px;}
  .trade .trd-open-empty-svg{width:40px;height:44px;}
  .trade .trd-open-orders-empty strong{margin-top:7px;font-size:13px;line-height:16px;}
  .trade .trd-open-orders-empty>span{margin-top:11px;font-size:11px;line-height:14px;}
  .trade .trd-copy-trading{height:30px!important;margin-top:13px!important;font-size:12px!important;line-height:15px!important;}
  .trade .trd-chart-link{height:36px!important;min-height:36px!important;font-size:13px!important;line-height:17px!important;}
}

/* v336: Coin chart candle geometry, timeframes and reference alignment. */
.coin .cn-pricebar{align-items:flex-start!important;}
.coin .cn-price-col{position:relative;top:-2px;}
.coin .cn-tf{position:relative;z-index:12;overflow:visible!important;}
.coin .cn-tf button{appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;}
.coin .cn-tf-t{display:inline-flex;align-items:center;justify-content:center;min-width:0;white-space:nowrap;}
.coin .cn-tf-t:focus-visible,
.coin .cn-tf-menu button:focus-visible{outline:2px solid #fcd434;outline-offset:2px;border-radius:4px;}
.coin .cn-tf-more-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;}
.coin .cn-tf-more{gap:4px;}
.coin .cn-tf-more .tri{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;transform:none!important;}
.coin .cn-tf-more-wrap.open .cn-tf-more .tri{transform:rotate(180deg)!important;}
.coin .cn-tf-menu{
  position:absolute;
  top:calc(100% + 7px);
  left:50%;
  z-index:24;
  width:104px;
  box-sizing:border-box;
  padding:5px;
  border:1px solid #384350;
  border-radius:8px;
  background:#29313e;
  box-shadow:none;
  transform:translateX(-50%);
}
.coin .cn-tf-menu[hidden]{display:none!important;}
.coin .cn-tf-menu button{display:flex;width:100%;height:34px;align-items:center;padding:0 10px;border-radius:5px;color:#c8ced7;font:400 13px/18px 'Plex',system-ui,sans-serif;}
.coin .cn-tf-menu button[aria-selected="true"]{background:#343d49;color:#fcd434;font-weight:500;}
.coin .cn-chart{
  background:
    repeating-linear-gradient(to right,transparent 0,transparent 129px,rgba(149,156,166,.13) 130px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 63px,rgba(149,156,166,.13) 64px),
    #1f2630!important;
}
.coin .cn-volume-layer{display:none!important;}
.coin .cn-chart-mode{display:none!important;}
.coin .cn-ma-line,
.coin .cn-candle-wick,
.coin .cn-extrema-line,
.coin .cn-rsi-line{vector-effect:non-scaling-stroke;}
.coin .cn-candle-body,.coin .cn-candle-wick{opacity:1!important;}
.coin .cn-candle-body.up{fill:#2EBD85!important;}
.coin .cn-candle-body.down{fill:#F6465D!important;}
.coin .cn-candle-wick.up{stroke:#2EBD85!important;stroke-width:1!important;}
.coin .cn-candle-wick.down{stroke:#F6465D!important;stroke-width:1!important;}
.coin .cn-axis{top:8.5%!important;bottom:8.5%!important;}
.coin .cn-marker-layer{pointer-events:none;}
.coin .cn-extrema-line{fill:none;stroke:#EAEFF5;stroke-width:1;}
.coin .cn-extrema-text{
  fill:#EAEFF5;
  stroke:#1f2630;
  stroke-width:2.5;
  paint-order:stroke;
  font:500 10px/1 'Plex',system-ui,sans-serif;
  letter-spacing:0;
}
.coin .cn-x-axis{
  position:absolute;
  left:0;
  right:var(--cn-axis-w);
  bottom:1px;
  z-index:4;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  height:18px;
  align-items:end;
  padding:0 4px;
  box-sizing:border-box;
  color:#959ca6;
  font:400 10px/13px 'Plex',system-ui,sans-serif;
  pointer-events:none;
}
.coin .cn-x-axis span{min-width:0;white-space:nowrap;}
.coin .cn-x-axis span:nth-child(2){text-align:center;}
.coin .cn-x-axis span:last-child{text-align:right;}
.coin .cn-expand{bottom:21px!important;}
.coin .cn-last{transform:translateY(-50%)!important;}
.coin .cn-rsi-chart{height:92px!important;}
.coin .cn-rsi-axis{top:28px!important;right:7px!important;bottom:auto!important;}
.coin .cn-rsi-axis span:not(:first-child){display:none!important;}
.coin .cn-rsi-line{stroke-width:1.2!important;}

@media(max-width:380px){
  .coin .cn-price-col{top:-1px;}
  .coin .cn-tf-menu{top:calc(100% + 5px);width:92px;padding:4px;border-radius:7px;}
  .coin .cn-tf-menu button{height:30px;padding:0 9px;font-size:11px;line-height:15px;}
  .coin .cn-chart{
    background:
      repeating-linear-gradient(to right,transparent 0,transparent 114px,rgba(149,156,166,.13) 115px),
      repeating-linear-gradient(to bottom,transparent 0,transparent 54px,rgba(149,156,166,.13) 55px),
      #1f2630!important;
  }
  .coin .cn-ma{font-size:11px!important;line-height:14px!important;max-width:calc(86.667% - 12px)!important;}
  .coin .cn-extrema-text{font-size:10px;}
  .coin .cn-x-axis{height:16px;padding:0 3px;font-size:9px;line-height:11px;}
  .coin .cn-expand{bottom:18px!important;}
  .coin .cn-last{min-width:52px!important;padding:2px 5px!important;}
  .coin .cn-last b{font-size:11px!important;line-height:12px!important;}
  .coin .cn-last em{font-size:10px!important;line-height:10px!important;}
  .coin .cn-rsi-chart{height:80px!important;}
  .coin .cn-rsi-label{font-size:10px!important;line-height:13px!important;}
  .coin .cn-rsi-axis{top:26px!important;font-size:9px!important;line-height:10px!important;}
}

/* v338: keep the complete Order Type sheet above the global bottom navigation. */
body:has(#tradeOrderTypeSheet.open) .trade,
body:has(#tradeOrderTypeSheet.closing) .trade{
  z-index:32!important;
}

/* v339: keep My Trades mathematically centered when its tool count changes. */
.trade .trd-history-header{
  grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr)!important;
}
.trade .trd-history-back{justify-self:start;}
.trade .trd-history-account-toggle{justify-self:center;}
.trade .trd-history-header-tools{justify-self:end;}
@media(max-width:380px){
  .trade .trd-history-header{
    grid-template-columns:minmax(45px,1fr) auto minmax(45px,1fr)!important;
  }
}

/* v340: dim the live Trade screen while an order is submitted. */
.trade .trd-execution-loader{background:rgba(4,7,11,.58)!important;}
@media(prefers-reduced-motion:reduce){
  .trade .trd-loader-diamond i{animation:none!important;}
}

/* v341: reference empty-state height after removing the lower chart row. */
.trade .trd-open-orders-empty:not([hidden]){
  min-height:calc(clamp(220px,27vh,252px) + 38px)!important;
}
@media(max-width:380px){
  .trade .trd-open-orders-empty:not([hidden]){
    min-height:calc(clamp(200px,27vh,220px) + 36px)!important;
  }
}

/* v349: Account Info email privacy control. */
.account-email-toggle{
  position:relative;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:4px;
  background:transparent!important;
  color:#8d96a3;
  display:grid!important;
  place-items:center;
  cursor:pointer;
}
.account-email-toggle::before{content:"";position:absolute;inset:-6px;}
.account-email-toggle svg{
  width:18px!important;
  height:18px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.account-email-toggle .account-email-eye-off{display:none;}
.account-email-toggle[aria-pressed="true"] .account-email-eye-open{display:none;}
.account-email-toggle[aria-pressed="true"] .account-email-eye-off{display:block;}
.account-email-toggle:focus-visible{
  outline:2px solid #F0B90B;
  outline-offset:2px;
}

/* v350: Services catalog reference density and transparent vector glyphs. */
#services .sv-search,
#services .sv-ico{background:#29323b!important;}
#services .sv-tabs{height:38px!important;gap:18px!important;}
#services .sv-tab{height:38px!important;padding-bottom:6px!important;}
#services .sv-sec{scroll-margin-top:38px;}
#services .sv-grid4,
#services .sv-sec-common>.sv-grid4{row-gap:15px!important;}
#services .sv-tool{gap:5px;}
#services .sv-ico{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  border-radius:10px!important;
}
#services .sv-ico svg,
#services .sv-ico img{
  display:block;
  width:24px!important;
  height:24px!important;
  object-fit:contain;
  shape-rendering:geometricPrecision;
}
#services .sv-tool[data-service="recurring"] .sv-lbl{max-width:78px;}
#services .sv-tool[data-service="finance_flexibleloan"] .sv-lbl{max-width:64px;}
#services .sv-tool[data-service="finance_wealth"] .sv-lbl{white-space:nowrap;}
#services .sv-tool[data-service="info_academy"] .sv-lbl,
#services .sv-tool[data-service="info_futureschat"] .sv-lbl{max-width:78px;}
#services .sv-tool[data-service="info_deposit_status"] .sv-lbl{
  width:110px;
  max-width:110px;
}
#services .sv-tool[data-service="info_abc"] .sv-lbl,
#services .sv-tool[data-service="por"] .sv-lbl{white-space:nowrap;}
#services .sv-tool[data-service="help_feedback"] .sv-lbl{max-width:72px;}
#services .sv-tool[data-service="help_action_required"] .sv-lbl,
#services .sv-tool[data-service="help_customer_service"] .sv-lbl{white-space:nowrap;}
@media(max-width:380px){
  #services .sv-tabs{height:38px!important;gap:17px!important;}
  #services .sv-tab{height:38px!important;padding-bottom:6px!important;}
  #services .sv-grid4,
  #services .sv-sec-common>.sv-grid4{row-gap:14px!important;}
  #services .sv-tool{gap:5px;}
  #services .sv-ico{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  #services .sv-ico svg,
  #services .sv-ico img{width:24px!important;height:24px!important;}
  #services .sv-lbl{
    min-height:32px!important;
    font-size:12px!important;
    line-height:16px!important;
  }
}

/* v357: Others reference labels and compact-width separation. */
#services .sv-tool[data-service="thirdparty"] .sv-lbl{max-width:78px;}
#services .sv-tool[data-service="api"] .sv-lbl{white-space:nowrap;}
@media(max-width:380px){
  #services .sv-tool[data-service="api"] .sv-lbl{
    font-size:11px!important;
    letter-spacing:-.1px;
  }
}

/* v358: flatter authenticated Home market pills from the reference. */
body[data-auth="1"] .auth-home .auth-market-card .auth-market-row .auth-change{
  width:76px!important;
  min-width:76px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 8px 2px!important;
  border-radius:5px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-change.up{
  background:#2EBD85!important;
}
body[data-auth="1"] .auth-home .auth-market-card .auth-change.down{
  background:#F6465D!important;
}
@media(max-width:380px){
  body[data-auth="1"] .auth-home .auth-market-card .auth-market-row .auth-change{
    width:68px!important;
    min-width:68px!important;
    height:26px!important;
    min-height:26px!important;
    padding:0 6px 2px!important;
    border-radius:5px!important;
    font-size:12px!important;
  }
}

/* v359: QR scanner action replaces the decorative Home search loupe. */
.search .home-search-scan{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.auth-search .home-search-scan{
  width:22px;
  height:22px;
  flex-basis:22px;
}
.search .home-search-scan::before{
  content:"";
  position:absolute;
  inset:-8px;
}
.search .home-search-scan img{
  display:block;
  width:22px;
  height:22px;
  max-width:none;
  opacity:.48;
}
.auth-search .home-search-scan img{
  width:24px;
  height:24px;
}
.search .home-search-scan:focus-visible{
  outline:2px solid #F0B90B;
  outline-offset:3px;
}

/* v360: left-align the order type and keep info beside the dropdown arrow. */
.trade .trd-field-select{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.trade .trd-field-select b{
  order:1!important;
  flex:1 1 auto!important;
  justify-self:auto!important;
  margin:0!important;
  text-align:left!important;
}
.trade .trd-field-select .muted{
  order:2!important;
  flex:0 0 auto!important;
  justify-self:auto!important;
  margin:0 8px 0 0!important;
}
.trade .trd-field-select .tri{
  order:3!important;
  flex:0 0 auto!important;
  justify-self:auto!important;
  margin:0!important;
}

/* v361: Price and Amount fields no longer expose unused +/- controls. */
.trade #tradeForm > .trd-input-row.trd-input-clean:not(.single){
  grid-template-columns:minmax(0,1fr) 6px 52px!important;
}
.trade #tradeForm > .trd-input-row.trd-input-clean:not(.single) > label{
  grid-column:1!important;
  padding:0 12px!important;
  border-radius:7px!important;
}
.trade #tradeForm > .trd-input-row.trd-input-clean .trd-bbo{
  grid-column:3!important;
}
.trade #tradeForm > .trd-input-row.single.trd-input-clean{
  grid-template-columns:minmax(0,1fr)!important;
}
@media(max-width:380px){
  .trade #tradeForm > .trd-input-row.trd-input-clean:not(.single){
    grid-template-columns:minmax(0,1fr) 5px 48px!important;
  }
  .trade #tradeForm > .trd-input-row.trd-input-clean:not(.single) > label{
    padding:0 10px!important;
  }
}

/* v362: Market Buy accepts either quote total or base-asset amount. */
.trade #tradeForm > .trd-input-row.single.trd-input-clean.trd-market-unit-active{
  grid-template-columns:minmax(0,1fr) max-content!important;
}
.trade #tradeForm > .trd-input-row.single.trd-input-clean.trd-market-unit-active > label{
  grid-column:1!important;
  justify-items:start!important;
  padding:0 8px 0 12px!important;
  text-align:left!important;
}
.trade #tradeForm > .trd-input-row.single.trd-input-clean.trd-market-unit-active > label span,
.trade #tradeForm > .trd-input-row.single.trd-input-clean.trd-market-unit-active > label input{
  text-align:left!important;
}
.trade .trd-market-unit[hidden]{display:none!important;}
.trade .trd-market-unit{
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  min-width:64px;
  max-width:96px;
  height:100%;
  color:#EAEFF5;
}
.trade .trd-market-unit select{
  box-sizing:border-box;
  width:100%;
  min-width:64px;
  max-width:96px;
  height:100%;
  margin:0;
  padding:0 21px 0 8px;
  border:0;
  border-radius:6px;
  outline:0;
  background:transparent;
  color:#EAEFF5;
  font:500 14px/18px 'Plex',system-ui,sans-serif;
  text-align:right;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
}
.trade .trd-market-unit option{
  background:#29323B;
  color:#EAEFF5;
}
.trade .trd-market-unit .tri{
  position:absolute;
  right:9px;
  top:50%;
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid #8D96A3;
  transform:translateY(-25%);
  pointer-events:none;
}
.trade .trd-market-unit select:focus-visible{
  outline:2px solid #F0B90B;
  outline-offset:-3px;
}
@media(max-width:380px){
  .trade #tradeForm > .trd-input-row.single.trd-input-clean.trd-market-unit-active > label{
    padding-left:10px!important;
  }
  .trade .trd-market-unit,
  .trade .trd-market-unit select{
    min-width:58px;
    max-width:86px;
  }
  .trade .trd-market-unit select{
    padding-right:19px;
    padding-left:6px;
    font-size:12px;
    line-height:15px;
  }
  .trade .trd-market-unit .tri{right:7px;}
}

/* v366: Spot Market slippage, optical alignment and volume-depth styling. */
.trade .trd-side{
  height:25px!important;
  min-height:25px!important;
  margin-bottom:7px!important;
  border-radius:5px!important;
}
.trade .trd-side button,
.trade #tradeForm > .trd-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:0 0 2px!important;
}
.trade .trd-side button{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade .trd-side button.active{font-weight:500!important;}
.trade .trd-field-select{
  height:27px!important;
  min-height:27px!important;
  margin-bottom:7px!important;
  padding:0 10px!important;
  border-radius:6px!important;
}
.trade .trd-field-select b{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
.trade #tradeForm > .trd-input-row.single:not(.trd-tpsl-input) > label input,
.trade #tradeForm > .trd-input-row:not(.single):not(.trd-tpsl-input) > label input,
.trade .trd-market-unit select{font-weight:400!important;}
.trade #tradeForm > .trd-slider{
  height:28px!important;
  margin-top:2px!important;
  margin-bottom:6px!important;
}
.trade #tradeForm > .trd-slippage-toggle{
  width:100%!important;
  height:20px!important;
  min-height:20px!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:8px!important;
  margin:0 0 6px!important;
  padding:0!important;
  font-size:13px!important;
  line-height:17px!important;
}
.trade #tradeForm > .trd-slippage-toggle > span{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  border-radius:3px!important;
}
.trade #tradeForm > .trd-slippage-toggle > em{
  height:20px!important;
  min-height:20px!important;
  font:400 13px/17px 'Plex',system-ui,sans-serif!important;
  text-decoration:underline dotted #737D89;
  text-underline-offset:3px;
}
.trade #tradeForm > .trd-slippage-toggle > strong{
  display:none!important;
  color:#A2AAB5!important;
  font:400 12px/16px 'Plex',system-ui,sans-serif!important;
}
.trade #tradeForm > .trd-slippage-toggle.is-active > strong{display:block!important;}
.trade #tradeForm > .trd-balance-row{
  min-height:18px!important;
  height:18px!important;
  font-size:12px!important;
  line-height:15px!important;
}
.trade #tradeForm > .trd-balance-row b{
  font-size:12px!important;
  line-height:15px!important;
}
.trade #tradeForm > .trd-submit{
  height:35px!important;
  min-height:35px!important;
  margin-top:8px!important;
  border-radius:7px!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:500!important;
}
.trade .trd-margin{
  height:23px!important;
  min-height:23px!important;
  grid-template-columns:auto 30px!important;
  font-size:11px!important;
  line-height:14px!important;
  font-weight:400!important;
}
.trade .trd-margin-toggle{
  position:relative!important;
  box-sizing:border-box!important;
  width:30px!important;
  height:18px!important;
  padding:0!important;
  border-radius:5px!important;
  background:#46515E!important;
}
.trade .trd-margin-toggle i{
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:14px!important;
  height:14px!important;
  border-radius:4px!important;
  transform:translateX(0)!important;
}
.trade .trd-margin-toggle[aria-checked="true"]{background:#FCD434!important;}
.trade .trd-margin-toggle[aria-checked="true"] i{transform:translateX(12px)!important;}
.trade .trd-book-head span{
  font-size:11px!important;
  line-height:13px!important;
  font-weight:400!important;
}
.trade .trd-asks>div,
.trade .trd-bids>div{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  height:20px!important;
  min-height:20px!important;
  font-size:12px!important;
  line-height:15px!important;
  font-weight:400!important;
}
.trade .trd-asks>div::before,
.trade .trd-bids>div::before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  width:50%;
  transform:scaleX(var(--trd-depth-scale,0));
  transform-origin:right center;
  pointer-events:none;
}
.trade .trd-asks>div::before{background:#322630;}
.trade .trd-bids>div::before{background:#213438;}
.trade .trd-asks>div>span,
.trade .trd-asks>div>em,
.trade .trd-bids>div>span,
.trade .trd-bids>div>em{position:relative;z-index:1;}
.trade .trd-mid{
  margin:3px 0 2px!important;
  font-size:18px!important;
  line-height:21px!important;
  font-weight:600!important;
}
.trade .trd-book-ratio{
  height:12px!important;
  margin-top:3px!important;
  font-size:10px!important;
  line-height:12px!important;
}
.trade .trd-book-foot{margin-top:4px!important;}
.trade .trd-book-foot .trd-step{
  box-sizing:border-box!important;
  width:100%!important;
  height:21px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  margin:0!important;
  padding:0 9px 1px!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:400!important;
}
.trade .trd-book-foot .trd-step .tri{margin-left:auto!important;}
.trade .trd-order-tabs{
  gap:18px!important;
  padding:8px 15px 0!important;
}
.trade .trd-order-tabs button{
  height:30px!important;
  padding-bottom:1px!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
}
.trade .trd-order-tabs button.active{font-weight:500!important;}
.trade .trd-order-tabs button.active::after{height:2px!important;}
.trade .trd-side button:focus-visible,
.trade #tradeForm > .trd-submit:focus-visible,
.trade #tradeForm > .trd-slippage-toggle:focus-visible,
.trade .trd-margin-toggle:focus-visible,
.trade .trd-book-foot .trd-step:focus-visible{
  outline:2px solid #FCD434!important;
  outline-offset:2px!important;
}

@media(max-width:380px){
  .trade .trd-side{
    height:23px!important;
    min-height:23px!important;
    margin-bottom:6px!important;
  }
  .trade .trd-side button{
    font-size:12px!important;
    line-height:15px!important;
  }
  .trade .trd-field-select{
    height:25px!important;
    min-height:25px!important;
    margin-bottom:6px!important;
    padding:0 8px!important;
  }
  .trade .trd-field-select b{font-size:12px!important;line-height:15px!important;}
  .trade #tradeForm > .trd-slider{height:24px!important;margin:2px 4px 5px!important;}
  .trade #tradeForm > .trd-slippage-toggle{
    height:18px!important;
    min-height:18px!important;
    grid-template-columns:14px minmax(0,1fr) auto!important;
    column-gap:6px!important;
    margin-bottom:5px!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  .trade #tradeForm > .trd-slippage-toggle > span{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
  }
  .trade #tradeForm > .trd-slippage-toggle > em{
    height:18px!important;
    min-height:18px!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  .trade #tradeForm > .trd-slippage-toggle > strong{font-size:10px!important;line-height:13px!important;}
  .trade #tradeForm > .trd-balance-row,
  .trade #tradeForm > .trd-balance-row b{font-size:11px!important;line-height:14px!important;}
  .trade #tradeForm > .trd-balance-row{height:17px!important;min-height:17px!important;}
  .trade #tradeForm > .trd-submit{
    height:30px!important;
    min-height:30px!important;
    margin-top:6px!important;
    font-size:13px!important;
    line-height:16px!important;
  }
  .trade .trd-margin{height:22px!important;min-height:22px!important;grid-template-columns:auto 28px!important;font-size:10px!important;line-height:13px!important;}
  .trade .trd-margin-toggle{width:28px!important;height:17px!important;border-radius:5px!important;}
  .trade .trd-margin-toggle i{width:13px!important;height:13px!important;border-radius:4px!important;}
  .trade .trd-margin-toggle[aria-checked="true"] i{transform:translateX(11px)!important;}
  .trade .trd-book-head span{font-size:10px!important;line-height:12px!important;}
  .trade .trd-asks>div,.trade .trd-bids>div{height:19px!important;min-height:19px!important;font-size:11px!important;line-height:14px!important;}
  .trade .trd-mid{font-size:17px!important;line-height:20px!important;}
  .trade .trd-book-ratio{height:11px!important;font-size:10px!important;line-height:12px!important;}
  .trade .trd-book-foot .trd-step{height:19px!important;padding:0 7px 1px!important;font-size:10px!important;line-height:1!important;}
  .trade .trd-order-tabs{gap:15px!important;padding:7px 12px 0!important;}
  .trade .trd-order-tabs button{height:26px!important;font-size:13px!important;line-height:16px!important;}
}

/* Shared optical centering v433 */
.auth-home .auth-change,
.trade .trd-side button,
.trade .trd-submit,
.assets .acoin-btn,
.services .sv-tab,
.services .sv-tool button {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:1px!important;
}
.auth-market-name b > img[src*="home_hot.svg"]{
  display:inline-block;
  width:18px!important;
  height:18px!important;
  margin-left:2px!important;
  vertical-align:-3px;
  object-fit:contain;
}

/* Trade slider, balance readability and settled-page sharpness v437 */
.trade #tradeForm > .trd-slider{
  --trd-range-track-inset:7px;
  position:relative!important;
  box-sizing:border-box!important;
  display:block!important;
  height:35px!important;
  margin:2px 0 5px!important;
  padding:0 5px!important;
  outline:0!important;
  touch-action:none!important;
}
.trade #tradeForm > .trd-slider::before{
  content:""!important;
  position:absolute!important;
  left:var(--trd-range-track-inset)!important;
  right:var(--trd-range-track-inset)!important;
  top:50%!important;
  width:auto!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:#343E4A!important;
  transform:translateY(-50%)!important;
}
.trade #tradeForm > .trd-slider > span.active{
  position:absolute!important;
  left:var(--trd-range-track-inset)!important;
  right:auto!important;
  top:50%!important;
  width:0;
  max-width:calc(100% - 14px)!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#EEF3F8!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
}
.trade #tradeForm > .trd-slider > span.active::after{
  content:""!important;
  position:absolute!important;
  right:-7px!important;
  top:-6px!important;
  width:14px!important;
  height:14px!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:1.5px solid #EEF3F8!important;
  border-radius:1px!important;
  background:#1F2630!important;
  transform:rotate(45deg)!important;
  z-index:4!important;
}
.trade #tradeForm > .trd-slider > i{
  position:absolute!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  box-sizing:border-box!important;
  margin:-3.5px 0 0 -3.5px!important;
  border:1.5px solid #303A46!important;
  border-radius:1px!important;
  background:#1F2630!important;
  transform:rotate(45deg)!important;
  z-index:1!important;
}
.trade #tradeForm > .trd-slider > i:nth-of-type(1){left:7px!important;right:auto!important;}
.trade #tradeForm > .trd-slider > i:nth-of-type(2){left:calc(25% + 3.5px)!important;right:auto!important;}
.trade #tradeForm > .trd-slider > i:nth-of-type(3){left:50%!important;right:auto!important;}
.trade #tradeForm > .trd-slider > i:nth-of-type(4){left:calc(75% - 3.5px)!important;right:auto!important;}
.trade #tradeForm > .trd-slider > i:nth-of-type(5){left:calc(100% - 7px)!important;right:auto!important;}
.trade #tradeForm > .trd-slider > i.active{
  border-color:#EEF3F8!important;
  background:#EEF3F8!important;
}
.trade #tradeForm > .trd-slider:focus-visible > span.active::after{
  box-shadow:0 0 0 2px #FCD434!important;
}

.trade #tradeForm > .trd-balance-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:8px!important;
  min-height:20px!important;
  height:20px!important;
  font-size:12px!important;
  line-height:15px!important;
}
.trade #tradeForm > .trd-balance-row.trd-available{
  grid-template-columns:auto minmax(0,1fr) 20px!important;
}
.trade #tradeForm > .trd-balance-row > span{
  min-width:0!important;
  align-self:center!important;
}
.trade #tradeForm > .trd-balance-row > b{
  width:100%!important;
  min-width:0!important;
  align-self:center!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:500!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.trade #tradeForm > .trd-balance-row > .trd-add-funds{
  align-self:center!important;
  justify-self:end!important;
}

/* Do not keep settled Trade/Markets text on a geometric/GPU raster layer. */
.trade.open,
.trade.open *,
.markets.open,
.markets.open *,
.coin.open,
.coin.open *{
  text-rendering:auto!important;
  -webkit-font-smoothing:auto!important;
  font-synthesis:none!important;
}
.trade.open,
.markets.open,
.coin.open{
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
}
.trade .trd-scroll,
.trade .trd-grid,
.trade .trd-form,
.trade .trd-book,
.markets .mkt-body,
.markets .mkt-track,
.markets .mkt-panel{
  filter:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  will-change:auto!important;
}

@media(max-width:380px){
  .trade #tradeForm > .trd-slider{
    height:29px!important;
    margin:1px 0 4px!important;
  }
  .trade #tradeForm > .trd-balance-row{
    min-height:18px!important;
    height:18px!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  .trade #tradeForm > .trd-balance-row > b{
    font-size:12px!important;
    line-height:15px!important;
  }
}

/* v442 — keep late Alpha/Crypto filters from scrolling the Markets track. */
.markets{
  width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
.markets .mkt-searchbar,
.markets .mkt-cats,
.markets .mkt-body,
.markets .mkt-panel,
.markets .mkt-subrow,
.markets .mkt-colhead,
.markets .mkt-live-list,
.markets .mkt-empty{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
.markets .mkt-searchbar,
.markets .mkt-cats,
.markets .mkt-body,
.markets .mkt-subrow,
.markets .mkt-colhead,
.markets .mkt-live-list,
.markets .mkt-empty{
  width:100%;
}
.markets .mkt-body,
.markets .mkt-panel{
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
.markets .mkt-panel[data-cat="alpha"] .mkt-subrow,
.markets .mkt-panel[data-cat="crypto"] .mkt-subrow,
.markets .mkt-panel[data-cat="crypto"] .mkt-crypto-filters{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
}
.markets .mkt-track{
  max-width:none!important;
}

/* v439 — Spot Holdings, reference-matched stacked portfolio rows. */
.trade .trd-order-panel[data-trd-panel="holdings"]{
  padding:0 15px!important;
}
.trade .trd-hold-toolbar{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #303945;
}
.trade .trd-hide-other{
  position:relative;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px;
  margin:0!important;
  color:#EAEEF3!important;
  font:400 13px/17px 'Plex',system-ui,sans-serif!important;
  cursor:pointer;
}
.trade .trd-hide-other input{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  overflow:hidden;
}
.trade .trd-hide-other > span{
  position:relative;
  box-sizing:border-box;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px;
  border:1.5px solid #737D89!important;
  border-radius:4px!important;
  background:transparent;
}
.trade .trd-hide-other input:checked + span{
  border-color:#FCD434!important;
  background:#FCD434;
}
.trade .trd-hide-other input:checked + span::after{
  content:"";
  position:absolute;
  left:4px;
  top:1.5px;
  width:4px;
  height:8px;
  border:solid #151B23;
  border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg);
}
.trade .trd-hide-other em{
  color:inherit;
  font:inherit;
  font-style:normal;
}
.trade .trd-hold-filter{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#7F8996!important;
}
.trade .trd-hold-filter[aria-pressed="true"]{color:#FCD434!important;}
.trade .trd-hold-filter svg{width:20px;height:20px;}
.trade .trd-hold-filter path,
.trade .trd-hold-filter circle{
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trade .trd-holdings-list{display:block;}
.trade .trd-holding{
  display:block!important;
  min-width:0;
  padding:12px 0 15px!important;
  border:0!important;
  border-bottom:1px solid #303945!important;
  color:#EAEEF3;
}
.trade .trd-holding[hidden]{display:none!important;}
.trade .trd-holding-head{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:24px;
  text-align:left!important;
}
.trade .trd-hold-ic{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%;
  overflow:hidden;
  background:#303945;
  color:#EAEEF3;
  font:500 10px/1 'Plex',system-ui,sans-serif;
}
.trade .trd-hold-ic img{
  grid-area:1/1;
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover;
}
.trade .trd-hold-fallback{grid-area:1/1;}
.trade .trd-hold-name{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  overflow:hidden;
}
.trade .trd-hold-name b{
  flex:0 0 auto;
  color:#EAEEF3!important;
  font:500 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-hold-name em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#959CA6!important;
  font:400 12px/16px 'Plex',system-ui,sans-serif!important;
  font-style:normal!important;
}
.trade .trd-hold-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.trade .trd-hold-actions button{
  position:relative;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#7F8996!important;
  touch-action:manipulation;
}
.trade .trd-hold-actions button::before{content:"";position:absolute;inset:-5px;}
.trade .trd-hold-actions svg{width:20px;height:20px;}
.trade .trd-hold-actions circle,
.trade .trd-hold-actions path{
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trade .trd-hold-performance{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:14px!important;
  color:#959CA6;
  text-align:left!important;
}
.trade .trd-hold-performance > span,
.trade .trd-hold-balance-grid > span{
  min-width:0;
  display:block;
}
.trade .trd-hold-performance > span:last-child{text-align:right;}
.trade .trd-hold-performance em,
.trade .trd-hold-balance-grid em{
  display:block;
  color:#959CA6!important;
  font:400 11px/14px 'Plex',system-ui,sans-serif!important;
  font-style:normal!important;
}
.trade .trd-hold-performance strong,
.trade .trd-hold-balance-grid strong{
  display:block!important;
  min-width:0;
  margin-top:4px!important;
  overflow:hidden;
  color:#EAEEF3;
  font:400 15px/19px 'Plex',system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.trade .trd-hold-performance strong.up{color:#2EBD85!important;}
.trade .trd-hold-performance strong.down{color:#F6465D!important;}
.trade .trd-hold-balance-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin-top:15px!important;
  color:#959CA6;
  text-align:left!important;
}
.trade .trd-holding[data-stablecoin="1"] .trd-hold-balance-grid{margin-top:11px!important;}
.trade .trd-hold-balance-grid > span:last-child{text-align:right;}
.trade .trd-hold-balance-grid > span:nth-child(2){
  align-self:start!important;
  text-align:center;
  transform:translate(-10px,-1px);
}

/* v587: keep every Trade pair-picker filter row at its full height. */
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row{
  flex:0 0 49px!important;
  width:100%!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes{
  flex:0 0 43px!important;
  width:100%!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-head{
  flex:0 0 38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-fav-panel > .trd-fav-subtabs{
  flex:0 0 41px!important;
}
.trade .trd-pair-sheet .trd-fav-panel > .trd-sheet-head{
  flex:0 0 32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-pair-list{
  flex:1 1 0!important;
  min-height:0!important;
}
.trade .trd-hold-balance-grid small{
  display:block!important;
  min-width:0;
  margin-top:3px!important;
  overflow:hidden;
  color:#959CA6!important;
  font:400 12px/16px 'Plex',system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.trade .trd-hide-other input:focus-visible + span,
.trade .trd-hold-filter:focus-visible,
.trade .trd-hold-actions button:focus-visible{
  outline:2px solid #FCD434!important;
  outline-offset:2px!important;
}
.trade .trd-chart-link{
  border:0!important;
  border-top:1px solid #1C232E!important;
  background:#1F2630!important;
  text-align:left!important;
}

@media(max-width:380px){
  .trade .trd-order-panel[data-trd-panel="holdings"]{padding:0 12px!important;}
  .trade .trd-hold-toolbar{min-height:43px;}
  .trade .trd-hide-other{min-height:42px;font-size:12px!important;line-height:16px!important;}
  .trade .trd-holding{padding:11px 0 14px!important;}
  .trade .trd-hold-performance{margin-top:12px!important;}
  .trade .trd-hold-balance-grid{gap:7px!important;margin-top:13px!important;}
  .trade .trd-holding[data-stablecoin="1"] .trd-hold-balance-grid{margin-top:10px!important;}
  .trade .trd-hold-performance strong,
  .trade .trd-hold-balance-grid strong{font-size:14px!important;line-height:18px!important;}
  .trade .trd-hold-balance-grid small{font-size:11px!important;line-height:15px!important;}
}

/* v443 — keep every Spot order-book element on one shared horizontal grid. */
.trade .trd-book{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.trade .trd-book-head,
.trade .trd-asks,
.trade .trd-bids,
.trade .trd-mid,
.trade .trd-book-ratio,
.trade .trd-book-foot{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.trade .trd-book-head,
.trade .trd-asks > div,
.trade .trd-bids > div{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:5px!important;
  padding-left:1px!important;
  padding-right:1px!important;
}
.trade .trd-book-head > span,
.trade .trd-asks > div > span,
.trade .trd-asks > div > em,
.trade .trd-bids > div > span,
.trade .trd-bids > div > em{
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.trade .trd-book-head > span:first-child,
.trade .trd-asks > div > span,
.trade .trd-bids > div > span{
  justify-self:stretch!important;
  text-align:left!important;
}
.trade .trd-book-head > span:last-child,
.trade .trd-asks > div > em,
.trade .trd-bids > div > em{
  justify-self:stretch!important;
  text-align:right!important;
}
.trade .trd-mid{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-left:1px!important;
  padding-right:1px!important;
}
.trade .trd-mid > small{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.trade .trd-book-ratio{
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  column-gap:4px!important;
  padding-left:1px!important;
  padding-right:1px!important;
  overflow:hidden!important;
}
.trade .trd-book-ratio > span:first-child{text-align:left!important;}
.trade .trd-book-ratio > span:last-child{text-align:right!important;}
.trade .trd-book-ratio > i{
  width:100%!important;
  min-width:0!important;
}
.trade .trd-book-foot{
  grid-template-columns:minmax(0,1fr) 20px!important;
  column-gap:6px!important;
  padding-left:1px!important;
  padding-right:1px!important;
}
.trade .trd-step-wrap,
.trade .trd-book-foot .trd-step{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.trade .trd-book-grid-svg{
  width:20px!important;
  max-width:100%!important;
  justify-self:end!important;
}

/* v670: keep the precision control clear of the ratio labels and bar. */
.trade .trd-book-foot{
  margin-top:7px!important;
}

@media(max-width:380px){
  .trade .trd-book-head,
  .trade .trd-asks > div,
  .trade .trd-bids > div{column-gap:4px!important;}
  .trade .trd-book-ratio{column-gap:3px!important;}
  .trade .trd-book-foot{
    grid-template-columns:minmax(0,1fr) 17px!important;
    column-gap:5px!important;
  }
  .trade .trd-book-grid-svg{width:17px!important;}
}

/* v558 — the Trade/Favorites coin list owns the vertical scroll area. */
.trade .trd-pair-sheet .trd-pair-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.trade .trd-pair-sheet .trd-sheet-viewport{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-track{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel,
.trade .trd-pair-sheet .trd-sheet-panel.active{
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-pair-list,
.trade .trd-pair-sheet .trd-favorite-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:none!important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
}
.trade .trd-pair-sheet .trd-pair-list::-webkit-scrollbar,
.trade .trd-pair-sheet .trd-favorite-list::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* v647 — reliable swipe-down dismissal for the Trade pair picker. */
.trade .trd-pair-sheet .trd-pair-card::before{
  display:none!important;
}
.trade .trd-pair-sheet .trd-pair-drag-handle{
  position:absolute!important;
  z-index:8!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:25px!important;
  cursor:grab!important;
  touch-action:none!important;
}
.trade .trd-pair-sheet .trd-pair-drag-handle::after{
  content:"";
  position:absolute;
  top:7px;
  left:50%;
  width:35px;
  height:3px;
  border-radius:3px;
  background:#59616c;
  transform:translateX(-50%);
}
.trade .trd-pair-sheet .trd-pair-card:active .trd-pair-drag-handle{
  cursor:grabbing!important;
}

/* v456 — Account Info icons are inline and keep the original compact geometry. */
.account-info .account-list-icon svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* v507 — Auth home refresh skeleton. */
.auth-home-skeleton{
  display:none;
  margin:10px 0 18px;
}
.auth-home.auth-refresh-loading .auth-home-skeleton{display:block}
.auth-home.auth-refresh-loading .auth-shortcuts,
.auth-home.auth-refresh-loading .auth-quick,
.auth-home.auth-refresh-loading .auth-market-card,
.auth-home.auth-refresh-loading .auth-discover-tabs{
  display:none!important;
}
.auth-sk-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:5px 7px 18px;
}
.auth-sk-shortcut{
  display:flex;
  min-width:0;
  align-items:center;
  flex-direction:column;
  gap:9px;
}
.auth-sk-shape{
  display:block;
  overflow:hidden;
  background:linear-gradient(100deg,#303946 28%,#424c59 47%,#303946 67%);
  background-size:240% 100%;
  animation:authSkeletonShimmer 1.25s ease-in-out infinite;
}
.auth-sk-icon{
  width:48px;
  height:48px;
  border-radius:14px;
}
.auth-sk-label{
  width:min(58px,78%);
  height:9px;
  border-radius:5px;
}
.auth-sk-quick{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:20px;
}
.auth-sk-card,
.auth-sk-market{
  border-radius:14px;
  background:#27313d;
}
.auth-sk-card{
  display:flex;
  min-height:190px;
  padding:16px;
  flex-direction:column;
  gap:12px;
}
.auth-sk-card-head,
.auth-sk-market-head{
  display:flex;
  align-items:center;
  gap:11px;
}
.auth-sk-card-head{margin-bottom:18px}
.auth-sk-circle{
  width:43px;
  height:43px;
  flex:0 0 auto;
  border-radius:50%;
}
.auth-sk-dot{
  width:20px;
  height:20px;
  margin-left:auto;
  flex:0 0 auto;
  border-radius:50%;
}
.auth-sk-line{
  height:12px;
  border-radius:7px;
}
.auth-sk-line-full{width:100%}
.auth-sk-line-medium{width:64%}
.auth-sk-line-short{width:43%}
.auth-sk-line-small{
  width:30%;
  margin-top:auto;
}
.auth-sk-market{
  display:flex;
  min-height:310px;
  padding:18px 16px;
  flex-direction:column;
  gap:12px;
}
.auth-sk-market-head{margin-bottom:33px}
.auth-sk-market>.auth-sk-line:nth-of-type(3),
.auth-sk-market>.auth-sk-line:nth-of-type(5){margin-top:30px}
.auth-home.auth-refresh-ready .auth-shortcuts,
.auth-home.auth-refresh-ready .auth-quick,
.auth-home.auth-refresh-ready .auth-market-card,
.auth-home.auth-refresh-ready .auth-discover-tabs{
  animation:authHomeContentReveal .38s cubic-bezier(.2,.75,.25,1) both;
}
.auth-home.auth-refresh-ready .auth-quick{animation-delay:45ms}
.auth-home.auth-refresh-ready .auth-market-card{animation-delay:90ms}
.auth-home.auth-refresh-ready .auth-discover-tabs{animation-delay:125ms}
@keyframes authSkeletonShimmer{
  0%{background-position:105% 0}
  100%{background-position:-105% 0}
}
@keyframes authHomeContentReveal{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:380px){
  .auth-sk-shortcuts{
    gap:7px;
    padding-inline:2px;
  }
  .auth-sk-quick{gap:12px}
  .auth-sk-card{
    min-height:178px;
    padding:14px;
  }
}
@media (prefers-reduced-motion:reduce){
  .auth-sk-shape,
  .auth-home.auth-refresh-ready .auth-shortcuts,
  .auth-home.auth-refresh-ready .auth-quick,
  .auth-home.auth-refresh-ready .auth-market-card,
  .auth-home.auth-refresh-ready .auth-discover-tabs{
    animation:none!important;
  }
}

/* v508 — Home Favorites use the same Spot/Futures stores as Markets. */
.auth-market-empty{
  display:flex;
  min-height:112px;
  align-items:center;
  justify-content:center;
  padding:24px 12px;
  color:#959ca6;
  font-size:12px;
  text-align:center;
}

/* v581 — interactive controls for the coin chart toolbar. */
.coin .cn-tf-ic{
  position:relative;
  gap:4px!important;
}
.coin .cn-tf-ic .cn-tf-tool-button{
  display:inline-flex!important;
  width:24px;
  height:24px;
  flex:0 0 24px;
  align-items:center;
  justify-content:center;
  border-radius:5px!important;
  color:#eaeef3!important;
  cursor:pointer;
  touch-action:manipulation;
}
.coin .cn-tf-ic .cn-tf-tool-button:hover,
.coin .cn-tf-ic .cn-tf-tool-button:focus-visible,
.coin .cn-tf-ic .cn-tf-tool-button.active,
.coin .cn-tf-ic .cn-tf-tool-button[data-cn-chart-float][aria-pressed="true"],
.coin .cn-tf-ic .cn-tf-tool-button[data-cn-chart-expand][aria-pressed="true"],
.coin .cn-tf-ic #cnChartLayoutButton[aria-pressed="true"]{
  background:#343d49!important;
  color:#fcd434!important;
}
.coin .cn-tf-ic .cn-tf-tool-button:focus-visible{
  outline:2px solid #fcd434;
  outline-offset:1px;
}
.coin .cn-tf-ic .cn-tf-tool{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  pointer-events:none;
}
.coin .cn-chart-settings{
  position:fixed;
  inset:0;
  z-index:110;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(8,11,15,.58);
  color:#eaeef3;
  opacity:0;
  transition:opacity .26s ease;
}
.coin .cn-chart-settings[hidden]{display:none!important;}
.coin .cn-chart-settings.open{opacity:1;}
.coin .cn-chart-settings-sheet{
  position:relative;
  width:min(480px,100vw);
  height:min(62dvh,760px);
  max-height:calc(100dvh - 154px);
  box-sizing:border-box;
  padding:34px 20px calc(24px + env(safe-area-inset-bottom));
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #35404d;
  border-bottom:0;
  border-radius:22px 22px 0 0;
  background:#202833;
  box-shadow:0 -16px 42px rgba(0,0,0,.34);
  transform:translateY(100%);
  transition:transform .32s cubic-bezier(.32,.72,0,1);
  scrollbar-width:none;
}
.coin .cn-chart-settings-sheet::-webkit-scrollbar{display:none;}
.coin .cn-chart-settings.open .cn-chart-settings-sheet{transform:translateY(0);}
.coin .cn-chart-sheet-handle{
  position:absolute;
  top:9px;
  left:50%;
  width:56px;
  height:4px;
  border-radius:4px;
  background:#2c3542;
  transform:translateX(-50%);
}
.coin .cn-chart-tool-grid,
.coin .cn-chart-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.coin .cn-chart-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.coin .cn-chart-tool-grid button,
.coin .cn-chart-option-grid button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:48px;
  box-sizing:border-box;
  border:1px solid #3c4755!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#eef1f5!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.1!important;
  cursor:pointer;
  touch-action:manipulation;
}
.coin .cn-chart-tool-grid button{
  justify-content:flex-start;
  gap:7px;
  padding:0 10px!important;
}
.coin .cn-chart-tool-grid svg{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.coin .cn-chart-tool-grid button:active,
.coin .cn-chart-tool-grid button[aria-pressed="true"],
.coin .cn-chart-option-grid button:active{
  border-color:#677383!important;
  background:#27313d!important;
}
.coin .cn-chart-settings-sheet h3{
  display:flex;
  align-items:center;
  gap:5px;
  margin:34px 0 14px;
  color:#9ca5b1;
  font-size:13px;
  font-weight:400;
}
.coin .cn-chart-settings-sheet h3 i{
  display:inline-flex;
  width:16px;
  height:16px;
  align-items:center;
  justify-content:center;
  border:1px solid #818b98;
  border-radius:50%;
  color:#a8b0ba;
  font-size:10px;
  font-style:normal;
}
.coin .cn-chart-option-grid button{
  position:relative;
  padding:0 8px!important;
}
.coin .cn-chart-option-grid button small{
  margin-left:6px;
  color:#adb5c0;
  font-size:11px;
  white-space:nowrap;
}
.coin .cn-chart-option-grid button.selected{
  border-color:#eef2f6!important;
  box-shadow:inset 0 0 0 1px #eef2f6;
}
.coin .cn-chart-option-grid button.selected::after{
  content:"";
  position:absolute;
  top:-3px;
  right:-3px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#eef2f6;
  box-shadow:0 0 0 2px #202833;
}
.coin .cn-chart-option-grid button.selected::before{
  content:"✓";
  position:absolute;
  z-index:1;
  top:-2px;
  right:1px;
  color:#202833;
  font-size:11px;
  font-weight:800;
  line-height:14px;
}
.coin.cn-ma-hidden .cn-ma,
.coin.cn-ma-hidden .cn-ma-line{display:none!important;}
.coin.cn-rsi-hidden .cn-rsi-chart,
.coin.cn-rsi-hidden .cn-ind{display:none!important;}
.coin .cn-expand{
  appearance:none;
  padding:0;
  background:#1f2630;
  color:#8a929e;
  cursor:pointer;
  touch-action:manipulation;
}
.coin .cn-expand:focus-visible{outline:2px solid #fcd434;outline-offset:2px;}
body.coin-chart-expanded{overflow:hidden!important;}
.coin.chart-expanded{padding-top:0!important;}
.coin.chart-expanded .cn-head,
.coin.chart-expanded .cn-tabs,
.coin.chart-expanded .cn-bottom,
.coin.chart-expanded .cn-scroll>:not(.cn-tf):not(.cn-chart){display:none!important;}
.coin.chart-expanded .cn-scroll{
  overflow:hidden!important;
  padding-top:env(safe-area-inset-top);
  background:#1f2630;
}
.coin.chart-expanded .cn-tf{
  min-height:46px;
  padding:8px 15px!important;
  border-top:0!important;
  background:#1f2630;
}
.coin.chart-expanded .cn-chart{
  height:calc(100dvh - 46px - env(safe-area-inset-top))!important;
  min-height:320px;
  border-bottom:0!important;
}
.coin.chart-expanded .cn-expand{display:none!important;}

/* v720 — the first toolbar control opens Binance-style picture-in-picture chart. */
.coin .cn-floating-chart{
  position:fixed;
  top:max(78px,calc(env(safe-area-inset-top) + 70px));
  right:max(10px,calc((100vw - 480px) / 2 + 10px));
  z-index:96;
  width:clamp(208px,52vw,226px);
  height:336px;
  box-sizing:border-box;
  padding:14px 14px 12px;
  overflow:hidden;
  border:1px solid #4a5563;
  border-radius:29px;
  background:rgba(31,38,48,.985);
  box-shadow:0 15px 38px rgba(0,0,0,.38);
  color:#eef2f6;
  opacity:0;
  transform:translateY(-7px) scale(.975);
  transform-origin:top right;
  transition:opacity .18s ease,transform .18s ease;
  user-select:none;
  touch-action:none;
  cursor:grab;
}
.coin .cn-floating-chart[hidden]{display:none!important;}
.coin .cn-floating-chart.open{
  opacity:1;
  transform:translateY(0) scale(1);
}
.coin .cn-floating-chart.dragging{
  cursor:grabbing;
  transition:none!important;
}
.coin .cn-floating-brand{
  display:flex;
  align-items:center;
  gap:3px;
  height:17px;
  color:#f0b90b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.75px;
}
.coin .cn-floating-brand>span{font-size:13px;line-height:1;}
.coin .cn-floating-pair{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:#e9edf2;
  font-size:13px;
  line-height:18px;
}
.coin .cn-floating-pair strong{font-weight:500;}
.coin .cn-floating-pair span{color:#b0b7c1;font-style:normal;}
.coin .cn-floating-price{
  margin-top:1px;
  color:#eef2f6;
  font-size:24px;
  font-weight:500;
  line-height:29px;
  letter-spacing:.2px;
  white-space:nowrap;
}
.coin .cn-floating-change{
  height:18px;
  font-size:13px;
  line-height:18px;
}
.coin .cn-floating-plot{
  position:relative;
  width:100%;
  height:205px;
  margin-top:9px;
}
.coin .cn-floating-plot>svg{
  display:block;
  width:100%;
  height:178px;
  overflow:visible;
}
.coin .cn-floating-grid{
  stroke:#2b3440;
  stroke-width:.7;
}
.coin .cn-floating-wick{
  stroke-width:1.15;
}
.coin .cn-floating-wick.up{stroke:#2fc28b;}
.coin .cn-floating-wick.down{stroke:#f6465d;}
.coin .cn-floating-body.up{fill:#2fc28b;}
.coin .cn-floating-body.down{fill:#f6465d;}
.coin .cn-floating-last-line{
  stroke:#69727f;
  stroke-width:.75;
  stroke-dasharray:3 3;
}
.coin .cn-floating-extreme{
  fill:#dce1e7;
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  paint-order:stroke;
  stroke:#1f2630;
  stroke-width:2.5px;
  stroke-linejoin:round;
}
.coin .cn-floating-times{
  display:flex;
  align-items:center;
  justify-content:space-around;
  height:24px;
  color:#979faa;
  font-size:11px;
  line-height:24px;
}

/* v722 — the grid toolbar control opens the dedicated Multiple Charts page. */
.coin .cn-multiple-charts{
  position:absolute;
  z-index:122;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#1f2630;
  color:#eaeef3;
  visibility:hidden;
  transform:translateX(100%);
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s;
}
.coin .cn-multiple-charts[hidden]{display:none!important;}
.coin .cn-multiple-charts.open{
  visibility:visible;
  transform:translateX(0);
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s;
}
.coin .cn-multiple-charts.closing{visibility:visible;}
.coin .cn-multiple-head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:end;
  min-height:calc(67px + env(safe-area-inset-top));
  box-sizing:border-box;
  padding:env(safe-area-inset-top) 10px 13px;
  border-bottom:1px solid #2b3440;
}
.coin .cn-multiple-head button,
.coin .cn-multiple-toolbar button{
  appearance:none;
  border:0!important;
  background:transparent!important;
  color:inherit;
  cursor:pointer;
  touch-action:manipulation;
}
.coin .cn-multiple-back,
.coin .cn-multiple-edit{
  display:flex;
  width:38px;
  height:36px;
  align-items:center;
  justify-content:center;
  padding:0!important;
}
.coin .cn-multiple-back svg,
.coin .cn-multiple-edit svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.coin .cn-multiple-edit{justify-self:end;}
.coin .cn-multiple-title{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:0 4px!important;
  font-size:20px!important;
  font-weight:600!important;
  line-height:36px!important;
}
.coin .cn-multiple-title .tri,
.coin .cn-multiple-range .tri,
.coin .cn-multiple-indicators .tri{
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:.78;
}
.coin .cn-multiple-toolbar{
  position:relative;
  z-index:3;
  display:flex;
  height:47px;
  flex:0 0 47px;
  align-items:center;
  gap:20px;
  box-sizing:border-box;
  padding:0 15px;
  border-bottom:1px solid #2b3440;
  color:#e4e8ed;
  font-size:13px;
}
.coin .cn-multiple-range-wrap{position:relative;}
.coin .cn-multiple-range,
.coin .cn-multiple-indicators{
  display:inline-flex;
  height:34px;
  align-items:center;
  gap:7px;
  padding:0 2px!important;
  font-size:13px!important;
  font-weight:400!important;
}
.coin .cn-multiple-toolbar-icons{
  display:flex;
  align-items:center;
  gap:17px;
  margin-left:auto;
  color:#788391;
}
.coin .cn-multiple-toolbar-icons svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.coin .cn-multiple-range-menu{
  position:absolute;
  z-index:5;
  top:37px;
  left:-4px;
  width:74px;
  padding:5px;
  border:1px solid #3b4653;
  border-radius:8px;
  background:#27313d;
  box-shadow:0 9px 22px rgba(0,0,0,.3);
}
.coin .cn-multiple-range-menu[hidden]{display:none!important;}
.coin .cn-multiple-range-menu button{
  display:block;
  width:100%;
  height:31px;
  border-radius:5px!important;
  font-size:12px!important;
}
.coin .cn-multiple-range-menu button[aria-selected="true"]{
  background:#36414e!important;
  color:#fcd434!important;
}
.coin .cn-multiple-pair-row{
  display:flex;
  height:39px;
  flex:0 0 39px;
  align-items:center;
  gap:9px;
  box-sizing:border-box;
  padding:0 15px;
  border-bottom:1px solid #2b3440;
}
.coin .cn-multiple-pair-row strong{
  font-size:18px;
  font-weight:400;
}
.coin .cn-multiple-current-price,
.coin .cn-multiple-change{
  font-size:13px;
}
.coin .cn-multiple-current-price{color:#2fc28b;}
.coin .cn-multiple-plot{
  position:relative;
  width:100%;
  height:clamp(260px,68vw,326px);
  flex:0 0 clamp(260px,68vw,326px);
  overflow:hidden;
  border-bottom:1px solid #2b3440;
  background:#1f2630;
}
.coin .cn-multiple-plot>svg{
  display:block;
  width:100%;
  height:100%;
}
.coin .cn-multiple-grid{
  stroke:#2b3440;
  stroke-width:.75;
}
.coin .cn-multiple-wick{stroke-width:1.05;}
.coin .cn-multiple-wick.up{stroke:#2fc28b;}
.coin .cn-multiple-wick.down{stroke:#f6465d;}
.coin .cn-multiple-body.up{fill:#2fc28b;}
.coin .cn-multiple-body.down{fill:#f6465d;}
.coin .cn-multiple-last-line{
  stroke:#77818e;
  stroke-width:.75;
  stroke-dasharray:3 2;
}
.coin .cn-multiple-extreme{
  fill:#e6eaef;
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  paint-order:stroke;
  stroke:#1f2630;
  stroke-width:3px;
  stroke-linejoin:round;
}
.coin .cn-multiple-watermark{
  position:absolute;
  top:45%;
  left:50%;
  color:rgba(110,122,136,.11);
  font-size:20px;
  font-weight:800;
  letter-spacing:1px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.coin .cn-multiple-axis{
  position:absolute;
  z-index:2;
  top:11px;
  right:6px;
  bottom:32px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  color:#929aa5;
  font-size:10px;
  pointer-events:none;
}
.coin .cn-multiple-x-axis{
  position:absolute;
  z-index:2;
  right:50px;
  bottom:3px;
  left:7px;
  display:flex;
  justify-content:space-between;
  color:#929aa5;
  font-size:10px;
  pointer-events:none;
}
.coin .cn-multiple-last{
  position:absolute;
  z-index:4;
  right:1px;
  display:flex;
  min-width:61px;
  min-height:34px;
  box-sizing:border-box;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding:2px 4px;
  border:1px solid #a7afb9;
  border-radius:4px;
  background:#202833;
  color:#eef2f6;
  font-size:11px;
  line-height:14px;
  pointer-events:none;
}
.coin .cn-multiple-last small{
  font-size:9px;
  font-weight:400;
}
.coin .cn-multiple-expand{
  position:absolute;
  z-index:4;
  bottom:27px;
  left:16px;
  display:flex;
  width:29px;
  height:29px;
  align-items:center;
  justify-content:center;
  padding:0!important;
  border:1px solid #303a46!important;
  border-radius:7px!important;
  background:#222b36!important;
  color:#9ca5b0;
}
.coin .cn-multiple-expand svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.coin .cn-multiple-loading{
  position:absolute;
  top:50%;
  left:50%;
  color:#9ca5b0;
  font-size:12px;
  opacity:0;
  transform:translate(-50%,-50%);
  transition:opacity .15s ease;
  pointer-events:none;
}
.coin .cn-multiple-plot.loading .cn-multiple-loading{opacity:1;}
.coin .cn-multiple-plot.loading>svg{opacity:.38;}
.coin .cn-multiple-empty{
  flex:1 1 auto;
  background:#1f2630;
}
@media(max-width:380px){
  .coin .cn-tf-ic .cn-tf-tool-button{width:22px;height:22px;flex-basis:22px;}
  .coin .cn-tf-ic .cn-tf-tool{width:14px!important;height:14px!important;flex-basis:14px!important;}
  .coin .cn-chart-settings-sheet{padding-inline:14px;}
  .coin .cn-chart-tool-grid,.coin .cn-chart-option-grid{gap:8px;}
  .coin .cn-chart-tool-grid button,.coin .cn-chart-option-grid button{font-size:12px!important;}
  .coin .cn-floating-chart{right:7px;width:207px;height:322px;padding:12px;border-radius:26px;}
  .coin .cn-floating-plot{height:196px;margin-top:5px;}
  .coin .cn-multiple-toolbar{gap:14px;padding-inline:11px;}
  .coin .cn-multiple-toolbar-icons{gap:11px;}
  .coin .cn-multiple-title{font-size:18px!important;}
}

/* v601: Futures favorites are separated into USDⓈ-M and COIN-M contracts. */
.trade .trd-pair-sheet .trd-favorite-futures-products[hidden]{
  display:none!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="futures"] > .trd-favorite-futures-products{
  display:flex!important;
  flex:0 0 49px!important;
  width:100%!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  padding:10px 20px 4px!important;
  gap:16px!important;
  box-sizing:border-box!important;
}
.trade .trd-pair-sheet .trd-favorite-futures-products [data-trade-fav-futures-product]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#959ca6!important;
  font:500 14px/31px 'Plex',system-ui,sans-serif!important;
  cursor:pointer!important;
}
.trade .trd-pair-sheet .trd-favorite-futures-products [data-trade-fav-futures-product].active{
  background:#283240!important;
  color:#eaeef3!important;
}
.trade .trd-pair-sheet .trd-favorite-futures-products [data-trade-fav-futures-product]:focus-visible{
  outline:2px solid #fcd434!important;
  outline-offset:1px!important;
}

/* v608: Assets -> Futures account overview. */
.assets .as-page[data-astab="supplemental-template"]{display:none!important;}
.assets .as-futures-wallet-page{
  padding:0 0 24px!important;
  color:#eef2f6;
  background:#1e2631;
}
.assets .as-futures-wallet-products{
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px 20px 11px;
}
.assets .as-futures-wallet-products button{
  appearance:none;
  min-width:0;
  height:36px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9aa2ae;
  font:500 15px/36px 'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.assets .as-futures-wallet-products button.active{
  background:#293340;
  color:#f3f6f9;
}
.assets .as-futures-wallet-products button:focus-visible,
.assets .as-futures-wallet-card-head:focus-visible,
.assets .as-futures-wallet-actions button:focus-visible,
.assets .as-futures-wallet-list-head button:focus-visible{
  outline:2px solid #f2c928;
  outline-offset:2px;
}
.assets .as-futures-wallet-summary{
  position:relative;
  min-height:169px;
  padding:8px 20px 0;
  box-sizing:border-box;
}
.assets .as-futures-wallet-summary-head{
  display:flex;
  min-height:26px;
  align-items:center;
  gap:4px;
  color:#e7ebf0;
  font-size:14px;
  line-height:20px;
}
.assets .as-futures-wallet-summary-head>.as-head-tool{margin-left:auto;}
.assets .as-futures-wallet-summary-head .as-history-tool-img{
  width:24px!important;
  height:24px!important;
  object-fit:contain;
}
.assets .as-futures-wallet-total{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:4px;
  min-height:43px;
}
.assets .as-futures-wallet-total b{
  color:#f3f5f8;
  font-size:34px;
  line-height:42px;
  font-weight:500;
  letter-spacing:.1px;
}
.assets .as-futures-wallet-total span{
  color:#e5e9ee;
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
.assets .as-futures-wallet-total i{
  width:0;
  height:0;
  margin-left:-4px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid #a2aab4;
}
.assets .as-futures-wallet-approx{
  margin-top:0;
  color:#929ba7;
  font-size:13px;
  line-height:19px;
}
.assets .as-futures-wallet-realized{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:8px;
  color:#e8ecf1;
  font-size:13px;
  line-height:19px;
  white-space:nowrap;
}
.assets .as-futures-wallet-realized b{
  color:#e8ecf1;
  font-weight:400;
}
.assets .as-futures-wallet-realized i,
.assets .as-futures-wallet-row-chevron{
  display:block;
  width:7px;
  height:7px;
  border-top:1.5px solid #8e97a3;
  border-right:1.5px solid #8e97a3;
  transform:rotate(45deg);
}
.assets .as-futures-wallet-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  padding:0 25px;
}
.assets .as-futures-wallet-actions button{
  appearance:none;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#eef2f6;
  font-family:'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.assets .as-futures-wallet-actions button>span{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border-radius:13px;
  background:#28323f;
}
.assets .as-futures-wallet-actions svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#ecf1f6;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-futures-wallet-actions .as-futures-wallet-swap-icon{
  display:block;
  width:23px;
  height:26px;
  object-fit:contain;
}
.assets .as-futures-wallet-actions svg circle{fill:#ecf1f6;stroke:none;}
.assets .as-futures-wallet-actions b{
  font-size:13px;
  line-height:18px;
  font-weight:400;
}
.assets .as-futures-wallet-card{
  margin:18px 20px 0;
  border-radius:11px;
  background:#27313d;
  color:#e8edf2;
  overflow:hidden;
  box-sizing:border-box;
}
.assets .as-futures-wallet-account-card{padding:0 15px 13px;}
.assets .as-futures-wallet-card-head{
  appearance:none;
  display:flex;
  width:100%;
  min-height:52px;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#a1a9b4;
  font:400 15px/20px 'Plex',system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}
.assets .as-futures-wallet-card-head i{
  width:8px;
  height:8px;
  margin-right:2px;
  border-top:1.5px solid #9099a5;
  border-left:1.5px solid #9099a5;
  transform:rotate(45deg) translate(2px,2px);
  transition:transform .18s ease;
}
.assets .as-futures-wallet-card-head[aria-expanded="false"] i{
  transform:rotate(225deg) translate(1px,1px);
}
.assets .as-futures-wallet-account-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 28px;
  padding-bottom:1px;
}
.assets .as-futures-wallet-account-grid[hidden]{display:none!important;}
.assets .as-futures-wallet-account-grid>span,
.assets .as-futures-wallet-metrics>span,
.assets .as-futures-wallet-position-metrics>span{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.assets .as-futures-wallet-account-grid small,
.assets .as-futures-wallet-metrics small,
.assets .as-futures-wallet-position-metrics small{
  overflow:hidden;
  color:#959eaa;
  font-size:12px;
  line-height:18px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.assets .as-futures-wallet-account-grid b{
  margin-top:1px;
  color:#edf1f5;
  font-size:15px;
  line-height:20px;
  font-weight:400;
}
.assets .as-futures-wallet-account-grid em{
  color:#929ba7;
  font-size:12px;
  line-height:17px;
  font-style:normal;
}
.assets .as-futures-wallet-card.as-futures-assets-card{
  min-height:158px;
  margin:18px 20px 0!important;
  padding:0 15px!important;
  border-radius:11px!important;
  background:#27313d!important;
}
.assets .as-futures-wallet-list-head{
  display:flex;
  min-height:57px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid transparent;
}
.assets .as-futures-wallet-list-head>div{
  display:flex;
  align-self:stretch;
  gap:23px;
}
.assets .as-futures-wallet-list-head button{
  appearance:none;
  position:relative;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#9aa2ad;
  font:400 15px/56px 'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.assets .as-futures-wallet-list-head button.active{
  color:#f1f4f7;
  font-weight:500;
}
.assets .as-futures-wallet-list-head button.active::after{
  content:"";
  position:absolute;
  right:18%;
  bottom:5px;
  left:18%;
  height:3px;
  border-radius:2px;
  background:#f3cf25;
}
.assets .as-futures-wallet-filter{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  color:#8f98a5;
}
.assets .as-futures-wallet-filter svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assets .as-futures-wallet-panel[hidden],
.assets .as-futures-wallet-empty[hidden]{display:none!important;}
.assets .as-futures-wallet-empty{
  display:flex;
  min-height:100px;
  align-items:center;
  justify-content:center;
  color:#929ba7;
  font-size:13px;
}
.assets .as-futures-wallet-asset{
  padding:17px 0 15px;
  border-bottom:1px solid #323c48;
}
.assets .as-futures-wallet-asset:last-of-type{border-bottom:0;}
.assets .as-futures-wallet-asset-title{
  display:flex;
  min-height:29px;
  align-items:center;
  gap:9px;
}
.assets .as-futures-wallet-asset-title .acoin-ic{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  font-size:12px!important;
}
.assets .as-futures-wallet-symbol{
  color:#eef2f6;
  font-size:16px;
  line-height:21px;
  font-weight:500;
}
.assets .as-futures-wallet-badge{
  max-width:128px;
  overflow:hidden;
  padding:2px 6px;
  border-radius:4px;
  background:#343e4a;
  color:#d7dce2;
  font-size:10px;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.assets .as-futures-wallet-badge.is-apr{
  background:rgba(46,189,133,.14);
  color:#3dc291;
}
.assets .as-futures-wallet-row-chevron{
  margin-left:2px;
  border-color:#8e97a3;
}
.assets .as-futures-wallet-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 30px;
  margin-top:13px;
}
.assets .as-futures-wallet-metrics b{
  margin-top:2px;
  color:#e9edf2;
  font-size:15px;
  line-height:20px;
  font-weight:400;
}
.assets .as-futures-wallet-page .as-futures-private.is-positive{color:#35bd88!important;}
.assets .as-futures-wallet-page .as-futures-private.is-negative{color:#f34c63!important;}
.assets .as-futures-wallet-position{
  padding:16px 0;
  border-bottom:1px solid #323c48;
}
.assets .as-futures-wallet-position-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.assets .as-futures-wallet-position-title b{font-size:15px;font-weight:500;}
.assets .as-futures-wallet-position-title span{
  padding:2px 6px;
  border-radius:4px;
  background:#343e4a;
  color:#abb3bd;
  font-size:10px;
}
.assets .as-futures-wallet-position-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:12px;
}
.assets .as-futures-wallet-position-metrics b{
  margin-top:2px;
  font-size:14px;
  line-height:19px;
  font-weight:400;
}
@media(max-width:380px){
  .assets .as-futures-wallet-products{padding-left:14px;padding-right:14px;}
  .assets .as-futures-wallet-summary{padding-left:14px;padding-right:14px;}
  .assets .as-futures-wallet-actions{gap:7px;padding-left:15px;padding-right:15px;}
  .assets .as-futures-wallet-actions button>span{width:48px;height:48px;}
  .assets .as-futures-wallet-card,
  .assets .as-futures-wallet-card.as-futures-assets-card{margin-left:12px!important;margin-right:12px!important;}
  .assets .as-futures-wallet-account-grid,
  .assets .as-futures-wallet-metrics{column-gap:16px;}
}

/* v609: directional tab transitions for Assets and Spot trade records. */
.assets .as-body,
.trade .trd-orders,
.assets .as-futures-wallet-card.as-futures-assets-card{overflow-x:hidden!important;}
.bb-tab-enter-forward{
  animation:bbTabPanelInForward .28s cubic-bezier(.22,.75,.24,1) both!important;
  will-change:transform,opacity;
}
.bb-tab-enter-backward{
  animation:bbTabPanelInBackward .28s cubic-bezier(.22,.75,.24,1) both!important;
  will-change:transform,opacity;
}
@keyframes bbTabPanelInForward{
  from{opacity:.28;transform:translate3d(24px,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes bbTabPanelInBackward{
  from{opacity:.28;transform:translate3d(-24px,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
.assets .as-top-tab{
  transition:color .2s ease,opacity .2s ease;
}
.trade .trd-order-tabs button[data-trd-tab]::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  border-radius:2px;
  background:#fcd434;
  opacity:0;
  transform:scaleX(.2);
  transform-origin:center;
  transition:transform .22s cubic-bezier(.22,.75,.24,1),opacity .18s ease;
}
.trade .trd-order-tabs button[data-trd-tab].active::after{
  opacity:1;
  transform:scaleX(1);
}
@media(prefers-reduced-motion:reduce){
  .bb-tab-enter-forward,
  .bb-tab-enter-backward{animation:none!important;}
  .assets .as-top-tab,
  .trade .trd-order-tabs button[data-trd-tab]::after{transition:none!important;}
}

/* v702: Settings-style paging between Open Orders / Holdings / Bots. */
.trade .trd-order-panels{
  position:relative;
  overflow:hidden;
  transition:height .52s cubic-bezier(.22,.78,.18,1);
  isolation:isolate;
}
.trade .trd-order-panels.bb-trd-panels-animating>.trd-order-panel.bb-trd-panel-current,
.trade .trd-order-panels.bb-trd-panels-animating>.trd-order-panel.bb-trd-panel-next{
  position:absolute;
  inset:0 0 auto;
  width:100%;
  box-sizing:border-box;
  display:block!important;
  background:#1f2630;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  pointer-events:none;
}
.trade .trd-order-panel.bb-trd-panel-next.bb-trd-panel-forward{
  animation:bbTradePanelInForward .52s cubic-bezier(.22,.78,.18,1) both!important;
}
.trade .trd-order-panel.bb-trd-panel-current.bb-trd-panel-forward{
  animation:bbTradePanelOutForward .52s cubic-bezier(.22,.78,.18,1) both!important;
}
.trade .trd-order-panel.bb-trd-panel-next.bb-trd-panel-backward{
  animation:bbTradePanelInBackward .52s cubic-bezier(.22,.78,.18,1) both!important;
}
.trade .trd-order-panel.bb-trd-panel-current.bb-trd-panel-backward{
  animation:bbTradePanelOutBackward .52s cubic-bezier(.22,.78,.18,1) both!important;
}
@keyframes bbTradePanelInForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePanelOutForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbTradePanelInBackward{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePanelOutBackward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}

/* v610: page-like transitions between Crypto market products. */
.markets .mkt-panel[data-cat="crypto"]{
  overflow-x:hidden!important;
}
.markets .mkt-crypto-product{
  transition:color .2s ease,opacity .2s ease;
}
.markets .mkt-panel.bb-market-product-forward > .mkt-crypto-filterbar,
.markets .mkt-panel.bb-market-product-forward > .mkt-colhead,
.markets .mkt-panel.bb-market-product-forward > .mkt-live-list,
.markets .mkt-panel.bb-market-product-forward > .mkt-empty{
  animation:bbMarketProductInForward .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.markets .mkt-panel.bb-market-product-back > .mkt-crypto-filterbar,
.markets .mkt-panel.bb-market-product-back > .mkt-colhead,
.markets .mkt-panel.bb-market-product-back > .mkt-live-list,
.markets .mkt-panel.bb-market-product-back > .mkt-empty{
  animation:bbMarketProductInBack .36s cubic-bezier(.22,.75,.24,1) both!important;
}
@keyframes bbMarketProductInForward{
  from{opacity:.3;transform:translate3d(28px,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes bbMarketProductInBack{
  from{opacity:.3;transform:translate3d(-28px,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@media(prefers-reduced-motion:reduce){
  .markets .mkt-panel.bb-market-product-forward > .mkt-crypto-filterbar,
  .markets .mkt-panel.bb-market-product-forward > .mkt-colhead,
  .markets .mkt-panel.bb-market-product-forward > .mkt-live-list,
  .markets .mkt-panel.bb-market-product-forward > .mkt-empty,
  .markets .mkt-panel.bb-market-product-back > .mkt-crypto-filterbar,
  .markets .mkt-panel.bb-market-product-back > .mkt-colhead,
  .markets .mkt-panel.bb-market-product-back > .mkt-live-list,
  .markets .mkt-panel.bb-market-product-back > .mkt-empty{animation:none!important;}
  .markets .mkt-crypto-product{transition:none!important;}
}

/* v616: smooth Spot/Futures paging inside the TradFi market. */
.markets .mkt-panel[data-cat="tradfi"]{
  overflow-x:hidden!important;
}
.markets .mkt-tradfi-product{
  transition:color .2s ease,opacity .2s ease!important;
}
.markets .mkt-panel[data-cat="tradfi"].bb-market-product-forward > .mkt-tradfi-filterbar{
  animation:bbMarketProductInForward .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.markets .mkt-panel[data-cat="tradfi"].bb-market-product-back > .mkt-tradfi-filterbar{
  animation:bbMarketProductInBack .36s cubic-bezier(.22,.75,.24,1) both!important;
}
@media(prefers-reduced-motion:reduce){
  .markets .mkt-tradfi-product{transition:none!important;}
  .markets .mkt-panel[data-cat="tradfi"].bb-market-product-forward > .mkt-tradfi-filterbar,
  .markets .mkt-panel[data-cat="tradfi"].bb-market-product-back > .mkt-tradfi-filterbar{animation:none!important;}
}

/* v709: Settings-style full-width paging for Favorites All / Spot / Futures. */
.markets .mkt-panel[data-cat="fav"] .mkt-mode-pages{
  position:relative;
  width:100%;
  overflow:hidden;
  transition:height .42s cubic-bezier(.22,.78,.18,1);
  isolation:isolate;
}
.markets .mkt-panel[data-cat="fav"] .mkt-mode-page{
  width:100%;
  box-sizing:border-box;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.markets .mkt-panel[data-cat="fav"] .mkt-mode-pages.bb-market-mode-animating>.mkt-mode-page{
  position:absolute;
  inset:0 0 auto;
  pointer-events:none;
  will-change:transform;
}
.markets .mkt-mode-page.bb-market-mode-in-forward{
  animation:bbMarketFavoriteInForward .42s cubic-bezier(.22,.78,.18,1) both!important;
}
.markets .mkt-mode-page.bb-market-mode-out-forward{
  animation:bbMarketFavoriteOutForward .42s cubic-bezier(.22,.78,.18,1) both!important;
}
.markets .mkt-mode-page.bb-market-mode-in-back{
  animation:bbMarketFavoriteInBack .42s cubic-bezier(.22,.78,.18,1) both!important;
}
.markets .mkt-mode-page.bb-market-mode-out-back{
  animation:bbMarketFavoriteOutBack .42s cubic-bezier(.22,.78,.18,1) both!important;
}
@keyframes bbMarketFavoriteInForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbMarketFavoriteOutForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbMarketFavoriteInBack{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbMarketFavoriteOutBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}
/* v669: Settings-style two-way paging between Crypto market products. */
.markets .mkt-panel[data-cat="crypto"] .mkt-product-pages{
  position:relative;
  width:100%;
  overflow:hidden;
  transition:height .52s cubic-bezier(.32,.72,0,1);
}
.markets .mkt-panel[data-cat="crypto"] .mkt-product-page{
  width:100%;
  box-sizing:border-box;
}
.markets .mkt-panel[data-cat="crypto"] .mkt-product-pages.bb-market-product-animating>.mkt-product-page{
  position:absolute;
  inset:0 0 auto;
  background:#1f2630;
  pointer-events:none;
  backface-visibility:hidden;
  will-change:transform;
}
.markets .mkt-product-page.bb-market-product-page-in-forward{
  animation:bbCryptoProductInForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-product-page.bb-market-product-page-out-forward{
  animation:bbCryptoProductOutForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-product-page.bb-market-product-page-in-back{
  animation:bbCryptoProductInBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-product-page.bb-market-product-page-out-back{
  animation:bbCryptoProductOutBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
@keyframes bbCryptoProductInForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbCryptoProductOutForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbCryptoProductInBack{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbCryptoProductOutBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}

/* v612: Spot order-book precision uses the native-style bottom selector. */
body.trade-step-menu-open{overflow:hidden!important;}
body:has(#tradeStepMenu.open) .trade,
body:has(#tradeStepMenu.closing) .trade{z-index:32!important;}
.trade .trd-step-menu{
  position:fixed!important;
  z-index:420!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(5,9,14,.68)!important;
  box-shadow:none!important;
  opacity:0;
  visibility:visible;
  transform:none!important;
  transition:opacity .28s cubic-bezier(.2,.75,.25,1)!important;
  will-change:opacity;
}
.trade .trd-step-menu[hidden]{display:none!important;}
.trade .trd-step-menu:not([hidden]){display:flex!important;}
.trade .trd-step-menu.open{opacity:1;}
.trade .trd-step-card{
  box-sizing:border-box;
  width:min(100%,480px);
  min-height:512px;
  max-height:calc(100dvh - 84px);
  padding:8px 0 max(22px,env(safe-area-inset-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
  border-radius:18px 18px 0 0;
  background:#1F2630;
  box-shadow:0 -8px 32px rgba(0,0,0,.22);
  transform:translate3d(0,102%,0);
  transition:transform .34s cubic-bezier(.22,.75,.24,1);
  will-change:transform;
}
.trade .trd-step-card:focus{outline:none;}
.trade .trd-step-menu.open .trd-step-card{transform:translate3d(0,0,0);}
.trade .trd-step-handle{
  display:block;
  width:40px;
  height:4px;
  margin:0 auto 4px;
  border-radius:3px;
  background:#697382;
}
.trade .trd-step-options{
  display:grid;
  width:100%;
}
.trade .trd-step-menu .trd-step-options button{
  position:relative;
  box-sizing:border-box;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 21px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#F5F7FA!important;
  text-align:left!important;
  font:400 18px/24px 'Plex',system-ui,sans-serif!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

/* v621: functional order-book precision selector on the coin detail page. */
body.coin-step-menu-open{overflow:hidden!important;}
.coin .cn-step{
  appearance:none!important;
  min-width:72px;
  min-height:25px;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  margin:0!important;
  border:0!important;
  background:#2b3340!important;
  color:#EAEEF3!important;
  font:500 12px/16px 'Plex',system-ui,sans-serif!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.coin .cn-step .cn-arr{margin:0!important;}
.coin .cn-step:focus-visible{outline:2px solid #fcd434;outline-offset:2px;}
.coin .cn-step-menu{
  position:fixed;
  z-index:520;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(5,9,14,.68);
  opacity:0;
  visibility:visible;
  pointer-events:none;
  transition:opacity .34s cubic-bezier(.2,.72,.24,1);
  will-change:opacity;
}
.coin .cn-step-menu[hidden]{display:none!important;}
.coin .cn-step-menu.open{opacity:1;pointer-events:auto;}
.coin .cn-step-menu.closing{opacity:0;pointer-events:none;}
.coin .cn-step-card{
  box-sizing:border-box;
  width:100%;
  min-height:392px;
  max-height:calc(100dvh - 84px);
  padding:8px 0 max(22px,env(safe-area-inset-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
  border-radius:18px 18px 0 0;
  background:#1F2630;
  box-shadow:0 -8px 32px rgba(0,0,0,.22);
  opacity:.72;
  transform:translate3d(0,102%,0);
  transition:transform .42s cubic-bezier(.2,.78,.2,1),opacity .3s ease-out;
  will-change:transform,opacity;
}
.coin .cn-step-menu.open .cn-step-card{opacity:1;transform:translate3d(0,0,0);}
.coin .cn-step-menu.closing .cn-step-card{transform:translate3d(0,102%,0);}
.coin .cn-step-card:focus{outline:none;}
.coin .cn-step-handle{
  display:block;
  width:40px;
  height:4px;
  margin:0 auto 4px;
  border-radius:3px;
  background:#697382;
}
.coin .cn-step-options{display:grid;width:100%;}
.coin .cn-step-options button{
  appearance:none;
  position:relative;
  box-sizing:border-box;
  width:100%;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 21px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#F5F7FA;
  text-align:left;
  font:400 18px/24px 'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.coin .cn-step-options button.active,
.coin .cn-step-options button[aria-selected="true"]{background:#2A323E;}
.coin .cn-step-options button i{
  width:11px;
  height:6px;
  display:block;
  border-left:2px solid transparent;
  border-bottom:2px solid transparent;
  transform:rotate(-45deg);
}
.coin .cn-step-options button[aria-selected="true"] i{
  border-color:#F1F4F7;
}
@media(prefers-reduced-motion:reduce){
  .coin .cn-step-menu,
  .coin .cn-step-card{transition:none!important;}
}

/* v646: keep the Order Book precision control above the right-hand column. */
.coin .cn-ob-head .cn-step{
  margin-left:auto!important;
}

/* v659: keep the precision selector above the book and give it a reliable
   mobile tap target without changing the visible compact control. */
.coin .cn-ob-head{
  position:relative!important;
  z-index:8!important;
  overflow:visible!important;
}
.coin .cn-ob-head .cn-step{
  position:relative!important;
  z-index:9!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.coin .cn-ob-head .cn-step::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -5px;
  display:block;
  border-radius:9px;
  background:transparent;
  pointer-events:auto;
}
.trade .trd-step-menu .trd-step-options button::after{
  content:"";
  width:9px;
  height:17px;
  margin:0 6px 6px 18px;
  border-right:2px solid #F5F7FA;
  border-bottom:2px solid #F5F7FA;
  opacity:0;
  transform:rotate(45deg);
}
.trade .trd-step-menu .trd-step-options button.active,
.trade .trd-step-menu .trd-step-options button[aria-selected="true"]{
  background:transparent!important;
  color:#F5F7FA!important;
}
.trade .trd-step-menu .trd-step-options button.active::after,
.trade .trd-step-menu .trd-step-options button[aria-selected="true"]::after{opacity:1;}
.trade .trd-step-menu .trd-step-options button:focus-visible{
  outline:2px solid #FCD434!important;
  outline-offset:-4px!important;
}
@media(max-height:620px){
  .trade .trd-step-card{min-height:0;max-height:calc(100dvh - 44px);}
  .trade .trd-step-menu .trd-step-options button{height:54px!important;min-height:54px!important;}
}
@media(prefers-reduced-motion:reduce){
  .trade .trd-step-menu,
  .trade .trd-step-card{transition:none!important;}
}

/* v638: compact Trade order-book precision sheet, aligned with other selectors. */
.trade .trd-step-card{
  width:min(100%,480px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 44px)!important;
  padding:6px 0 max(14px,env(safe-area-inset-bottom))!important;
  border-radius:16px 16px 0 0!important;
}
.trade .trd-step-handle{
  width:34px!important;
  height:3px!important;
  margin:0 auto 3px!important;
}
.trade .trd-step-menu .trd-step-options button{
  height:44px!important;
  min-height:44px!important;
  padding:0 15px!important;
  font:400 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-step-menu .trd-step-options button::after{
  width:7px!important;
  height:13px!important;
  margin:0 5px 5px 16px!important;
  border-right-width:1.5px!important;
  border-bottom-width:1.5px!important;
}
@media(max-height:620px){
  .trade .trd-step-card{max-height:calc(100dvh - 32px)!important;}
  .trade .trd-step-menu .trd-step-options button{
    height:40px!important;
    min-height:40px!important;
    font-size:13px!important;
    line-height:17px!important;
  }
}

/* v693: use the same compact precision sheet on the Trade chart page. */
.coin .cn-step-card{
  width:min(100%,480px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 44px)!important;
  padding:6px 0 max(14px,env(safe-area-inset-bottom))!important;
  border-radius:16px 16px 0 0!important;
}
.coin .cn-step-handle{
  width:34px!important;
  height:3px!important;
  margin:0 auto 3px!important;
}
.coin .cn-step-options button{
  height:44px!important;
  min-height:44px!important;
  padding:0 15px!important;
  font:400 14px/18px 'Plex',system-ui,sans-serif!important;
}
@media(max-height:620px){
  .coin .cn-step-card{max-height:calc(100dvh - 32px)!important;}
  .coin .cn-step-options button{
    height:40px!important;
    min-height:40px!important;
    font-size:13px!important;
    line-height:17px!important;
  }
}

/* v613: smooth page-turn motion between Trade pair categories. */
.trade .trd-pair-sheet #tradePairTabs.trd-sheet-tabs{
  position:relative!important;
}
.trade .trd-pair-sheet #tradePairTabs.trd-sheet-tabs button.active::after{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-pair-tab-indicator{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  bottom:0!important;
  width:16px;
  height:2px!important;
  display:block!important;
  border-radius:2px!important;
  background:#FCD434!important;
  opacity:0;
  pointer-events:none!important;
  transform:translate3d(0,0,0);
  transform-origin:left center;
  transition:transform .38s cubic-bezier(.22,.75,.24,1),width .32s cubic-bezier(.22,.75,.24,1),opacity .16s ease!important;
  will-change:transform,width;
}
.trade .trd-pair-sheet .trd-pair-tab-indicator.ready{opacity:1;}
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-viewport,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-track{
  position:relative!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-forward,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-back,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-forward,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-back{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  display:flex!important;
  visibility:visible!important;
  pointer-events:none!important;
  backface-visibility:hidden!important;
  will-change:transform;
}
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-forward,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-back{
  z-index:2!important;
  pointer-events:auto!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-forward{
  animation:bbTradePairEnterForward .38s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-forward{
  animation:bbTradePairExitForward .38s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-back{
  animation:bbTradePairEnterBack .38s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-back{
  animation:bbTradePairExitBack .38s cubic-bezier(.22,.75,.24,1) both!important;
}
@keyframes bbTradePairEnterForward{
  from{transform:translate3d(32%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePairExitForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-22%,0,0);}
}
@keyframes bbTradePairEnterBack{
  from{transform:translate3d(-32%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePairExitBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(22%,0,0);}
}
@media(prefers-reduced-motion:reduce){
  .trade .trd-pair-sheet .trd-pair-tab-indicator{transition:none!important;}
  .trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-forward,
  .trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-forward,
  .trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-back,
  .trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-back{animation:none!important;}
}

/* v671: Settings-style full-width paging for the Trade pair picker. */
.trade .trd-pair-sheet .trd-pair-tab-indicator{
  transition:transform .52s cubic-bezier(.32,.72,0,1),width .52s cubic-bezier(.32,.72,0,1),opacity .18s ease!important;
}
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-forward,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-back,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-forward,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-back{
  visibility:visible!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
  will-change:transform,opacity!important;
}
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-forward *,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-enter-back *,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-forward *,
.trade .trd-pair-sheet.pair-page-changing .trd-sheet-panel.bb-pair-exit-back *{
  visibility:visible!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-forward{
  animation:bbTradePairTurnEnterForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-forward{
  animation:bbTradePairTurnExitForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-enter-back{
  animation:bbTradePairTurnEnterBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.bb-pair-exit-back{
  animation:bbTradePairTurnExitBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
@keyframes bbTradePairTurnEnterForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePairTurnExitForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbTradePairTurnEnterBack{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradePairTurnExitBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}

/* v614: page-like transitions for every nested Trade pair filter. */
.trade .trd-pair-sheet .trd-fav-subtabs button,
.trade .trd-pair-sheet .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-futures-row button{
  transition:color .22s ease,background-color .22s ease,opacity .22s ease!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.pair-list-changing{
  position:relative!important;
  overflow:hidden!important;
}
.trade .trd-pair-sheet .trd-sheet-panel.pair-list-changing > .trd-pair-list:not(.bb-pair-list-ghost){
  position:relative!important;
  z-index:2!important;
  background:#1F2630!important;
  will-change:transform,opacity;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-pair-list.bb-pair-list-ghost{
  position:absolute!important;
  z-index:1!important;
  top:var(--bb-pair-list-top,0)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#1F2630!important;
  pointer-events:none!important;
  will-change:transform,opacity;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-forward{
  animation:bbTradeNestedEnterForward .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-forward{
  animation:bbTradeNestedExitForward .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-back{
  animation:bbTradeNestedEnterBack .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-back{
  animation:bbTradeNestedExitBack .36s cubic-bezier(.22,.75,.24,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-refresh{
  animation:bbTradeNestedRefresh .28s ease-out both!important;
}
@keyframes bbTradeNestedEnterForward{
  from{opacity:.42;transform:translate3d(20%,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes bbTradeNestedExitForward{
  from{opacity:1;transform:translate3d(0,0,0);}
  to{opacity:.16;transform:translate3d(-14%,0,0);}
}
@keyframes bbTradeNestedEnterBack{
  from{opacity:.42;transform:translate3d(-20%,0,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes bbTradeNestedExitBack{
  from{opacity:1;transform:translate3d(0,0,0);}
  to{opacity:.16;transform:translate3d(14%,0,0);}
}
@keyframes bbTradeNestedRefresh{
  from{opacity:.58;transform:translate3d(0,8px,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
@media(prefers-reduced-motion:reduce){
  .trade .trd-pair-sheet .trd-fav-subtabs button,
  .trade .trd-pair-sheet .trd-sheet-cats button,
  .trade .trd-pair-sheet .trd-sheet-quotes button,
  .trade .trd-pair-sheet .trd-futures-row button{transition:none!important;}
  .trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-forward,
  .trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-forward,
  .trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-back,
  .trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-back,
  .trade .trd-pair-sheet .trd-pair-list.bb-pair-list-refresh{animation:none!important;}
}

/* v617: stable, non-overlapping rows in every Trade pair-picker menu. */
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  background:#1f2630!important;
  isolation:isolate;
  contain:layout paint;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row{
  flex-basis:49px!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  padding:9px 0!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes{
  flex-basis:43px!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  padding:6px 0!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats::-webkit-scrollbar,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row::-webkit-scrollbar,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row button,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes [data-nonquote]{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  flex-shrink:0!important;
  transform:none!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-head{
  position:relative!important;
  z-index:3!important;
  flex-shrink:0!important;
  margin:0!important;
  background:#1f2630!important;
}
.trade .trd-pair-sheet .trd-sheet-panel > .trd-pair-list{
  position:relative!important;
  z-index:1!important;
}

/* v618: optically center compact picker labels and instrument badges. */
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes [data-nonquote],
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row button{
  padding-top:0!important;
  padding-bottom:1px!important;
  line-height:20px!important;
  text-align:center!important;
}
.trade .trd-pair-sheet .trd-pair-option b mark{
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:15px!important;
  min-height:15px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  font-size:9px!important;
  line-height:15px!important;
  vertical-align:middle!important;
  transform:none!important;
}

/* v622: Settings-style page motion for Trade Spot <-> Markets Prediction. */
body.trade-prediction-route{
  overflow:hidden!important;
}
body.trade-prediction-route .markets{
  z-index:18!important;
}
.markets.prediction-route-enter,
.markets.prediction-route-exit{
  visibility:visible!important;
  pointer-events:none!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}
.markets.prediction-route-enter{
  transform:translate3d(100%,0,0)!important;
  transition:none!important;
}
.markets.prediction-route-enter.prediction-route-enter-active{
  transform:translate3d(0,0,0)!important;
  transition:transform .56s cubic-bezier(.22,.78,.18,1)!important;
}
.markets.prediction-route-exit{
  transform:translate3d(0,0,0)!important;
  transition:none!important;
}
.markets.prediction-route-exit.prediction-route-exit-active{
  transform:translate3d(100%,0,0)!important;
  transition:transform .56s cubic-bezier(.22,.78,.18,1)!important;
}

/* v678: calmer motion for routes opened from the Trade top navigation. */
.services.trade-top-route-slow{
  transition:transform .56s cubic-bezier(.22,.78,.18,1),visibility 0s linear .56s!important;
}
.services.trade-top-route-slow.open{
  transition:transform .56s cubic-bezier(.22,.78,.18,1),visibility 0s!important;
}
.trade .trd-pair-sheet.trade-top-route-slow .trd-pair-card,
.trade .trd-pair-sheet.trade-top-route-slow.open .trd-pair-card,
.trade .trd-pair-sheet.trade-top-route-slow.closing .trd-pair-card{
  transition:transform .56s cubic-bezier(.22,.78,.18,1)!important;
}
@media(prefers-reduced-motion:reduce){
  .services.trade-top-route-slow,
  .services.trade-top-route-slow.open,
  .trade .trd-pair-sheet.trade-top-route-slow .trd-pair-card,
  .trade .trd-pair-sheet.trade-top-route-slow.open .trd-pair-card,
  .trade .trd-pair-sheet.trade-top-route-slow.closing .trd-pair-card,
  .markets.prediction-route-enter.prediction-route-enter-active,
  .markets.prediction-route-exit.prediction-route-exit-active{
    transition-duration:.01ms!important;
  }
}

/* v707: keep Unavailable fixed while the Holdings page is sliding. */
.trade .trd-hold-balance-grid > span:nth-child(2){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  transform:translate3d(-47px,-1px,0)!important;
  transition:none!important;
  will-change:auto!important;
  text-align:center!important;
}
.trade .trd-hold-balance-grid > span:nth-child(2) > em,
.trade .trd-hold-balance-grid > span:nth-child(2) > strong{
  width:100%!important;
  text-align:center!important;
}

/* v624: stable, aligned Market Buy currency picker. */
.trade #tradeAmountRow.trd-market-unit-active{
  position:relative!important;
  z-index:12!important;
  overflow:visible!important;
}
.trade .trd-market-unit{
  position:relative!important;
  z-index:5!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:100%!important;
  overflow:visible!important;
}
.trade #tradeForm .trd-market-unit-select{
  box-sizing:border-box!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:100%!important;
  min-height:36px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 10px!important;
  align-items:center!important;
  gap:3px!important;
  margin:0!important;
  padding:0 8px 1px 10px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  outline:0!important;
  background:#29323B!important;
  color:#EAEFF5!important;
  font:400 13px/18px 'Plex',system-ui,sans-serif!important;
  text-align:center!important;
  cursor:pointer!important;
}
.trade #tradeForm .trd-market-unit-select > span{
  min-width:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font:inherit!important;
  line-height:18px!important;
  text-align:center!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.trade #tradeForm .trd-market-unit-select .tri{
  position:static!important;
  justify-self:center!important;
  width:0!important;
  height:0!important;
  margin:1px 0 0!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid #8D96A3!important;
  transform:none!important;
  transition:transform .17s ease!important;
}
.trade #tradeForm .trd-market-unit.open .trd-market-unit-select{
  border-color:#F0B90B!important;
}
.trade #tradeForm .trd-market-unit.open .trd-market-unit-select .tri{
  transform:rotate(180deg)!important;
}
.trade #tradeForm .trd-market-unit-select:focus-visible{
  border-color:#F0B90B!important;
  box-shadow:0 0 0 1px #F0B90B!important;
}
.trade .trd-market-unit-menu[hidden]{display:none!important;}
.trade .trd-market-unit-menu{
  position:absolute!important;
  top:calc(100% + 4px)!important;
  right:0!important;
  z-index:40!important;
  box-sizing:border-box!important;
  width:72px!important;
  min-width:72px!important;
  margin:0!important;
  padding:3px!important;
  overflow:hidden!important;
  border:1px solid #46515F!important;
  border-radius:6px!important;
  background:#252E38!important;
  box-shadow:0 8px 20px rgba(0,0,0,.3)!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .17s ease,transform .17s ease,visibility 0s linear .17s;
}
.trade .trd-market-unit.open .trd-market-unit-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition:opacity .17s ease,transform .17s ease,visibility 0s;
}
.trade .trd-market-unit-menu button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 5px 1px!important;
  border:0!important;
  border-radius:4px!important;
  outline:0!important;
  background:transparent!important;
  color:#EAEFF5!important;
  font:400 13px/18px 'Plex',system-ui,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.trade .trd-market-unit-menu button.active,
.trade .trd-market-unit-menu button:hover,
.trade .trd-market-unit-menu button:focus-visible{
  background:#34404D!important;
}

/* v649: Market Buy unit preference uses the original bottom sheet layout. */
body.trade-unit-preference-open{
  overflow:hidden!important;
}
body:has(#tradeMarketUnitMenu.open) .trade,
body:has(#tradeMarketUnitMenu.closing) .trade{
  z-index:32!important;
}
.trade .trd-market-unit-menu{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:76!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:480px!important;
  height:100%!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  transition:visibility 0s linear .34s!important;
}
.trade .trd-market-unit-menu::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  opacity:0;
  transition:opacity .24s ease;
}
.trade .trd-market-unit-menu.open,
.trade .trd-market-unit-menu.closing{
  visibility:visible!important;
  opacity:1!important;
}
.trade .trd-market-unit-menu.open{
  pointer-events:auto!important;
  transition:visibility 0s linear 0s!important;
}
.trade .trd-market-unit-menu.open::before{
  opacity:1;
}
.trade .trd-market-unit-menu.closing{
  pointer-events:none!important;
}
.trade .trd-unit-card{
  position:absolute!important;
  z-index:1!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:392px!important;
  max-height:calc(100dvh - 78px)!important;
  margin:0!important;
  padding:39px 20px calc(28px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  outline:0!important;
  background:#1F2630!important;
  box-shadow:none!important;
  transform:translate3d(0,calc(100% + 18px),0)!important;
  transition:transform .34s cubic-bezier(.32,.72,0,1)!important;
  -webkit-overflow-scrolling:touch;
}
.trade .trd-market-unit-menu.open .trd-unit-card{
  transform:translate3d(0,0,0)!important;
}
.trade .trd-unit-handle{
  position:absolute;
  top:8px;
  left:50%;
  width:38px;
  height:4px;
  border-radius:4px;
  background:#59616C;
  transform:translateX(-50%);
}
.trade .trd-unit-card h3{
  margin:0 0 27px!important;
  color:#F3F6FA!important;
  font:600 17px/22px 'Plex',system-ui,sans-serif!important;
  text-align:left!important;
}
.trade .trd-unit-options{
  display:grid!important;
  gap:14px!important;
}
.trade .trd-market-unit-menu .trd-unit-option{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:124px!important;
  display:block!important;
  margin:0!important;
  padding:21px 20px!important;
  overflow:visible!important;
  border:1px solid #46515F!important;
  border-radius:12px!important;
  outline:0!important;
  background:transparent!important;
  color:#F3F6FA!important;
  box-shadow:none!important;
  font:inherit!important;
  text-align:left!important;
  white-space:normal!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
.trade .trd-market-unit-menu .trd-unit-option:first-child{
  min-height:146px!important;
}
.trade .trd-market-unit-menu .trd-unit-option.active,
.trade .trd-market-unit-menu .trd-unit-option:hover,
.trade .trd-market-unit-menu .trd-unit-option:focus-visible{
  background:transparent!important;
}
.trade .trd-market-unit-menu .trd-unit-option.active{
  border:2px solid #F3F6FA!important;
  padding:20px 19px!important;
}
.trade .trd-market-unit-menu .trd-unit-option strong{
  display:block!important;
  margin:0!important;
  color:#F3F6FA!important;
  font:500 15px/20px 'Plex',system-ui,sans-serif!important;
  text-align:left!important;
}
.trade .trd-market-unit-menu .trd-unit-option span{
  display:block!important;
  margin:9px 0 0!important;
  color:#A1A9B4!important;
  font:400 12px/17px 'Plex',system-ui,sans-serif!important;
  text-align:left!important;
}
@media(max-width:380px){
  .trade .trd-unit-card{
    min-height:374px!important;
    padding-right:15px!important;
    padding-left:15px!important;
  }
  .trade .trd-unit-card h3{margin-bottom:22px!important;font-size:17px!important;line-height:22px!important;}
  .trade .trd-market-unit-menu .trd-unit-option{padding:18px 16px!important;}
  .trade .trd-market-unit-menu .trd-unit-option.active{padding:17px 15px!important;}
  .trade .trd-market-unit-menu .trd-unit-option strong{font-size:15px!important;line-height:20px!important;}
  .trade .trd-market-unit-menu .trd-unit-option span{font-size:12px!important;line-height:17px!important;}
}

/* v628: distinguish clickable Spot and Futures rows in Home Favorites. */
.auth-market-card .auth-market-name b > em{
  color:#959CA6!important;
  font:400 11px/1 'Plex',system-ui,sans-serif!important;
  font-style:normal!important;
  letter-spacing:0!important;
}
.auth-market-card .auth-market-name b > small{
  flex:0 0 auto;
  padding:2px 4px 1px;
  border-radius:3px;
  background:#34404D;
  color:#AEB6C2;
  font:400 9px/1 'Plex',system-ui,sans-serif;
  letter-spacing:0;
}
.auth-market-card .auth-market-subtabs span:not([hidden]){
  cursor:pointer!important;
  touch-action:manipulation;
}
.auth-market-card .auth-market-row[data-home-market-product]{
  cursor:pointer!important;
}

/* v691: Slower Settings-style full-page paging between TradFi Spot and Futures. */
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-pages{
  position:relative;
  width:100%;
  overflow:hidden;
  transition:height .52s cubic-bezier(.32,.72,0,1);
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-page{
  width:100%;
  box-sizing:border-box;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-pages.bb-market-product-animating>.mkt-product-page{
  position:absolute;
  inset:0 0 auto;
  pointer-events:none;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-page.bb-market-product-page-in-forward{
  animation:bbTradFiProductInForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-page.bb-market-product-page-out-forward{
  animation:bbTradFiProductOutForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-page.bb-market-product-page-in-back{
  animation:bbTradFiProductInBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
.markets .mkt-panel[data-cat="tradfi"] .mkt-product-page.bb-market-product-page-out-back{
  animation:bbTradFiProductOutBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
@keyframes bbTradFiProductInForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradFiProductOutForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbTradFiProductInBack{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradFiProductOutBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}

/* v671: use the same full-width motion for nested pair filters. */
.trade .trd-pair-sheet .trd-fav-subtabs button,
.trade .trd-pair-sheet .trd-sheet-cats button,
.trade .trd-pair-sheet .trd-sheet-quotes button,
.trade .trd-pair-sheet .trd-futures-row button{
  transition:color .32s ease,background-color .32s ease,opacity .32s ease!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-forward{
  animation:bbTradeNestedTurnEnterForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-forward{
  animation:bbTradeNestedTurnExitForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-enter-back{
  animation:bbTradeNestedTurnEnterBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
.trade .trd-pair-sheet .trd-pair-list.bb-pair-list-exit-back{
  animation:bbTradeNestedTurnExitBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
@keyframes bbTradeNestedTurnEnterForward{
  from{transform:translate3d(100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradeNestedTurnExitForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-100%,0,0);}
}
@keyframes bbTradeNestedTurnEnterBack{
  from{transform:translate3d(-100%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes bbTradeNestedTurnExitBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(100%,0,0);}
}

/* v655: keep order-book depth fills clear of the right-aligned Amount values. */
.trade .trd-asks>div::before,
.trade .trd-bids>div::before{
  right:47px!important;
  width:calc(50% - 47px)!important;
  min-width:0!important;
  border-radius:2px 0 0 2px;
}
@media(max-width:380px){
  .trade .trd-asks>div::before,
  .trade .trd-bids>div::before{
    right:43px!important;
    width:calc(50% - 43px)!important;
  }
}

/* v684: match the lighter typography of the reference Futures asset card. */
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-list-head button{
  font-weight:300;
}
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-list-head button.active{
  font-weight:400;
}
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-symbol,
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-position-title b{
  font-weight:400;
}
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-metrics small,
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-position-metrics small,
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-metrics b,
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-position-metrics b{
  font-weight:300;
}
.assets .as-futures-wallet-card.as-futures-assets-card .as-futures-wallet-badge{
  font-weight:400;
}

/* v687: keep the Spot order-book ratio figures fully inside their line box. */
.trade .trd-book-ratio{
  height:17px!important;
  line-height:17px!important;
  overflow:visible!important;
}
.trade .trd-book-ratio>span{
  height:17px!important;
  align-items:center!important;
  line-height:17px!important;
}
.trade .trd-book-ratio>i{
  align-self:center!important;
}

/* v697: one slightly enlarged compact Unit Preference size for Spot and Futures. */
.trade .trd-unit-card{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  padding:29px 15px calc(20px + env(safe-area-inset-bottom))!important;
  border-radius:16px 16px 0 0!important;
}
.trade .trd-unit-handle{
  width:36px!important;
  height:3px!important;
}
.trade .trd-unit-card h3{
  margin:0 0 17px!important;
  font:600 16px/21px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-unit-options{
  gap:12px!important;
}
.trade .trd-market-unit-menu .trd-unit-option,
.trade .trd-market-unit-menu .trd-unit-option:first-child{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:17px 14px!important;
  border-radius:11px!important;
}
.trade .trd-market-unit-menu .trd-unit-option.active{
  padding:16px 13px!important;
}
.trade .trd-market-unit-menu .trd-unit-option strong{
  font:500 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-market-unit-menu .trd-unit-option span{
  margin:0!important;
  font:400 11px/15px 'Plex',system-ui,sans-serif!important;
}
@media(max-height:760px){
  .trade .trd-market-unit-menu .trd-unit-option,
  .trade .trd-market-unit-menu .trd-unit-option:first-child{
    padding:15px 14px!important;
  }
  .trade .trd-market-unit-menu .trd-unit-option.active{
    padding:14px 13px!important;
  }
}

/* v712: restore the Trade product labels as non-interactive text. */
.trade .trd-main-tabs{
  justify-content:flex-start!important;
  gap:18px!important;
  padding:calc(17px + env(safe-area-inset-top)) 16px 8px!important;
  border-bottom:1px solid #1c232e!important;
  overflow-x:auto!important;
}
.trade .trd-main-tabs .trd-product-label{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  height:26px;
  color:#959ca6;
  font-size:16px;
  font-weight:600;
  line-height:20px;
  cursor:default;
  pointer-events:none;
  user-select:none;
}
.trade .trd-main-tabs .trd-product-label.active{
  color:#EAEEF3;
}
.trade .trd-main-tabs .trd-menu{
  width:28px!important;
  height:26px!important;
  margin-left:auto!important;
}
@media(max-width:380px){
  .trade .trd-main-tabs{
    padding-top:calc(15px + env(safe-area-inset-top))!important;
  }
  .trade .trd-main-tabs .trd-product-label{
    height:23px;
    font-size:14px;
    line-height:18px;
  }
}
.trade .trd-pairbar{
  padding-top:4px!important;
}

/* v714: user notification center opened by the Home messages icon. */
html.notification-center-lock,
html.notification-center-lock body{
  overflow:hidden!important;
}
.notification-center{
  --notification-center-open-left:max(0px,calc((100vw - 480px) / 2));
  position:fixed;
  top:0;
  right:auto;
  bottom:0;
  left:100vw;
  z-index:88;
  width:min(100vw,480px);
  max-width:480px;
  margin:0;
  display:flex;
  flex-direction:column;
  background:#1e2631;
  color:#eaeef3;
  opacity:1;
  filter:none;
  transform:none;
  visibility:hidden;
  pointer-events:none;
  will-change:left;
  transition:left .42s cubic-bezier(.22,.78,.18,1),visibility 0s linear .42s;
}
.notification-center.open{
  left:var(--notification-center-open-left);
  transform:none;
  visibility:visible;
  pointer-events:auto;
  transition:left .42s cubic-bezier(.22,.78,.18,1),visibility 0s;
}
.notification-center.closing{
  left:100vw;
  transform:none;
  visibility:visible;
  pointer-events:none;
  transition:left .42s cubic-bezier(.22,.78,.18,1),visibility 0s linear .42s;
}
.notification-center.open.is-settled{
  left:var(--notification-center-open-left)!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  contain:none!important;
  isolation:auto!important;
  filter:none!important;
  opacity:1!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
}
.notification-center.open.is-settled,
.notification-center.open.is-settled *{
  filter:none!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.notification-center-head{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 40px;
  align-items:center;
  min-height:calc(60px + env(safe-area-inset-top));
  padding:env(safe-area-inset-top) 12px 0;
  border-bottom:1px solid rgba(255,255,255,.025);
}
.notification-center-head button{
  border:0;
  background:transparent;
  color:#e8edf3;
}
.notification-center-back{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}
.notification-center-back svg{width:23px;height:23px;display:block}
.notification-center-head h1{
  margin:0;
  font:600 18px/24px 'Plex',system-ui,sans-serif;
  text-align:center;
}
.notification-center-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
}
.notification-center-actions>img{
  width:32px;
  height:32px;
  margin-left:auto;
  border-radius:50%;
  object-fit:cover;
}
.notification-center-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:8px 16px calc(26px + env(safe-area-inset-bottom));
  scrollbar-width:none;
}
.notification-center-scroll::-webkit-scrollbar{display:none}
.notification-center-search{
  height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 8px;
  padding:0 13px;
  border-radius:8px;
  background:#273140;
  color:#8994a3;
}
.notification-center-search svg{width:19px;height:19px;flex:0 0 auto}
.notification-center-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#e8edf3;
  font:400 14px/20px 'Plex',system-ui,sans-serif;
}
.notification-center-search input::placeholder{color:#8f99a7;opacity:1}
.notification-thread-list{display:flex;flex-direction:column}
.notification-thread{
  width:100%;
  min-height:74px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:0;
  padding:7px 0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
}
button.notification-thread{cursor:pointer}
.notification-thread-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#4a5565;
  color:#f3f5f7;
}
.notification-thread-icon svg{width:24px;height:24px;display:block}
.notification-thread-icon img{width:100%;height:100%;display:block;object-fit:cover}
.notification-support-icon{border-radius:10px;background:transparent;overflow:visible}
.notification-support-icon img{object-fit:contain}
.notification-transaction-icon.deposit{background:#24483f;color:#39c995}
.notification-transaction-icon.withdraw{background:#4b4530;color:#f1cf28}
.notification-p2p-icon{background:#4d514f}
.notification-thread-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.notification-thread-copy strong{
  overflow:hidden;
  color:#f0f3f7;
  font:500 15px/20px 'Plex',system-ui,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-thread-copy em{
  overflow:hidden;
  color:#99a2af;
  font:400 13px/18px 'Plex',system-ui,sans-serif;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-thread-copy mark{background:transparent;color:#f0d11a}
.notification-thread-meta{
  align-self:stretch;
  min-width:48px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:5px;
  color:#99a2af;
}
.notification-thread-meta time{font:400 12px/17px 'Plex',system-ui,sans-serif;white-space:nowrap}
.notification-thread-meta b{
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:11px;
  background:#f1d11b;
  color:#1c232d;
  font:600 11px/19px 'Plex',system-ui,sans-serif;
}
.notification-center-state{
  margin:0;
  padding:54px 16px;
  color:#909aa7;
  text-align:center;
  font:400 14px/20px 'Plex',system-ui,sans-serif;
}
@media(max-width:380px){
  .notification-center-head{grid-template-columns:38px minmax(0,1fr) 38px;min-height:calc(58px + env(safe-area-inset-top));padding-inline:10px}
  .notification-center-head h1{font-size:17px;line-height:23px}
  .notification-center-actions>img{width:30px;height:30px}
  .notification-center-scroll{padding-inline:12px}
  .notification-center-search{height:42px;margin-bottom:7px}
  .notification-thread{min-height:70px;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding-block:6px}
  .notification-thread-icon{width:40px;height:40px}
  .notification-thread-copy strong{font-size:15px;line-height:20px}
  .notification-thread-copy em{font-size:13px;line-height:18px}
  .notification-thread-meta{min-width:44px}
  .notification-thread-meta time{font-size:12px;line-height:17px}
}
@media(prefers-reduced-motion:reduce){
  .notification-center,
  .notification-center.open,
  .notification-center.closing{transition-duration:.42s!important}
}

/* v731: align every Trade picker filter strip with the sheet content edge. */
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes,
.trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row{
  box-sizing:border-box!important;
  padding-left:15px!important;
  padding-right:15px!important;
  scroll-padding-inline:15px!important;
}
@media(max-width:380px){
  .trade .trd-pair-sheet .trd-sheet-tabs,
  .trade .trd-pair-sheet .trd-fav-panel > .trd-fav-subtabs,
  .trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-cats,
  .trade .trd-pair-sheet .trd-sheet-panel > .trd-sheet-quotes,
  .trade .trd-pair-sheet .trd-sheet-panel > .trd-futures-row{
    padding-left:14px!important;
    padding-right:14px!important;
    scroll-padding-inline:14px!important;
  }
}

/* v734: the Futures product switch is fixed and must never retain a horizontal offset. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-futures-row{
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
  touch-action:manipulation!important;
  scroll-snap-type:none!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-futures-row [data-futures-product="usdm"]{
  margin-left:0!important;
  transform:none!important;
}

/* v735: keep the native Futures category set and its trailing list control. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-sheet-cats .trd-futures-category-icon{
  position:sticky!important;
  right:0!important;
  z-index:3!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:31px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:#1f2630!important;
  color:#959ca6!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-sheet-cats .trd-futures-category-icon::before{
  content:none!important;
  display:none!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-sheet-cats .trd-futures-category-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
}

/* v736: USD-M and COIN-M expose their own native category strips. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="futures"] > .trd-sheet-cats[data-futures-categories][hidden]{
  display:none!important;
}

/* v737: native two-level TradFi navigation in the Trade pair picker. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="tradfi"] > .trd-tradfi-products{
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
  touch-action:manipulation!important;
}
.trade .trd-pair-sheet .trd-tradfi-products [data-tradfi-product]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 auto!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:0 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#959ca6!important;
  font:400 15px/20px 'Plex',system-ui,sans-serif!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.trade .trd-pair-sheet .trd-tradfi-products [data-tradfi-product].active{
  color:#EAEEF3!important;
  font-weight:500!important;
}
.trade .trd-pair-sheet .trd-tradfi-products [data-tradfi-product]:focus-visible{
  outline:2px solid #fcd434!important;
  outline-offset:1px!important;
}

/* v738: Options is always the native contract list, never the underlying-index summary. */
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="options"][data-options-view="contracts"] > .trd-sheet-cats,
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="options"][data-options-view="contracts"] > .trd-sheet-head,
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="options"][data-options-view="contracts"] > .trd-pair-list{
  display:flex;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="options"][data-options-view="contracts"] > .trd-sheet-head{
  display:grid!important;
}
.trade .trd-pair-sheet .trd-sheet-panel[data-pair-panel="options"][data-options-view="contracts"] > .trd-pair-list{
  flex-direction:column!important;
}

/* v749: keep Home Favorites hot icons intact on iPhone-width viewports. */
@media(max-width:430px){
  body[data-auth="1"] .auth-home .auth-market-card .auth-market-name b:has(> img[src*="home_hot.svg"]){
    overflow:visible!important;
  }
  body[data-auth="1"] .auth-home .auth-market-card .auth-market-name b > img[src*="home_hot.svg"]{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    margin-left:1px!important;
  }
}

/* v752: reference layout for Trade picker > Favorites > Holdings. */
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] > .trd-sheet-head.trd-holdings-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(95px,.7fr) minmax(82px,.55fr)!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 39px!important;
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  padding:10px 20px 5px!important;
  color:#959ca6!important;
  font:400 12px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] > .trd-sheet-head.trd-holdings-head [data-holdings-column]:nth-child(n+2){
  text-align:right!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] > .trd-favorite-list{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-section{
  flex:0 0 39px!important;
  height:39px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:0 20px 8px!important;
  box-sizing:border-box!important;
  color:#8d96a3!important;
  font:400 14px/18px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-section span{
  border-bottom:1px dotted #69717d!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option.trd-holding-option,
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option.trd-holding-option.active{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:29px minmax(0,1fr) minmax(95px,.7fr) minmax(82px,.55fr)!important;
  grid-template-rows:64px!important;
  grid-template-areas:"ico name price change"!important;
  column-gap:10px!important;
  row-gap:0!important;
  align-content:center!important;
  align-items:center!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > .trd-pair-star,
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > small{
  display:none!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > .trd-pair-coin{
  grid-area:ico!important;
  width:29px!important;
  height:29px!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > b{
  grid-area:name!important;
  padding:0!important;
  color:#eaeef3!important;
  font:500 18px/24px 'Plex',system-ui,sans-serif!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > strong{
  grid-area:price!important;
  justify-self:end!important;
  padding:0!important;
  color:#eaeef3!important;
  font:500 17px/22px 'Plex',system-ui,sans-serif!important;
  text-align:right!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > i{
  grid-area:change!important;
  justify-self:end!important;
  font:400 16px/22px 'Plex',system-ui,sans-serif!important;
  text-align:right!important;
}
.trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > i.flat{
  color:#eaeef3!important;
}
.trade .trd-pair-sheet .trd-holding-fiat-coin{
  position:relative!important;
  overflow:visible!important;
}
.trade .trd-pair-sheet .trd-holding-fiat-base{
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:50%;
}
.trade .trd-pair-sheet .trd-holding-fiat-base > img,
.trade .trd-pair-sheet .trd-holding-fiat-base > span{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.trade .trd-pair-sheet .trd-holding-fiat-badge{
  position:absolute;
  right:-3px;
  bottom:-2px;
  width:12px;
  height:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #1f2630;
  border-radius:50%;
  background:#2774d5;
  color:#fff;
  font:600 7px/1 'Plex',system-ui,sans-serif;
}
.trade .trd-pair-sheet .trd-holding-fiat-badge > img,
.trade .trd-pair-sheet .trd-holding-fiat-badge > span{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  text-align:center;
  line-height:12px;
}
@media(max-width:380px){
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] > .trd-sheet-head.trd-holdings-head{
    grid-template-columns:minmax(0,1fr) 86px 72px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-section{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option.trd-holding-option,
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-pair-option.trd-holding-option.active{
    padding-left:15px!important;
    padding-right:15px!important;
    grid-template-columns:27px minmax(0,1fr) 86px 72px!important;
    column-gap:8px!important;
  }
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > b{font-size:16px!important;}
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > strong,
  .trade .trd-pair-sheet .trd-fav-panel[data-favorite-mode="holdings"] .trd-holding-option > i{font-size:14px!important;}
}

/* v753: preserve the complete Perp badge in Home futures rows on narrow screens. */
.auth-market-card .auth-market-name > b.auth-market-futures-name{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  gap:3px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.auth-market-card .auth-market-futures-name > .auth-market-symbol{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.auth-market-card .auth-market-name b.auth-market-futures-name > small{
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* v754: keep the Assets wallet icon visible in both nav states and bust stale iOS image caches. */
.nav .item[data-section="assets"] > .nav-assets-wallet{
  display:block!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-color:transparent!important;
  background-image:url('../images/nav_assets_wallet_ref_gray_v312.png?v=754')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:28px 28px!important;
}
.nav .item[data-section="assets"].active > .nav-assets-wallet{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background-color:transparent!important;
  background-image:url('../images/nav_assets_wallet_ref_active_v312.png?v=754')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:28px 28px!important;
}

/* v758: reference dashboard for Markets > Data. */
.markets .mkt-panel[data-cat="data"]{
  padding-bottom:88px!important;
  background:#1f2732;
}
.markets .mkt-data-dashboard{
  box-sizing:border-box;
  width:100%;
  padding:29px 16px 96px;
  color:#eef2f6;
  font-family:'Plex',system-ui,sans-serif;
}
.mkt-data-section{width:100%;}
.mkt-data-section + .mkt-data-section{margin-top:45px;}
.mkt-data-heading{
  height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.mkt-data-heading h2{
  margin:0;
  color:#f4f7fa;
  font-size:18px;
  line-height:25px;
  font-weight:500;
}
.mkt-data-chevron{
  width:8px;
  height:8px;
  margin-right:4px;
  border-top:1.6px solid #828b97;
  border-right:1.6px solid #828b97;
  transform:rotate(45deg);
}
.mkt-data-chevron.down{transform:rotate(135deg) translate(-1px,1px);}
.mkt-data-distribution-bar{
  height:8px;
  margin-top:16px;
  display:flex;
  align-items:stretch;
  gap:0;
  overflow:hidden;
  border-radius:5px;
  background:#323b47;
}
.mkt-data-distribution-bar span{
  min-width:8px;
  border-radius:5px 0 0 5px;
  background:#2ec58d;
  transition:width .4s ease;
}
.mkt-data-distribution-bar i{
  width:9%;
  min-width:24px;
  flex:1 1 auto;
  background:#323b47;
  transform:skewX(-15deg);
}
.mkt-data-distribution-bar b{
  min-width:8px;
  border-radius:0 5px 5px 0;
  background:#f6465d;
  transition:width .4s ease;
}
.mkt-data-distribution-labels{
  margin-top:8px;
  display:flex;
  justify-content:space-between;
  color:#edf1f5;
  font-size:14px;
  line-height:19px;
  font-weight:300;
}
.mkt-data-distribution-labels b{font-weight:400;}
.mkt-data-hot{
  margin-top:17px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.mkt-data-hot-card,
.mkt-data-zone,
.mkt-data-heat-tile{
  box-sizing:border-box;
  min-width:0;
  margin:0;
  border:0;
  appearance:none;
  -webkit-appearance:none;
  font-family:'Plex',system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}
.mkt-data-hot-card{
  height:105px;
  padding:13px 12px 12px;
  border-radius:12px;
  background:#293340;
  color:#f4f7fa;
  display:flex;
  flex-direction:column;
}
.mkt-data-hot-top{display:flex;align-items:center;justify-content:space-between;gap:7px;}
.mkt-data-hot-top > b{
  min-width:0;
  overflow:hidden;
  color:#f4f7fa;
  font-size:15px;
  line-height:20px;
  font-weight:500;
  text-overflow:ellipsis;
}
.mkt-data-coin-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  overflow:hidden;
  background:#566171;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-style:normal;
  font-weight:600;
}
.mkt-data-coin-icon img,
.mkt-data-zone-icon img{width:100%;height:100%;display:block;object-fit:cover;}
.mkt-data-hot-card > strong{
  margin-top:11px;
  overflow:hidden;
  color:#f4f7fa;
  font-size:18px;
  line-height:22px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-data-hot-card > em,
.mkt-data-zone-coin > em{
  margin-top:2px;
  color:#2ec58d;
  font-size:13px;
  line-height:18px;
  font-style:normal;
  font-weight:300;
}
.mkt-data-hot-card > em.down,
.mkt-data-zone-coin > em.down{color:#f6465d;}
.mkt-data-zones{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.mkt-data-zone{
  position:relative;
  height:94px;
  padding:13px 12px;
  border-radius:12px;
  background:#293340;
  color:#f3f6f9;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mkt-data-zone-title{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.mkt-data-zone-title > b{
  overflow:hidden;
  color:#f3f6f9;
  font-size:15px;
  line-height:20px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-data-zone-title > i{
  position:absolute;
  top:0;
  right:5px;
  min-width:35px;
  height:19px;
  padding:0 7px;
  border-radius:0 0 7px 7px;
  background:#3a3828;
  color:#d6b72b;
  font-size:10px;
  line-height:19px;
  font-style:normal;
  font-weight:400;
  text-align:center;
}
.mkt-data-zone-coin{display:flex;align-items:center;gap:5px;min-width:0;}
.mkt-data-zone-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  overflow:hidden;
  border-radius:50%;
  background:#566171;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:7px;
  font-style:normal;
}
.mkt-data-zone-coin > b{
  overflow:hidden;
  color:#edf1f5;
  font-size:12px;
  line-height:17px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-data-zone-coin > em{margin:0;font-size:12px;line-height:17px;white-space:nowrap;}
.mkt-data-heatmap{margin-top:16px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:142px 78px;gap:2px;}
.mkt-data-heat-tile{
  padding:13px 9px;
  overflow:hidden;
  background:#48ca94;
  color:#f7fbfa;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mkt-data-heat-tile.down{background:#e75569;}
.mkt-data-heat-tile.is-0{grid-column:1/6;border-radius:10px 0 0 0;background:#55d19d;}
.mkt-data-heat-tile.is-1{grid-column:6/10;background:#4dcd98;}
.mkt-data-heat-tile.is-2{grid-column:10/13;border-radius:0 15px 0 0;background:#52d09b;}
.mkt-data-heat-tile.is-3{grid-column:1/5;border-radius:0 0 0 8px;background:#24a67e;}
.mkt-data-heat-tile.is-4{grid-column:5/8;background:#48c991;}
.mkt-data-heat-tile.is-5{grid-column:8/11;background:#55d19d;}
.mkt-data-heat-tile.is-6{grid-column:11/13;border-radius:0 0 8px 0;background:#36bb89;}
.mkt-data-heat-tile.down,
.mkt-data-heat-tile.is-0.down,
.mkt-data-heat-tile.is-1.down,
.mkt-data-heat-tile.is-2.down,
.mkt-data-heat-tile.is-3.down,
.mkt-data-heat-tile.is-4.down,
.mkt-data-heat-tile.is-5.down,
.mkt-data-heat-tile.is-6.down{background:#e75569;}
.mkt-data-heat-tile b{
  overflow:hidden;
  font-size:17px;
  line-height:22px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-data-heat-tile span,
.mkt-data-heat-tile em{font-size:14px;line-height:19px;font-style:normal;font-weight:300;white-space:nowrap;}
.mkt-data-heat-tile:nth-child(n+4){padding:7px;}
.mkt-data-heat-tile:nth-child(n+4) b{font-size:12px;line-height:16px;}
.mkt-data-heat-tile:nth-child(n+4) span,
.mkt-data-heat-tile:nth-child(n+4) em{font-size:10px;line-height:14px;}
.mkt-data-hot-card:focus-visible,
.mkt-data-zone:focus-visible,
.mkt-data-heat-tile:focus-visible{outline:2px solid #fcd434;outline-offset:2px;}
@media(max-width:380px){
  .markets .mkt-data-dashboard{padding-left:14px;padding-right:14px;}
  .mkt-data-hot{gap:7px;}
  .mkt-data-hot-card{height:98px;padding:11px 9px;}
  .mkt-data-hot-top > b{font-size:13px;}
  .mkt-data-coin-icon{width:21px;height:21px;flex-basis:21px;}
  .mkt-data-hot-card > strong{font-size:15px;line-height:19px;margin-top:9px;}
  .mkt-data-hot-card > em{font-size:12px;}
  .mkt-data-zones{gap:8px;}
  .mkt-data-zone{height:88px;padding:12px 10px;}
  .mkt-data-heatmap{grid-template-rows:132px 72px;}
  .mkt-data-heat-tile b{font-size:14px;line-height:19px;}
  .mkt-data-heat-tile span,.mkt-data-heat-tile em{font-size:12px;line-height:17px;}
}

/* v759: reference dashboard for Markets > Grow. */
.markets .mkt-panel[data-cat="grow"]{
  padding-bottom:88px!important;
  background:#1f2732;
}
.markets .mkt-grow-dashboard{
  box-sizing:border-box;
  width:100%;
  padding:24px 16px 98px;
  color:#f1f4f7;
  font-family:'Plex',system-ui,sans-serif;
}
.mkt-grow-banner,
.mkt-grow-heading,
.mkt-grow-product,
.mkt-grow-trader{
  box-sizing:border-box;
  margin:0;
  border:0;
  appearance:none;
  -webkit-appearance:none;
  font-family:'Plex',system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}
.mkt-grow-banner{
  width:100%;
  height:142px;
  padding:22px 25px;
  border-radius:14px;
  background:#293340;
  color:#f4f7fa;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.mkt-grow-banner-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.mkt-grow-banner-copy > strong{
  color:#f4f7fa;
  font-size:18px;
  line-height:25px;
  font-weight:500;
  white-space:nowrap;
}
.mkt-grow-banner-copy > strong b{color:#2ec58d;font-weight:500;}
.mkt-grow-banner-copy > em{
  margin-top:15px;
  color:#f4d125;
  font-size:14px;
  line-height:20px;
  font-style:normal;
  font-weight:400;
}
.mkt-grow-banner-art{
  position:relative;
  width:75px;
  height:78px;
  flex:0 0 75px;
}
.mkt-grow-banner-art > i{
  position:absolute;
  left:8px;
  right:0;
  bottom:10px;
  height:24px;
  border-radius:3px 3px 7px 7px;
  background:linear-gradient(180deg,#a4a9b1 0 24%,#747c88 25% 100%);
  box-shadow:inset 0 -4px 0 rgba(27,34,43,.42);
}
.mkt-grow-banner-coin{
  position:absolute;
  z-index:1;
  top:5px;
  right:6px;
  width:44px;
  height:44px;
  border-radius:50%;
  overflow:hidden;
  background:#627eea;
  box-shadow:0 2px 5px rgba(5,10,18,.35);
}
.mkt-grow-banner-coin img{width:100%;height:100%;display:block;object-fit:cover;}
.mkt-grow-section{width:100%;margin-top:35px;}
.mkt-grow-heading{
  width:100%;
  min-height:28px;
  padding:0;
  background:transparent;
  color:#f4f7fa;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.mkt-grow-heading > span{font-size:18px;line-height:25px;font-weight:500;}
.mkt-grow-heading > i{
  width:8px;
  height:8px;
  margin-right:4px;
  border-top:1.6px solid #858e9a;
  border-right:1.6px solid #858e9a;
  transform:rotate(45deg);
}
.mkt-grow-products{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.mkt-grow-product-column{min-width:0;display:grid;grid-template-rows:repeat(2,1fr);gap:9px;}
.mkt-grow-product{
  position:relative;
  min-width:0;
  height:95px;
  padding:13px 13px 12px;
  overflow:hidden;
  border-radius:13px;
  background:#293340;
  color:#f3f6f9;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mkt-grow-product-main{height:199px;padding:14px 14px 13px;}
.mkt-grow-product-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mkt-grow-product-top > b{
  overflow:hidden;
  color:#f3f6f9;
  font-size:17px;
  line-height:22px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-grow-product-top > i{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  overflow:hidden;
  background:#596473;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
}
.mkt-grow-product-top > i img{width:100%;height:100%;display:block;object-fit:cover;}
.mkt-grow-product-top > .mkt-grow-u-icon{
  border:2px solid #30343c;
  background:radial-gradient(circle at 44% 36%,#33353a 0 22%,#17191c 24% 100%);
  color:#b79d33;
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
.mkt-grow-spark{
  position:absolute;
  left:0;
  right:0;
  top:52px;
  width:100%;
  height:82px;
  opacity:.54;
}
.mkt-grow-spark path{fill:none;stroke:#2a806f;stroke-width:2;vector-effect:non-scaling-stroke;}
.mkt-grow-apr{position:relative;z-index:1;display:flex;align-items:baseline;gap:7px;min-width:0;}
.mkt-grow-apr > strong{
  color:#f5f7fa;
  font-size:20px;
  line-height:25px;
  font-weight:400;
  white-space:nowrap;
}
.mkt-grow-product:not(.mkt-grow-product-main) .mkt-grow-apr > strong{font-size:18px;line-height:23px;}
.mkt-grow-apr > small{color:#8e97a4;font-size:11px;line-height:16px;font-weight:300;white-space:nowrap;}
.mkt-grow-traders{margin-top:36px;}
.mkt-grow-trader-list{margin-top:13px;}
.mkt-grow-trader{
  width:100%;
  min-height:72px;
  padding:8px 0;
  background:transparent;
  color:#eff3f6;
  display:flex;
  align-items:center;
  gap:10px;
}
.mkt-grow-avatar{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:9px;
  overflow:hidden;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,.38);
}
.mkt-grow-avatar.av-og{background:linear-gradient(135deg,#fff 0 48%,#ffcf24 49% 76%,#8f99a7 77% 100%);color:#474e58;text-shadow:none;}
.mkt-grow-avatar.av-master{background:linear-gradient(145deg,#de9b75,#f3d7ba 52%,#7d4e3d);color:#783722;}
.mkt-grow-avatar.av-xdao{background:linear-gradient(135deg,#07111d,#0d75de 47%,#101622 49%,#54b8ff);color:#dceeff;}
.mkt-grow-avatar.av-ming{background:linear-gradient(145deg,#050506 0 52%,#b24118 53% 58%,#2a0705 60% 100%);color:#f1a32a;}
.mkt-grow-trader-copy{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.mkt-grow-trader-copy > b{
  max-width:100%;
  overflow:hidden;
  color:#edf1f5;
  font-size:15px;
  line-height:20px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mkt-grow-trader-copy > small{
  min-width:46px;
  height:20px;
  margin-top:4px;
  padding:0 7px;
  border-radius:3px;
  background:#293340;
  color:#9aa2ad;
  font-size:10px;
  line-height:20px;
  font-weight:300;
  text-align:center;
}
.mkt-grow-roi{flex:0 0 86px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;}
.mkt-grow-roi > b{color:#2ec58d;font-size:16px;line-height:21px;font-weight:400;white-space:nowrap;}
.mkt-grow-roi > small{margin-top:4px;color:#929ba7;font-size:12px;line-height:17px;font-weight:300;}
.mkt-grow-banner:focus-visible,
.mkt-grow-heading:focus-visible,
.mkt-grow-product:focus-visible,
.mkt-grow-trader:focus-visible{outline:2px solid #fcd434;outline-offset:2px;}
.mkt-grow-banner:active,
.mkt-grow-product:active,
.mkt-grow-trader:active{filter:brightness(.96);}
@media(max-width:380px){
  .markets .mkt-grow-dashboard{padding-left:14px;padding-right:14px;}
  .mkt-grow-banner{height:134px;padding:19px 18px;}
  .mkt-grow-banner-copy > strong{font-size:16px;}
  .mkt-grow-banner-art{width:66px;flex-basis:66px;}
  .mkt-grow-product-main{height:188px;}
  .mkt-grow-product{height:89px;padding-left:11px;padding-right:11px;}
  .mkt-grow-product-column{gap:10px;}
  .mkt-grow-product-top > b{font-size:15px;}
  .mkt-grow-apr{gap:5px;}
  .mkt-grow-apr > strong{font-size:18px;}
  .mkt-grow-product:not(.mkt-grow-product-main) .mkt-grow-apr > strong{font-size:16px;}
  .mkt-grow-apr > small{font-size:10px;}
  .mkt-grow-trader-copy > b{font-size:14px;}
  .mkt-grow-roi{flex-basis:78px;}
  .mkt-grow-roi > b{font-size:14px;}
}

/* v760: reference dashboard for Markets > Prediction. */
.markets .mkt-panel[data-cat="prediction"]{
  padding-bottom:88px!important;
  background:#1f2732;
}
.markets .mkt-prediction-dashboard{
  box-sizing:border-box;
  width:100%;
  padding:18px 16px 100px;
  color:#f1f4f7;
  font-family:'Plex',system-ui,sans-serif;
}
.mkt-prediction-banner,
.mkt-prediction-filters button,
.mkt-prediction-outcomes button,
.mkt-prediction-bets button{
  box-sizing:border-box;
  margin:0;
  border:0;
  appearance:none;
  -webkit-appearance:none;
  font-family:'Plex',system-ui,sans-serif;
  cursor:pointer;
}
.mkt-prediction-banner{
  position:relative;
  width:100%;
  height:124px;
  padding:23px 20px;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 79% -26%,rgba(116,106,42,.32),transparent 53%),
    linear-gradient(135deg,#293340 0%,#2b3440 100%);
  color:#f5f7fa;
  text-align:left;
  display:flex;
  align-items:center;
}
.mkt-prediction-banner > span{
  position:relative;
  z-index:1;
  max-width:72%;
  font-size:16px;
  line-height:25px;
  font-weight:500;
}
.mkt-prediction-banner-art{
  position:absolute;
  top:25px;
  right:22px;
  width:76px;
  height:72px;
  font-style:normal;
}
.mkt-prediction-banner-art > b{
  position:absolute;
  right:8px;
  bottom:5px;
  font-size:44px;
  line-height:1;
  transform:rotate(-13deg);
  filter:saturate(.25) brightness(.9);
}
.mkt-prediction-banner-art > em{
  position:absolute;
  width:8px;
  height:8px;
  background:#f2c928;
  transform:rotate(45deg);
}
.mkt-prediction-banner-art > em:nth-of-type(1){left:2px;top:19px;}
.mkt-prediction-banner-art > em:nth-of-type(2){left:25px;top:3px;width:4px;height:4px;}
.mkt-prediction-banner-art > em:nth-of-type(3){right:0;bottom:0;}
.mkt-prediction-filters{
  width:100%;
  height:42px;
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:8px;
}
.mkt-prediction-filters button{
  flex:0 0 auto;
  height:34px;
  padding:0 5px;
  background:transparent;
  color:#929aa6;
  font-size:15px;
  line-height:34px;
  font-weight:400;
  white-space:nowrap;
}
.mkt-prediction-filters button.active{color:#f4f7fa;font-weight:500;}
.mkt-prediction-favorite{
  width:28px;
  padding:0!important;
  color:#a1a9b4!important;
  font-size:26px!important;
  line-height:30px!important;
}
.mkt-prediction-favorite.active{color:#f4cf2c!important;}
.mkt-prediction-filter-scroll{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.mkt-prediction-filter-scroll::-webkit-scrollbar{display:none;}
.mkt-prediction-filter-scroll button > i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:5px;
  border:1.5px solid #969faa;
  border-radius:50%;
  vertical-align:1px;
}
.mkt-prediction-sort{
  width:28px;
  padding:0!important;
  color:#dce1e6!important;
  font-size:22px!important;
  line-height:34px!important;
}
.mkt-prediction-cards{display:flex;flex-direction:column;gap:12px;}
.mkt-prediction-card{
  box-sizing:border-box;
  width:100%;
  overflow:hidden;
  border-radius:13px;
  background:#293340;
  color:#f2f5f8;
}
.mkt-prediction-card[hidden],
.mkt-prediction-empty[hidden]{display:none!important;}
.mkt-prediction-updown{min-height:180px;padding:14px 13px 12px;}
.mkt-prediction-card-title{display:flex;align-items:center;gap:10px;}
.mkt-prediction-card-title > strong{font-size:18px;line-height:25px;font-weight:500;}
.mkt-prediction-asset{
  width:40px;
  height:40px;
  flex:0 0 40px;
  overflow:hidden;
  border-radius:8px;
  background:#927630;
}
.mkt-prediction-asset img{width:100%;height:100%;display:block;object-fit:cover;}
.mkt-prediction-percentages{margin:11px 40px 6px;display:flex;align-items:center;justify-content:space-between;}
.mkt-prediction-percentages > b{font-size:24px;line-height:30px;font-weight:500;}
.mkt-prediction-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.mkt-prediction-outcomes button{
  height:40px;
  border-radius:5px;
  font-size:17px;
  line-height:40px;
  font-weight:400;
  text-align:center;
}
.mkt-prediction-outcomes button:first-child{background:#285a55;color:#2ec58d;}
.mkt-prediction-outcomes button:last-child{background:#473744;color:#ef4f69;}
.mkt-prediction-outcomes button:first-child.selected{background:#2fbd85;color:#fff;}
.mkt-prediction-outcomes button:last-child.selected{background:#f6465d;color:#fff;}
.mkt-prediction-card-meta,
.mkt-prediction-league{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mkt-prediction-card-meta{margin-top:12px;color:#9aa2ad;font-size:14px;line-height:19px;}
.mkt-prediction-card-meta > span,
.mkt-prediction-league > span{display:flex;align-items:center;gap:6px;white-space:nowrap;}
.mkt-prediction-card-meta > em{color:#2ec58d;font-size:13px;line-height:18px;font-style:normal;display:flex;align-items:center;gap:6px;}
.mkt-prediction-card-meta > em > i,
.mkt-prediction-live-strip span > i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2ec58d;
  box-shadow:0 0 0 3px rgba(46,197,141,.14);
}
.mkt-prediction-volume{width:17px;height:16px;display:flex;align-items:flex-end;gap:2px;transform:none!important;}
.mkt-prediction-volume > b{width:3px;border:1px solid #8c96a3;border-bottom:0;}
.mkt-prediction-volume > b:nth-child(1){height:6px;}
.mkt-prediction-volume > b:nth-child(2){height:11px;}
.mkt-prediction-volume > b:nth-child(3){height:15px;}
.mkt-prediction-match{min-height:219px;padding:14px 13px 13px;}
.mkt-prediction-league > strong{font-size:17px;line-height:23px;font-weight:400;}
.mkt-prediction-league > span{color:#9ba3ae;font-size:14px;line-height:20px;}
.mkt-prediction-teams,
.mkt-prediction-esports-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);
  align-items:center;
  gap:5px;
}
.mkt-prediction-teams{min-height:125px;padding:13px 0 8px;}
.mkt-prediction-teams > div,
.mkt-prediction-esports-teams > div{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;}
.mkt-prediction-team-logo{
  width:46px;
  height:46px;
  border-radius:50%;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.4px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);
}
.mkt-prediction-team-logo.betis{background:repeating-linear-gradient(90deg,#0a994e 0 5px,#f3f5f5 5px 10px);color:#0b6e3d;text-shadow:0 0 2px #fff;}
.mkt-prediction-team-logo.madrid{background:linear-gradient(135deg,#f7f4e9 0 68%,#e0b82d 69%);color:#31548f;}
.mkt-prediction-teams > div > b,
.mkt-prediction-esports-teams > div > b{
  margin-top:7px;
  color:#f1f4f7;
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
.mkt-prediction-teams > time{
  color:#f1f4f7;
  font-size:17px;
  line-height:23px;
  font-style:normal;
  font-weight:400;
  text-align:center;
  white-space:nowrap;
}
.mkt-prediction-teams > time > small{display:block;margin-top:2px;color:#9aa2ae;font-size:13px;line-height:18px;font-weight:300;}
.mkt-prediction-bets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.mkt-prediction-bets button{
  min-width:0;
  height:44px;
  border-radius:5px;
  background:#333c48;
  color:#f1f4f7;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.mkt-prediction-bets button:first-child{background:#245e55;}
.mkt-prediction-bets button:last-child{background:#504a35;}
.mkt-prediction-bets button.selected{box-shadow:inset 0 0 0 2px #f4cf2c;filter:brightness(1.08);}
.mkt-prediction-bets button > b{overflow:hidden;max-width:100%;font-size:16px;line-height:19px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.mkt-prediction-bets button > small{font-size:11px;line-height:15px;font-weight:400;}
.mkt-prediction-esports{
  min-height:221px;
  padding:0 13px 13px;
  border:1px solid #2db57f;
}
.mkt-prediction-live-strip{
  height:31px;
  margin:0 -13px 13px;
  padding:0 17px;
  background:linear-gradient(90deg,#2ebe83,#079054);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
  line-height:31px;
}
.mkt-prediction-live-strip > span{display:flex;align-items:center;gap:7px;}
.mkt-prediction-live-strip span > i{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.15);}
.mkt-prediction-live-strip > b{font-weight:400;}
.mkt-prediction-esports-teams{min-height:117px;padding:9px 0 8px;}
.mkt-prediction-esports-teams > strong{color:#f4f6f8;font-size:31px;line-height:38px;font-weight:300;text-align:center;white-space:nowrap;}
.mkt-prediction-team-logo.kt{border-radius:12px;background:linear-gradient(145deg,#e01d2d 0 48%,#16191e 50%);font-size:14px;}
.mkt-prediction-team-logo.dplus{border-radius:12px;background:linear-gradient(180deg,#f4f5f6 0 44%,#1f252e 46% 64%,#f4f5f6 66%);color:#181d23;}
.mkt-prediction-esports .mkt-prediction-bets{grid-template-columns:repeat(2,minmax(0,1fr));}
.mkt-prediction-empty{padding:72px 16px;text-align:center;color:#949ca8;font-size:15px;line-height:21px;}
.mkt-prediction-banner:focus-visible,
.mkt-prediction-filters button:focus-visible,
.mkt-prediction-outcomes button:focus-visible,
.mkt-prediction-bets button:focus-visible{outline:2px solid #fcd434;outline-offset:2px;}
@media(max-width:380px){
  .markets .mkt-prediction-dashboard{padding-left:14px;padding-right:14px;}
  .mkt-prediction-banner{height:116px;padding:18px 16px;}
  .mkt-prediction-banner > span{font-size:14px;line-height:22px;}
  .mkt-prediction-banner-art{right:13px;transform:scale(.9);transform-origin:right center;}
  .mkt-prediction-filter-scroll{gap:7px;}
  .mkt-prediction-filters button{font-size:14px;}
  .mkt-prediction-updown{min-height:172px;}
  .mkt-prediction-card-title > strong{font-size:16px;}
  .mkt-prediction-percentages > b{font-size:21px;}
  .mkt-prediction-match{padding-left:11px;padding-right:11px;}
  .mkt-prediction-teams,.mkt-prediction-esports-teams{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);}
  .mkt-prediction-teams > div > b,.mkt-prediction-esports-teams > div > b{font-size:13px;}
  .mkt-prediction-bets{gap:6px;}
}