.market-v2-page {
  --m-ink: #24343c;
  --m-copy: #687b84;
  --m-border: #d5e0e4;
  --m-surface: #fdfefe;
  max-width: 1520px;
  margin: auto;
  padding: 42px 28px 76px;
  background: #edf3f5;
  color: var(--m-ink);
}
.market-chart-loading{min-height:190px;border-radius:12px;background:linear-gradient(90deg,#eef3f5 25%,#f8faf9 50%,#eef3f5 75%);background-size:200% 100%;animation:market-chart-pulse 1.1s ease-in-out infinite}@keyframes market-chart-pulse{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.market-chart-loading{animation:none}}
.market-v2-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 10px 4px 32px;
}
.market-v2-hero p,
.market-dashboard-v2 article header p {
  margin: 0;
  color: #4f88a4;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.13em;
}
.market-v2-hero h1 {
  margin: 9px 0 10px;
  font-size: clamp(48px, 6vw, 82px);
  line-height: 0.95;
  letter-spacing: -0.055em;
}
.market-v2-hero > div > span {
  font-size: 18px;
  color: var(--m-copy);
}
.market-v2-hero aside {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 18px;
  border: 1px solid var(--m-border);
  border-radius: 14px;
  background: var(--m-surface);
  font-size: 14px;
  color: var(--m-copy);
}
.market-v2-hero aside i {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #32a477;
  box-shadow: 0 0 0 6px #dceee6;
}
.market-v2-hero aside span {
  display: grid;
  gap: 4px;
}
.market-v2-hero aside strong {
  color: var(--m-ink);
}
.market-dashboard-v2 {
  display: grid;
  gap: 18px;
}
.market-status-error{padding:14px 16px;border:1px solid #b35245;border-radius:12px;background:#f8e4df;color:#843e34;font-size:16px;font-weight:750}
.market-status-notice{padding:14px 16px;border:1px solid #b8cdd6;border-radius:12px;background:#edf4f6;color:#315f73;font-size:16px;font-weight:750}
.market-heat-panel>header{align-items:center}.market-heat-panel>header p{font-size:22px}.market-heat-gauge{position:relative;padding-bottom:42px}.market-heat-gauge>div:first-child{position:relative;z-index:1}.market-heat-score{position:absolute;z-index:3;left:50%;top:55%;display:grid;justify-items:center;min-width:210px;padding:10px 18px;border-radius:50%;background:rgba(253,254,254,.9);translate:-50% -50%;pointer-events:none}.market-heat-score strong{color:inherit;font-size:72px;line-height:.92;letter-spacing:-.055em}.market-heat-score span{margin-top:10px;color:inherit;font-size:25px;font-weight:900;line-height:1.1;text-align:center}.market-heat-scale{position:absolute;z-index:2;right:30px;bottom:18px;left:30px;display:flex;justify-content:space-between;color:var(--m-copy);font-size:15px;font-weight:750;line-height:1.15;pointer-events:none}.market-heat-scale span{display:grid;gap:3px}.market-heat-scale span:last-child{text-align:right}.market-heat-scale b{color:var(--m-ink);font-size:18px}
.market-status-row {
  display: grid;
  grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1.55fr);
  gap: 18px;
}
.market-status-row:has(.market-heat-panel.expanded){grid-template-columns:1fr}.market-status-row:has(.market-heat-panel.expanded)>.market-pulse-panel{grid-column:1}
.market-dashboard-v2 article {
  min-width: 0;
  border: 1px solid var(--m-border);
  border-radius: 18px;
  background: var(--m-surface);
  box-shadow: 0 12px 32px rgba(36, 52, 60, 0.045);
}
.market-dashboard-v2 article > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 23px 24px 0;
}
.market-dashboard-v2 h2 {
  margin: 6px 0 0;
  font-size: 28px;
  letter-spacing: -0.035em;
}
.market-pulse-panel>header h2 small{display:block;margin-top:5px;color:var(--m-copy);font-size:14px;font-weight:700;letter-spacing:0}
.market-dashboard-v2 article > header > strong {
  padding: 7px 11px;
  border-radius: 999px;
  background: #e5f0e9;
  color: #356b56;
  font-size: 15px;
}
.market-heat-actions{display:flex;align-items:center;gap:8px}.market-heat-actions strong{padding:7px 11px;border-radius:999px;background:#e5f0e9;color:#356b56;font-size:15px}.market-heat-actions button{min-height:44px;padding:0 14px;border:1px solid #a9c4cf;border-radius:10px;background:#eef5f7;color:#315f73;font-size:16px;font-weight:800;cursor:pointer}.market-heat-actions button:focus-visible{outline:3px solid #315f73;outline-offset:2px}.market-heat-panel.expanded{grid-column:1/-1}.market-heat-panel.expanded+.market-pulse-panel{grid-column:1/-1}.market-heat-expanded{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;pointer-events:none;transition:grid-template-rows 260ms cubic-bezier(.22,1,.36,1),opacity 180ms ease}.market-heat-expanded.open{grid-template-rows:1fr;border-top:1px solid var(--m-border);opacity:1;pointer-events:auto}.market-heat-expanded>div{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:hidden;padding:0 24px}.market-heat-expanded.open>div{padding-block:20px 24px}.market-heat-expanded article{border-radius:14px;box-shadow:none}.market-heat-expanded article>header{align-items:baseline;padding:17px 18px 0}.market-heat-expanded h3{margin:0;font-size:20px}.market-heat-expanded article>header>strong{padding:0;background:none;color:var(--m-ink);font-size:22px}
.market-heat-panel footer {
  display: grid;
  gap: 4px;
  padding: 0 24px 23px;
  text-align: center;
}
.market-heat-panel footer b {
  font-size: 17px;
}
.market-heat-panel footer span,
.market-pulse-panel > p {
  font-size: 14px;
  color: var(--m-copy);
}
.market-heat-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 24px 18px}.market-heat-components>span{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px solid var(--m-border);border-radius:10px;background:#f3f7f8}.market-heat-components small{grid-column:1/-1;color:var(--m-copy);font-size:14px}.market-heat-components strong{color:#315f73;font-size:21px}.market-heat-components em{align-self:end;color:var(--m-copy);font-size:14px;font-style:normal}.market-heat-panel footer small{color:#8a553a;font-size:14px;font-weight:750}
.market-pulse-panel > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 24px;
  border: 1px solid var(--m-border);
  border-radius: 14px;
  overflow: hidden;
}
.market-price-gaps{margin:0 24px 24px;padding-top:18px;border-top:1px solid var(--m-border)}.market-price-gaps>header{display:flex;align-items:center;justify-content:space-between}.market-price-gaps h3{margin:0;font-size:20px}.market-price-gaps>header>strong{color:var(--m-copy);font-size:16px}.market-price-gaps>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.market-price-gaps>div>span{display:grid;gap:5px;padding:12px;border:1px solid var(--m-border);border-radius:10px;background:#f3f7f8}.market-price-gaps b{font-size:15px}.market-price-gaps span>strong{font-size:22px}.market-price-gaps em{color:#a34c3f;font-size:15px;font-style:normal;font-weight:750}
.market-pulse-panel > div > span {
  display: grid;
  gap: 7px;
  padding: 20px;
  border-right: 1px solid var(--m-border);
}
.market-pulse-panel > div > span:last-child {
  border: 0;
}
.market-pulse-panel small {
  font-size: 14px;
  color: var(--m-copy);
}
.market-pulse-panel strong {
  font-size: 30px;
}
.market-pulse-panel em {
  font-size: 14px;
  font-style: normal;
  color: #36745b;
}
.market-pulse-panel em.negative {
  color: #b35245;
}
.market-pulse-panel > p {
  margin: 0 24px 23px;
}
.market-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.85fr);
  gap: 18px;
}
.market-chart-grid.lower {
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
}
.market-data-card header > strong {
  display: grid !important;
  padding: 0 !important;
  background: none !important;
  color: var(--m-ink) !important;
  font-size: 26px !important;
  text-align: right;
}
.market-data-card header > strong small {
  margin-top: 3px;
  font-size: 14px;
  color: var(--m-copy);
}
.market-data-card header > span {
  font-size: 14px;
  color: var(--m-copy);
}
.market-ratio-panel{margin:0 24px 24px;padding:20px 0 0;border-top:1px solid var(--m-border)}.market-ratio-panel>header{align-items:end!important;padding:0!important}.market-ratio-panel h3{margin:4px 0 0;font-size:22px;letter-spacing:-.025em}.market-ratio-panel>header>strong{display:grid;padding:0;background:none;color:var(--m-ink);font-size:28px;line-height:1;text-align:right}.market-ratio-panel>header>strong small{margin-top:6px;color:#3f7d6a;font-size:14px}.market-ratio-bars{display:grid;gap:12px;margin-top:18px}.market-ratio-bars>span{display:grid;grid-template-columns:72px minmax(0,1fr) 54px;align-items:center;gap:12px}.market-ratio-bars b,.market-ratio-bars strong{font-size:15px}.market-ratio-bars strong{text-align:right}.market-ratio-bars i{height:12px;overflow:hidden;border-radius:999px;background:#e3ecef}.market-ratio-bars em{display:block;height:100%;border-radius:inherit;background:var(--m-blue)}.market-ratio-bars>span+span em{background:#b9cbd3}.market-ratio-scale{display:flex;justify-content:space-between;margin:6px 66px 0 84px;color:var(--m-copy);font-size:14px}
.market-price-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:20px 24px 10px;padding:5px;border:1px solid var(--m-border);border-radius:12px;background:#f3f7f8}.market-price-types button,.market-price-controls button{min-height:44px;border:0;border-radius:8px;background:transparent;color:#526a75;font-size:16px;font-weight:800;white-space:nowrap;cursor:pointer}.market-price-types button:hover,.market-price-controls button:hover{background:#e5eff3}.market-price-types button.active{background:#4f88a4;color:#fdfefe}.market-price-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 24px}.market-price-controls>div{display:flex;align-items:center;gap:5px}.market-price-controls button{display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid transparent}.market-price-controls button.active{border-color:#b8cdd6;background:#edf4f6;color:#294d5d}.market-price-controls button i{width:10px;height:10px;border-radius:50%}.market-price-controls>div:last-child button{min-width:48px;justify-content:center}
.market-signals > div {
  display: grid;
  gap: 18px;
  padding: 30px 24px 24px;
}
.market-signals > div > span {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}
.market-signals i {
  grid-column: 1/-1;
  display: block;
  height: 10px;
  border-radius: 10px;
  background: #4f88a4;
}
.market-signals i.up {
  background: #d97732;
}
.market-signals b {
  font-size: 15px;
}
.market-signals strong {
  font-size: 18px;
}
.market-signals > p {
  margin: 0 24px 26px;
  padding-top: 20px;
  border-top: 1px solid var(--m-border);
  font-size: 15px;
  line-height: 1.55;
  color: var(--m-copy);
}
@media (max-width: 980px) {
  .market-status-row,
  .market-chart-grid,
  .market-chart-grid.lower {
    grid-template-columns: 1fr;
  }
  .market-pulse-panel > div {
    grid-template-columns: repeat(2, 1fr);
  }
  .market-heat-expanded>div{grid-template-columns:1fr}
  .market-price-gaps>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-price-types{overflow-x:auto;grid-template-columns:repeat(5,minmax(140px,1fr))}.market-price-controls{align-items:stretch;flex-direction:column}.market-price-controls>div{overflow-x:auto}
  .market-pulse-panel > div > span {
    border-bottom: 1px solid var(--m-border);
  }
}
@media (max-width: 620px) {
  .market-v2-page {
    padding: 28px 14px 60px;
  }
  .market-v2-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .market-v2-hero h1 {
    font-size: 54px;
  }
  .market-dashboard-v2 article > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .market-pulse-panel > div {
    grid-template-columns: 1fr;
  }
  .market-price-gaps>div{grid-template-columns:1fr}
  .market-pulse-panel > div > span {
    border-right: 0;
  }
  .market-dashboard-v2 h2 {
    font-size: 25px;
  }
}