.site-market-page { --market-card: #0b1322; --market-border: rgba(255,255,255,.08); color: #dce3ee; }
.site-market-page .overview-block-ptb { background: radial-gradient(circle at 85% 0, rgba(255,151,29,.09), transparent 30%), #070d18; }
.site-market-hero { display:flex; width:100%; float:none; position:relative; z-index:auto; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:1.5rem; padding:0; background:transparent; }
.site-market-eyebrow,.site-market-panel-kicker { color:#ff971d; font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.site-market-hero h1 { margin:.4rem 0; color:#fff; font-size:clamp(1.75rem,4vw,3rem); }
.site-market-hero p { max-width:650px; margin:0; color:#8994a8; }
.site-market-live { flex:0 0 auto; padding:.55rem .8rem; border:1px solid rgba(32,201,151,.25); border-radius:2rem; color:#20c997; font-size:.72rem; font-weight:700; }
.site-market-live span { display:inline-block; width:7px; height:7px; margin-inline-end:.35rem; border-radius:50%; background:#20c997; box-shadow:0 0 10px #20c997; }
.site-market-ticker { margin-bottom:1.25rem; border-block:1px solid var(--market-border); background:rgba(255,255,255,.015); }
.site-market-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.site-market-kpi,.site-market-panel { border:1px solid var(--market-border); border-radius:1rem; background:linear-gradient(145deg,rgba(255,255,255,.035),transparent),var(--market-card); box-shadow:0 18px 45px rgba(0,0,0,.16); }
.site-market-kpi { min-width:0; padding:1rem; }
.site-market-kpi-head { display:flex; justify-content:space-between; gap:.5rem; color:#8e99aa; font-size:.75rem; }
.site-market-kpi-head i { color:#ff971d; }
.site-market-kpi strong { display:block; margin:.7rem 0 .15rem; color:#fff; font-size:1.55rem; direction:ltr; text-align:start; }
.site-market-kpi-label { display:block; overflow:hidden; color:#6f7b8d; font-size:.68rem; white-space:nowrap; text-overflow:ellipsis; }
.site-market-meter { height:4px; margin-top:.85rem; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.07); }
.site-market-meter i { display:block; width:0; height:100%; border-radius:inherit; background:#ff971d; transition:width .5s ease; }
.site-market-kpi.is-positive .site-market-meter i { background:#20c997; }.site-market-kpi.is-negative .site-market-meter i { background:#ef5350; }
.site-market-panel { margin-top:1rem; padding:1.1rem; }
.site-market-panel-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.site-market-panel h2 { margin:.2rem 0 0; color:#fff; font-size:1.15rem; }
.site-market-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; direction:ltr; }
.site-market-controls>div { display:flex; gap:.2rem; padding:.2rem; border:1px solid var(--market-border); border-radius:.6rem; background:#070d18; }
.site-market-controls button { min-width:40px; min-height:34px; padding:.3rem .55rem; border:0; border-radius:.4rem; color:#7f899b; background:transparent; cursor:pointer; }
.site-market-controls button.active { color:#111; background:#ff971d; font-weight:700; }
.site-market-chart-wrap { position:relative; min-height:480px; overflow:hidden; border-radius:.75rem; background:#080f1d; }
[data-site-market-chart] { min-height:480px; direction:ltr; }
.site-market-chart-loading { position:absolute; inset:0; z-index:4; display:grid; place-items:center; color:#8994a8; background:#080f1d; }
.site-market-chart-loading[hidden] { display:none; }
.site-market-chart-loading button { min-height:42px; padding:.5rem 1rem; border:1px solid #ff971d; border-radius:.5rem; color:#ff971d; background:transparent; cursor:pointer; }
.site-market-asof { margin-top:.65rem; color:#697587; font-size:.68rem; text-align:end; }
.site-market-movers-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.site-market-movers h3 { color:#20c997; font-size:.85rem; }.site-market-movers h3.is-down { color:#ef5350; }
.site-market-mover { display:grid; grid-template-columns:1fr auto 68px; align-items:center; gap:.7rem; min-height:48px; border-bottom:1px solid rgba(255,255,255,.05); font-size:.78rem; direction:ltr; }
.site-market-mover>span { display:flex; align-items:center; gap:.5rem; color:#fff; font-weight:700; }
.site-market-coin-icon { position:relative; display:grid; flex:0 0 26px; width:26px; height:26px; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:50%; background:#172238; color:#ffb04f; font-size:.68rem; font-weight:800; }
.site-market-coin-icon img { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; background:#0b1322; }
.site-market-coin-icon b { display:none; font:inherit; }.site-market-coin-icon.is-fallback b { display:block; }.site-market-coin-icon.is-fallback img { display:none; }
.site-market-mover strong { color:#b9c2d0; font-weight:500; }.site-market-mover em { font-style:normal; font-weight:700; text-align:end; }.site-market-mover .is-up { color:#20c997; }.site-market-mover .is-down { color:#ef5350; }
.site-market-methodology { margin:1rem 0 0; color:#697587; font-size:.7rem; line-height:1.8; }
@media(max-width:991.98px){.site-market-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.site-market-panel-head{align-items:flex-start;flex-direction:column}.site-market-controls{width:100%;justify-content:space-between}.site-market-chart-wrap,[data-site-market-chart]{min-height:360px}}
@media(max-width:575.98px){.site-market-page .overview-block-ptb{padding-block:45px}.site-market-hero{align-items:flex-start;flex-direction:column;gap:1rem}.site-market-kpis{gap:.65rem}.site-market-kpi{padding:.8rem}.site-market-kpi strong{font-size:1.2rem}.site-market-controls{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem}.site-market-controls>div{flex:0 0 auto}.site-market-panel{padding:.75rem}.site-market-chart-wrap,[data-site-market-chart]{min-height:300px}.site-market-movers-grid{grid-template-columns:1fr;gap:1rem}.site-market-mover{grid-template-columns:1fr auto 60px}}
@media(max-width:359px){.site-market-kpis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-market-meter i{transition:none}}