.ex-livebar{
  width:100%;
  background:linear-gradient(90deg,#020617 0%,#0f172a 55%,#111827 100%);
  border-bottom:2px solid #f59e0b;
  color:#fff;
}
.ex-livebar-inner{
  max-width:80rem;
  margin:0 auto;
  padding:.42rem .85rem;
  display:flex;
  align-items:center;
  gap:.35rem 1.05rem;
  overflow-x:auto;
  scrollbar-width:none;
}
.ex-livebar-inner::-webkit-scrollbar{display:none}
.ex-livebar-pulse{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.68rem;
  font-weight:900;
  color:#fde68a;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(251,191,36,.4);
  border-radius:999px;
  padding:.22rem .65rem;
}
.ex-livebar-pulse i{
  width:.48rem;height:.48rem;border-radius:99px;background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.7);
  animation:exLivePing 1.6s ease-out infinite;
}
.ex-livebar-item{
  flex:1 1 auto;
  min-width:7.2rem;
  display:flex;
  align-items:baseline;
  gap:.4rem;
  white-space:nowrap;
  border-inline-start:1px solid rgba(148,163,184,.22);
  padding-inline-start:.85rem;
}
.ex-livebar-item:first-of-type{border-inline-start:0;padding-inline-start:0}
.ex-livebar-item strong{font-size:.95rem;font-weight:900;letter-spacing:.01em;line-height:1.1}
.ex-livebar-item span{font-size:.68rem;font-weight:800;color:#cbd5e1}
.ex-livebar-item.tone-gold strong{color:#fbbf24}
.ex-livebar-item.tone-mint strong{color:#6ee7b7}
.ex-livebar-item.tone-white strong{color:#fff}
@keyframes exLivePing{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}
  70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
@media(max-width:640px){
  .ex-livebar-inner{padding:.38rem .7rem;gap:.2rem .7rem}
  .ex-livebar-item{min-width:6.4rem;padding-inline-start:.55rem}
  .ex-livebar-item strong{font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){
  .ex-livebar-pulse i{animation:none}
}

.ex-usdbar{
  width:100%;
  background:linear-gradient(90deg,#0b1220 0%,#172033 48%,#0f172a 100%);
  border-bottom:1px solid rgba(251,191,36,.38);
  color:#e2e8f0;
}
.ex-usdbar-inner{
  max-width:80rem;
  margin:0 auto;
  padding:.32rem .85rem .38rem;
  display:flex;
  align-items:center;
  gap:.55rem 1rem;
  flex-wrap:wrap;
}
.ex-usdbar-live{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.32rem;
  font-size:.62rem;
  font-weight:900;
  color:#fde68a;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(251,191,36,.35);
  border-radius:999px;
  padding:.16rem .55rem;
}
.ex-usdbar-live i{
  width:.42rem;height:.42rem;border-radius:99px;background:#38bdf8;
  box-shadow:0 0 0 0 rgba(56,189,248,.6);
  animation:exLivePing 1.8s ease-out infinite;
}
.ex-usdbar-aeo{
  margin:0;
  flex:1 1 16rem;
  font-size:.72rem;
  font-weight:700;
  line-height:1.55;
  color:#cbd5e1;
}
.ex-usdbar-aeo a{
  color:#fbbf24;
  font-weight:900;
  text-decoration:none;
  margin-inline-start:.35rem;
  border-bottom:1px solid rgba(251,191,36,.35);
}
.ex-usdbar-quote{
  flex:0 0 auto;
  display:inline-flex;
  align-items:baseline;
  gap:.38rem .55rem;
  white-space:nowrap;
  margin-inline-start:auto;
}
.ex-usdbar-kicker{
  font-size:.62rem;
  font-weight:900;
  color:#94a3b8;
}
.ex-usdbar-price{
  font-size:1.02rem;
  font-weight:900;
  color:#fbbf24;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.ex-usdbar-unit{
  font-size:.62rem;
  font-weight:800;
  color:#e2e8f0;
}
.ex-usdbar-chg{
  font-size:.68rem;
  font-weight:900;
  min-width:2.2rem;
}
.ex-usdbar-chg.dir-up{color:#fca5a5}
.ex-usdbar-chg.dir-down{color:#6ee7b7}
.ex-usdbar-chg.dir-flat{color:#94a3b8}
.ex-usdbar-time{
  font-size:.62rem;
  font-weight:800;
  color:#94a3b8;
}
.ex-usdbar-src{
  font-size:.58rem;
  font-weight:800;
  color:#64748b;
}
@media(max-width:640px){
  .ex-usdbar-inner{padding:.32rem .7rem .4rem;gap:.28rem .55rem}
  .ex-usdbar-aeo{font-size:.66rem;flex-basis:100%}
  .ex-usdbar-quote{margin-inline-start:0}
  .ex-usdbar-price{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  .ex-usdbar-live i{animation:none}
}