:root {
  --crypto-card: #fff;
  --crypto-soft: #f3f5fb;
  --crypto-line: #dce1ec;
  --crypto-text: #11172a;
  --crypto-muted: #687184;
  --crypto-accent: #5356d8;
  --crypto-orange: #ff8a00;
  --crypto-green: #079447;
  --crypto-red: #dc3545;
}
[data-theme="dark"] {
  --crypto-card: #171d2d;
  --crypto-soft: #101625;
  --crypto-line: #30394e;
  --crypto-text: #f7f8fc;
  --crypto-muted: #abb5c7;
  --crypto-accent: #818cf8;
}
.crypto-market-page,.crypto-sidebar-widget,.crypto-article-widget { box-sizing: border-box; }
.crypto-market-page *,.crypto-sidebar-widget *,.crypto-article-widget * { box-sizing: border-box; }
.crypto-market-page { color: var(--crypto-text); display: block; max-width: 1140px; width: 100%; }
.crypto-market-page a:hover { text-decoration: none; }
.crypto-market-eyebrow { color: var(--crypto-accent); font-size: .76rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.crypto-market-hero { align-items: flex-end; background: linear-gradient(125deg,#11172a 0%,#202949 62%,#3d2b1e 100%); border-radius: 22px; color: #fff; display: flex; justify-content: space-between; margin-bottom: 1.25rem; overflow: hidden; padding: 2.25rem; position: relative; }
.crypto-market-hero:after { background: var(--crypto-orange); border-radius: 50%; content: ""; height: 150px; opacity: .9; position: absolute; right: -58px; top: -68px; width: 150px; }
.crypto-market-hero h1 { color: #fff; font-size: clamp(2rem,4vw,3.4rem); margin: .35rem 0 .65rem; }
.crypto-market-hero p { color: #dfe4f2; margin: 0; max-width: 720px; }
.crypto-market-updated { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 14px; flex: 0 0 auto; margin-left: 2rem; padding: .75rem 1rem; position: relative; z-index: 1; }
.crypto-market-updated span,.crypto-market-updated strong { display: block; }
.crypto-market-updated span { color: #c7cede; font-size: .75rem; text-transform: uppercase; }
.crypto-market-toolbar { align-items: center; display: flex; justify-content: space-between; margin: 0 0 .8rem; }
.crypto-market-filter { margin: 0; width: min(380px,50%); }
.crypto-market-filter .form-control { border-color: var(--crypto-line); border-radius: 999px; height: 44px; padding: 0 1.1rem; }
.crypto-market-table-wrap { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 18px; box-shadow: 0 12px 30px rgba(20,28,48,.07); overflow-x: auto; }
.crypto-market-table { border-collapse: collapse; min-width: 1000px; width: 100%; }
.crypto-market-table th { background: var(--crypto-soft); color: var(--crypto-muted); font-size: .72rem; letter-spacing: .05em; padding: .85rem .75rem; text-align: right; text-transform: uppercase; }
.crypto-market-table th:nth-child(1),.crypto-market-table th:nth-child(2) { text-align: left; }
.crypto-market-table td { border-top: 1px solid var(--crypto-line); color: var(--crypto-text); padding: .85rem .75rem; text-align: right; vertical-align: middle; white-space: nowrap; }
.crypto-market-table td:first-child { color: var(--crypto-muted); text-align: left; width: 48px; }
.crypto-asset-link,.crypto-price-identity { align-items: center; color: var(--crypto-text); display: flex; text-align: left; }
.crypto-asset-link img,.crypto-price-identity img { flex: 0 0 auto; margin-right: .65rem; object-fit: contain; }
.crypto-asset-link span,.crypto-price-identity span { min-width: 0; }
.crypto-asset-link strong,.crypto-price-identity strong,.crypto-asset-link small,.crypto-price-identity small { display: block; }
.crypto-asset-link small,.crypto-price-identity small { color: var(--crypto-muted); font-size: .72rem; margin-top: .08rem; text-transform: uppercase; }
.crypto-market-spark span { display: inline-block; height: 34px; width: 95px; }
.crypto-market-spark svg { height: 100%; overflow: visible; width: 100%; }
.is-positive { color: var(--crypto-green)!important; }
.is-negative { color: var(--crypto-red)!important; }
.is-neutral { color: var(--crypto-muted)!important; }
.crypto-market-empty,.crypto-market-notice { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 18px; padding: 2rem; text-align: center; }
.crypto-market-pagination { margin-top: 1.25rem; }
.crypto-market-pagination .pagination { flex-wrap: wrap; justify-content: center; }
.crypto-market-attribution { color: var(--crypto-muted); font-size: .78rem; margin: 1rem auto 0; text-align: center; }
.crypto-market-breadcrumb { color: var(--crypto-muted); font-size: .88rem; margin-bottom: .8rem; }
.crypto-market-breadcrumb span { margin-left: .5rem; }
.crypto-coin-hero { align-items: center; background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 20px; display: flex; justify-content: space-between; margin-bottom: 1rem; padding: 1.4rem; }
.crypto-coin-identity { align-items: center; display: flex; }
.crypto-coin-identity img { margin-right: 1rem; object-fit: contain; }
.crypto-coin-identity h1 { color: var(--crypto-text); font-size: clamp(1.75rem,4vw,2.5rem); margin: .15rem 0 0; }
.crypto-coin-identity h1 small { color: var(--crypto-muted); font-size: .48em; }
.crypto-coin-quote { text-align: right; }
.crypto-coin-quote > strong { display: block; font-size: clamp(1.55rem,4vw,2.25rem); }
.crypto-coin-quote > span { font-weight: 700; }
.crypto-chart-card { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 20px; margin-bottom: 1rem; padding: 1.4rem; }
.crypto-chart-header { align-items: center; display: flex; justify-content: space-between; }
.crypto-chart-header h2 { color: var(--crypto-text); margin: .15rem 0 0; }
.crypto-chart-ranges { background: var(--crypto-soft); border-radius: 999px; display: flex; padding: 4px; }
.crypto-chart-ranges button { background: transparent; border: 0; border-radius: 999px; color: var(--crypto-muted); cursor: pointer; font-size: .76rem; font-weight: 800; min-width: 46px; padding: .5rem .65rem; }
.crypto-chart-ranges button.is-active { background: var(--crypto-accent); color: #fff; }
.crypto-chart-ranges button:disabled { cursor: not-allowed; opacity: .42; }
.crypto-chart-canvas { height: 350px; margin-top: 1rem; position: relative; }
.crypto-chart-canvas svg { height: 320px; overflow: visible; width: 100%; }
.crypto-chart-summary { color: var(--crypto-muted); font-size: .8rem; text-align: center; }
.crypto-chart-message { background: var(--crypto-soft); border-radius: 12px; color: var(--crypto-muted); margin-top: 1rem; padding: 1rem; }
.crypto-stat-grid { display: grid; gap: .85rem; grid-template-columns: repeat(3,1fr); margin-bottom: 1rem; }
.crypto-stat-grid article { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 16px; padding: 1rem; }
.crypto-stat-grid span,.crypto-stat-grid strong { display: block; }
.crypto-stat-grid span { color: var(--crypto-muted); font-size: .78rem; margin-bottom: .35rem; }
.crypto-stat-grid strong { color: var(--crypto-text); font-size: 1.05rem; }
.crypto-market-context,.crypto-related-news { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 20px; margin-bottom: 1rem; padding: 1.4rem; }
.crypto-market-context h2,.crypto-related-news h2 { color: var(--crypto-text); font-size: 1.35rem; }
.crypto-market-context p { color: var(--crypto-muted); line-height: 1.75; margin-bottom: 0; }
.crypto-section-heading,.crypto-widget-heading { align-items: center; display: flex; justify-content: space-between; }
.crypto-section-heading { margin-bottom: 1rem; }
.crypto-section-heading h2,.crypto-widget-heading h2,.crypto-widget-heading h4 { margin: 0; }
.crypto-related-grid { display: grid; gap: .8rem; grid-template-columns: repeat(2,1fr); }
.crypto-related-grid article { align-items: center; border: 1px solid var(--crypto-line); border-radius: 12px; display: flex; overflow: hidden; }
.crypto-related-grid img { height: 92px; object-fit: cover; width: 110px; }
.crypto-related-grid article > div { padding: .65rem; }
.crypto-related-grid h3 { font-size: .95rem; line-height: 1.35; margin: 0 0 .25rem; }
.crypto-related-grid h3 a { color: var(--crypto-text); }
.crypto-related-grid time { color: var(--crypto-muted); font-size: .75rem; }
.crypto-sidebar-widget,.crypto-article-widget { background: var(--crypto-card)!important; border: 1px solid var(--crypto-line); border-radius: 18px; box-shadow: 0 8px 24px rgba(20,28,48,.07); clear: both; color: var(--crypto-text); display: block!important; max-width: 100%; overflow: hidden; padding: 1rem; width: 100%; }
.crypto-widget-heading { border-bottom: 1px solid var(--crypto-line); margin-bottom: .35rem; padding: 0 0 .75rem; }
.crypto-widget-heading { flex-wrap: wrap; gap: .5rem 1rem; }
.crypto-widget-heading > div { min-width: 0; }
.crypto-widget-heading h4 { color: var(--crypto-text); font-size: 1.2rem; }
.crypto-widget-heading h2 { color: var(--crypto-text); font-size: 1.35rem; }
.crypto-widget-heading a { font-size: .78rem; font-weight: 700; }
.crypto-price-list { display: block; width: 100%; }
.crypto-price-row { align-items: center; border-bottom: 1px solid var(--crypto-line); color: var(--crypto-text)!important; display: flex!important; gap: .75rem; justify-content: space-between; min-width: 0; padding: .7rem 0; text-decoration: none!important; width: 100%; }
.crypto-price-identity { min-width: 0; }
.crypto-price-identity img { height: auto; max-width: 36px; }
.crypto-price-identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crypto-price-value { flex: 0 0 auto; margin-left: .5rem; text-align: right; }
.crypto-price-value strong,.crypto-price-value small { display: block; }
.crypto-price-value strong { white-space: nowrap; }
.crypto-price-value small { font-size: .75rem; }
.crypto-widget-source { color: var(--crypto-muted); font-size: .7rem; padding-top: .65rem; text-align: right; }
.crypto-widget-empty { background: var(--crypto-soft); border: 1px dashed var(--crypto-line); border-radius: 12px; color: var(--crypto-muted); grid-column: 1 / -1; line-height: 1.5; padding: 1rem; text-align: center; width: 100%; }
.crypto-article-price-grid { display: grid; gap: .65rem; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); width: 100%; }
.crypto-article-price-grid > a { align-items: center; background: var(--crypto-soft); border: 1px solid var(--crypto-line); border-radius: 12px; color: var(--crypto-text)!important; display: flex; gap: .75rem; justify-content: space-between; min-width: 0; padding: .65rem; text-decoration: none!important; }
.crypto-article-price-grid .crypto-price-identity strong { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 991.98px) {
  .crypto-stat-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 767.98px) {
  .crypto-market-page { padding-left: 12px; padding-right: 12px; }
  .crypto-market-hero { align-items: flex-start; border-radius: 16px; display: block; padding: 1.4rem; }
  .crypto-market-updated { display: inline-block; margin: 1rem 0 0; }
  .crypto-market-toolbar { align-items: stretch; display: block; }
  .crypto-market-filter { margin-top: .65rem; width: 100%; }
  .crypto-market-table-wrap { background: transparent; border: 0; box-shadow: none; overflow: visible; }
  .crypto-market-table { display: block; min-width: 0; }
  .crypto-market-table thead { display: none; }
  .crypto-market-table tbody { display: grid; gap: .7rem; }
  .crypto-market-table tr { background: var(--crypto-card); border: 1px solid var(--crypto-line); border-radius: 14px; display: grid; grid-template-columns: 1fr 1fr 1fr; overflow: hidden; padding: .8rem; }
  .crypto-market-table td { border: 0; display: block; padding: .35rem; text-align: left; white-space: normal; }
  .crypto-market-table td:before { color: var(--crypto-muted); content: attr(data-label); display: block; font-size: .66rem; font-weight: 700; text-transform: uppercase; }
  .crypto-market-table td:first-child { display: none; }
  .crypto-market-table td:nth-child(2) { grid-column: 1 / -1; }
  .crypto-market-table td:nth-child(2):before { display: none; }
  .crypto-market-table td:nth-child(7),.crypto-market-table td:nth-child(8) { grid-column: span 1; }
  .crypto-market-table td:nth-child(9) { grid-column: 2 / -1; }
  .crypto-coin-hero { align-items: flex-start; display: block; }
  .crypto-coin-quote { margin-top: 1rem; text-align: left; }
  .crypto-chart-header { align-items: flex-start; display: block; }
  .crypto-chart-ranges { display: inline-flex; margin-top: .8rem; }
  .crypto-chart-card { padding: 1rem; }
  .crypto-chart-canvas { height: 280px; }
  .crypto-chart-canvas svg { height: 250px; }
  .crypto-stat-grid { grid-template-columns: 1fr 1fr; }
  .crypto-related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 479.98px) {
  .crypto-market-table tr { grid-template-columns: 1fr 1fr; }
  .crypto-market-table td:nth-child(9) { grid-column: 1 / -1; }
  .crypto-stat-grid,.crypto-article-price-grid { grid-template-columns: 1fr; }
  .crypto-widget-heading { align-items: flex-start; display: block; }
  .crypto-widget-heading > a { display: inline-block; margin-top: .45rem; }
  .crypto-chart-ranges button { min-width: 42px; padding-left: .5rem; padding-right: .5rem; }
}