.coin-logo {
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  background: transparent;
  flex-shrink: 0;
}

.market-row > .coin-logo { width: 19px; height: 19px; }
.market-name { min-width: 0; }
.market-quote { flex-shrink: 0; }
.search-result > .coin-logo { width: 24px; height: 24px; }
.search-result > span:nth-child(2) { flex: 1; min-width: 0; }

#market-list {
  max-height: min(68vh, 680px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #3b4553 transparent;
  scrollbar-width: thin;
}
.market-name strong, .market-name > small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.market-more {
  display: block;
  width: 100%;
  padding: 14px 8px;
  color: #9da8b7;
  border-top: 1px solid #252b35;
  text-align: center;
}
.market-more:hover { color: #f0b90b; }
.market-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.market-tabs button, .market-tabs button:last-child { margin-left: 0; font-size: 10px; text-align: center; }
@media (max-width: 600px) {
  #market-list { grid-template-columns: 1fr; max-height: 55vh; }
  .market-more { grid-column: 1 / -1; }
}

/* Readable typography and a balanced header search. */
.asset-classes{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:4px;padding:4px;margin:0 12px 8px;background:#0b0f14;border:1px solid #252d39;border-radius:8px}
.asset-classes button{padding:8px 4px;border-radius:5px;font-size:12px;color:#94a0b1;white-space:nowrap}
.asset-classes button.active{background:#2d2919;color:#f0b90b;font-weight:600}
.asset-classes button:hover{color:#f0b90b}
.asset-description{padding:0 15px 8px;font-size:10px;color:#94a0b1}
body{font-size:13px}
.topbar{gap:32px;height:76px}
.top-search{width:clamp(320px,34vw,520px);max-width:42vw;margin-left:clamp(12px,4vw,80px)}
.top-search .search{min-height:44px;padding:11px 15px;border-radius:9px;background:#141a22;border-color:#333d4b;transition:border-color .15s,box-shadow .15s}
.top-search .search:focus-within{border-color:#f0b90b;box-shadow:0 0 0 3px #f0b90b12}
.top-search .search input{font-size:14px;line-height:20px}
.top-search .search input::placeholder{color:#8996a8}
.top-search .search svg{width:18px;height:18px}
.top-search+.header-right{margin-left:auto}
.workspace{grid-template-columns:272px minmax(0,1fr) 248px}
.market-tabs button,.market-tabs button:last-child{font-size:12px}
.market-row>.coin-logo{width:22px;height:22px}
.market-name strong{font-size:12px}
.market-name strong small,.market-name>small{font-size:10px;color:#94a0b1}
.market-quote{font-size:12px}
.market-quote small{font-size:11px}
.market-columns,.small-muted,.market-foot{font-size:11px;color:#94a0b1}
.stats-strip label{font-size:11px;color:#94a0b1}
.stats-strip span{font-size:12px}
.chart-work{height:clamp(480px,53vh,720px)}
.chart-legend{font-size:11px;color:#bec8d6}
.chart-controls button{font-size:12px}
.trades-columns{font-size:10px;color:#94a0b1}
.trade-row{font-size:11px}
@media(max-width:1100px){.topbar{gap:22px}.top-search{margin-left:8px;width:340px}.workspace{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:850px){.topbar{height:auto;gap:0 22px}.top-search{width:100%;max-width:none;margin:14px 0 0}.top-search+.header-right{margin-left:auto}.workspace{grid-template-columns:210px minmax(0,1fr)}.market-name strong,.market-quote{font-size:11px}.chart-legend{font-size:10px}}
@media(max-width:600px){.workspace{grid-template-columns:1fr}.chart-work{height:440px}.stats-strip label{font-size:10px}.stats-strip span{font-size:11px}}

@media(min-width:1101px) and (max-width:1250px){.workspace{grid-template-columns:240px minmax(0,1fr)}}

.asset-classes{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-classes button{font-size:11px;padding:8px 2px}@media(max-width:850px){.asset-classes button{font-size:10px}}