/* ============================================================================
   stats-sub.css — раздел «Статистика» (stats + 11 подстраниц).
   Свой слой раздела — «тепловизор» (с 09.10.2026): узкие цифры (IBM Plex Sans Condensed), шкала «лёд → угли»
   (--sx-heat) под заголовками и на картах, живой «тепловой след» в шапке каждой страницы (stats-common.js).
   Угли (--sx-a) — плечо, риск, перегрев; лёд (--sx-b) — деньги, спокойствие.
   Каркас (шапка, вкладки, бегущая строка, подвал) — общий с сайтом (ui-base / kyrs).
   ============================================================================ */
:root {
    --sx-f: 'IBM Plex Sans Condensed', 'Onest', sans-serif;
    /* «тепловизор»: лёд (деньги, холод, спокойствие) → угли (плечо, риск, перегрев) */
    --sx-a: #ff8a3d; --sx-b: #4cc9f0; --sx-c: #9b7bff;
    --sx-a-wash: rgba(255, 138, 61, .09); --sx-b-wash: rgba(76, 201, 240, .09);
    --sx-a-line: rgba(255, 138, 61, .36); --sx-b-line: rgba(76, 201, 240, .34);
    --sx-tick: rgba(255, 138, 61, .26);
    --sx-heat: linear-gradient(90deg, #4cc9f0, #6d7bff, #b04be0, #f0457a, #ff8a3d, #ffd166);
}
body.light { --sx-a: #d4580b; --sx-b: #0478a6; --sx-c: #6a4be0; --sx-a-wash: rgba(212, 88, 11, .07); --sx-b-wash: rgba(4, 120, 166, .07); --sx-a-line: rgba(212, 88, 11, .3); --sx-b-line: rgba(4, 120, 166, .3); --sx-tick: rgba(212, 88, 11, .28); }

.sx-page .cm-empty { padding: 22px 16px; font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
.sx-page .page-content .up { color: var(--green, #4ade80); } .sx-page .page-content .down { color: var(--red, #f87171); }
body.light.sx-page .page-content .up { color: #15803d; } body.light.sx-page .page-content .down { color: #b91c1c; }
.sx-page .cm-tip { position: absolute; z-index: 5; display: none; pointer-events: none; max-width: 320px; padding: 8px 11px; border: 1px solid var(--mx-line-strong); border-radius: 10px; background: rgba(16,16,15,.95); box-shadow: 0 10px 28px rgba(0,0,0,.4); font-size: 13px; line-height: 1.55; color: #e9e7df; white-space: nowrap; }
.sx-page .cm-tip b { color: #fff; } .sx-page .cm-tip span { color: #a9a79c; }
.sx-page button { font-family: inherit; }
.sx-n { font-family: var(--sx-f); font-variant-numeric: tabular-nums; }

/* ---- вкладки: янтарная активная ---- */
.sx-page .kt-tabs a.on { background: var(--sx-a); color: #1a1405; }

/* ---- шапка ---- */
.sx-page .page-content .hero .hero-sub { color: var(--sx-a); font-family: var(--sx-f); font-size: 13px; font-weight: 600; letter-spacing: .14em; }
.sx-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 6px; font: 600 12.5px var(--sx-f); letter-spacing: .16em; text-transform: uppercase; color: var(--text-secondary); }
.sx-led { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--sx-a); box-shadow: 0 0 10px var(--sx-a); animation: sxLed 2.2s ease-in-out infinite; }
.sx-led.off { background: var(--text-secondary); box-shadow: none; animation: none; opacity: .5; }
@keyframes sxLed { 50% { opacity: .35; } }

/* ---- заголовки блоков: номер в «табло», шкала с делениями ---- */
.sx-page .strip-head { position: relative; padding-bottom: 10px; margin-bottom: 14px; border-bottom: 0; }
.sx-page .strip-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 7px; pointer-events: none;
    background: linear-gradient(var(--sx-tick), var(--sx-tick)) bottom / 100% 1px no-repeat,
                repeating-linear-gradient(90deg, var(--sx-tick) 0 1px, transparent 1px 10px) bottom / 100% 4px no-repeat,
                repeating-linear-gradient(90deg, var(--sx-a-line) 0 1px, transparent 1px 50px) bottom / 100% 7px no-repeat; }
.sx-page .strip-title { font: 700 14px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; }
.sx-page .strip-title i { color: var(--sx-a); }
.sx-page .cm-num { font: 700 14px var(--sx-f); letter-spacing: .06em; color: var(--sx-a); -webkit-text-stroke: 0; opacity: 1; padding: 3px 8px; border-radius: 5px; background: #12100a; border: 1px solid var(--sx-a-line); box-shadow: inset 0 0 10px rgba(251,191,36,.12); text-shadow: 0 0 8px rgba(251,191,36,.55); }
body.light .sx-page .cm-num, body.light.sx-page .cm-num { background: #fff8e6; text-shadow: none; }
.sx-page .strip-legend i { color: var(--sx-a); }
.sx-page .cm-verdict > i { color: var(--sx-a); }

/* ---- карточка-прибор ---- */
.sx-card { position: relative; border: 1px solid var(--mx-line); border-radius: var(--mx-r); background: linear-gradient(180deg, rgba(251,191,36,.035), transparent 45%), var(--mx-surface); }
.sx-card::before { content: ""; position: absolute; left: 14px; right: 14px; top: 0; height: 5px; pointer-events: none; opacity: .8;
    background: repeating-linear-gradient(90deg, var(--sx-tick) 0 1px, transparent 1px 8px); -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); }
.sx-lbl { font: 600 12px var(--sx-f); letter-spacing: .14em; text-transform: uppercase; color: var(--text-secondary); }
.sx-big { font: 600 30px/1.05 var(--sx-f); letter-spacing: -.01em; color: var(--text-color); font-variant-numeric: tabular-nums; }
.sx-chart { position: relative; height: 300px; }
.sx-chart canvas { display: block; width: 100%; height: 100%; }
.st-chart { position: relative; }
.st-chart canvas { display: block; width: 100%; height: 100%; }
.sx-seg { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--mx-line); border-radius: 9px; background: var(--mx-surface); }
.sx-seg button { border: 0; background: transparent; color: var(--text-secondary); padding: 5px 11px; border-radius: 7px; font: 600 13px var(--sx-f); letter-spacing: .04em; cursor: pointer; }
.sx-seg button.on { background: var(--sx-a); color: #1a1405; }
.sx-seg button:not(.on):hover { color: var(--text-color); }

/* ===================== stats.html ===================== */
/* шапка: прибор «температура плеча» */
.sx-gauge { margin-left: auto; display: flex; align-items: center; gap: 18px; padding: 14px 18px; border: 1px solid var(--sx-a-line); border-radius: 16px; background: radial-gradient(circle at 30% 0%, var(--sx-a-wash), transparent 70%), var(--mx-surface); min-width: 420px; }
.sx-dial { position: relative; flex: 0 0 168px; height: 100px; }
.sx-dial svg { display: block; width: 168px; height: 100px; overflow: visible; }
.sx-dial-v { position: absolute; left: 0; right: 0; bottom: -2px; text-align: center; font: 700 22px var(--sx-f); color: var(--text-color); }
.sx-gauge-r { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sx-gauge-r > b { font: 700 19px var(--sx-f); letter-spacing: .02em; color: var(--gc, var(--text-color)); text-transform: uppercase; }
.sx-gauge-r > span { font-size: 13px; line-height: 1.45; color: var(--text-secondary); max-width: 230px; }
.sx-parts { display: grid; grid-template-columns: auto auto; gap: 2px 12px; margin-top: 2px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.sx-parts i { font-style: normal; font-weight: 700; }

/* 01 приборная доска */
.sx-dash { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.sx-tile { display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 12px; color: inherit; text-decoration: none; transition: border-color .2s, transform .2s; min-height: 178px; }
.sx-tile:hover { border-color: var(--sx-a-line); transform: translateY(-2px); }
.sx-tile-h { display: flex; align-items: center; gap: 8px; }
.sx-tile-h i.fa-solid, .sx-tile-h i.fas { color: var(--sx-a); font-size: 13px; }
.sx-tile-h .sx-led { margin-left: auto; width: 7px; height: 7px; }
.sx-tile-h .sx-led.up { background: var(--green, #4ade80); box-shadow: 0 0 8px var(--green, #4ade80); }
.sx-tile-h .sx-led.down { background: var(--red, #f87171); box-shadow: 0 0 8px var(--red, #f87171); }
.sx-tile-sub { display: flex; flex-wrap: wrap; gap: 4px 12px; font: 500 13.5px var(--sx-f); color: var(--text-secondary); }
.sx-tile-sub b { font-weight: 700; }
.sx-tile canvas { display: block; width: 100%; height: 42px; margin-top: auto; }
.sx-tile-note { font-size: 13px; line-height: 1.4; color: var(--text-secondary); }
.sx-tile-go { position: absolute; right: 12px; bottom: 10px; font-size: 11.5px; color: var(--sx-a); opacity: 0; transition: opacity .2s; }
.sx-tile:hover .sx-tile-go { opacity: 1; }

/* 02 деньги */
.sx-flow { padding: 16px 18px 12px; }
.sx-flow-row { display: grid; grid-template-columns: 210px minmax(0, 1fr) 110px; align-items: center; gap: 14px; padding: 9px 0; border-bottom: 1px dashed var(--mx-line); }
.sx-flow-row:last-child { border-bottom: 0; }
.sx-flow-n b { display: block; font: 700 13.5px var(--sx-f); letter-spacing: .02em; color: var(--text-color); }
.sx-flow-n small { font-size: 12.5px; color: var(--text-secondary); }
.sx-flow-bar { position: relative; height: 16px; }
.sx-flow-bar::before { content: ""; position: absolute; left: 50%; top: -4px; bottom: -4px; width: 1px; background: var(--mx-line-strong); }
.sx-flow-bar i { position: absolute; top: 2px; height: 12px; border-radius: 3px; }
.sx-flow-bar i.up { left: 50%; background: linear-gradient(90deg, rgba(74,222,128,.35), var(--green, #4ade80)); }
.sx-flow-bar i.down { right: 50%; background: linear-gradient(270deg, rgba(248,113,113,.35), var(--red, #f87171)); }
.sx-flow-v { text-align: right; font: 700 15px var(--sx-f); }
.sx-flow-scale { display: grid; grid-template-columns: 210px minmax(0, 1fr) 110px; gap: 14px; margin-top: 4px; font: 500 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.sx-flow-scale span:nth-child(2) { display: flex; justify-content: space-between; }

/* 03 кто перегрет */
.sx-heat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sx-heat-col { padding: 14px 16px 8px; }
.sx-heat-col > .sx-lbl { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.sx-heat-col > .sx-lbl i { font-size: 12.5px; }
.sx-hr { display: grid; grid-template-columns: 54px 92px 76px minmax(0, 1fr) 70px; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--mx-line); font: 500 13px var(--sx-f); font-variant-numeric: tabular-nums; }
.sx-hr b { font-weight: 700; color: var(--text-color); }
.sx-hr small { font-size: 12.5px; color: var(--text-secondary); }
.sx-ls { position: relative; height: 8px; border-radius: 4px; background: var(--red, #f87171); overflow: hidden; opacity: .9; }
.sx-ls i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--green, #4ade80); }
.sx-ls::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(0,0,0,.5); }
.sx-hr-h { border-top: 0; padding: 0 0 4px; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }

/* 04 ликвидации */
.sx-liq { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 12px; }
.sx-liq-l { padding: 14px 16px 10px; display: flex; flex-direction: column; }
.sx-liq-tot { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-bottom: 10px; }
.sx-liq-tot span { display: flex; flex-direction: column; gap: 2px; }
.sx-liq-tot b { font: 700 22px var(--sx-f); }
.sx-liq-split { display: flex; height: 10px; border-radius: 5px; overflow: hidden; margin-bottom: 12px; background: var(--mx-line); }
.sx-liq-split i { display: block; height: 100%; }
.sx-liq-split i.l { background: var(--red, #f87171); } .sx-liq-split i.s { background: var(--green, #4ade80); }
.sx-liq-l .st-chart { flex: 1; min-height: 190px; }
.sx-liq-r { padding: 12px 14px; max-height: 360px; overflow: auto; }
.sx-lv { display: grid; grid-template-columns: 44px 48px minmax(0, 1fr) 76px; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); font-variant-numeric: tabular-nums; }
.sx-lv.new { animation: sxNew 1.6s ease-out; }
@keyframes sxNew { from { background: var(--sx-a-wash); } to { background: transparent; } }
.sx-lv b { font-weight: 700; } .sx-lv small { color: var(--text-secondary); font-size: 12.5px; }
.sx-tag { display: inline-block; padding: 1px 6px; border-radius: 4px; font: 700 11.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; }
.sx-tag.long { color: var(--red, #f87171); background: rgba(248,113,113,.12); } .sx-tag.short { color: var(--green, #4ade80); background: rgba(74,222,128,.12); }
.sx-lv .r { text-align: right; }

/* 05 необычное */
.sx-odd { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sx-odd-i { display: flex; gap: 12px; align-items: flex-start; padding: 13px 15px; }
.sx-odd-i > i { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--sx-a-wash); color: var(--sx-a); font-size: 13px; }
.sx-odd-i.up > i { background: rgba(74,222,128,.1); color: var(--green, #4ade80); } .sx-odd-i.down > i { background: rgba(248,113,113,.1); color: var(--red, #f87171); }
.sx-odd-i b { display: block; font-size: 13.5px; line-height: 1.35; color: var(--text-color); }
.sx-odd-i span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.sx-odd-i a { color: var(--sx-a); text-decoration: none; font-size: 13px; }

@media (max-width: 1200px) { .sx-dash { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx-gauge { margin-left: 0; } }
@media (max-width: 1000px) { .sx-heat, .sx-liq, .sx-odd { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
    .sx-gauge { min-width: 0; width: 100%; flex-direction: column; align-items: flex-start; }
    .sx-flow-row, .sx-flow-scale { grid-template-columns: 1fr 90px; } .sx-flow-bar { grid-column: 1 / -1; grid-row: 2; } .sx-flow-scale span:nth-child(2) { display: none; }
    .sx-hr { grid-template-columns: 48px 80px minmax(0, 1fr) 60px; } .sx-hr > :nth-child(3) { display: none; }
}
@media (max-width: 520px) { .sx-dash { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .sx-led, .sx-lv.new { animation: none; } }

/* прибор «Капитализация»: доли рынка полосой */
.sx-mix { display: flex; height: 9px; margin-top: auto; border-radius: 5px; overflow: hidden; gap: 2px; }
.sx-mix i { display: block; height: 100%; }
.sx-mix-l { display: flex; flex-wrap: wrap; gap: 3px 10px; font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.sx-mix-l i { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 4px; }

/* ---- подписи-выводы под блоками и «куда дальше» (как в других разделах) ---- */
.sx-page .cm-verdict { display: block; margin: 10px 0 34px; padding: 0 4px; font-size: 13px; line-height: 1.6; color: var(--text-secondary); }
.sx-page .cm-verdict:empty { margin: 0 0 34px; }
.sx-page .cm-verdict b { color: var(--text-color); }
.sx-page .cm-verdict b.up { color: var(--green, #4ade80); } .sx-page .cm-verdict b.down { color: var(--red, #f87171); }
.sx-page .sx-dash + .cm-verdict, .sx-page .sx-heat + .cm-verdict { margin-top: 12px; }
.sx-page .cm-next { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 34px 0 10px; }
.sx-page .cm-next a { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; align-items: center; padding: 14px 16px; border: 1px dashed var(--mx-line-strong); border-radius: 12px; color: inherit; text-decoration: none; transition: border-color .15s, background .15s; }
.sx-page .cm-next a:hover { border-color: var(--sx-a-line); background: var(--sx-a-wash); }
.sx-page .cm-next i { grid-row: span 2; font-size: 16px; color: var(--sx-a); }
.sx-page .cm-next b { font-size: 13px; color: var(--text-color); }
.sx-page .cm-next span { font-size: 13px; color: var(--text-secondary); }
.sx-odd + .cm-next { margin-top: 34px; }
@media (max-width: 1100px) { .sx-page .cm-next { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .sx-page .cm-next { grid-template-columns: 1fr; } }
.sx-liq-l .st-chart { flex: 0 0 auto; height: 230px; min-height: 0; }
.sx-dial-v { display: none; }
.sx-gauge-r > b small { margin-left: 8px; font-size: 14px; color: var(--text-secondary); letter-spacing: 0; }

/* ===================== подстраницы: общее ===================== */
/* главная цифра страницы справа в шапке */
.sx-hcard { margin-left: auto; display: flex; align-items: center; gap: 22px; padding: 14px 20px; border: 1px solid var(--sx-a-line); border-radius: 16px; background: radial-gradient(circle at 30% 0%, var(--sx-a-wash), transparent 70%), var(--mx-surface); min-width: 340px; max-width: 560px; }
.sx-hcard .cm-empty { padding: 6px 0; }
.sx-hc-i { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sx-hc-i b { font: 700 26px/1.05 var(--sx-f); font-variant-numeric: tabular-nums; color: var(--text-color); white-space: nowrap; }
.sx-hc-i small { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.sx-hc-sep { align-self: stretch; width: 1px; background: var(--mx-line); }
.sx-hcard .sx-seg { margin-left: auto; }
.sx-page .cm-next.n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sx-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 12px; }
.sx-tools .sx-lbl { margin-right: 2px; }
.sx-note { font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.sx-more { display: block; width: 100%; margin-top: 8px; padding: 8px; border: 1px dashed var(--mx-line-strong); border-radius: 9px; background: transparent; color: var(--text-secondary); font: 600 13px var(--sx-f); letter-spacing: .06em; cursor: pointer; }
.sx-more:hover { color: var(--text-color); border-color: var(--sx-a-line); }
@media (max-width: 1100px) { .sx-page .cm-next.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx-hcard { margin-left: 0; } }
@media (max-width: 700px) { .sx-hcard { min-width: 0; width: 100%; flex-wrap: wrap; gap: 12px 18px; } .sx-hc-sep { display: none; } .sx-page .cm-next.n4 { grid-template-columns: 1fr; } }

/* ===================== market-cap.html ===================== */
.mc-hundred { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; padding: 20px 22px; align-items: center; }
.mc-waffle { display: grid; grid-template-columns: repeat(10, 26px); grid-auto-rows: 26px; gap: 4px; }
.mc-waffle i { border-radius: 5px; animation: mcIn .5s ease-out both; transition: opacity .2s, transform .2s; }
.mc-waffle i.rest, .mc-sw.rest { background: repeating-linear-gradient(45deg, var(--mx-line-strong) 0 3px, transparent 3px 6px); border: 1px solid var(--mx-line-strong); }
@keyframes mcIn { from { opacity: 0; transform: scale(.4); } }
.mc-hundred.hl [data-g]:not(.on) { opacity: .22; }
.mc-hundred.hl .mc-waffle i.on { transform: scale(1.08); }
.mc-legend { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mc-lg { display: grid; grid-template-columns: 14px 70px minmax(0, 1fr) 110px 64px; align-items: center; gap: 10px; padding: 6px 4px; border-bottom: 1px solid var(--mx-line); font: 500 13px var(--sx-f); cursor: default; transition: opacity .2s; }
.mc-lg-h { border-bottom: 0; padding-bottom: 0; }
.mc-lg b { font-size: 18px; font-weight: 700; color: var(--text-color); }
.mc-lg-n { color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-lg-v, .mc-lg-c { text-align: right; color: var(--text-secondary); } .mc-lg-c.up, .mc-lg-c.down { font-weight: 700; }
.mc-sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
/* альтсезон */
.mc-alt { padding: 16px 20px 14px; }
.mc-alt-top { display: flex; align-items: center; gap: 26px; margin-bottom: 18px; }
.mc-idx { display: flex; align-items: baseline; gap: 6px; }
.mc-idx b { font: 700 54px/1 var(--sx-f); color: var(--text-color); } .mc-idx b.btc { color: #f7931a; }
.mc-idx span { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.mc-scale { flex: 1; min-width: 0; }
.mc-scale-bar { position: relative; height: 10px; border-radius: 5px; background: linear-gradient(90deg, #f7931a 0 25%, var(--mx-line-strong) 25% 75%, var(--green, #4ade80) 75%); }
.mc-scale-bar i { position: absolute; top: -5px; width: 4px; height: 20px; margin-left: -2px; border-radius: 2px; background: var(--text-color); box-shadow: 0 0 0 2px var(--mx-surface); transition: left .6s; }
.mc-scale-l { display: flex; justify-content: space-between; margin-top: 5px; font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.mc-scale-t { margin-top: 6px; font-size: 13px; color: var(--text-secondary); } .mc-scale-t b { color: var(--text-color); }
.mc-swarm { position: relative; padding: 26px 0 24px; border-top: 1px solid var(--mx-line); }
.mc-sw-zone { position: absolute; top: 6px; font: 600 11.5px var(--sx-f); letter-spacing: .12em; text-transform: uppercase; }
.mc-sw-zone.l { left: 0; color: var(--red, #f87171); } .mc-sw-zone.r { right: 0; color: var(--green, #4ade80); }
.mc-sw-zero { position: absolute; top: 0; bottom: 18px; width: 0; border-left: 2px dashed #f7931a; }
.mc-sw-zero span { position: absolute; top: 2px; left: 6px; font: 700 12px var(--sx-f); color: #f7931a; white-space: nowrap; }
.mc-sw-in { position: relative; margin: 0 26px 0 0; }
.mc-chip { position: absolute; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 5px; border-radius: 10px; font: 700 11.5px var(--sx-f); white-space: nowrap; border: 1px solid; background: var(--mx-surface); cursor: default; }
.mc-chip img { width: 12px; height: 12px; border-radius: 50%; }
.mc-chip.up { color: var(--green, #4ade80); border-color: rgba(74,222,128,.4); } .mc-chip.down { color: var(--red, #f87171); border-color: rgba(248,113,113,.35); }
.mc-chip:hover { z-index: 3; transform: translateX(-50%) scale(1.15); }
.mc-sw-ticks { position: relative; height: 14px; margin-right: 26px; border-top: 1px solid var(--mx-line); }
.mc-sw-ticks span { position: absolute; top: 3px; transform: translateX(-50%); font: 500 11.5px var(--sx-f); color: var(--text-secondary); }
/* сектора */
.mc-sect { padding: 14px 18px 10px; }
.mc-sect-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.mc-sh { display: flex; gap: 7px; align-items: center; margin-bottom: 6px; } .mc-sh.up i { color: var(--green, #4ade80); } .mc-sh.down i { color: var(--red, #f87171); }
.mc-sr { display: grid; grid-template-columns: minmax(0, 1.3fr) 54px minmax(0, 1fr) 62px 62px; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); }
.mc-sr-n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-color); }
.mc-sr-coins { display: flex; } .mc-sr-coins img { width: 16px; height: 16px; border-radius: 50%; margin-right: -4px; border: 1px solid var(--mx-surface); background: var(--mx-surface); }
.mc-sr-bar { height: 8px; border-radius: 4px; background: var(--mx-line); overflow: hidden; }
.mc-sr-bar i { display: block; height: 100%; border-radius: 4px; } .mc-sr-bar i.up { background: var(--green, #4ade80); } .mc-sr-bar i.down { background: var(--red, #f87171); }
.mc-sr b { text-align: right; font-weight: 700; } .mc-sr small { text-align: right; color: var(--text-secondary); font-size: 12.5px; }
/* хвост */
.mc-tail { padding: 18px 20px 16px; }
.mc-tail-bar { display: flex; gap: 2px; height: 34px; border-radius: 8px; overflow: hidden; }
.mc-tail-bar i { display: block; height: 100%; }
.mc-tail-l { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.mc-tail-l div { display: grid; grid-template-columns: 14px 1fr; gap: 0 6px; align-items: center; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.mc-tail-l b { font-size: 20px; font-weight: 700; color: var(--text-color); }
.mc-tail-l span:not(.mc-sw), .mc-tail-l small { grid-column: 2; }
.mc-need { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--mx-line); }
.mc-need div { display: flex; flex-direction: column; gap: 3px; } .mc-need b { font: 700 22px var(--sx-f); color: var(--sx-a); }
@media (max-width: 1000px) { .mc-hundred, .mc-sect-cols { grid-template-columns: 1fr; } .mc-tail-l { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mc-waffle { grid-template-columns: repeat(10, 1fr); grid-auto-rows: auto; } .mc-waffle i { aspect-ratio: 1; } .mc-lg { grid-template-columns: 14px 56px minmax(0, 1fr) 54px; } .mc-lg-v { display: none; } .mc-alt-top { flex-direction: column; align-items: stretch; gap: 10px; } .mc-sr { grid-template-columns: minmax(0, 1fr) 54px 56px; } .mc-sr-coins, .mc-sr small { display: none; } }
.mc-cols { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px; padding-top: 12px; border-top: 1px solid var(--mx-line); }
.mc-cols-y { display: flex; flex-direction: column; justify-content: space-between; height: 220px; font: 600 12px var(--sx-f); color: var(--text-secondary); text-align: right; }
.mc-cols-y span:nth-child(2) { color: #f7931a; }
.mc-cols-in { display: grid; grid-template-columns: repeat(50, minmax(0, 1fr)); gap: 3px; }
.mc-col { display: flex; flex-direction: column; align-items: center; min-width: 0; cursor: default; }
.mc-col-t, .mc-col-b { position: relative; width: 100%; height: 110px; }
.mc-col-t { border-bottom: 1px dashed #f7931a; }
.mc-col-t i, .mc-col-b i { position: absolute; left: 12%; right: 12%; border-radius: 3px; }
.mc-col-t i { bottom: 0; background: linear-gradient(0deg, rgba(74,222,128,.35), var(--green, #4ade80)); }
.mc-col-b i { top: 0; background: linear-gradient(180deg, rgba(248,113,113,.35), var(--red, #f87171)); }
.mc-col img { width: 14px; height: 14px; border-radius: 50%; margin-top: 6px; }
.mc-col span { margin-top: 3px; font: 700 10px var(--sx-f); color: var(--text-secondary); writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
.mc-col:hover i { filter: brightness(1.3); } .mc-col:hover span { color: var(--text-color); }
@media (max-width: 700px) { .mc-cols-in { grid-template-columns: repeat(25, minmax(0, 1fr)); row-gap: 14px; } }

/* ===================== stablecoins.html ===================== */
.sc-powder { padding: 18px 20px 12px; }
.sc-pw-top { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 30px; align-items: center; margin-bottom: 14px; }
.sc-pw-big { display: flex; align-items: center; gap: 14px; }
.sc-pw-big b { font: 700 58px/1 var(--sx-f); color: var(--sx-b); }
.sc-pw-big span { font-size: 13px; line-height: 1.4; color: var(--text-secondary); }
.sc-tank-bar { position: relative; height: 34px; border-radius: 8px; background: rgba(247,147,26,.14); border: 1px solid rgba(247,147,26,.4); overflow: hidden; }
.sc-tank-bar i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, rgba(56,189,248,.5), var(--sx-b)); }
.sc-tank-l, .sc-tank-r { position: absolute; top: 50%; transform: translateY(-50%); font: 700 13px var(--sx-f); }
.sc-tank-l { left: 10px; color: #04121b; } .sc-tank-r { right: 10px; color: #f7931a; }
.sc-range { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-top: 10px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.sc-range b { color: var(--text-color); }
.sc-range-bar { position: relative; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--red, #f87171), var(--mx-line-strong), var(--green, #4ade80)); }
.sc-range-bar i { position: absolute; top: -5px; width: 4px; height: 14px; margin-left: -2px; border-radius: 2px; background: var(--text-color); }
.sc-pw-chart { height: 200px; }
.sc-print { padding: 16px 20px 12px; }
.sc-pr { display: flex; flex-direction: column; gap: 10px; }
.sc-pr-row { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 16px; align-items: center; padding-bottom: 10px; border-bottom: 1px dashed var(--mx-line); }
.sc-pr-h { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: var(--text-secondary); }
.sc-pr-h > b { font: 700 18px var(--sx-f); letter-spacing: .04em; }
.sc-pr-h small { font-size: 13px; line-height: 1.5; } .sc-pr-h small b { color: var(--text-color); }
.sc-pr-net { margin: 4px 0; font: 700 24px var(--sx-f); } .sc-pr-net small { margin-left: 8px; font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.sc-pr-c { height: 130px; }
.sc-tb { margin-top: 14px; }
.sc-tr { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)) 130px; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--mx-line); font: 500 13px var(--sx-f); text-align: right; }
.sc-tr > span:first-child { text-align: left; display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.sc-tr b { color: var(--text-color); } .sc-tr small { font-size: 12.5px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-th { border-top: 0; font: 600 11.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.sc-share { position: relative; height: 16px; border-radius: 4px; background: var(--mx-line); overflow: hidden; }
.sc-share i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--sx-b-line); }
.sc-share em { position: relative; font-style: normal; font-size: 12.5px; padding-right: 6px; line-height: 16px; color: var(--text-color); }
.sc-peg { padding: 12px 20px 10px; }
.sc-peg-axis { display: grid; grid-template-columns: 170px minmax(0, 1fr) 80px 64px; font: 600 11.5px var(--sx-f); color: var(--text-secondary); }
.sc-peg-axis { position: relative; } .sc-peg-axis span { display: none; }
.sc-peg-r { display: grid; grid-template-columns: 170px minmax(0, 1fr) 80px 64px; gap: 12px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font: 500 13px var(--sx-f); }
.sc-peg-n { display: flex; gap: 8px; align-items: baseline; min-width: 0; } .sc-peg-n b { color: var(--text-color); } .sc-peg-n small { font-size: 12px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-peg-bar { position: relative; height: 14px; border-radius: 7px; background: linear-gradient(90deg, rgba(248,113,113,.25), rgba(251,191,36,.12) 35%, transparent 45% 55%, rgba(251,191,36,.12) 65%, rgba(248,113,113,.25)); }
.sc-peg-bar .ok-zone { position: absolute; left: 42.5%; width: 15%; top: 0; bottom: 0; border-radius: 4px; background: rgba(74,222,128,.18); }
.sc-peg-bar .z { position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--mx-line-strong); }
.sc-peg-bar b { position: absolute; top: 2px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: var(--green, #4ade80); box-shadow: 0 0 8px var(--green, #4ade80); }
.sc-peg-r.warn .sc-peg-bar b { background: var(--sx-a); box-shadow: 0 0 8px var(--sx-a); } .sc-peg-r.bad .sc-peg-bar b { background: var(--red, #f87171); box-shadow: 0 0 8px var(--red, #f87171); }
.sc-peg-p, .sc-peg-d { text-align: right; } .sc-peg-r.warn .sc-peg-d { color: var(--sx-a); } .sc-peg-r.bad .sc-peg-d { color: var(--red, #f87171); font-weight: 700; } .sc-peg-r.ok .sc-peg-d { color: var(--text-secondary); }
.sc-chains { padding: 10px 20px; }
.sc-ch { display: grid; grid-template-columns: 24px 140px minmax(0, 1fr) 90px 54px; gap: 12px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--mx-line); font: 500 13px var(--sx-f); }
.sc-ch:last-child { border-bottom: 0; } .sc-ch b { color: var(--text-color); } .sc-ch-i { color: var(--text-secondary); }
.sc-ch-bar { height: 10px; border-radius: 5px; background: var(--mx-line); overflow: hidden; } .sc-ch-bar i { display: block; height: 100%; background: linear-gradient(90deg, rgba(56,189,248,.4), var(--sx-b)); border-radius: 5px; }
.sc-ch > span:nth-child(4), .sc-ch-p { text-align: right; } .sc-ch-p { color: var(--text-secondary); }
@media (max-width: 1000px) { .sc-pw-top, .sc-pr-row { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .sc-tr { grid-template-columns: minmax(0, 1.3fr) 1fr 1fr 1fr; } .sc-tr > :nth-child(3), .sc-tr > :nth-child(6) { display: none; } .sc-peg-r { grid-template-columns: 80px minmax(0, 1fr) 56px; } .sc-peg-p { display: none; } .sc-ch { grid-template-columns: 18px 90px minmax(0, 1fr) 70px; } .sc-ch-p { display: none; } .sc-pw-big b { font-size: 44px; } }

/* ===================== etf-flows.html ===================== */
.etf-day { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; padding: 18px 22px; }
.etf-day-l { display: flex; flex-direction: column; gap: 6px; }
.etf-coins { font: 700 64px/1 var(--sx-f); letter-spacing: -.02em; }
.etf-coins small { margin-left: 10px; font-size: 22px; color: var(--text-secondary); }
.etf-usd { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.etf-vs { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.etf-vs-r { display: grid; grid-template-columns: 120px minmax(0, 1fr) 90px; gap: 10px; align-items: center; font: 500 13.5px var(--sx-f); color: var(--text-secondary); }
.etf-vs-r b { text-align: right; color: var(--text-color); }
.etf-vs-bar { height: 14px; border-radius: 4px; background: var(--mx-line); overflow: hidden; }
.etf-vs-bar i { display: block; height: 100%; border-radius: 4px; }
.etf-vs-bar i.up { background: linear-gradient(90deg, rgba(56,189,248,.4), var(--sx-b)); } .etf-vs-bar i.down { background: var(--red, #f87171); } .etf-vs-bar i.mine { background: linear-gradient(90deg, rgba(247,147,26,.4), #f7931a); }
.etf-day-r { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.etf-five { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 8px; }
.etf-five > div { display: flex; flex-direction: column; align-items: center; gap: 4px; font: 600 13px var(--sx-f); }
.etf-five small { font-size: 12px; color: var(--text-secondary); font-weight: 500; }
.etf-five-b { position: relative; width: 100%; height: 64px; border-bottom: 1px solid var(--mx-line-strong); }
.etf-five-b i { position: absolute; bottom: 0; left: 20%; right: 20%; border-radius: 3px 3px 0 0; } .etf-five-b i.up { background: var(--sx-b); } .etf-five-b i.down { background: var(--red, #f87171); }
.etf-who { display: flex; flex-wrap: wrap; gap: 6px; }
.etf-who span { padding: 4px 9px; border-radius: 7px; border: 1px solid var(--mx-line); font: 500 13px var(--sx-f); color: var(--text-secondary); }
.etf-who span b { color: var(--text-color); } .etf-who span.up { border-color: rgba(56,189,248,.35); } .etf-who span.down { border-color: rgba(248,113,113,.35); }
.etf-league { padding: 10px 18px 12px; }
.etf-lr { display: grid; grid-template-columns: 28px minmax(0, 1.4fr) 110px minmax(0, 1fr) 90px 170px 74px; gap: 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--mx-line); font: 500 13px var(--sx-f); }
.etf-lr.more { display: none; } .etf-league.open .etf-lr.more { display: grid; }
.etf-lh { border-top: 0; padding-top: 4px; font: 600 11.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.etf-pl { color: var(--sx-a); font-weight: 700; font-size: 15px; }
.etf-lr:nth-child(2) .etf-pl, .etf-lr:nth-child(3) .etf-pl, .etf-lr:nth-child(4) .etf-pl { text-shadow: 0 0 8px rgba(251,191,36,.5); }
.etf-fn { display: flex; flex-direction: column; min-width: 0; } .etf-fn b { color: var(--text-color); font-size: 14px; } .etf-fn small { font-size: 12.5px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.etf-tot { font-weight: 700; text-align: right; } .etf-lr > span:nth-child(5) { text-align: right; }
.etf-sh { height: 8px; border-radius: 4px; background: var(--mx-line); overflow: hidden; } .etf-sh i { display: block; height: 100%; background: var(--sx-b); border-radius: 4px; }
.etf-form { display: flex; gap: 3px; } .etf-form i { flex: 1; height: 14px; border-radius: 3px; background: var(--mx-line-strong); opacity: .5; }
.etf-form i.w { background: var(--sx-b); opacity: 1; } .etf-form i.l { background: var(--red, #f87171); opacity: 1; }
.etf-str { font: 700 13px var(--sx-f); color: var(--text-secondary); white-space: nowrap; } .etf-str i { margin-right: 4px; }
.etf-str.up { color: var(--sx-a); } .etf-str.down { color: var(--sx-b); }
.etf-days { padding: 14px 18px 10px; } .etf-chart { height: 300px; }
.etf-records { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.etf-rec { display: flex; flex-direction: column; gap: 5px; padding: 16px; }
.etf-rec > i { font-size: 15px; } .etf-rec.up > i { color: var(--sx-b); } .etf-rec.down > i { color: var(--red, #f87171); }
.etf-rec b { font: 700 24px var(--sx-f); color: var(--text-color); } .etf-rec small { font-size: 13px; color: var(--text-secondary); }
@media (max-width: 1100px) { .etf-day { grid-template-columns: 1fr; } .etf-records { grid-template-columns: repeat(2, minmax(0, 1fr)); } .etf-lr { grid-template-columns: 24px minmax(0, 1fr) 100px 80px 120px; } .etf-lr > :nth-child(4), .etf-lr > :nth-child(7) { display: none; } }
@media (max-width: 600px) { .etf-lr { grid-template-columns: 22px minmax(0, 1fr) 90px; } .etf-lr > :nth-child(5), .etf-lr > :nth-child(6) { display: none; } .etf-coins { font-size: 48px; } .etf-records { grid-template-columns: 1fr; } }

/* ===================== liquidations.html ===================== */
.lq-hsplit .sx-liq-split { width: 150px; margin: 6px 0 2px; }
.lq-grave { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lq-stone { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 22px 14px 14px; border: 1px solid var(--mx-line); border-radius: 60px 60px 12px 12px; background: linear-gradient(180deg, rgba(248,113,113,.07), transparent 60%), var(--mx-surface); text-align: center; }
.lq-stone.short { background: linear-gradient(180deg, rgba(74,222,128,.07), transparent 60%), var(--mx-surface); }
.lq-stone.first { border-color: var(--sx-a-line); box-shadow: 0 0 24px rgba(251,191,36,.08); }
.lq-rank { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font: 700 11.5px var(--sx-f); color: var(--text-secondary); letter-spacing: .1em; }
.lq-sym { margin-top: 6px; font: 700 20px var(--sx-f); letter-spacing: .04em; color: var(--text-color); }
.lq-stone > b { font: 700 26px var(--sx-f); color: var(--text-color); margin-top: 4px; }
.lq-px { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.lq-meta { margin-top: 4px; padding-top: 6px; border-top: 1px dashed var(--mx-line); width: 100%; font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.lq-hours { padding: 18px 20px 10px; }
.lq-hrs { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 4px; height: 190px; align-items: end; }
.lq-hr { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 5px; cursor: default; }
.lq-hr-b { display: flex; flex-direction: column; width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; overflow: hidden; background: var(--mx-line); }
.lq-hr-b i { display: block; min-height: 0; } .lq-hr-b i.l { background: var(--red, #f87171); } .lq-hr-b i.s { background: var(--green, #4ade80); }
.lq-hr span { font: 600 12px var(--sx-f); color: var(--text-secondary); }
.lq-hr.now span { color: var(--sx-a); } .lq-hr.now .lq-hr-b { box-shadow: 0 0 0 2px var(--sx-a); }
.lq-hr:hover .lq-hr-b { filter: brightness(1.25); }
.lq-hr-leg { display: flex; gap: 16px; margin-top: 10px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.lq-hr-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.lq-hr-leg i.l { background: var(--red, #f87171); } .lq-hr-leg i.s { background: var(--green, #4ade80); } .lq-hr-leg i.nw { border: 2px solid var(--sx-a); }
.lq-coins { padding: 12px 20px; }
.lq-vs { display: grid; grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); gap: 10px; align-items: center; padding: 4px 0; }
.lq-vs > b { text-align: center; font: 700 13px var(--sx-f); color: var(--text-color); }
.lq-vs-l, .lq-vs-r { display: flex; align-items: center; gap: 8px; height: 18px; }
.lq-vs-l { justify-content: flex-end; }
.lq-vs-l i, .lq-vs-r i { display: block; height: 100%; border-radius: 4px; min-width: 1px; }
.lq-vs-l i { background: linear-gradient(270deg, var(--red, #f87171), rgba(248,113,113,.35)); } .lq-vs-r i { background: linear-gradient(90deg, var(--green, #4ade80), rgba(74,222,128,.35)); }
.lq-vs em { font: 600 13px var(--sx-f); font-style: normal; color: var(--text-secondary); white-space: nowrap; }
.lq-vs-h { font: 600 11.5px var(--sx-f); letter-spacing: .12em; text-transform: uppercase; color: var(--text-secondary); }
.lq-vs-h span:first-child { text-align: right; color: var(--red, #f87171); } .lq-vs-h span:last-child { color: var(--green, #4ade80); }
.lq-time { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; padding: 14px 18px; }
.lq-chart { height: 280px; }
.lq-ex { display: flex; flex-direction: column; gap: 12px; }
.lq-ex-r { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; align-items: center; font: 500 13px var(--sx-f); }
.lq-ex-r > span { display: flex; gap: 8px; align-items: center; } .lq-ex-r .sx-led { width: 7px; height: 7px; background: var(--green, #4ade80); box-shadow: 0 0 8px var(--green, #4ade80); }
.lq-ex-r .sx-liq-split { grid-column: 1 / -1; margin: 0; height: 8px; } .lq-ex-r small { grid-column: 1 / -1; font-size: 12.5px; color: var(--text-secondary); }
@media (max-width: 1100px) { .lq-grave { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lq-time { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .lq-hrs { height: 140px; gap: 2px; } .lq-hr span { font-size: 10px; } .lq-vs { grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); } }

/* ===================== liq-map.html ===================== */
.lm-hm small { display: flex; gap: 6px; align-items: center; font-size: 13px; } .lm-hm small b { font-weight: 700; }
.sx-hcard .lm-coins { flex-wrap: wrap; max-width: 190px; }
.lm-ladder { padding: 12px 18px 14px; }
.lm-leg { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 8px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.lm-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
.lm-leg i.l { background: var(--red, #f87171); } .lm-leg i.s { background: var(--green, #4ade80); } .lm-leg i.h { background: var(--sx-a); }
.lm-cv { height: 560px; } .lm-cv canvas { cursor: crosshair; }
.lm-magnets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lm-mag-col { display: flex; flex-direction: column; gap: 10px; }
.lm-mag { display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; align-items: baseline; padding: 13px 16px; }
.lm-mag .sx-lbl { grid-column: 1 / -1; } .lm-mag.up .sx-lbl i { color: var(--green, #4ade80); } .lm-mag.down .sx-lbl i { color: var(--red, #f87171); }
.lm-mag > b { font: 700 24px var(--sx-f); color: var(--text-color); }
.lm-mag-v { font: 700 16px var(--sx-f); } .lm-mag.up .lm-mag-v { color: var(--green, #4ade80); } .lm-mag.down .lm-mag-v { color: var(--red, #f87171); }
.lm-mag small { grid-column: 1 / -1; font-size: 13px; color: var(--text-secondary); }
.lm-cum { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 18px; padding: 14px 18px; }
.lm-cum-c { height: 260px; }
.lm-steps { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.lm-steps div { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border: 1px dashed var(--mx-line-strong); border-radius: 10px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.lm-steps b { font-weight: 700; }
@media (max-width: 900px) { .lm-magnets, .lm-cum { grid-template-columns: 1fr; } .lm-cv { height: 460px; } }
.sx-hc-i.lm-hm small b { font: 700 13px var(--sx-f); color: inherit; } .sx-hc-i.lm-hm small b.up { color: var(--green, #4ade80); } .sx-hc-i.lm-hm small b.down { color: var(--red, #f87171); }

/* ===================== volumes-oi.html ===================== */
.vo-quad { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 20px; padding: 18px; }
.vo-field { position: relative; height: 440px; border-radius: 10px; background:
    linear-gradient(135deg, transparent 50%, transparent 50%),
    radial-gradient(circle at 100% 0%, rgba(74,222,128,.08), transparent 45%), radial-gradient(circle at 100% 100%, rgba(56,189,248,.08), transparent 45%),
    radial-gradient(circle at 0% 0%, rgba(248,113,113,.08), transparent 45%), radial-gradient(circle at 0% 100%, rgba(251,191,36,.07), transparent 45%); border: 1px solid var(--mx-line); }
.vo-ax { position: absolute; background: var(--mx-line-strong); } .vo-ax.x { left: 0; right: 0; top: 50%; height: 1px; } .vo-ax.y { top: 0; bottom: 0; left: 50%; width: 1px; }
.vo-q { position: absolute; max-width: 44%; padding: 10px 12px; } .vo-q b { display: block; font: 700 13px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; } .vo-q span { font-size: 12.5px; color: var(--text-secondary); }
.vo-q.tr { right: 0; top: 0; text-align: right; } .vo-q.br { right: 0; bottom: 0; text-align: right; } .vo-q.tl { left: 0; top: 0; } .vo-q.bl { left: 0; bottom: 0; }
.vo-q.up b, .vo-qlist .up b { color: var(--green, #4ade80); } .vo-q.down b, .vo-qlist .down b { color: var(--red, #f87171); } .vo-q.b b, .vo-qlist .b b { color: var(--sx-b); } .vo-q.a b, .vo-qlist .a b { color: var(--sx-a); }
.vo-al { position: absolute; font: 600 11.5px var(--sx-f); color: var(--text-secondary); letter-spacing: .06em; }
.vo-al.r { right: 8px; top: calc(50% + 4px); } .vo-al.l { left: 8px; top: calc(50% + 4px); } .vo-al.t { left: calc(50% + 6px); top: 6px; } .vo-al.b { left: calc(50% + 6px); bottom: 6px; }
.vo-dot { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; display: grid; place-items: center; border: 2px solid; background: var(--mx-surface); cursor: default; transition: transform .15s; z-index: 1; }
.vo-dot:hover { transform: translate(-50%, -50%) scale(1.2); z-index: 3; }
.vo-dot span { position: absolute; top: 100%; margin-top: 2px; font: 700 12.5px var(--sx-f); white-space: nowrap; color: var(--text-color); }
.vo-dot.up { border-color: var(--green, #4ade80); background: rgba(74,222,128,.25); } .vo-dot.down { border-color: var(--red, #f87171); background: rgba(248,113,113,.25); }
.vo-dot.b { border-color: var(--sx-b); background: rgba(56,189,248,.25); } .vo-dot.a { border-color: var(--sx-a); background: rgba(251,191,36,.22); }
.vo-qlist { display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.vo-qlist div { padding: 10px 12px; border: 1px solid var(--mx-line); border-radius: 10px; font: 500 13.5px var(--sx-f); }
.vo-qlist b { display: block; margin-bottom: 3px; font-size: 13px; letter-spacing: .04em; } .vo-qlist span { color: var(--text-color); }
.vo-spec { padding: 12px 20px; }
.vo-sp { display: grid; grid-template-columns: 54px minmax(0, 1fr) 60px 150px; gap: 12px; align-items: center; padding: 5px 0; font: 500 13px var(--sx-f); }
.vo-sp b { color: var(--text-color); } .vo-sp small { text-align: right; font-size: 12.5px; color: var(--text-secondary); }
.vo-sp-bar { height: 12px; border-radius: 4px; background: var(--mx-line); overflow: hidden; } .vo-sp-bar i { display: block; height: 100%; border-radius: 4px; background: var(--sx-b); }
.vo-sp.warm .vo-sp-bar i { background: var(--sx-a); } .vo-sp.hot .vo-sp-bar i { background: var(--red, #f87171); }
.vo-sp-k { text-align: right; font-weight: 700; } .vo-sp.warm .vo-sp-k { color: var(--sx-a); } .vo-sp.hot .vo-sp-k { color: var(--red, #f87171); }
.vo-sp-scale { display: flex; gap: 18px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--mx-line); font: 600 12px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--sx-b); }
.vo-sp-scale .warm { color: var(--sx-a); } .vo-sp-scale .hot { color: var(--red, #f87171); }
.vo-oi { padding: 14px 18px 10px; } .vo-chart { height: 320px; }
.vo-sel { display: inline-flex; align-items: center; gap: 8px; }
.vo-sel select { padding: 6px 10px; border: 1px solid var(--mx-line-strong); border-radius: 8px; background: var(--mx-surface); color: var(--text-color); font: 600 13px var(--sx-f); }
.vo-ex { padding: 12px 20px; }
.vo-exl { display: flex; gap: 18px; margin-bottom: 8px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.vo-exl i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; } .vo-exl b { color: var(--text-color); }
.vo-er { display: grid; grid-template-columns: 54px minmax(0, 1fr) 90px; gap: 12px; align-items: center; padding: 4px 0; font: 500 13px var(--sx-f); }
.vo-er b { color: var(--text-color); } .vo-er > span { text-align: right; }
.vo-er-bar { display: flex; height: 18px; border-radius: 5px; overflow: hidden; gap: 1px; }
.vo-er-bar i { display: flex; align-items: center; justify-content: center; font: 700 11.5px var(--sx-f); font-style: normal; color: #14120c; }
@media (max-width: 900px) { .vo-quad { grid-template-columns: 1fr; } .vo-field { height: 360px; } .vo-qlist { display: grid; grid-template-columns: 1fr 1fr; } .vo-sp { grid-template-columns: 48px minmax(0, 1fr) 54px; } .vo-sp small { display: none; } .vo-q span { display: none; } }

/* ===================== funding.html ===================== */
.fd-cost { padding: 14px 20px 10px; }
.fd-amt { display: inline-flex; align-items: center; gap: 8px; }
.fd-in { display: inline-flex; align-items: center; gap: 2px; padding: 4px 10px; border: 1px solid var(--sx-a-line); border-radius: 8px; background: var(--sx-a-wash); font: 700 15px var(--sx-f); color: var(--sx-a); }
.fd-in input { width: 90px; border: 0; background: transparent; color: var(--text-color); font: 700 15px var(--sx-f); outline: none; }
.fd-r { display: grid; grid-template-columns: 60px 90px 80px 90px minmax(0, 1fr) 70px 170px; gap: 12px; align-items: center; padding: 6px 0; border-top: 1px solid var(--mx-line); font: 500 13px var(--sx-f); }
.fd-r > span:not(.fd-bar):not(.fd-best) { text-align: right; } .fd-r b { color: var(--text-color); }
.fd-h { border-top: 0; font: 600 11.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.fd-m { font-weight: 700; font-size: 14px; }
.fd-bar { position: relative; height: 12px; } .fd-bar::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--mx-line-strong); }
.fd-bar i { position: absolute; top: 1px; height: 10px; border-radius: 3px; } .fd-bar i.pay { left: 50%; background: var(--sx-a); } .fd-bar i.get { right: 50%; background: var(--sx-b); }
.fd-best { font-size: 13px; color: var(--text-secondary); white-space: nowrap; }
.fd-after { padding: 14px 18px 12px; } .fd-chart { height: 280px; }
.fd-ev { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.fd-ev-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 8px; font-size: 13.5px; color: var(--text-secondary); }
.fd-ev-h > b { font: 700 14px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-color); }
.fd-ev-h.hot i { color: var(--sx-a); } .fd-ev-h.cold i { color: var(--sx-b); }
.fd-ev-l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.fd-e { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--mx-line); font-size: 12.5px; color: var(--text-secondary); }
.fd-e.hot { border-color: var(--sx-a-line); } .fd-e.cold { border-color: var(--sx-b-line); }
.fd-e > b { font: 700 15px var(--sx-f); color: var(--text-color); } .fd-e small { font-size: 12.5px; }
.fd-grid { padding: 10px 20px 14px; }
.fd-g { display: grid; grid-template-columns: 60px repeat(3, minmax(0, 1fr)) 90px; gap: 6px; align-items: center; padding: 3px 0; font: 500 13px var(--sx-f); }
.fd-g b { color: var(--text-color); }
.fd-gh { font: 600 11.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); text-align: center; } .fd-gh span:first-child { text-align: left; }
.fd-c { padding: 6px; border-radius: 6px; text-align: center; color: var(--text-color); } .fd-c.na { color: var(--text-secondary); }
.fd-sp { text-align: right; color: var(--text-secondary); } .fd-sp.hot { color: var(--sx-a); font-weight: 700; }
.fd-next { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--mx-line); font: 500 13px var(--sx-f); color: var(--text-secondary); } .fd-next i { color: var(--sx-a); margin-right: 6px; } .fd-next b { color: var(--text-color); }
@media (max-width: 1000px) { .fd-r { grid-template-columns: 50px 80px 80px 84px minmax(0, 1fr); } .fd-r > :nth-child(6), .fd-r > :nth-child(7) { display: none; } .fd-ev { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .fd-r { grid-template-columns: 46px 74px 80px minmax(0, 1fr); } .fd-r > :nth-child(2) { display: none; } .fd-ev-l { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fd-g { grid-template-columns: 46px repeat(3, minmax(0, 1fr)); } .fd-g > :last-child { display: none; } }

/* ===================== derivs.html ===================== */
.dv-pain { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dv-pc { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; }
.dv-pc-h { display: flex; align-items: baseline; gap: 10px; } .dv-pc-h b { font: 700 24px var(--sx-f); color: var(--text-color); } .dv-pc-h span { font: 500 13px var(--sx-f); color: var(--sx-a); }
.dv-pc-mp { display: flex; align-items: baseline; gap: 10px; } .dv-pc-mp span { font: 600 12.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.dv-pc-mp b { font: 700 34px var(--sx-f); color: var(--sx-a); } .dv-pc-mp em { font: 600 13px var(--sx-f); font-style: normal; }
.dv-track { position: relative; height: 10px; margin: 18px 0 10px; border-radius: 5px; background: var(--mx-line); }
.dv-track b { position: absolute; top: 0; bottom: 0; background: var(--sx-a-line); border-radius: 5px; }
.dv-track i { position: absolute; top: -5px; width: 3px; height: 20px; margin-left: -1.5px; border-radius: 2px; z-index: 1; }
.dv-track i span { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; font: 600 11.5px var(--sx-f); font-style: normal; }
.dv-track i.now { background: var(--text-color); } .dv-track i.now span { top: -16px; color: var(--text-color); }
.dv-track i.mp { background: var(--sx-a); } .dv-track i.mp span { top: 22px; color: var(--sx-a); }
.dv-pc-f { display: flex; gap: 20px; margin-top: 8px; font: 500 13.5px var(--sx-f); color: var(--text-secondary); } .dv-pc-f b { color: var(--text-color); }
.dv-wall { padding: 14px 20px 12px; }
.dv-wr { display: grid; grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr); gap: 10px; align-items: center; padding: 1px 0; }
.dv-wr > b { text-align: center; font: 600 13px var(--sx-f); color: var(--text-secondary); }
.dv-wr.mp > b { color: #14120c; background: var(--sx-a); border-radius: 4px; }
.dv-wl, .dv-wrr { display: flex; align-items: center; gap: 6px; height: 14px; } .dv-wl { justify-content: flex-end; }
.dv-wl i, .dv-wrr i { display: block; height: 100%; border-radius: 3px; min-width: 1px; }
.dv-wl i { background: linear-gradient(270deg, var(--red, #f87171), rgba(248,113,113,.3)); } .dv-wrr i { background: linear-gradient(90deg, var(--green, #4ade80), rgba(74,222,128,.3)); }
.dv-wr em { font: 500 12px var(--sx-f); font-style: normal; color: var(--text-secondary); white-space: nowrap; }
.dv-wh { margin-bottom: 4px; font: 600 11.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; } .dv-wh span:first-child { text-align: right; color: var(--red, #f87171); } .dv-wh span:last-child { color: var(--green, #4ade80); }
.dv-now { position: relative; height: 16px; margin: 2px 0; border-top: 1px dashed var(--sx-a); } .dv-now span { position: absolute; left: 50%; top: -9px; transform: translateX(-50%); padding: 0 8px; background: var(--mx-surface); font: 700 12.5px var(--sx-f); color: var(--sx-a); }
.dv-curve { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; padding: 14px 18px; }
.dv-cc { height: 240px; }
.dv-cl { display: flex; flex-direction: column; gap: 4px; }
.dv-cl div { display: grid; grid-template-columns: 70px 60px 1fr; gap: 8px; align-items: baseline; padding: 4px 0; border-bottom: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); color: var(--text-secondary); }
.dv-cl b { color: var(--text-color); text-align: right; } .dv-cl b.hot { color: var(--sx-a); } .dv-cl small { font-size: 12.5px; text-align: right; }
.dv-vol { padding: 14px 18px 10px; }
.dv-vt { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 10px; }
.dv-vt div { display: flex; flex-direction: column; gap: 3px; } .dv-vt b { font: 700 24px var(--sx-f); color: var(--text-color); } .dv-vt div:first-child b { color: var(--sx-b); }
.dv-vc { height: 220px; }
@media (max-width: 1000px) { .dv-pain, .dv-curve { grid-template-columns: 1fr; } .dv-vt { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .dv-wr { grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr); } .dv-wr em { display: none; } }
.sx-hc-i small b { font: 700 13px var(--sx-f); color: var(--text-color); white-space: nowrap; }
.sx-hc-i small b.up { color: var(--green, #4ade80); } .sx-hc-i small b.down { color: var(--red, #f87171); }
.dv-now { height: 20px; margin: 6px 0 0; }

/* ===================== whales.html ===================== */
.wh-coins { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.wh-coin { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; }
.wh-coin-h { display: flex; justify-content: space-between; align-items: baseline; } .wh-coin-h b { font: 700 18px var(--sx-f); color: var(--text-color); } .wh-coin-h span { font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.wh-net { font: 700 30px var(--sx-f); }
.wh-split { margin: 2px 0; height: 8px; }
.wh-bs { display: flex; justify-content: space-between; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.wh-ven { font-size: 12.5px; color: var(--text-secondary); }
.wh-two { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 12px; }
.wh-live, .wh-big { padding: 12px 16px; }
.wh-lh { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .wh-lh i { color: var(--sx-a); }
#whList { max-height: 380px; overflow: auto; }
.wh-tr { display: grid; grid-template-columns: 44px 40px 70px 90px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); }
.wh-tr.new { animation: sxNew 1.6s ease-out; } .wh-tr b { color: var(--text-color); } .wh-tr small { font-size: 12.5px; color: var(--text-secondary); text-align: right; white-space: nowrap; }
.wh-usd { text-align: right; } .wh-tr.buy .wh-usd { color: var(--green, #4ade80); } .wh-tr.sell .wh-usd { color: var(--red, #f87171); }
.wh-bg { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px dashed var(--mx-line); }
.wh-bg-i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--sx-a-line); font: 700 13px var(--sx-f); color: var(--sx-a); flex: 0 0 auto; }
.wh-bg div { display: flex; flex-direction: column; } .wh-bg b { font: 700 22px var(--sx-f); } .wh-bg.buy b { color: var(--green, #4ade80); } .wh-bg.sell b { color: var(--red, #f87171); }
.wh-bg span { font: 500 13.5px var(--sx-f); color: var(--text-color); } .wh-bg small { font-size: 12.5px; color: var(--text-secondary); }
.wh-chain { padding: 14px 18px; }
.wh-sts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.wh-st { display: grid; grid-template-columns: 60px repeat(3, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 10px 14px; border: 1px solid var(--mx-line); border-radius: 10px; }
.wh-st > b { font: 700 16px var(--sx-f); color: var(--text-color); } .wh-st div { display: flex; flex-direction: column; gap: 2px; }
.wh-st em { font: 700 17px var(--sx-f); font-style: normal; color: var(--text-color); } .wh-st small { font-size: 12px; color: var(--text-secondary); }
.wh-st em.up { color: var(--green, #4ade80); } .wh-st em.down { color: var(--red, #f87171); }
.wh-cl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.wh-cr { display: grid; grid-template-columns: 18px 90px 90px minmax(0, 1fr) 14px; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); color: var(--text-secondary); text-decoration: none; }
.wh-cr:hover { color: var(--text-color); } .wh-cr b { color: var(--text-color); text-align: right; } .wh-cr > i:first-child { color: var(--sx-b); }
.wh-cr.up > i:first-child { color: var(--green, #4ade80); } .wh-cr.down > i:first-child { color: var(--red, #f87171); } .wh-ext { font-size: 11.5px; opacity: .5; }
.wh-vs { padding: 12px 20px; }
.wh-vl { display: flex; gap: 18px; margin-bottom: 8px; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.wh-vl i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: -1px; }
i.crowd { background: var(--text-secondary); } i.top { background: var(--sx-a); }
.wh-v { display: grid; grid-template-columns: 54px minmax(0, 1fr) 90px 70px; gap: 12px; align-items: center; padding: 5px 0; font: 500 13.5px var(--sx-f); }
.wh-v b { color: var(--text-color); } .wh-v > span { text-align: right; color: var(--text-secondary); } .wh-v .wh-gap { font-weight: 700; }
.wh-vb { position: relative; height: 16px; border-radius: 8px; background: linear-gradient(90deg, rgba(248,113,113,.12), rgba(74,222,128,.12)); }
.wh-vb .mid { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--mx-line-strong); }
.wh-vb i { position: absolute; top: 3px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; z-index: 1; }
.wh-vb i.gap { top: 6px; height: 4px; margin: 0; border-radius: 2px; z-index: 0; } .wh-vb i.gap.up { background: var(--sx-a-line); } .wh-vb i.gap.down { background: var(--sx-a-line); }
.wh-vs-scale { display: flex; justify-content: space-between; margin: 6px 0 0 66px; margin-right: 172px; font: 500 12px var(--sx-f); color: var(--text-secondary); }
@media (max-width: 1000px) { .wh-coins, .wh-two, .wh-sts, .wh-cl { grid-template-columns: 1fr; } .wh-vs-scale { margin-right: 0; } }
@media (max-width: 600px) { .wh-tr { grid-template-columns: 40px 36px 64px minmax(0, 1fr); } .wh-tr small { display: none; } .wh-st { grid-template-columns: 1fr 1fr; } .wh-v { grid-template-columns: 44px minmax(0, 1fr) 60px; } .wh-v > :nth-child(3) { display: none; } }

/* ===================== onchain.html ===================== */
.oc-cost { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.oc-c { display: flex; flex-direction: column; gap: 4px; padding: 16px; }
.oc-c-h { display: flex; gap: 8px; align-items: center; } .oc-c-h i { color: var(--sx-a); } .oc-c-h b { font: 600 13px var(--sx-f); letter-spacing: .04em; color: var(--text-color); }
.oc-c-big { font: 700 36px/1.1 var(--sx-f); color: var(--sx-b); margin-top: 4px; }
.oc-c > small { font-size: 13px; color: var(--text-secondary); }
.oc-c-r { display: grid; grid-template-columns: 1fr auto auto; gap: 4px 10px; margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--mx-line); font: 500 13px var(--sx-f); color: var(--text-secondary); }
.oc-c-r b { color: var(--text-color); text-align: right; } .oc-c-r em { font-style: normal; font-size: 12.5px; text-align: right; }
.oc-queue { padding: 16px 18px; }
.oc-q { display: flex; gap: 10px; align-items: stretch; overflow-x: auto; padding-bottom: 4px; }
.oc-b { flex: 1 0 104px; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border: 1px solid var(--mx-line); border-radius: 10px; background: linear-gradient(0deg, rgba(247,147,26,.14) var(--h, 0%), transparent var(--h, 0%)); }
.oc-b:nth-child(3) { border-color: rgba(247,147,26,.5); }
.oc-b b { font: 700 22px var(--sx-f); color: var(--text-color); } .oc-b small { font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.oc-b-fill { display: none; }
.oc-b.done { flex: 0 0 110px; background: var(--mx-surface); border-style: dashed; } .oc-b.done b { font-size: 16px; color: var(--sx-a); }
.oc-sep { width: 1px; background: var(--mx-line-strong); }
.oc-fees { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.oc-fc { padding: 14px 16px 10px; } .oc-ch { height: 220px; margin-top: 8px; }
.oc-tvl { padding: 10px 20px; } .oc-tb i { background: linear-gradient(90deg, rgba(140,140,247,.4), #8c8cf7) !important; }
.sc-ch b small { font-size: 12px; color: var(--text-secondary); font-weight: 500; }
@media (max-width: 1100px) { .oc-cost { grid-template-columns: repeat(2, minmax(0, 1fr)); } .oc-fees { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .oc-cost { grid-template-columns: 1fr; } }
.sx-page .page-content .hero h1 { justify-content: flex-start; }   /* короткие заголовки («Киты», «Сети») не уезжают в центр */

/* ===================== mining.html ===================== */
.mn-calc { padding: 16px 20px; }
.mn-top { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 20px; align-items: center; }
.mn-hp { display: flex; flex-direction: column; gap: 4px; } .mn-hp > b { font: 700 46px/1.05 var(--sx-f); color: var(--sx-a); } .mn-hp small { font-size: 13px; line-height: 1.5; color: var(--text-secondary); } .mn-hp small b { color: var(--text-color); }
.mn-hpc { height: 160px; }
.mn-kwh { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 16px 0 12px; padding-top: 14px; border-top: 1px dashed var(--mx-line); }
.mn-kwh input { flex: 1 1 220px; max-width: 360px; accent-color: var(--sx-a); } .mn-kwh b { font: 700 16px var(--sx-f); color: var(--text-color); min-width: 150px; }
.mn-rigs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mn-rig { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--mx-line); border-radius: 12px; }
.mn-rig.ok { border-color: rgba(74,222,128,.35); background: rgba(74,222,128,.04); } .mn-rig.bad { border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.04); }
.mn-rig > b { font: 700 15px var(--sx-f); color: var(--text-color); } .mn-rig small { font-size: 12.5px; color: var(--text-secondary); } .mn-rig small b { color: var(--text-color); }
.mn-rig-n { display: flex; justify-content: space-between; margin-top: 6px; font: 500 13px var(--sx-f); color: var(--text-secondary); } .mn-rig-n b { color: var(--text-color); }
.mn-rig-p { font: 700 28px var(--sx-f); } .mn-rig.ok .mn-rig-p { color: var(--green, #4ade80); } .mn-rig.bad .mn-rig-p { color: var(--red, #f87171); } .mn-rig-p small { font-size: 13px; color: var(--text-secondary); }
.mn-retarget { padding: 16px 20px 12px; }
.mn-ep-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; } .mn-ep-h b { font: 700 30px var(--sx-f); color: var(--text-color); } .mn-ep-h > span:last-child { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.mn-ep-bar { height: 14px; margin: 10px 0 6px; border-radius: 7px; background: repeating-linear-gradient(90deg, var(--mx-line) 0 calc(10% - 2px), transparent calc(10% - 2px) 10%); overflow: hidden; }
.mn-ep-bar i { display: block; height: 100%; border-radius: 7px; background: linear-gradient(90deg, rgba(251,191,36,.4), var(--sx-a)); }
.mn-ep-f { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font: 500 13.5px var(--sx-f); color: var(--text-secondary); } .mn-ep-f b { font-weight: 700; }
.mn-adjs { display: grid; grid-template-columns: repeat(27, minmax(0, 1fr)); gap: 3px; margin-top: 16px; }
.mn-adj { display: flex; flex-direction: column; align-items: center; cursor: default; }
.mn-adj-t, .mn-adj-b { position: relative; width: 100%; height: 50px; } .mn-adj-t { border-bottom: 1px solid var(--mx-line-strong); }
.mn-adj i { position: absolute; left: 15%; right: 15%; } .mn-adj-t i { bottom: 0; background: var(--sx-a); border-radius: 2px 2px 0 0; } .mn-adj-b i { top: 0; background: var(--sx-b); border-radius: 0 0 2px 2px; }
.mn-adj.next i { opacity: .55; outline: 1px dashed var(--text-color); }
.mn-adj span { font: 500 10px var(--sx-f); color: var(--text-secondary); writing-mode: vertical-rl; transform: rotate(180deg); margin-top: 4px; white-space: nowrap; }
.mn-hash { padding: 14px 18px 10px; } .mn-hc { height: 300px; }
.mn-pools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mn-pl, .mn-bl { padding: 14px 18px; }
.mn-p { display: grid; grid-template-columns: 120px minmax(0, 1fr) 50px 36px; gap: 10px; align-items: center; padding: 5px 0; font: 500 13.5px var(--sx-f); }
.mn-p b { color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mn-p > span:nth-child(3), .mn-p small { text-align: right; } .mn-p small { color: var(--text-secondary); }
.mn-p-bar { height: 10px; border-radius: 5px; background: var(--mx-line); overflow: hidden; } .mn-p-bar i { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, rgba(251,191,36,.4), var(--sx-a)); }
.mn-b { display: grid; grid-template-columns: 80px minmax(0, 1fr) 70px 80px 70px; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font: 500 13.5px var(--sx-f); color: var(--text-secondary); }
.mn-b b { color: var(--sx-a); } .mn-b > span:nth-child(2) { color: var(--text-color); } .mn-b > span:nth-child(3), .mn-b > span:nth-child(4), .mn-b small { text-align: right; }
@media (max-width: 1000px) { .mn-top, .mn-pools { grid-template-columns: 1fr; } .mn-rigs { grid-template-columns: 1fr; } .mn-adjs { grid-template-columns: repeat(14, minmax(0, 1fr)); row-gap: 10px; } }
@media (max-width: 600px) { .mn-b { grid-template-columns: 70px minmax(0, 1fr) 60px; } .mn-b > :nth-child(4), .mn-b small { display: none; } }

/* =====================================================================
   «ТЕПЛОВИЗОР» — слой раздела поверх старых правил (09.10.2026)
   ===================================================================== */
/* фон: холодное свечение слева, тёплое справа — едва заметно */
body.sx-page::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background: radial-gradient(60% 45% at 8% 0%, rgba(76, 201, 240, .07), transparent 70%), radial-gradient(55% 45% at 96% 4%, rgba(255, 138, 61, .08), transparent 70%); }
body.light.sx-page::before { background: radial-gradient(60% 45% at 8% 0%, rgba(4, 120, 166, .06), transparent 70%), radial-gradient(55% 45% at 96% 4%, rgba(212, 88, 11, .06), transparent 70%); }
.sx-page .kt-tabs a.on { background: linear-gradient(90deg, #ff6a3d, #ffb347); color: #1d0e05; }
.sx-page .page-content .hero .hero-sub { background: linear-gradient(90deg, var(--sx-b), var(--sx-a)); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* заголовки блоков: вместо линейки — тонкая шкала «лёд → угли» */
.sx-page .strip-head::after { height: 2px; background: var(--sx-heat); opacity: .55; -webkit-mask-image: linear-gradient(90deg, #000 60%, transparent); mask-image: linear-gradient(90deg, #000 60%, transparent); }
.sx-page .strip-title i { color: var(--sx-a); }
.sx-page .cm-num { color: #fff; background: linear-gradient(135deg, #3b2bd6, #f0457a 60%, #ff8a3d); border: 0; box-shadow: 0 0 14px rgba(240, 69, 122, .35); text-shadow: none; }
body.light .sx-page .cm-num, body.light.sx-page .cm-num { background: linear-gradient(135deg, #4f46e5, #e11d48 60%, #ea580c); color: #fff; }
/* карточки: тонкая тепловая кромка сверху вместо делений */
.sx-card { background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 40%), var(--mx-surface); }
.sx-card::before { left: 18px; right: 18px; height: 1px; background: var(--sx-heat); opacity: .45; }
.sx-seg button.on { background: linear-gradient(90deg, #ff6a3d, #ffb347); color: #1d0e05; }
.sx-led { background: var(--sx-a); box-shadow: 0 0 10px var(--sx-a); }
.sx-hcard { border-color: var(--mx-line-strong); background: radial-gradient(circle at 100% 0%, var(--sx-a-wash), transparent 60%), radial-gradient(circle at 0% 100%, var(--sx-b-wash), transparent 60%), var(--mx-surface); }

/* ---- «Тепловой след» в шапке (stats-common.js): последний час поминутно ---- */
.page-content .hero { gap: 22px; }
.sx-pulse { flex: 0 1 500px; min-width: 0; margin-left: auto; padding: 12px 14px 10px; border: 1px solid var(--mx-line); border-radius: 14px; background: rgba(8, 10, 18, .55); font-family: var(--sx-f); }
body.light .sx-pulse { background: rgba(255, 255, 255, .7); }
.sx-pulse + .sx-hcard, .sx-pulse + .sx-qa { margin-left: 0; }
.sx-pu-h { display: flex; align-items: center; gap: 8px; font: 600 12px var(--sx-f); letter-spacing: .08em; white-space: nowrap; text-transform: uppercase; color: var(--text-secondary); }
.sx-pu-h .sx-led { width: 7px; height: 7px; }
.sx-pu-h em { margin-left: auto; font-style: normal; letter-spacing: .04em; text-transform: none; }
.sx-pu-r { display: grid; grid-template-columns: 106px minmax(0, 1fr) 104px; align-items: center; gap: 10px; margin-top: 9px; }
.sx-pu-n { font: 600 13px/1.2 var(--sx-f); color: var(--text-color); }
.sx-pu-n small { display: block; font-size: 12px; font-weight: 500; color: var(--text-secondary); }
.sx-pu-band { position: relative; display: grid; grid-template-columns: repeat(60, 1fr); gap: 1px; height: 30px; margin-top: 10px; }
.sx-pu-band i { display: block; border-radius: 1.5px; background: rgba(255, 255, 255, .05); transition: background .6s; }
body.light .sx-pu-band i { background: rgba(0, 0, 0, .06); }
.sx-pu-band i.hot { box-shadow: 0 0 8px currentColor; }
.sx-pu-band i:hover { outline: 1px solid var(--text-color); }
.sx-pu-band b { position: absolute; top: -12px; transform: translateX(-50%); font: 600 11px var(--sx-f); color: var(--text-color); white-space: nowrap; pointer-events: none; }
.sx-pu-v { text-align: right; font: 700 14px/1.15 var(--sx-f); color: var(--text-color); font-variant-numeric: tabular-nums; }
.sx-pu-v small { display: block; font-size: 12px; font-weight: 600; }
.sx-pu-ax { display: grid; grid-template-columns: 106px minmax(0, 1fr) 104px; gap: 10px; margin-top: 5px; font-size: 11px; color: var(--text-secondary); letter-spacing: .04em; }
.sx-pu-ax span:nth-child(2) { display: flex; justify-content: space-between; }
.sx-pu-key { display: flex; align-items: center; gap: 6px; } .sx-pu-key i { display: inline-block; width: 54px; height: 5px; border-radius: 3px; background: var(--sx-heat); }
.sx-pu-tip { position: fixed; z-index: 50; pointer-events: none; padding: 6px 9px; border-radius: 8px; background: rgba(12, 12, 16, .95); border: 1px solid var(--mx-line-strong); font: 500 13px/1.45 var(--sx-f); color: #eee; white-space: nowrap; display: none; }
@media (max-width: 1200px) { .sx-pulse { flex-basis: 100%; margin-left: 0; order: 3; } }

/* ===================== stats.html — «тепловизор» (09.10) ===================== */
/* шапка: вопрос → ответ → шкала «лёд → угли» → три доказательства */
.sx-qa { flex: 0 0 360px; padding: 14px 18px 14px 20px; border: 1px solid var(--mx-line-strong); border-radius: 14px; position: relative; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--qc, var(--sx-a)) 14%, transparent), transparent 65%), var(--mx-surface); }
.sx-qa::before { content: ""; position: absolute; left: -1px; top: 14px; bottom: 14px; width: 3px; border-radius: 2px; background: var(--qc, var(--sx-a)); box-shadow: 0 0 12px var(--qc, var(--sx-a)); }
.sx-qa-q { display: flex; align-items: center; gap: 8px; font: 600 12.5px var(--sx-f); letter-spacing: .14em; text-transform: uppercase; color: var(--text-secondary); }
.sx-qa-q i { color: var(--sx-a); }
.sx-qa-a { display: flex; align-items: baseline; gap: 10px; margin-top: 6px; }
.sx-qa-a b { font: 600 32px/1 var(--mx-f-display, Unbounded); color: var(--qc, var(--text-color)); }
.sx-qa-a em { margin-left: auto; font-style: normal; font-weight: 700; font-size: 20px; color: var(--text-color); }
.sx-qa-a em small { font-size: 12.5px; color: var(--text-secondary); font-weight: 500; }
.sx-thermo { position: relative; height: 8px; margin-top: 12px; border-radius: 4px; background: var(--sx-heat); }
.sx-thermo i { position: absolute; top: -4px; width: 4px; height: 16px; margin-left: -2px; border-radius: 2px; background: var(--text-color); box-shadow: 0 0 0 2px var(--bg-color, #0b0b0f), 0 0 10px var(--text-color); transition: left 1s; }
.sx-thermo-l { display: flex; justify-content: space-between; margin-top: 4px; font: 500 11.5px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.sx-qa-p { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.sx-qa-p div { display: flex; flex-direction: column; gap: 1px; padding: 6px 8px; border-radius: 8px; background: rgba(255, 255, 255, .03); }
body.light .sx-qa-p div { background: rgba(0, 0, 0, .03); }
.sx-qa-p small { font-size: 11.5px; color: var(--text-secondary); }
.sx-qa-p b { font: 700 15px var(--sx-f); }
.sx-qa-p span { font-size: 11px; color: var(--text-secondary); }
.sx-qa-s { margin-top: 8px; font-size: 13px; line-height: 1.45; color: var(--text-secondary); }

/* 01 рынок в трёх срезах */
.sx-groups { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 14px; margin-bottom: 36px; }
.sx-grp { border: 1px solid var(--mx-line); border-radius: 14px; background: var(--mx-surface); overflow: hidden; }
.sx-grp > header { display: flex; align-items: center; gap: 9px; padding: 10px 14px; border-bottom: 1px solid var(--mx-line); font: 600 13px var(--sx-f); }
.sx-grp > header i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; font-size: 12.5px; color: #fff; }
.sx-grp > header b { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-color); }
.sx-grp > header span { margin-left: auto; font-weight: 500; font-size: 13.5px; color: var(--text-secondary); }
.sx-grp > header span b { letter-spacing: 0; text-transform: none; font-size: 13.5px; }
.g-money > header i { background: linear-gradient(135deg, #0ea5c6, #4cc9f0); }
.g-net > header i { background: linear-gradient(135deg, #5b4bd6, #9b7bff); }
.g-lev > header i { background: linear-gradient(135deg, #f0457a, #ff8a3d); }
.g-sum > header i { background: linear-gradient(135deg, #ff8a3d, #ffd166); }
.g-money { border-top: 2px solid #4cc9f0; } .g-net { border-top: 2px solid #9b7bff; } .g-lev { border-top: 2px solid #ff6a3d; } .g-sum { border-top: 2px solid #ffd166; }
.sx-grp-t { display: grid; }
.sx-grp-t.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sx-grp-t.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx-grp-t.n1 { grid-template-columns: 1fr; }
.sx-page .sx-tile { display: flex; flex-direction: column; gap: 5px; min-height: 150px; padding: 13px 14px 10px; border: 0; border-right: 1px solid var(--mx-line); border-radius: 0; background: transparent; color: inherit; text-decoration: none; transition: background .2s; transform: none; }
.sx-page .sx-tile:last-child { border-right: 0; }
.sx-page .sx-tile:hover { background: rgba(255, 255, 255, .03); transform: none; }
.sx-page .sx-tile .sx-big { font-size: 27px; }
.sx-tile .sx-big small { font-size: 14px; color: var(--text-secondary); }
.sx-page .sx-tile canvas { height: 38px; }
.sx-sum { list-style: none; margin: 0; padding: 6px 14px 10px; }
.sx-sum li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px dashed var(--mx-line); font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.sx-sum li:last-child { border-bottom: 0; }
.sx-sum li b { color: var(--text-color); } .sx-sum li b.up { color: var(--green, #4ade80); } .sx-sum li b.down { color: var(--red, #f87171); }
.sx-sum li > i { font-style: normal; font-weight: 700; text-align: center; color: var(--sx-a); }

/* 02 + 03 рядом */
.sx-two { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 18px; margin-bottom: 36px; align-items: stretch; }
.sx-two > div { display: flex; flex-direction: column; }
.sx-two > div > .sx-card { flex: 1; }
.sx-scales { padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.sx-net { text-align: center; }
.sx-net small { display: block; font: 600 12px var(--sx-f); letter-spacing: .14em; text-transform: uppercase; color: var(--text-secondary); }
.sx-net b { display: block; font: 700 36px/1.1 var(--sx-f); }
.sx-net span { font-size: 13px; color: var(--text-secondary); }
.sx-beam { width: 100%; height: 70px; overflow: visible; }
.sx-beam .post { fill: var(--mx-line-strong); }
.sx-beam .arm { stroke: var(--text-secondary); stroke-width: 3; stroke-linecap: round; }
.sx-beam .o { fill: rgba(248, 113, 113, .3); stroke: var(--red, #f87171); stroke-width: 1.5; }
.sx-beam .i { fill: rgba(74, 222, 128, .3); stroke: var(--green, #4ade80); stroke-width: 1.5; }
.sx-pans { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sx-pan-i { display: block; margin-top: 6px; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--mx-line); color: inherit; text-decoration: none; transition: border-color .2s; }
.sx-pan-i:hover { border-color: var(--sx-a-line); }
.sx-pan-i b { display: block; font: 700 18px var(--sx-f); }
.sx-pan-i span { font-size: 13px; color: var(--text-secondary); }
.sx-pan-i.down b { color: var(--red, #f87171); } .sx-pan-i.up b { color: var(--green, #4ade80); }
.sx-pans > div:last-child .sx-pan-i { text-align: right; }
.sx-pan-i.none { border-style: dashed; text-align: center !important; }
.sx-lev { display: flex; gap: 10px; margin-top: auto; padding: 10px 12px; border-radius: 10px; background: var(--sx-a-wash); font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
.sx-lev i { color: var(--sx-a); margin-top: 3px; }
.sx-lev b { color: var(--text-color); } .sx-lev b.up { color: var(--green, #4ade80); } .sx-lev b.down { color: var(--red, #f87171); }
.sx-crowd { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.sx-crowd-svg { width: 100%; height: auto; display: block; font-family: var(--sx-f); }
.sx-crowd-svg text { font-size: 12.5px; fill: var(--text-secondary); }
.sx-crowd-svg .gr { stroke: var(--mx-line); }
.sx-crowd-svg .norm { stroke: var(--text-secondary); stroke-dasharray: 3 4; opacity: .55; }
.sx-crowd-svg .nt { font-size: 11.5px; }
.sx-crowd-svg .ax { font-size: 12px; letter-spacing: .02em; }
.sx-crowd-svg .q { font-size: 12.5px; font-weight: 600; }
.sx-crowd-svg .q.hot { fill: #ff8a3d; } .sx-crowd-svg .q.cold { fill: #4cc9f0; }
.sx-crowd-svg .dot circle { stroke-width: 1.5; }
.sx-crowd-svg .dot:hover circle { stroke-width: 3; }
.sx-crowd-svg .lb { font-size: 13px; font-weight: 700; fill: var(--text-color); paint-order: stroke; stroke: var(--bg-color, #0b0b0f); stroke-width: 3px; }
.sx-crowd-f { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.sx-crowd-f div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); display: flex; flex-direction: column; gap: 1px; }
body.light .sx-crowd-f div { background: rgba(0, 0, 0, .03); }
.sx-crowd-f small { font-size: 12px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .1em; }
.sx-crowd-f b { font: 700 17px var(--sx-f); }
.sx-crowd-f span { font-size: 12.5px; color: var(--text-secondary); }
.sx-page .sx-odd-i > i { background: linear-gradient(135deg, rgba(240, 69, 122, .18), rgba(255, 138, 61, .18)); color: var(--sx-a); }
.sx-page .sx-odd-i a { color: var(--sx-a); }

@media (max-width: 1200px) { .sx-groups, .sx-two { grid-template-columns: 1fr; } .sx-qa { flex-basis: 100%; } }
@media (max-width: 700px) {
    .sx-grp-t.n3, .sx-grp-t.n2 { grid-template-columns: 1fr; }
    .sx-page .sx-tile { border-right: 0; border-bottom: 1px solid var(--mx-line); min-height: 0; }
    .sx-grp > header { flex-wrap: wrap; } .sx-grp > header span { margin-left: 0; width: 100%; }
    .sx-qa-p, .sx-crowd-f { grid-template-columns: 1fr; }
    .sx-pu-r, .sx-pu-ax { grid-template-columns: 64px minmax(0, 1fr) 66px; gap: 6px; }
    .sx-pans { grid-template-columns: 1fr; }
    .sx-pans > div:last-child .sx-pan-i, .sx-pans > div:last-child .sx-lbl { text-align: left !important; }
}

/* весы денег: по дням */
.sx-days { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 2px; border-top: 1px dashed var(--mx-line); }
.sx-day-r { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; gap: 10px; }
.sx-day-n { font: 500 13px/1.3 var(--sx-f); color: var(--text-secondary); }
.sx-day-n b { display: block; font: 700 14px var(--sx-f); }
.sx-day-b { display: grid; grid-template-columns: repeat(14, 1fr); gap: 3px; height: 50px; }
.sx-day-b i { position: relative; display: block; }
.sx-day-b i::before { content: ""; position: absolute; left: 0; right: 0; top: 24px; height: 1px; background: var(--mx-line-strong); }
.sx-day-b em { position: absolute; left: 0; right: 0; border-radius: 2px; }
.sx-day-b em.up { background: var(--green, #4ade80); } .sx-day-b em.down { background: var(--red, #f87171); }
.sx-day-b i:hover em { filter: brightness(1.3); }
.sx-day-ax { display: flex; justify-content: space-between; margin-left: 138px; font-size: 11.5px; color: var(--text-secondary); }
@media (max-width: 700px) { .sx-day-r { grid-template-columns: 1fr; } .sx-day-ax { margin-left: 0; } }

/* подстраницы: «Тепловой след» над главной цифрой, одной колонкой справа */
.sx-hero-r { margin-left: auto; display: flex; flex-direction: column; align-items: stretch; gap: 10px; width: 520px; max-width: 100%; }
.sx-hero-r .sx-pulse { flex: none; margin: 0; }
.sx-hero-r .sx-hcard { margin: 0; max-width: none; min-width: 0; }
@media (max-width: 1200px) { .sx-hero-r { margin-left: 0; width: 100%; } }

/* ===================== market-cap.html — переделка 09.10 ===================== */
/* 01: вафля | список | кто забрал долю — без пустот, колонки по содержимому */
.mc2-hundred { display: grid; grid-template-columns: auto minmax(300px, 400px) minmax(0, 1fr); gap: 26px; align-items: start; padding: 18px 20px; }
.mc2-hundred.hl [data-g]:not(.on) { opacity: .22; } .mc2-hundred.hl .mc-waffle i.on { transform: scale(1.08); }
.mc2-legend { display: flex; flex-direction: column; }
.mc2-lg { display: grid; grid-template-columns: 14px 52px minmax(0, 1fr) 82px 56px; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font-size: 13px; cursor: default; }
.mc2-lg b { font: 700 16px var(--sx-f); } .mc2-lg > span:last-child { text-align: right; font: 600 13.5px var(--sx-f); }
.mc2-lg-n { font-weight: 600; color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc2-dim { color: var(--text-secondary); font-size: 13.5px; text-align: right; }
.mc2-lg-h { border-bottom: 1px solid var(--mx-line-strong); padding-top: 0; } .mc2-lg-h .sx-lbl:nth-child(4), .mc2-lg-h .sx-lbl:nth-child(5) { text-align: right; }
.mc2-shift { display: flex; flex-direction: column; gap: 3px; padding-left: 22px; border-left: 1px dashed var(--mx-line); }
.mc2-shift .sx-lbl { margin-bottom: 3px; }
.mc2-shift-sep { height: 10px; }
.mc2-sh { display: grid; grid-template-columns: 20px 56px minmax(0, 1fr) 76px 52px; align-items: center; gap: 8px; font-size: 13px; padding: 3px 0; }
.mc2-sh img, .mc2-fr img, .mc2-chip img { width: 18px; height: 18px; border-radius: 50%; }
.mc2-sh b { font: 700 13.5px var(--sx-f); } .mc2-sh small { text-align: right; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.mc2-sh-bar, .mc2-sr-bar { position: relative; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .04); overflow: hidden; }
body.light .mc2-sh-bar, body.light .mc2-sr-bar { background: rgba(0, 0, 0, .05); }
.mc2-sh-bar i, .mc2-sr-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; }
.mc2-sh-bar i.up, .mc2-sr-bar i.up { background: linear-gradient(90deg, rgba(74, 222, 128, .35), var(--green, #4ade80)); }
.mc2-sh-bar i.down, .mc2-sr-bar i.down { background: linear-gradient(90deg, rgba(248, 113, 113, .35), var(--red, #f87171)); }
.mc2-sh > b:nth-of-type(2) { text-align: right; }

/* 02: альтсезон — слева индекс, справа плитки с крупными подписями */
.mc2-alt { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 24px; padding: 18px 20px; }
.mc2-alt-l { display: flex; flex-direction: column; gap: 8px; padding-right: 22px; border-right: 1px dashed var(--mx-line); }
.mc2-alt-l .sx-tools { margin: 0; }
.mc2-idx { display: flex; align-items: baseline; gap: 8px; } .mc2-idx b { font: 700 64px/1 var(--sx-f); } .mc2-idx span { color: var(--text-secondary); font-size: 13px; }
.mc2-zone { font: 700 18px var(--sx-f); letter-spacing: .04em; text-transform: uppercase; color: var(--text-color); }
.mc2-alt-s { font-size: 13.5px; line-height: 1.55; color: var(--text-secondary); } .mc2-alt-s b { color: var(--text-color); }
.mc2-alt-r .sx-lbl.up { color: var(--green, #4ade80); } .mc2-alt-r .sx-lbl.down { color: var(--red, #f87171); }
.mc2-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 6px; margin-top: 7px; }
.mc2-chip { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 8px; border: 1px solid var(--mx-line); }
.mc2-chip b { font: 700 13.5px var(--sx-f); letter-spacing: .02em; color: var(--text-color); }
.mc2-chip span { font: 700 13px var(--sx-f); }

/* сетка нижних блоков: широкий + узкий, по парам */
.mc2-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 30px 18px; margin: 34px 0 0; }
.mc2-grid > div { grid-column: span 4; display: flex; flex-direction: column; }
.mc2-grid > .mc2-wide { grid-column: span 8; }
.mc2-grid > div > .sx-card { flex: 1; }
.mc2-box { padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.mc2-ath { padding: 12px 14px; }
.mc2-ath-svg { width: 100%; height: auto; display: block; font-family: var(--sx-f); }
.mc2-ath-svg text { font-size: 12.5px; fill: var(--text-secondary); }
.mc2-ath-svg .gr { stroke: var(--mx-line); } .mc2-ath-svg .med { stroke: var(--text-color); stroke-dasharray: 4 4; opacity: .5; }
.mc2-ath-svg .mt { font-size: 12.5px; fill: var(--text-color); }
.mc2-ath-svg .lb { font-size: 13px; font-weight: 700; fill: var(--text-color); paint-order: stroke; stroke: var(--bg-color, #0b0b0f); stroke-width: 3px; }
.mc2-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 6px; }
.mc2-facts div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); }
body.light .mc2-facts div { background: rgba(0, 0, 0, .03); }
.mc2-facts small { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); } .mc2-facts b { font: 700 20px var(--sx-f); }
.mc2-breadth { padding: 14px 16px; display: flex; flex-direction: column; gap: 9px; justify-content: center; }
.mc2-br { display: grid; grid-template-columns: 70px minmax(0, 1fr) 58px; align-items: center; gap: 10px; }
.mc2-br-n { font: 600 13px var(--sx-f); color: var(--text-color); } .mc2-br > b { text-align: right; font: 700 14px var(--sx-f); }
.mc2-br-bar { display: flex; height: 22px; border-radius: 6px; overflow: hidden; gap: 2px; }
.mc2-br-bar i { display: flex; align-items: center; padding: 0 7px; font: 700 13px var(--sx-f); font-style: normal; color: #0b0b0f; min-width: 0; overflow: hidden; }
.mc2-br-bar i.up { background: var(--green, #4ade80); } .mc2-br-bar i.down { background: var(--red, #f87171); justify-content: flex-end; }
.mc2-br-k { display: flex; gap: 14px; font-size: 12.5px; color: var(--text-secondary); margin-top: 4px; }
.mc2-br-k i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; } .mc2-br-k i.up { background: var(--green, #4ade80); } .mc2-br-k i.down { background: var(--red, #f87171); }
.mc2-box .sx-lbl.up { color: var(--green, #4ade80); } .mc2-box .sx-lbl.down { color: var(--red, #f87171); }
.mc2-sr { display: grid; grid-template-columns: 50px minmax(0, 1fr) 70px 56px; align-items: center; gap: 8px; padding: 4px 0; font-size: 13.5px; }
.mc2-sr-c img { width: 16px; height: 16px; border-radius: 50%; margin-right: -4px; border: 1px solid var(--bg-color, #0b0b0f); }
.mc2-sr-n { font-weight: 600; color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc2-sr-n small { display: block; font-weight: 500; font-size: 12px; color: var(--text-secondary); }
.mc2-sr > b { text-align: right; font: 700 13px var(--sx-f); }
.mc2-fdv-h { display: flex; flex-direction: column; margin-bottom: 6px; } .mc2-fdv-h b { font: 700 26px var(--sx-f); color: var(--sx-a); } .mc2-fdv-h span { font-size: 13px; line-height: 1.4; color: var(--text-secondary); }
.mc2-fr { display: grid; grid-template-columns: 18px 52px minmax(0, 1fr) 72px; align-items: center; gap: 8px; padding: 4px 0; }
.mc2-fr > b { font: 700 13.5px var(--sx-f); } .mc2-fr > b:last-child { text-align: right; }
.mc2-fr-bar { position: relative; height: 20px; border-radius: 5px; background: repeating-linear-gradient(45deg, rgba(255, 138, 61, .12) 0 4px, transparent 4px 8px); border: 1px solid rgba(255, 138, 61, .25); overflow: hidden; }
.mc2-fr-bar i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, rgba(76, 201, 240, .45), rgba(76, 201, 240, .75)); }
.mc2-fr-bar span { position: relative; padding-left: 7px; font: 600 12.5px/20px var(--sx-f); color: var(--text-color); white-space: nowrap; }
.mc2-fr-bar.hot { background: rgba(255, 255, 255, .03); border-color: var(--mx-line); } .mc2-fr-bar.hot i { background: linear-gradient(90deg, rgba(240, 69, 122, .45), rgba(255, 138, 61, .85)); }
.mc2-tail-l { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 10px 0; }
.mc2-tail-l div { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: var(--text-secondary); }
.mc2-tail-l b { font: 700 18px var(--sx-f); color: var(--text-color); }
.mc2-need { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 6px; }
.mc2-need div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); } body.light .mc2-need div { background: rgba(0, 0, 0, .03); }
.mc2-need small { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); } .mc2-need b { font: 700 20px var(--sx-f); color: var(--sx-a); }

@media (max-width: 1200px) {
    .mc2-hundred { grid-template-columns: auto minmax(0, 1fr); } .mc2-shift { grid-column: 1 / -1; padding-left: 0; border-left: 0; border-top: 1px dashed var(--mx-line); padding-top: 12px; }
    .mc2-grid > div, .mc2-grid > .mc2-wide { grid-column: span 6; } .mc2-grid > .mc2-wide { grid-column: span 12; }
}
@media (max-width: 800px) {
    .mc2-hundred, .mc2-alt { grid-template-columns: 1fr; } .mc2-alt-l { border-right: 0; padding-right: 0; }
    .mc2-grid > div, .mc2-grid > .mc2-wide { grid-column: span 12; }
    .mc2-tail-l { grid-template-columns: repeat(2, 1fr); } .mc2-facts, .mc2-need { grid-template-columns: 1fr 1fr 1fr; }
    .mc2-hundred .mc-waffle { grid-template-columns: repeat(10, minmax(0, 1fr)); grid-auto-rows: auto; } .mc2-hundred .mc-waffle i { aspect-ratio: 1; }
    .mc2-lg { grid-template-columns: 14px 46px minmax(0, 1fr) 70px 50px; }
}

.mc2-chips { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); }
.mc2-chip b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mc2-grid .strip-legend { display: none; }
.mc2-grid .strip-title { white-space: nowrap; }

/* ===================== общая сетка подстраниц (09.10): 12 колонок, блоки по содержимому ===================== */
.sx-g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 30px 18px; margin: 6px 0 0; }
.sx-g > div { display: flex; flex-direction: column; min-width: 0; }
.sx-g > .s3 { grid-column: span 3; } .sx-g > .s4 { grid-column: span 4; } .sx-g > .s5 { grid-column: span 5; } .sx-g > .s6 { grid-column: span 6; }
.sx-g > .s7 { grid-column: span 7; } .sx-g > .s8 { grid-column: span 8; } .sx-g > .s9 { grid-column: span 9; } .sx-g > .s12 { grid-column: span 12; }
.sx-g > div > .sx-card { flex: 1; }
.sx-g .strip-title { white-space: nowrap; }
.sx-g > .s3 .strip-legend, .sx-g > .s4 .strip-legend, .sx-g > .s5 .strip-legend { display: none; }
.sx-box { padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.sx-box .sx-lbl.up { color: var(--green, #4ade80); } .sx-box .sx-lbl.down { color: var(--red, #f87171); }
.sx-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.sx-facts > div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); display: flex; flex-direction: column; gap: 1px; }
body.light .sx-facts > div { background: rgba(0, 0, 0, .03); }
.sx-facts small { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.sx-facts b { font: 700 19px var(--sx-f); } .sx-facts span { font-size: 12.5px; color: var(--text-secondary); }
@media (max-width: 1200px) { .sx-g > .s3, .sx-g > .s4, .sx-g > .s5 { grid-column: span 6; } .sx-g > .s7, .sx-g > .s8, .sx-g > .s9 { grid-column: span 12; } }
@media (max-width: 800px) { .sx-g > div { grid-column: span 12 !important; } .sx-g .strip-title { white-space: normal; } }

/* ===================== stablecoins.html (09.10) ===================== */
/* 01 календарь */
.sc-cal-w { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px 6px; }
.sc-cal-m { grid-column: 2; display: grid; grid-template-columns: repeat(53, minmax(0, 1fr)); font-size: 12px; color: var(--text-secondary); height: 14px; }
.sc-cal-m span { white-space: nowrap; }
.sc-cal-d { grid-column: 1; display: grid; grid-template-rows: repeat(7, 1fr); gap: 3px; font-size: 11px; color: var(--text-secondary); align-items: center; }
.sc-cal { grid-column: 2; display: grid; grid-template-rows: repeat(7, auto); grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 3px; }
.sc-cal i { aspect-ratio: 1; border-radius: 3px; display: block; min-width: 0; }
.sc-cal i.nil { background: transparent; }
.sc-cal i:hover { outline: 1px solid var(--text-color); }
.sc-cal-k { grid-column: 2; display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12.5px; color: var(--text-secondary); flex-wrap: wrap; }
.sc-cal-k i { width: 22px; height: 9px; border-radius: 2px; }
.sc-cal-k i.ice { background: #4cc9f0; } .sc-cal-k i.mid { background: rgba(255, 255, 255, .12); } .sc-cal-k i.hot { background: #ff8a3d; }
.sc-cal-k em { font-style: normal; margin-left: auto; }
.sc-press-f { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.sc-press-f > div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); display: flex; flex-direction: column; gap: 2px; }
body.light .sc-press-f > div { background: rgba(0, 0, 0, .03); }
.sc-press-f small { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.sc-press-f b { font: 700 20px var(--sx-f); } .sc-press-f span { font-size: 12.5px; color: var(--text-secondary); }
/* 02 сухой порох */
.sc-pw-top { display: flex; align-items: center; gap: 12px; }
.sc-pw-top b { font: 700 46px/1 var(--sx-f); color: var(--text-color); }
.sc-pw-top span { font-size: 13px; line-height: 1.4; color: var(--text-secondary); } .sc-pw-top em { font-style: normal; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .06em; }
.sc-pw-strip { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3px; margin-top: 4px; }
.sc-pw-strip div { display: flex; flex-direction: column; align-items: center; padding: 6px 0 4px; border-radius: 5px; color: #12090a; }
.sc-pw-strip b { font: 700 13.5px var(--sx-f); } .sc-pw-strip span { font-size: 10.5px; opacity: .8; }
/* 03 кто печатает */
.sc-who-r { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: center; margin: 4px 0; }
.sc-who-r > span { font: 600 13px var(--sx-f); color: var(--text-color); } .sc-who-r small { display: block; font-weight: 500; font-size: 12.5px; color: var(--text-secondary); }
.sc-who-b { display: flex; height: 30px; border-radius: 7px; overflow: hidden; gap: 2px; }
.sc-who-b i { display: flex; align-items: center; padding: 0 8px; font: 700 13px var(--sx-f); font-style: normal; white-space: nowrap; overflow: hidden; color: #07141a; }
.sc-who-b i.t, .sc-who-k i.t { background: #26a17b; } .sc-who-b i.c, .sc-who-k i.c { background: #3b82f6; color: #fff; } .sc-who-b i.o, .sc-who-k i.o { background: #9b7bff; }
.sc-who-k { display: flex; gap: 14px; font-size: 13px; color: var(--text-secondary); margin: 4px 0 6px 106px; }
.sc-who-k i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; }
.sc-who-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sc-who-g div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); } body.light .sc-who-g div { background: rgba(0, 0, 0, .03); }
.sc-who-g small { display: block; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .sc-who-g b { font: 700 18px var(--sx-f); }
/* 04 держат ли доллар */
.sc-peg-svg { width: 100%; height: auto; font-family: var(--sx-f); }
.sc-peg-svg text { font-size: 12.5px; fill: var(--text-secondary); }
.sc-peg-svg .gr { stroke: var(--mx-line); } .sc-peg-svg .z { stroke: var(--text-secondary); stroke-dasharray: 3 3; }
.sc-peg-svg .ok { fill: rgba(74, 222, 128, .08); }
.sc-peg-svg .dot { fill: #4cc9f0; fill-opacity: .8; stroke: var(--bg-color, #0b0b0f); } .sc-peg-svg .bad { fill: #f87171; stroke: var(--bg-color, #0b0b0f); }
.sc-peg-svg .lb { font-size: 13px; font-weight: 700; fill: var(--text-color); paint-order: stroke; stroke: var(--bg-color, #0b0b0f); stroke-width: 3px; }
.sc-peg-v { display: flex; gap: 9px; align-items: flex-start; padding: 9px 11px; border-radius: 9px; font-size: 13.5px; line-height: 1.45; color: var(--text-secondary); }
.sc-peg-v.up { background: rgba(74, 222, 128, .07); } .sc-peg-v.up i { color: var(--green, #4ade80); } .sc-peg-v.down { background: rgba(248, 113, 113, .08); } .sc-peg-v.down i { color: var(--red, #f87171); }
.sc-peg-v i { margin-top: 3px; }
/* 05 карта сетей */
.sc-tm { position: relative; height: 300px; border-radius: 10px; overflow: hidden; }
.sc-tm > div { position: absolute; box-sizing: border-box; border: 2px solid var(--bg-color, #0b0b0f); border-radius: 8px; padding: 8px 10px; overflow: hidden; display: flex; flex-direction: column; gap: 1px; transition: filter .2s; }
.sc-tm > div:hover { filter: brightness(1.25); }
.sc-tm b { font: 700 14px var(--sx-f); color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-tm span { font: 600 13px var(--sx-f); color: var(--text-color); opacity: .85; } .sc-tm em { font-style: normal; font: 700 13px var(--sx-f); }
/* 06 живые выпуски */
.sc-live-h { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 4px; }
.sc-live-h div { padding: 7px 9px; border-radius: 8px; background: rgba(255, 255, 255, .03); } body.light .sc-live-h div { background: rgba(0, 0, 0, .03); }
.sc-live-h small { display: block; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .sc-live-h b { font: 700 16px var(--sx-f); }
.sc-live-r { display: grid; grid-template-columns: 18px 46px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font-size: 13.5px; }
.sc-live-r i.up { color: var(--green, #4ade80); } .sc-live-r i.down { color: var(--red, #f87171); }
.sc-live-r span { color: var(--text-secondary); } .sc-live-r b { font: 700 13.5px var(--sx-f); }
/* 07 таблица */
.sc-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.sc-tbl th { text-align: left; font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); padding: 0 8px 8px; border-bottom: 1px solid var(--mx-line-strong); white-space: nowrap; }
.sc-tbl td { padding: 8px; border-bottom: 1px solid var(--mx-line); white-space: nowrap; }
.sc-tbl td small { color: var(--text-secondary); font-size: 13px; }
.sc-tbl td:first-child { color: var(--text-secondary); width: 24px; }
.sc-tbl tr:hover td { background: rgba(255, 255, 255, .025); }
.sc-share { display: inline-block; width: 60px; height: 6px; margin-right: 6px; border-radius: 3px; background: rgba(255, 255, 255, .06); vertical-align: middle; overflow: hidden; }
.sc-share i { display: block; height: 100%; background: linear-gradient(90deg, #4cc9f0, #ff8a3d); }
#table { overflow-x: auto; }
/* 08 кто растёт */
.sc-fr { display: grid; grid-template-columns: 60px minmax(0, 1fr) 62px 74px; gap: 8px; align-items: center; padding: 4px 0; font-size: 13.5px; }
.sc-fr b { font: 700 13.5px var(--sx-f); } .sc-fr > b:nth-of-type(2) { text-align: right; } .sc-fr small { text-align: right; color: var(--text-secondary); font: 500 13px var(--sx-f); }
@media (max-width: 800px) {
    .sc-press-f { grid-template-columns: 1fr 1fr; } .sc-cal-m { font-size: 10px; } .sc-cal { gap: 1.5px; } .sc-cal-d { gap: 1.5px; } .sc-cal i { border-radius: 1.5px; }
    .sc-who-k { margin-left: 0; flex-wrap: wrap; } .sc-who-r { grid-template-columns: 76px minmax(0, 1fr); } .sc-tm { height: 240px; }
}
.sc-tm > div.md { padding: 6px 8px; } .sc-tm > div.md b { font-size: 12.5px; } .sc-tm > div.md span, .sc-tm > div.md em { font-size: 11px; }
.sc-tm > div.sm { padding: 4px 6px; } .sc-tm > div.sm b { font-size: 11px; } .sc-tm > div.sm span { font-size: 10px; }
.sc-pg { display: grid; grid-template-columns: 58px 70px minmax(0, 1fr) 58px; gap: 10px; align-items: center; padding: 4px 0; font-size: 13.5px; }
.sc-pg > b { font: 700 13px var(--sx-f); } .sc-pg > b:last-child { text-align: right; } .sc-pg > span.sx-n { color: var(--text-secondary); }
.sc-pg-bar { position: relative; height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .04); }
.sc-pg-bar::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--text-secondary); opacity: .6; }
.sc-pg-bar i { position: absolute; top: 1px; bottom: 1px; border-radius: 4px; }
.sc-pg-bar i.ok { background: #4cc9f0; } .sc-pg-bar i.warn { background: #ffd166; } .sc-pg-bar i.bad { background: var(--red, #f87171); }
.sc-pg-h { padding: 0 0 2px; } .sc-pg-ax { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary); }

/* ===================== etf-flows.html (09.10) ===================== */
.ef-coin { margin: 0 0 14px; }
.ef-coin .sx-seg button { padding: 8px 16px; font-size: 13px; }
/* 01 фонды против майнеров */
.ef-mn-top { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ef-mn-top small { font: 600 12.5px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.ef-mn-top b { font: 700 38px/1 var(--sx-f); } .ef-mn-top span { font: 700 16px var(--sx-f); color: var(--text-color); }
.ef-mn-sq { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; margin-top: 10px; }
.ef-mn-sq i { position: relative; aspect-ratio: 1; border-radius: 5px; border: 1px dashed var(--mx-line-strong); overflow: hidden; }
.ef-mn-sq i b { position: absolute; left: 0; top: 0; bottom: 0; }
.ef-mn-sq i b.up { background: var(--green, #4ade80); } .ef-mn-sq i b.down { background: var(--red, #f87171); }
.ef-mn-t { font-size: 13.5px; color: var(--text-secondary); } .ef-mn-t b { color: var(--text-color); font-size: 16px; }
/* 03 календарь */
.ef-cal-w { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px 6px; }
.ef-cal-m { grid-column: 2; display: grid; grid-template-columns: repeat(var(--wk), minmax(0, 1fr)); font-size: 12px; color: var(--text-secondary); height: 14px; }
.ef-cal-m span { white-space: nowrap; }
.ef-cal-d { grid-column: 1; display: grid; grid-template-rows: repeat(5, 1fr); gap: 3px; font-size: 11px; color: var(--text-secondary); align-items: center; }
.ef-cal { grid-column: 2; display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 3px; }
.ef-cal i { aspect-ratio: 1; border-radius: 3px; display: block; min-width: 0; } .ef-cal i.nil { background: rgba(255, 255, 255, .03); }
.ef-cal i:hover { outline: 1px solid var(--text-color); }
/* 04 серии */
.ef-now { padding: 12px 14px; border-radius: 10px; margin-bottom: 4px; }
.ef-now.up { background: rgba(74, 222, 128, .08); border-left: 3px solid var(--green, #4ade80); } .ef-now.down { background: rgba(248, 113, 113, .08); border-left: 3px solid var(--red, #f87171); }
.ef-now small { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.ef-now b { display: block; font: 700 21px var(--sx-f); color: var(--text-color); } .ef-now span { font-size: 13px; color: var(--text-secondary); }
#streaks .sx-facts { grid-template-columns: 1fr 1fr; }
/* 05 таблица */
.ef-tbl td { font-size: 13px; }
.ef-form { display: inline-flex; gap: 2px; }
.ef-form i { width: 9px; height: 16px; border-radius: 2px; background: var(--mx-line); }
.ef-form i.up { background: var(--green, #4ade80); } .ef-form i.down { background: var(--red, #f87171); }
/* 06 помогают ли притоки цене */
.ef-eff { display: flex; flex-direction: column; gap: 8px; }
.ef-eff-r { display: grid; grid-template-columns: 170px minmax(0, 1fr) 140px 100px; gap: 12px; align-items: center; padding: 9px 12px; border-radius: 10px; background: rgba(255, 255, 255, .025); }
body.light .ef-eff-r { background: rgba(0, 0, 0, .03); }
.ef-eff-r b { font: 700 14px var(--sx-f); color: var(--text-color); } .ef-eff-r small { display: block; font-size: 12.5px; color: var(--text-secondary); }
.ef-eff-n b { font-size: 18px; } .ef-eff-n b.up { color: var(--green, #4ade80); } .ef-eff-n b.down { color: var(--red, #f87171); }
.ef-note { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: var(--sx-a-wash); font-size: 13.5px; line-height: 1.55; color: var(--text-secondary); }
.ef-note i { color: var(--sx-a); margin-right: 4px; }
/* 07 чей кусок */
.ef-sh-top b { display: block; font: 700 30px var(--sx-f); color: var(--sx-a); } .ef-sh-top span { font-size: 13px; color: var(--text-secondary); }
.ef-sh-bar { display: flex; height: 34px; border-radius: 8px; overflow: hidden; gap: 2px; margin: 10px 0 6px; }
.ef-sh-bar i { display: flex; align-items: center; justify-content: center; font: 700 13px var(--sx-f); font-style: normal; color: #120a05; min-width: 0; overflow: hidden; }
.ef-sh-l { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; }
.ef-sh-l div { display: grid; grid-template-columns: 10px 50px 1fr; gap: 6px; align-items: center; font-size: 13.5px; }
.ef-sh-l i { width: 10px; height: 10px; border-radius: 2px; } .ef-sh-l span { text-align: right; color: var(--text-secondary); }
.ef-sh-neg { margin-top: 6px; font-size: 13px; line-height: 1.5; color: var(--text-secondary); } .ef-sh-neg b { color: var(--text-color); }
/* 09 BTC против ETH */
.ef-vs-h { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ef-vs-h div { padding: 7px 9px; border-radius: 8px; background: rgba(255, 255, 255, .03); } body.light .ef-vs-h div { background: rgba(0, 0, 0, .03); }
.ef-vs-h small { display: block; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .ef-vs-h b { font: 700 15px var(--sx-f); }
.ef-vs { display: grid; grid-template-columns: repeat(30, 1fr); gap: 2px; height: 100px; align-items: center; margin-top: 8px; }
.ef-vs > div { display: flex; gap: 1px; align-items: center; justify-content: center; height: 100%; }
.ef-vs i { width: 45%; border-radius: 2px; align-self: center; }
.ef-vs i.b { background: #f7931a; } .ef-vs i.e { background: #8c8cf7; } .ef-vs i.n { opacity: .4; }
.ef-vs-k { display: flex; gap: 12px; font-size: 12.5px; color: var(--text-secondary); flex-wrap: wrap; }
.ef-vs-k i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 4px; } .ef-vs-k i.b { background: #f7931a; } .ef-vs-k i.e { background: #8c8cf7; }
/* 10 по дням недели */
.ef-wd { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.ef-wd > div { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.ef-wd-c { position: relative; width: 100%; height: 100px; }
.ef-wd-c::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--mx-line-strong); }
.ef-wd-c i { position: absolute; left: 22%; right: 22%; border-radius: 4px; }
.ef-wd-c i.up { background: linear-gradient(0deg, rgba(74, 222, 128, .4), var(--green, #4ade80)); } .ef-wd-c i.down { background: linear-gradient(180deg, rgba(248, 113, 113, .4), var(--red, #f87171)); }
.ef-wd b { font: 700 13px var(--sx-f); } .ef-wd > div > span { font: 700 13px var(--sx-f); text-transform: uppercase; color: var(--text-color); } .ef-wd small { font-size: 12px; color: var(--text-secondary); }
@media (max-width: 800px) {
    .ef-eff-r { grid-template-columns: 1fr 1fr; } .ef-eff-b { grid-column: 1 / -1; grid-row: 2; }
    .ef-sh-l { grid-template-columns: 1fr; } .ef-vs { height: 80px; }
}
.ef-vs > div { position: relative; display: block; } .ef-vs > div::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--mx-line); }
.ef-vs i { position: absolute; width: 42%; } .ef-vs i.b { left: 6%; } .ef-vs i.e { right: 6%; }
.ef-vs { height: 130px; }
.ef-bs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ef-bs div { padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, .03); } body.light .ef-bs div { background: rgba(0, 0, 0, .03); }
.ef-bs small { display: block; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .ef-bs b { font: 700 22px var(--sx-f); }

/* ===================== liquidations.html (09.10) ===================== */
.lq-wins { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 0; }
.lq-w { padding: 14px 18px; border-right: 1px solid var(--mx-line); display: flex; flex-direction: column; gap: 6px; }
.lq-w:last-child { border-right: 0; }
.lq-w > b { font: 700 30px/1.05 var(--sx-f); color: var(--text-color); }
.lq-split { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: var(--mx-line); }
.lq-split i { display: block; height: 100%; } .lq-split i.l { background: var(--red, #f87171); } .lq-split i.s { background: var(--green, #4ade80); }
.lq-ls { display: flex; justify-content: space-between; font: 600 13px var(--sx-f); }
.lq-tm { height: 330px; }
.lq-tm > div b { font-size: 15px; } .lq-tm > div span { font-size: 13px; } .lq-tm > div em { font-size: 13px; color: var(--text-color); opacity: .8; }
/* кладбище */
.lq-gr { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 76px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--mx-line); }
.lq-gr-n { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; background: rgba(255, 255, 255, .05); font: 700 13px var(--sx-f); color: var(--text-secondary); }
.lq-gr:first-child .lq-gr-n { background: linear-gradient(135deg, #f0457a, #ff8a3d); color: #fff; }
.lq-gr b { font: 700 14px var(--sx-f); } .lq-gr small { display: block; font-size: 12.5px; color: var(--text-secondary); } .lq-gr > b:last-child { text-align: right; }
/* каскады */
.lq-cas { display: grid; grid-template-columns: 74px minmax(0, 1fr) 96px; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--mx-line); }
.lq-cas-t b { font: 700 16px var(--sx-f); } .lq-cas-t small, .lq-cas-v small { display: block; font-size: 12.5px; color: var(--text-secondary); }
.lq-cas-b .lq-split { height: 14px; } .lq-cas-b small { display: block; margin-top: 4px; font-size: 13px; color: var(--text-secondary); }
.lq-cas-v { text-align: right; } .lq-cas-v b { font: 700 15px var(--sx-f); }
/* по биржам */
.lq-ex { padding: 10px 0; border-bottom: 1px solid var(--mx-line); display: flex; flex-direction: column; gap: 6px; }
.lq-ex-h { display: grid; grid-template-columns: 80px 1fr auto 40px; gap: 8px; align-items: baseline; }
.lq-ex-h b { font: 700 15px var(--sx-f); } .lq-ex-h span { font-size: 12.5px; } .lq-ex-h small { text-align: right; color: var(--text-secondary); font: 600 13px var(--sx-f); }
/* день × час */
.lq-grid { display: grid; grid-template-columns: 74px repeat(24, minmax(0, 1fr)); gap: 3px; align-items: center; }
.lq-grid i { height: 26px; border-radius: 4px; } .lq-grid i.nil { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .03) 0 4px, transparent 4px 8px); }
.lq-grid i:hover { outline: 1px solid var(--text-color); }
.lq-gd { font: 600 13px var(--sx-f); color: var(--text-secondary); text-transform: capitalize; } .lq-gh { font-size: 12px; color: var(--text-secondary); }
.lq-tsplit { display: inline-flex; width: 110px; height: 8px; vertical-align: middle; margin-right: 8px; }
#feed { max-height: 520px; overflow: auto; }
@media (max-width: 900px) { .lq-wins { grid-template-columns: 1fr 1fr; } .lq-w:nth-child(2) { border-right: 0; } .lq-w { border-bottom: 1px solid var(--mx-line); } .lq-grid { grid-template-columns: 50px repeat(24, minmax(0, 1fr)); gap: 1.5px; } .lq-grid i { height: 18px; border-radius: 2px; } .lq-gd { font-size: 11.5px; } }
.lq-ex-f { display: flex; justify-content: space-between; font-size: 13px; color: var(--text-secondary); }
.lq-ex { padding: 14px 0; gap: 8px; } .lq-ex .lq-split { height: 14px; }

/* ===================== liq-map.html (09.10) — как у CoinGlass ===================== */
.lm-tools { gap: 10px; margin: 0 0 14px; }
.lm-heat { padding: 12px 12px 10px; }
.lm-wrap { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 6px; height: 520px; }
.lm-wrap canvas { display: block; width: 100%; height: 100%; border-radius: 8px; }
.lm-wrap .lm-pv { height: calc(100% - 22px); background: rgba(255, 255, 255, .02); }
.lm-heat.lm-busy .lm-wrap { opacity: .45; }
.lm-key { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; color: var(--text-secondary); flex-wrap: wrap; }
.lm-key > i { width: 120px; height: 9px; border-radius: 5px; background: linear-gradient(90deg, #180a30, #2b2578, #1a68a0, #16a096, #5ac85a, #ffe94d); }
.lm-key em { font-style: normal; margin-left: auto; } .lm-key b.w { color: var(--text-color); } .lm-key b.r { color: #ff5a6e; } .lm-key b.g { color: #78ffa0; }
/* магниты */
.lm-mg { display: grid; grid-template-columns: 82px 54px minmax(0, 1fr) 70px; gap: 8px; align-items: center; padding: 5px 0; font-size: 13.5px; }
.lm-mg b { font: 700 13.5px var(--sx-f); } .lm-mg > b:last-child { text-align: right; } .lm-mg > span:nth-child(2) { font: 600 13px var(--sx-f); }
.lm-mg.up > span:nth-child(2) { color: var(--green, #4ade80); } .lm-mg.down > span:nth-child(2) { color: var(--red, #f87171); }
.lm-mg-bar { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .04); overflow: hidden; }
.lm-mg-bar i { display: block; height: 100%; border-radius: 4px; }
.lm-mg.up .lm-mg-bar i { background: var(--green, #4ade80); } .lm-mg.down .lm-mg-bar i { background: var(--red, #f87171); }
.lm-now { margin: 6px 0; padding: 7px 10px; border-radius: 8px; border: 1px dashed var(--mx-line-strong); text-align: center; font-size: 13.5px; color: var(--text-secondary); }
.lm-now b { color: var(--text-color); font: 700 15px var(--sx-f); }
/* сколько нужно */
.lm-nd { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); gap: 8px; align-items: center; padding: 4px 0; }
.lm-nd-h { font: 600 12px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; } .lm-nd-h span:last-child { text-align: right; }
.lm-nd em { font-style: normal; text-align: center; font: 700 13.5px var(--sx-f); color: var(--text-color); }
.lm-nd-l, .lm-nd-r { display: flex; align-items: center; gap: 6px; height: 20px; }
.lm-nd-l { justify-content: flex-end; } .lm-nd-l i { height: 14px; border-radius: 3px 0 0 3px; background: var(--red, #f87171); }
.lm-nd-r i { height: 14px; border-radius: 0 3px 3px 0; background: var(--green, #4ade80); }
.lm-nd b { font: 700 13px var(--sx-f); white-space: nowrap; }
/* проверка */
.lm-ck { display: flex; align-items: center; gap: 12px; } .lm-ck b { font: 700 48px/1 var(--sx-f); } .lm-ck span { font-size: 13.5px; line-height: 1.4; color: var(--text-secondary); }
@media (max-width: 800px) { .lm-wrap { height: 420px; grid-template-columns: minmax(0, 1fr) 54px; } }
.lm-heat { display: block !important; }
.lm-wrap { grid-template-rows: 100%; } .lm-wrap canvas { min-height: 0; min-width: 0; height: 100% !important; }
.lm-key { position: relative; z-index: 1; }
.lm-pre { margin-bottom: 8px; padding: 6px 10px; border-radius: 8px; background: rgba(255, 209, 102, .1); color: #ffd166; font-size: 13px; }

/* ===================== volumes-oi.html (09.10) ===================== */
.oi-q { width: 100%; height: auto; display: block; font-family: var(--sx-f); }
.oi-q text { font-size: 12.5px; fill: var(--text-secondary); } .oi-q .ax0 { stroke: var(--mx-line-strong); }
.oi-q .q { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; } .oi-q .axl { font-size: 12px; }
.oi-q .lb { font-size: 13px; font-weight: 700; fill: var(--text-color); paint-order: stroke; stroke: var(--bg-color, #0b0b0f); stroke-width: 3px; }
.oi-q .dot circle { stroke-width: 1.5; } .oi-q .dot:hover circle { stroke-width: 3; }
.oi-q-l { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.oi-q-l div { padding: 8px 10px; border-radius: 9px; border-left: 3px solid var(--c); background: rgba(255, 255, 255, .025); display: flex; flex-direction: column; gap: 2px; }
.oi-q-l b { font: 700 13px var(--sx-f); color: var(--c); } .oi-q-l span { font-size: 12.5px; line-height: 1.35; color: var(--text-secondary); } .oi-q-l em { font-style: normal; font: 600 13px var(--sx-f); color: var(--text-color); }
.oi-strip { display: grid; gap: 1px; height: 16px; margin-top: 6px; border-radius: 4px; overflow: hidden; } .oi-strip i { display: block; min-width: 0; }
.oi-strip-k { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 13px; color: var(--text-secondary); }
.oi-strip-k i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; } .oi-strip-k b { color: var(--text-color); }
.oi-bar { display: grid; grid-template-columns: 50px minmax(0, 1fr) 56px; gap: 8px; align-items: center; padding: 3px 0; }
.oi-bar > b { font: 700 13px var(--sx-f); } .oi-bar > b:last-child { text-align: right; }
.oi-bar-t { height: 12px; border-radius: 4px; background: rgba(255, 255, 255, .04); overflow: hidden; } .oi-bar-t i { display: block; height: 100%; border-radius: 4px; }
.oi-ex-tot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 8px; }
.oi-ex-tot div { padding: 7px 9px; border-radius: 8px; background: rgba(255, 255, 255, .03); display: flex; flex-direction: column; gap: 1px; }
.oi-ex-tot i { width: 18px; height: 4px; border-radius: 2px; } .oi-ex-tot b { font: 700 13px var(--sx-f); } .oi-ex-tot span { font-size: 12.5px; color: var(--text-secondary); }
.oi-exr { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 8px; align-items: center; padding: 3px 0; } .oi-exr > b { font: 700 13px var(--sx-f); }
.oi-exb { display: flex; height: 18px; border-radius: 5px; overflow: hidden; gap: 1px; }
.oi-exb i { display: flex; align-items: center; justify-content: center; font: 700 12px var(--sx-f); font-style: normal; color: #120a05; min-width: 0; overflow: hidden; }
.oi-sp-h { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; } .oi-sp-h b { font: 700 40px/1 var(--sx-f); color: var(--sx-a); } .oi-sp-h span { font-size: 13.5px; line-height: 1.4; color: var(--text-secondary); }
.oi-sp { display: grid; grid-template-columns: 56px 1fr 1fr 56px; gap: 8px; align-items: center; padding: 7px 10px; border-radius: 8px; font-size: 13.5px; color: var(--text-secondary); }
.oi-sp > b { font: 700 14px var(--sx-f); color: var(--text-color); } .oi-sp em { font-style: normal; text-align: right; font: 700 13px var(--sx-f); }
.oi-sp.on { background: var(--sx-a-wash); } .oi-sp.on em { color: var(--sx-a); }
.oi-tag { display: inline-block; padding: 2px 8px; border-radius: 5px; font: 700 12.5px var(--sx-f); color: var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); }
@media (max-width: 800px) { .oi-q-l { grid-template-columns: 1fr 1fr; } }
#spring, #exs { flex: none !important; }

/* ===================== funding.html (09.10) ===================== */
.fr-grid { width: 100%; border-collapse: separate; border-spacing: 3px; font-size: 13px; }
.fr-grid th { font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); text-align: center; padding: 0 6px 4px; }
.fr-grid th:first-child { text-align: left; }
.fr-grid td { padding: 7px 8px; border-radius: 6px; text-align: center; font-weight: 600; }
.fr-grid td:first-child { text-align: left; } .fr-grid td.hot { color: #ff8a3d; } .fr-grid td.cold { color: #4cc9f0; }
.fr-grid td small { color: var(--text-secondary); font-weight: 500; }
.fr-grid-k { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12.5px; color: var(--text-secondary); flex-wrap: wrap; }
.fr-grid-k i { width: 24px; height: 9px; border-radius: 2px; } .fr-grid-k i.c { background: #4cc9f0; } .fr-grid-k i.m { background: rgba(255, 255, 255, .1); } .fr-grid-k i.h { background: #ff8a3d; }
.fr-grid-k em { font-style: normal; margin-left: auto; }
.fr-in { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.fr-in label { display: flex; align-items: center; gap: 6px; font: 600 13px var(--sx-f); color: var(--text-secondary); }
.fr-in input, .fr-in select { width: 100px; padding: 6px 9px; border-radius: 8px; border: 1px solid var(--mx-line-strong); background: var(--mx-surface); color: var(--text-color); font: 700 14px var(--sx-f); }
.fr-in select { width: auto; }
.fr-cost { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.fr-cost div { padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .03); } body.light .fr-cost div { background: rgba(0, 0, 0, .03); }
.fr-cost small { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); } .fr-cost b { font: 700 24px var(--sx-f); }
.fr-cost-s { margin-top: 8px; font-size: 13.5px; line-height: 1.5; color: var(--text-secondary); } .fr-cost-s b { color: var(--text-color); }
.fr-strip { display: grid; grid-template-rows: repeat(3, 14px); grid-auto-flow: column; gap: 1px; border-radius: 6px; overflow: hidden; }
.fr-strip i { display: block; min-width: 0; } .fr-strip i:hover { outline: 1px solid var(--text-color); }
.fr-af { grid-template-columns: 150px minmax(0, 1fr) 120px 80px; }
.fr-acc { display: grid; grid-template-columns: 46px minmax(0, 1fr) 58px 58px 110px; gap: 8px; align-items: center; padding: 3px 0; }
.fr-acc > b { font: 700 13.5px var(--sx-f); } .fr-acc > b.sx-n { text-align: right; font-weight: 600; }
.fr-acc-h { font: 600 11.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .fr-acc-h span:nth-child(3), .fr-acc-h span:nth-child(4) { text-align: right; }
.fr-acc-b { position: relative; height: 12px; } .fr-acc-b::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--mx-line-strong); }
.fr-acc-b i { position: absolute; top: 0; bottom: 0; border-radius: 3px; } .fr-acc-b i.p { background: #ff8a3d; } .fr-acc-b i.n { background: #4cc9f0; }
.fr-mini { display: grid; grid-template-columns: repeat(21, 1fr); gap: 1px; height: 12px; } .fr-mini i { display: block; border-radius: 1px; }
.fr-arb { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 12px; border-radius: 10px; background: rgba(255, 255, 255, .025); margin-bottom: 6px; }
.fr-arb > b { font: 700 15px var(--sx-f); } .fr-arb span { font-size: 13px; line-height: 1.5; color: var(--text-secondary); } .fr-arb span b { color: var(--text-color); }
.fr-arb div { text-align: right; } .fr-arb div b { font: 700 20px var(--sx-f); color: var(--sx-a); } .fr-arb div small { display: block; font-size: 12px; color: var(--text-secondary); }
#arb { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 6px 10px; } #arb .sx-note { grid-column: 1 / -1; }
.fr-cr { display: grid; grid-template-columns: 46px minmax(0, 1fr) 60px; gap: 10px; align-items: center; padding: 4px 0; }
.fr-cr > b { font: 700 13.5px var(--sx-f); } .fr-cr > b.sx-n { text-align: right; font-weight: 600; } .fr-cr > b.hot { color: #ff8a3d; }
.fr-cr-h { font: 600 11.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.fr-cr-h i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin: 0 4px 0 8px; vertical-align: -1px; }
.fr-cr-b { position: relative; height: 16px; background: linear-gradient(90deg, rgba(76, 201, 240, .06), rgba(255, 255, 255, .02) 50%, rgba(255, 138, 61, .06)); border-radius: 8px; }
.fr-cr-b::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--mx-line-strong); }
.fr-cr-b em { position: absolute; top: 6px; height: 4px; background: var(--mx-line-strong); }
.fr-cr-b i, .fr-cr-h i { } .fr-cr-b i { position: absolute; top: 2px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; border: 2px solid var(--bg-color, #0b0b0f); }
.fr-cr i.a, .fr-cr-h i.a { background: #ff8a3d; } .fr-cr i.t, .fr-cr-h i.t { background: #4cc9f0; }
.fr-cr-ax { display: flex; justify-content: space-between; margin: 2px 60px 0 56px; font-size: 11.5px; color: var(--text-secondary); }
@media (max-width: 800px) { .fr-af { grid-template-columns: 1fr 1fr; } .fr-acc { grid-template-columns: 40px minmax(0, 1fr) 54px 54px; } .fr-mini, .fr-acc-h span:last-child { display: none; } .fr-grid { font-size: 13px; } .fr-grid td { padding: 5px 4px; } .fr-grid td:last-child, .fr-grid th:last-child { display: none; } }
.fr-pay { display: grid; grid-template-columns: 50px 1fr auto; gap: 8px; align-items: center; padding: 5px 0; border-bottom: 1px solid var(--mx-line); font-size: 13.5px; }
.fr-pay b { font: 700 13px var(--sx-f); } .fr-pay span { color: var(--text-secondary); font-size: 13px; }

/* ===================== derivs.html (09.10) ===================== */
.dv-mv { display: grid; grid-template-columns: 150px minmax(0, 1fr) 70px; gap: 14px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--mx-line); }
.dv-mv > span:first-child b { display: block; font: 700 14px var(--sx-f); } .dv-mv > span:first-child small { font-size: 12.5px; color: var(--text-secondary); }
.dv-mv > b { text-align: right; font: 700 16px var(--sx-f); color: var(--sx-a); }
.dv-mv-h { border-bottom: 1px solid var(--mx-line-strong); font: 600 12px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); padding-top: 0; }
.dv-mv-h > span:last-child { text-align: right; }
.dv-mv-ax { display: flex; justify-content: space-between; text-transform: none; letter-spacing: 0; font-size: 12.5px; }
.dv-mv-b { position: relative; height: 30px; border-radius: 6px; background: rgba(255, 255, 255, .02); }
.dv-mv-b i { position: absolute; top: 6px; bottom: 6px; border-radius: 9px; }
.dv-mv-b i.w2 { background: rgba(155, 123, 255, .18); } .dv-mv-b i.w1 { background: linear-gradient(90deg, rgba(76, 201, 240, .55), rgba(255, 138, 61, .55)); }
.dv-mv-b em { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; }
.dv-mv-b em.now { background: var(--text-color); } .dv-mv-b em.mp { background: #ffd166; width: 3px; top: 3px; bottom: 3px; border-radius: 2px; box-shadow: 0 0 6px #ffd166; }
.dv-mv-b small { position: absolute; top: 50%; transform: translateY(-50%); font: 600 12px var(--sx-f); color: var(--text-color); }
.dv-mv-b small.l { right: calc(100% + 4px); display: none; } .dv-mv-b small.r { display: none; }
.dv-mv-k { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 13px; color: var(--text-secondary); }
.dv-mv-k i { display: inline-block; width: 16px; height: 8px; border-radius: 4px; margin-right: 5px; vertical-align: 0; }
.dv-mv-k i.w1 { background: linear-gradient(90deg, #4cc9f0, #ff8a3d); } .dv-mv-k i.w2 { background: rgba(155, 123, 255, .35); } .dv-mv-k i.mp { width: 4px; background: #ffd166; }
.dv-mv-k em { font-style: normal; margin-left: auto; }
.dv-wall { display: flex; align-items: stretch; gap: 2px; height: 260px; overflow-x: auto; padding-bottom: 2px; }
.dv-wk { position: relative; flex: 1 0 14px; display: flex; flex-direction: column; justify-content: flex-end; }
.dv-wk i { display: block; width: 100%; border-radius: 2px 2px 0 0; } .dv-wk i.c { background: rgba(74, 222, 128, .85); }
.dv-wk i.p { background: rgba(248, 113, 113, .85); border-radius: 0 0 2px 2px; margin-bottom: 18px; transform: scaleY(-1); transform-origin: top; position: absolute; left: 0; right: 0; bottom: 0; max-height: 0; display: none; }
.dv-wk span { height: 16px; font: 500 10.5px var(--sx-f); color: var(--text-secondary); text-align: center; writing-mode: horizontal-tb; white-space: nowrap; overflow: hidden; }
.dv-wk.now { background: rgba(255, 255, 255, .06); border-radius: 3px; } .dv-wk.now span { color: var(--text-color); font-weight: 700; }
.dv-wk.mp span { color: #ffd166; font-weight: 700; }
.dv-pn { display: grid; grid-template-columns: 76px 74px 52px minmax(0, 1fr) 58px; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); font-size: 13.5px; }
.dv-pn > span:first-child b { display: block; font: 700 13.5px var(--sx-f); } .dv-pn > span:first-child small { font-size: 12px; color: var(--text-secondary); }
.dv-pn > b { font: 700 13px var(--sx-f); } .dv-pn > small { text-align: right; color: var(--text-secondary); }
.dv-pcr { display: flex; height: 8px; border-radius: 4px; overflow: hidden; } .dv-pcr i { display: block; } .dv-pcr i.c { background: var(--green, #4ade80); } .dv-pcr i.p { background: var(--red, #f87171); }
.dv-smk { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--text-secondary); margin-top: 6px; }
.dv-smk i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-right: 5px; vertical-align: 3px; } .dv-smk em { font-style: normal; width: 100%; }
.dv-sk { display: grid; grid-template-columns: 90px minmax(0, 1fr) 54px; gap: 10px; align-items: center; padding: 5px 0; }
.dv-sk > span:first-child b { display: block; font: 700 13.5px var(--sx-f); } .dv-sk > span:first-child small { font-size: 12px; color: var(--text-secondary); }
.dv-sk > b { text-align: right; font: 700 14px var(--sx-f); }
.dv-sk-h { font: 600 11.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); } .dv-sk-ax { display: flex; justify-content: space-between; }
.dv-sk-b { position: relative; height: 14px; } .dv-sk-b::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--mx-line-strong); }
.dv-sk-b i { position: absolute; top: 0; bottom: 0; border-radius: 3px; } .dv-sk-b i.f { background: linear-gradient(90deg, rgba(248, 113, 113, .4), var(--red, #f87171)); } .dv-sk-b i.g { background: linear-gradient(270deg, rgba(74, 222, 128, .4), var(--green, #4ade80)); }
.dv-cv { display: grid; grid-template-columns: 96px minmax(0, 1fr) 62px 64px; gap: 10px; align-items: center; padding: 5px 0; }
.dv-cv > span:first-child b { display: block; font: 700 13.5px var(--sx-f); } .dv-cv > span:first-child small { font-size: 12px; color: var(--text-secondary); }
.dv-cv > b { text-align: right; font: 700 13.5px var(--sx-f); } .dv-cv > small { text-align: right; color: var(--text-secondary); font-size: 12.5px; }
@media (max-width: 800px) { .dv-mv { grid-template-columns: 90px minmax(0, 1fr) 54px; gap: 8px; } .dv-pn { grid-template-columns: 70px 70px 50px minmax(0, 1fr); } .dv-pn > small { display: none; } .dv-cv > small { display: none; } .dv-cv { grid-template-columns: 90px minmax(0, 1fr) 60px; } }
.dv-wk { justify-content: stretch; } .dv-wk .u, .dv-wk .d { flex: 1; display: flex; } .dv-wk .u { align-items: flex-end; border-bottom: 1px solid var(--mx-line-strong); } .dv-wk .d { align-items: flex-start; }
.dv-wk .u i, .dv-wk .d i { width: 100%; } .dv-wk .d i.p { display: block; position: static; transform: none; margin: 0; max-height: none; border-radius: 0 0 2px 2px; background: rgba(248, 113, 113, .85); }
.dv-wall { height: 300px; }
.dv-wk { flex: 1 0 22px; } .dv-wk span { font-size: 12px; height: 18px; }
.dv-wall .dv-wk:nth-child(even):not(.now):not(.mp) span { visibility: hidden; }

/* ===================== whales.html (09.10) ===================== */
.wh-chart { position: relative; height: 440px; }
.wh-chart canvas { display: block; width: 100%; height: 100%; }
.wb { color: #4cc9f0 !important; } .ws { color: #ff8a3d !important; }
.wh-coin { padding: 8px 0 10px; border-bottom: 1px solid var(--mx-line); display: flex; flex-direction: column; gap: 5px; }
.wh-coin-h { display: grid; grid-template-columns: 46px 1fr auto; gap: 8px; align-items: baseline; }
.wh-coin-h b { font: 700 15px var(--sx-f); } .wh-coin-h span { color: var(--text-secondary); font-size: 13px; } .wh-coin-h b.sx-n { font-size: 13.5px; }
.wh-split { display: flex; height: 8px; border-radius: 4px; overflow: hidden; gap: 1px; background: var(--mx-line); }
.wh-split.big { height: 20px; border-radius: 5px; }
.wh-split i { display: flex; align-items: center; padding: 0 6px; font: 700 12px var(--sx-f); font-style: normal; color: #07131a; white-space: nowrap; overflow: hidden; min-width: 0; }
.wh-split i.b { background: #4cc9f0; } .wh-split i.s { background: #ff8a3d; justify-content: flex-end; color: #1a0c04; }
.wh-sub { display: grid; grid-template-columns: 64px minmax(0, 1fr) 62px; gap: 8px; align-items: center; font-size: 13px; color: var(--text-secondary); }
.wh-sub small { text-align: right; color: var(--text-color); font-weight: 600; }
.wh-sz { display: grid; grid-template-columns: 96px minmax(0, 1fr) 74px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--mx-line); }
.wh-sz span b { display: block; font: 700 13px var(--sx-f); } .wh-sz span small { font-size: 12.5px; color: var(--text-secondary); }
.wh-sz-b { display: flex; flex-direction: column; gap: 3px; } .wh-sz-b i { display: block; height: 8px; border-radius: 3px; } .wh-sz-b i.b { background: #4cc9f0; } .wh-sz-b i.s { background: #ff8a3d; }
.wh-sz > b { text-align: right; font: 700 13px var(--sx-f); }
.wh-tag { display: inline-block; padding: 1px 6px; border-radius: 4px; font: 700 11.5px var(--sx-f); text-transform: uppercase; letter-spacing: .04em; }
.wh-tag.b { color: #4cc9f0; background: rgba(76, 201, 240, .12); } .wh-tag.s { color: #ff8a3d; background: rgba(255, 138, 61, .12); }
#feed { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; }
#big .sx-lv, #feed .sx-lv { grid-template-columns: 40px 38px minmax(0, 1fr) 70px; }
@media (max-width: 800px) { .wh-chart { height: 320px; } #feed { grid-template-columns: 1fr; } }

/* ===================== onchain.html (09.10) ===================== */
.oc-cost { display: grid; grid-template-columns: 170px repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr); gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--mx-line); }
.oc-cost-h { font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); padding-top: 0; }
.oc-n { display: grid; grid-template-columns: 26px 1fr; column-gap: 8px; align-items: center; }
.oc-n i { grid-row: span 2; font-size: 18px; text-align: center; } .oc-n b { font: 700 14px var(--sx-f); } .oc-n small { font-size: 12.5px; color: var(--text-secondary); }
.oc-tag { position: relative; display: flex; flex-direction: column; padding: 8px 12px 8px 16px; border-radius: 8px; background: rgba(255, 255, 255, .03); clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%); }
body.light .oc-tag { background: rgba(0, 0, 0, .04); }
.oc-tag b { font: 700 17px var(--sx-f); } .oc-tag small { font-size: 12px; color: var(--text-secondary); }
.oc-tag.k0 b { color: #4cc9f0; } .oc-tag.k1 b { color: var(--text-color); } .oc-tag.k2 b { color: #ff8a3d; }
.oc-cmp { height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .04); overflow: hidden; } .oc-cmp i { display: block; height: 100%; border-radius: 5px; }
.oc-q { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.oc-qb { position: relative; aspect-ratio: 1; border-radius: 10px; border: 1px solid var(--mx-line-strong); overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; background: rgba(255, 255, 255, .02); }
.oc-qf { position: absolute; left: 0; right: 0; bottom: 0; opacity: .55; }
.oc-qb > * { position: relative; } .oc-qb b { font: 700 18px var(--sx-f); color: var(--text-color); } .oc-qb small { font-size: 11.5px; color: var(--text-color); opacity: .8; }
.oc-qb em { font-style: normal; font: 600 12.5px var(--sx-f); color: var(--text-color); margin-top: 4px; } .oc-qb span { position: absolute; top: 6px; left: 8px; font-size: 11.5px; color: var(--text-color); opacity: .75; }
.oc-bl { display: grid; grid-template-columns: 70px minmax(0, 1fr) 56px 66px; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--mx-line); }
.oc-cube { display: grid; place-items: center; height: 30px; border-radius: 6px; background: linear-gradient(135deg, rgba(247, 147, 26, .3), rgba(247, 147, 26, .1)); border: 1px solid rgba(247, 147, 26, .4); }
.oc-cube b { font: 700 13px var(--sx-f); } .oc-bl > div b { display: block; font: 700 13.5px var(--sx-f); } .oc-bl small { font-size: 12px; color: var(--text-secondary); }
.oc-bl .r { text-align: right; } .oc-bl b.hot { color: #ff8a3d; }
.oc-gas { display: flex; align-items: flex-end; gap: 1px; height: 200px; padding: 4px; border-radius: 8px; background: rgba(255, 255, 255, .02); }
.oc-gas i { flex: 1; border-radius: 1px 1px 0 0; min-width: 0; } .oc-gas i:hover { filter: brightness(1.4); }
@media (max-width: 800px) { .oc-cost { grid-template-columns: 1fr 1fr 1fr; } .oc-n { grid-column: 1 / -1; } .oc-cmp { display: none; } .oc-cost-h span:first-child, .oc-cost-h span:last-child { display: none; } .oc-tag b { font-size: 14px; } }
.oc-qb > *:not(.oc-qf) { position: relative; } .oc-qb > .oc-qf { position: absolute; opacity: .5; } .oc-qb > span { position: absolute !important; }
.oc-gas { height: 290px; }

/* ===================== mining.html (09.10) ===================== */
.mn-be { display: flex; align-items: baseline; gap: 8px; margin-top: 10px; font-size: 13.5px; color: var(--text-secondary); } .mn-be b { font: 700 22px var(--sx-f); color: var(--sx-a); }
.mn-be-bar { position: relative; height: 10px; margin-top: 8px; border-radius: 5px; background: linear-gradient(90deg, #4ade80, #ffd166 50%, #f87171); }
.mn-be-bar i { position: absolute; top: -4px; width: 4px; height: 18px; margin-left: -2px; border-radius: 2px; background: var(--text-color); box-shadow: 0 0 0 2px var(--bg-color, #0b0b0f); }
.mn-be-bar em { position: absolute; top: -2px; bottom: -2px; width: 1px; background: var(--bg-color, #0b0b0f); }
.mn-ep { display: grid; grid-template-columns: repeat(56, 1fr); gap: 1.5px; }
.mn-ep i { aspect-ratio: 1; border-radius: 1px; background: rgba(255, 255, 255, .06); } .mn-ep i.d { background: linear-gradient(135deg, #ff8a3d, #f0457a); }
body.light .mn-ep i { background: rgba(0, 0, 0, .07); }
.mn-df { display: grid; grid-template-columns: repeat(26, 1fr); gap: 4px; height: 220px; position: relative; }
.mn-df::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--mx-line-strong); }
.mn-df > div { position: relative; } .mn-df i { position: absolute; left: 0; right: 0; border-radius: 3px; }
.mn-df i.u { background: linear-gradient(0deg, rgba(255, 138, 61, .4), #ff8a3d); } .mn-df i.d { background: linear-gradient(180deg, rgba(76, 201, 240, .4), #4cc9f0); }
.mn-df > div:hover i { filter: brightness(1.3); }
.mn-df-ax { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary); margin-top: 4px; }
.mn-pw { display: grid; grid-template-columns: repeat(52, 1fr); gap: 1.5px; }
.mn-pw i { aspect-ratio: 1; border-radius: 1px; } .mn-pw i.o { background: rgba(255, 255, 255, .1); }
.mn-pl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 14px; margin-top: 10px; }
.mn-pl div { display: grid; grid-template-columns: 10px 1fr auto; gap: 6px; align-items: center; font-size: 13px; } .mn-pl i { width: 10px; height: 10px; border-radius: 2px; } .mn-pl b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mn-pl span { color: var(--text-secondary); }
.mn-vsk { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--text-secondary); margin-top: 6px; }
.mn-vsk i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-right: 5px; vertical-align: 3px; } .mn-vsk b { color: var(--text-color); } .mn-vsk em { font-style: normal; width: 100%; }
.mn-bk { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.mn-b { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, .025); }
.mn-b > b { font: 700 13px var(--sx-f); } .mn-b small { font-size: 12.5px; color: var(--text-secondary); } .mn-b small b { color: var(--text-color); }
.mn-b-r { display: flex; height: 8px; border-radius: 4px; overflow: hidden; } .mn-b-r i { background: #f7931a; } .mn-b-r i.f { background: #9b7bff; }
@media (max-width: 800px) { .mn-ep { grid-template-columns: repeat(42, 1fr); } .mn-pw { grid-template-columns: repeat(32, 1fr); } .mn-pl { grid-template-columns: 1fr 1fr; } .mn-bk { grid-template-columns: 1fr 1fr; } }
.mn-df { height: 300px; } .fr-pay.on b:first-child { color: var(--sx-a); } .fr-pay { grid-template-columns: 110px 1fr auto; }
body.light .sx-pu-v small[style] { color: var(--sx-a) !important; }

/* шапка подстраниц (09.10, правка владельца): «Тепловой след» и главная цифра — в один ряд справа, а не друг под другом */
.sx-hero-r { flex-direction: row; align-items: stretch; width: auto; gap: 12px; }
.sx-hero-r .sx-pulse { width: 490px; flex: 0 0 490px; }
.sx-hero-r .sx-hcard { flex-direction: column; align-items: stretch; justify-content: center; gap: 0; min-width: 190px; max-width: 250px; padding: 10px 16px; }
.sx-hero-r .sx-hc-sep { display: none; }
.sx-hero-r .sx-hc-i { padding: 6px 0; border-top: 1px solid var(--mx-line); }
.sx-hero-r .sx-hc-i:first-child { border-top: 0; }
.sx-hero-r .sx-hc-i b { font-size: 20px; }
.sx-hero-r .sx-hc-i small { font-size: 12.5px; }
@media (max-width: 1300px) { .sx-hero-r { margin-left: 0; width: 100%; } .sx-hero-r .sx-pulse { flex: 1 1 auto; width: auto; } }
@media (max-width: 700px) { .sx-hero-r { flex-direction: column; } .sx-hero-r .sx-hcard { max-width: none; } }
.sx-pulse { position: relative; } .sx-pulse > .mx-help-btn { position: absolute; top: 8px; right: 8px; margin: 0; width: 18px; height: 18px; font-size: 12px; line-height: 16px; }
.sx-pulse .sx-pu-h em { margin-right: 22px; }

/* ===================== большие окна раздела — досье (stats-modal.js, 09.10) =====================
   Окно ~92% экрана, на телефоне — весь экран. Шапка: название · главная цифра · бирка-вывод · факты. Внутри — .sx-g. */
html.sm-lock { overflow: hidden; }
.sm-ov { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 3vh 2vw; background: rgba(4, 6, 10, .76); backdrop-filter: blur(7px); opacity: 0; transition: opacity .18s; }
.sm-ov[hidden] { display: none; }
.sm-ov.on { opacity: 1; }
.sm-win { position: relative; width: 92vw; max-width: 1720px; height: 92vh; display: flex; flex-direction: column; border: 1px solid var(--sx-a-line); border-radius: 18px; overflow: hidden;
    background: radial-gradient(circle at 100% 0%, var(--sx-a-wash), transparent 38%), radial-gradient(circle at 0% 100%, var(--sx-b-wash), transparent 42%), var(--bg-color, #0b0b0f);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .6); transform: translateY(12px) scale(.99); transition: transform .2s; color: var(--text-color); font-family: var(--mx-f-ui, 'Onest', sans-serif); }
.sm-win::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--sx-heat); z-index: 3; }
.sm-ov.on .sm-win { transform: none; }
.sm-x { position: absolute; top: 16px; right: 18px; z-index: 4; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--mx-line-strong); background: var(--mx-surface); color: var(--text-color); cursor: pointer; font-size: 18px; }
.sm-x:hover { border-color: var(--sx-a); color: var(--sx-a); }
.sm-head { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 30px; padding: 20px 80px 16px 26px; border-bottom: 1px solid var(--mx-line); }
.sm-h-l { display: flex; align-items: center; gap: 14px; min-width: 0; }
.sm-ico { width: 52px; height: 52px; border-radius: 50%; flex: 0 0 52px; object-fit: cover; }
.sm-ico-t { display: grid; place-items: center; background: radial-gradient(circle at 30% 25%, rgba(255, 209, 102, .35), transparent 60%), linear-gradient(135deg, #ff8a3d, #b04be0); color: #fff; font: 700 15px var(--sx-f); letter-spacing: .02em; }
.sm-kick { display: flex; align-items: center; gap: 8px; font: 600 13px var(--sx-f); letter-spacing: .16em; text-transform: uppercase; color: var(--sx-a); }
.sm-kick .sx-led { width: 7px; height: 7px; }
.sm-h-t h2 { margin: 3px 0 0; font: 700 30px/1.05 var(--sx-f); letter-spacing: .01em; color: var(--text-color); white-space: nowrap; }
.sm-h-t h2 span { font-size: 17px; font-weight: 600; color: var(--text-secondary); }
.sm-h-main { display: flex; flex-direction: column; gap: 3px; }
.sm-h-main > b { font: 700 34px/1 var(--sx-f); color: var(--text-color); }
.sm-h-main small { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.sm-tag { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 18px 9px; border-radius: 12px; border: 1px solid var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); box-shadow: 0 0 22px color-mix(in srgb, var(--c) 30%, transparent); }
.sm-tag small { font: 600 12px var(--sx-f); letter-spacing: .16em; text-transform: uppercase; color: var(--text-secondary); }
.sm-tag b { font: 700 21px var(--sx-f); letter-spacing: .04em; text-transform: uppercase; color: var(--c); }
.sm-h-f { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.sm-h-f > div { display: flex; flex-direction: column; gap: 1px; min-width: 128px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--mx-line); background: rgba(255, 255, 255, .025); }
.sm-h-f small { font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.sm-h-f b { font: 700 19px var(--sx-f); color: var(--text-color); white-space: nowrap; }
.sm-h-f span { font: 500 13px var(--sx-f); color: var(--text-secondary); white-space: nowrap; }
.sm-body { flex: 1; overflow-y: auto; padding: 22px 26px 26px; overscroll-behavior: contain; }
.sm-body .sx-g { gap: 26px 18px; margin: 0; }
.sm-body .sx-g .strip-title { white-space: normal; }
.sm-body .strip-head { display: flex; align-items: center; gap: 10px; }
.sm-lg { margin-left: auto; font: 500 13px var(--sx-f); letter-spacing: .04em; color: var(--text-secondary); white-space: nowrap; }
.sm-load { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 40vh; font: 600 14px var(--sx-f); letter-spacing: .08em; color: var(--text-secondary); }
.sm-err { font-size: 14px; text-align: center; padding: 60px 20px; }
.sm-busy { opacity: .45; transition: opacity .2s; }
.sm-hid { display: none !important; }
.sm-win .up { color: var(--green, #4ade80); } .sm-win .down { color: var(--red, #f87171); }
.sm-win .hot { color: var(--sx-a); } .sm-win .cold { color: var(--sx-b); }
body.light .sm-win .up { color: #15803d; } body.light .sm-win .down { color: #b91c1c; }
body.light .sm-h-f > div { background: rgba(0, 0, 0, .025); }
.sm-note { margin-top: 6px; padding: 9px 12px; border-radius: 10px; border-left: 3px solid var(--sx-a); background: var(--sx-a-wash); font-size: 13px; line-height: 1.5; color: var(--text-color); }
.sm-note > i { color: var(--sx-a); margin-right: 4px; }
.sm-list { display: flex; flex-direction: column; }
.sm-win .sx-lv { grid-template-columns: 50px 62px minmax(0, 1fr) 86px; font-size: 13px; }
.sm-win .sx-lv small { line-height: 1.25; }
.sm-tbl td { font-size: 13.5px; }
.sm-tbl td b small, .sm-tbl td > small { display: block; }
.sm-win .sc-tbl td:first-child { width: auto; }
.sml-k { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 13.5px; color: var(--text-secondary); margin: 4px 0 6px; }
.sml-k i { display: inline-block; width: 12px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
.sml-k i.s { background: var(--green, #4ade80); } .sml-k i.l { background: var(--red, #f87171); }
.sml-k i.dash { height: 0; border-top: 2px dashed var(--text-secondary); border-radius: 0; vertical-align: 3px; }
.sml-k .sx-note { margin-left: auto; }
.sml-ex { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.sml-ex > div { display: grid; grid-template-columns: 80px minmax(0, 1fr) 130px; align-items: center; gap: 10px; font-size: 13px; }
.sml-ex > div > span:last-child { text-align: right; color: var(--text-secondary); }
.smm-bar, .smp-bar { position: relative; display: block; height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .05); overflow: hidden; }
body.light .smm-bar, body.light .smp-bar { background: rgba(0, 0, 0, .06); }
.smm-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; }
/* 01 фандинг на трёх биржах */
.smf-r { display: grid; grid-template-columns: 70px minmax(0, 1fr) 74px 74px 64px; align-items: center; gap: 10px; padding: 5px 0; font-size: 13px; }
.smf-r > b:first-child { font: 700 14px var(--sx-f); }
.smf-r > span, .smf-r > b:last-child { text-align: right; font: 700 13.5px var(--sx-f); }
.smf-h { padding: 0 0 2px; font: 600 12px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.smf-h > span:nth-child(2) { text-align: left; letter-spacing: .04em; text-transform: none; font-size: 13px; }
.smf-strip { display: grid; grid-template-columns: repeat(90, minmax(0, 1fr)); gap: 1px; height: 30px; }
.smf-strip i { display: block; border-radius: 1.5px; background: rgba(255, 255, 255, .04); }
body.light .smf-strip i { background: rgba(0, 0, 0, .05); }
.smf-strip i:hover { outline: 1px solid var(--text-color); }
.smf-none { grid-column: 2 / -1; font-size: 13.5px; color: var(--text-secondary); }
.smf-ax { display: grid; grid-template-columns: 70px minmax(0, 1fr) 232px; gap: 10px; font-size: 12.5px; color: var(--text-secondary); }
.smf-ax > div { display: flex; justify-content: space-between; }
.smf-k { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-secondary); margin: 6px 0 2px; }
.smf-k i { width: 26px; height: 9px; border-radius: 2px; } .smf-k i.c { background: rgba(76, 201, 240, .8); } .smf-k i.m { background: rgba(255, 255, 255, .08); } .smf-k i.h { background: rgba(255, 138, 61, .85); }
/* 02 после перегрева */
.sma-t td b { display: block; font: 700 13.5px var(--sx-f); }
.sma-t td:nth-child(n+2) { text-align: right; font-weight: 700; } .sma-t th:nth-child(n+2) { text-align: right; }
.sma-c { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px dashed var(--mx-line); font-size: 13px; }
.sma-c > span:first-child { color: var(--text-secondary); }
/* 04 магниты */
.smm-r { display: grid; grid-template-columns: 92px 56px minmax(0, 1fr) 76px; align-items: center; gap: 10px; padding: 5px 0; font-size: 13px; }
.smm-r > b:last-child { text-align: right; }
.smm-r.u small { color: var(--green, #4ade80); } .smm-r.d small { color: var(--red, #f87171); }
.smm-now { display: flex; align-items: center; gap: 10px; margin: 6px 0; padding: 7px 10px; border-radius: 9px; border: 1px dashed var(--sx-a-line); font: 600 13px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.smm-now b { margin-left: auto; font-size: 16px; letter-spacing: 0; color: var(--text-color); }
/* 08 киты */
.smw-h .sx-lbl i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin: 0 4px 0 8px; } .smw-h i.b, .smw-bar i.b { background: #4cc9f0; } .smw-h i.s, .smw-bar i.s { background: #ff8a3d; }
.smw-r { display: grid; grid-template-columns: 58px minmax(0, 1fr) 92px 56px; align-items: center; gap: 10px; padding: 4px 0; font-size: 13px; }
.smw-bar { display: flex; height: 14px; border-radius: 4px; overflow: hidden; } .smw-bar i { display: block; height: 100%; }
.smw-r > b { text-align: right; } .smw-r > small { text-align: right; color: var(--text-secondary); }
/* паспорт: доходность против BTC */
.smr-h, .smr-r { display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; align-items: center; gap: 10px; }
.smr-h { font-size: 13px; color: var(--text-secondary); } .smr-h > span:last-child { text-align: right; }
.smr-h i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin: 0 4px 0 8px; vertical-align: -1px; }
.smr-h i.me, .smr-bar i.me { background: var(--sx-a); } .smr-h i.rf, .smr-bar i.rf { background: var(--sx-b); }
.smr-r { padding: 7px 0; border-bottom: 1px solid var(--mx-line); } .smr-r > b:first-child { font: 600 13px var(--sx-f); } .smr-r > b:last-child { text-align: right; font: 700 14px var(--sx-f); }
.smr-bars { display: flex; flex-direction: column; gap: 3px; } .smr-bars small { font-size: 13px; color: var(--text-secondary); }
.smr-bar { position: relative; display: block; height: 8px; }
.smr-bar::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--mx-line-strong); }
.smr-bar i { position: absolute; top: 0; bottom: 0; border-radius: 3px; } .smr-bar i.p { left: 50%; } .smr-bar i.n { right: 50%; opacity: .75; }
/* паспорт: выпуск */
.sms-bar { display: flex; height: 18px; border-radius: 6px; overflow: hidden; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .06) 0 6px, transparent 6px 12px); border: 1px solid var(--mx-line); }
.sms-bar i { display: block; height: 100%; } .sms-bar i.c, .sms-l i.c { background: linear-gradient(90deg, #4cc9f0, #6d7bff); } .sms-bar i.t, .sms-l i.t { background: #b04be0; opacity: .75; }
.sms-l { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.sms-l > div { display: grid; grid-template-columns: 12px 120px auto; align-items: baseline; gap: 2px 8px; font-size: 13px; color: var(--text-secondary); }
.sms-l i { width: 10px; height: 10px; border-radius: 2px; align-self: center; } .sms-l i.m { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .3) 0 2px, transparent 2px 4px); border: 1px solid var(--mx-line-strong); }
.sms-l b { font: 700 15px var(--sx-f); color: var(--text-color); } .sms-l span { grid-column: 2 / -1; font-size: 13px; }
.sms-left { display: flex; flex-direction: column; gap: 2px; margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: var(--sx-a-wash); border: 1px solid var(--sx-a-line); }
.sms-left small { font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.sms-left b { font: 700 22px var(--sx-f); color: var(--sx-a); } .sms-left span { font-size: 13.5px; color: var(--text-secondary); } .sms-left span b { font-size: 13px; color: var(--text-color); }
/* паспорт: сектора */
.smc-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.smc-chip { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--mx-line); background: rgba(255, 255, 255, .025); transition: border-color .15s, transform .15s; }
.smc-chip b { font: 700 14px var(--sx-f); } .smc-chip span { font: 600 13px var(--sx-f); color: var(--text-secondary); } .smc-chip em { font: 600 13px var(--sx-f); font-style: normal; }
.smc-chip.off { opacity: .55; }
.smc-chip[data-m]:hover { border-color: var(--sx-a); transform: translateY(-1px); }
/* сектор: кто тянет, таблица */
.smp-r { display: grid; grid-template-columns: 22px 64px minmax(0, 1fr) 90px 60px; align-items: center; gap: 10px; padding: 5px 4px; border-radius: 7px; font-size: 13px; }
.smp-r img, .smt-c img { width: 20px; height: 20px; border-radius: 50%; }
.smp-r > b:nth-of-type(2), .smp-r > small { text-align: right; }
.smp-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; } .smp-bar i.up { background: var(--green, #4ade80); } .smp-bar i.down { background: var(--red, #f87171); }
.smp-r[data-m]:hover { background: var(--sx-a-wash); }
.smt-c { display: inline-flex; align-items: center; gap: 8px; } .smt-c small { color: var(--text-secondary); }
.smt-sh { display: inline-block; width: 70px; height: 6px; margin-right: 6px; border-radius: 3px; background: rgba(255, 255, 255, .06); vertical-align: middle; overflow: hidden; }
.smt-sh i { display: block; height: 100%; background: linear-gradient(90deg, #4cc9f0, #ff8a3d); }
/* низ окна: куда дальше */
.sm-foot { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--mx-line); }
.sm-go { display: grid; grid-template-columns: 22px 1fr; gap: 1px 10px; align-items: center; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--mx-line); background: var(--mx-surface); color: var(--text-color); text-decoration: none; text-align: left; cursor: pointer; font: inherit; transition: border-color .15s, transform .15s; }
.sm-go i { grid-row: span 2; color: var(--sx-a); font-size: 16px; } .sm-go b { font: 700 13.5px var(--sx-f); } .sm-go span { font-size: 13px; color: var(--text-secondary); }
.sm-go:hover { border-color: var(--sx-a); transform: translateY(-1px); }
.sm-go.main { border-color: var(--sx-a-line); background: linear-gradient(135deg, var(--sx-a-wash), transparent), var(--mx-surface); }
/* кликабельные места на страницах раздела: курсор-рука и лёгкая подсветка */
.sx-page [data-m] { cursor: pointer; }
.sx-page tr[data-m]:hover td { background: var(--sx-a-wash); }
.sx-page tr[data-m]:hover td:first-child b, .sx-page tr[data-m]:hover td:nth-child(2) b { color: var(--sx-a); }
.sx-page g[data-m]:hover circle { stroke-width: 3; filter: brightness(1.25); }
.sx-page div[data-m]:not(.smc-chip):not(.smp-r):hover { filter: brightness(1.18); }
@media (max-width: 1200px) { .sm-h-f { margin-left: 0; width: 100%; } }
@media (max-width: 700px) {
    .sm-ov { padding: 0; }
    .sm-win { width: 100vw; height: 100vh; height: 100dvh; max-width: none; border-radius: 0; border: 0; }
    .sm-head { gap: 10px 16px; padding: 14px 62px 12px 14px; }
    .sm-x { top: 10px; right: 10px; width: 40px; height: 40px; }
    .sm-ico { width: 40px; height: 40px; flex-basis: 40px; }
    .sm-h-t h2 { font-size: 24px; white-space: normal; } .sm-h-main > b { font-size: 26px; }
    .sm-tag { padding: 6px 12px; } .sm-tag b { font-size: 17px; }
    .sm-h-f { display: grid; grid-template-columns: 1fr 1fr; } .sm-h-f > div { min-width: 0; } .sm-h-f b { font-size: 16px; } .sm-h-f span { white-space: normal; }
    .sm-body { padding: 16px 14px 22px; }
    .sm-lg { display: none; }
    .smf-r { grid-template-columns: 58px minmax(0, 1fr) 60px 52px; } .smf-r > :nth-child(4) { display: none; } .smf-strip { height: 24px; }
    .smf-ax { grid-template-columns: 58px minmax(0, 1fr) 122px; }
    .sma-t th:nth-child(3), .sma-t td:nth-child(3), .sma-t th:nth-child(6), .sma-t td:nth-child(6) { display: none; }
    .sm-tbl { display: block; overflow-x: auto; }
    .sml-ex > div { grid-template-columns: 70px minmax(0, 1fr) 110px; }
    .sm-win .sx-lv { grid-template-columns: 44px 54px minmax(0, 1fr) 72px; }
    .smw-r { grid-template-columns: 50px minmax(0, 1fr) 80px; } .smw-r > small { display: none; }
    .smp-r { grid-template-columns: 20px 56px minmax(0, 1fr) 80px; } .smp-r > small { display: none; }
    .sm-foot { grid-template-columns: 1fr; }
}
.sm-h-f span b, .sm-h-main small b { font: inherit; font-weight: 700; }
.sm-win .sx-box { min-width: 0; }
.sm-head { gap: 12px 24px; } .sm-h-f > div { min-width: 0; padding: 7px 12px; }
@media (max-width: 700px) {
    .sm-win { display: block; overflow-y: auto; overscroll-behavior: contain; }
    .sm-body { overflow: visible; }
    .sm-x { position: fixed; background: rgba(12, 12, 16, .85); }
    .sm-h-f > div { padding: 6px 10px; } .sm-h-f small { font-size: 11px; letter-spacing: .06em; }
    .smf-h > span:nth-child(2) { visibility: hidden; }
    .sma-t { display: table; } .sma-t td, .sma-t th { padding: 7px 4px; } .sma-t td:first-child { white-space: normal; } .sma-t td b { font-size: 13.5px; } .sma-t td small { font-size: 12px; }
    .sma-c { grid-template-columns: 82px minmax(0, 1fr) auto; font-size: 13px; }
}

/* окно «Стейблкоин» и окно сети (stats-modal.js, 10.10) */
.smn-h, .smn-r { display: grid; grid-template-columns: 92px minmax(0, 1fr) 128px 54px; align-items: center; gap: 10px; }
.smn-h { font: 600 12px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); padding-bottom: 2px; }
.smn-h > span:nth-child(3), .smn-h > span:last-child { text-align: right; }
.smn-r { padding: 5px 4px; border-radius: 7px; font-size: 13px; }
.smn-r > b:first-child { font: 600 13px var(--sx-f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smn-r > span:nth-child(3) { text-align: right; color: var(--text-secondary); font-size: 13px; }
.smn-r > b:last-child { text-align: right; } .smn-r > b small { font-weight: 500; color: var(--text-secondary); }
.smn-r[data-m]:hover { background: var(--sx-a-wash); }
.smd-r { display: grid; grid-template-columns: 104px minmax(0, 1fr) 76px 64px; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px dashed var(--mx-line); font-size: 13px; }
.smd-r > span:first-child { display: flex; flex-direction: column; line-height: 1.25; } .smd-r small { color: var(--text-secondary); font-size: 12.5px; }
.smd-r > b { text-align: right; }
.smw-ok { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 26px 10px; text-align: center; }
.smw-ok i { font-size: 30px; color: var(--sx-b); } .smw-ok b { font: 700 16px var(--sx-f); } .smw-ok span { font-size: 13.5px; color: var(--text-secondary); }
.sma-ab { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sma-ab > div { display: flex; flex-direction: column; gap: 2px; padding: 9px 12px; border-radius: 9px; background: rgba(255, 255, 255, .03); }
body.light .sma-ab > div { background: rgba(0, 0, 0, .03); }
.sma-ab small { font: 600 12px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.sma-ab b { font: 600 13.5px var(--sx-f); } .sma-ab a { color: var(--sx-b); text-decoration: none; } .sma-ab a:hover { text-decoration: underline; } .sma-ab a i { font-size: 11.5px; }
@media (max-width: 700px) { .smn-h, .smn-r { grid-template-columns: 80px minmax(0, 1fr) 104px 46px; } .smd-r { grid-template-columns: 90px minmax(0, 1fr) 64px 56px; } .sma-ab { grid-template-columns: 1fr; } }
.sm-win .sx-facts { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .sm-win .sx-facts b { white-space: nowrap; }
.sm-win .sc-live-r { grid-template-columns: 22px 92px minmax(0, 1fr) auto; }
@media (max-width: 700px) { .sm-win .sx-facts { grid-template-columns: 1fr 1fr; } .sm-win .sc-live-r { grid-template-columns: 20px 80px minmax(0, 1fr) auto; } }

/* окна 4–9 (stats-modal.js, 10.10): ETF, каскад/минута/кит, экспирация, DVOL, блок, TVL, пул */
.smr-bar i.up-b { background: var(--green, #4ade80); } .smr-bar i.down-b { background: var(--red, #f87171); }
.sme-m { display: grid; grid-template-columns: 64px minmax(0, 1fr) 96px; align-items: center; gap: 10px; padding: 5px 4px; border-radius: 7px; font-size: 13px; }
.sme-m > span:first-child, .sme-m > b:first-child { font: 600 13px var(--sx-f); } .sme-m > b:last-child { text-align: right; }
.sme-m .smr-bar { height: 12px; } .sme-m[data-m]:hover { background: var(--sx-a-wash); }
.smk-r { display: grid; grid-template-columns: 64px minmax(0, 1fr) 76px; align-items: center; gap: 10px; padding: 4px 4px; border-radius: 7px; font-size: 13px; }
.smk-r > b:first-child { font: 600 13px var(--sx-f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .smk-r > b:last-child { text-align: right; }
.smk-r[data-m]:hover { background: var(--sx-a-wash); }
.smk-bar { display: flex; height: 12px; border-radius: 4px; overflow: hidden; } .smk-bar i { display: block; height: 100%; } .smk-bar i.l { background: var(--red, #f87171); } .smk-bar i.s { background: var(--green, #4ade80); }
.smk-a { display: grid; grid-template-columns: minmax(0, 1fr) auto 104px; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--mx-line); font-size: 13.5px; }
.smk-a > span:first-child { color: var(--text-secondary); display: flex; flex-direction: column; } .smk-a > span small { font-size: 12.5px; }
.smk-a > b { text-align: right; font: 700 14px var(--sx-f); }
.smk-a .smr-bar { width: 100%; min-width: 80px; }
.smo-b { display: grid; grid-template-columns: 110px minmax(0, 1fr) 110px; align-items: center; gap: 10px; font-size: 13.5px; color: var(--text-secondary); margin: 4px 0 2px; }
.smo-b > span:last-child { text-align: right; } .smo-b b { color: var(--text-color); }
.smo-w { display: inline-block; width: 90px; height: 7px; margin-right: 6px; border-radius: 3px; background: rgba(255, 255, 255, .05); vertical-align: middle; overflow: hidden; }
.smo-w i { display: block; height: 100%; } .smo-w i.c { background: var(--green, #4ade80); } .smo-w i.p { background: var(--red, #f87171); }
.smo-t tr.smo-mp td { background: var(--sx-a-wash); } .smo-t tr.smo-atm td { background: var(--sx-b-wash); }
.smo-t td small { display: inline !important; }
.smd-th { position: relative; height: 14px; margin: 8px 0 4px; border-radius: 7px; background: var(--sx-heat); }
.smd-th i { position: absolute; top: -5px; width: 4px; height: 24px; margin-left: -2px; border-radius: 2px; background: var(--text-color); box-shadow: 0 0 0 2px var(--bg-color, #0b0b0f); }
.smd-two { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 22px; }
.smb-r { display: grid; grid-template-columns: 112px minmax(0, 1fr) 76px 48px; align-items: center; gap: 10px; padding: 5px 4px; border-radius: 7px; font-size: 13px; }
.smb-r small { color: var(--text-secondary); font-size: 12.5px; } .smb-r > b:last-child { text-align: right; } .smb-r > span:nth-child(3) { text-align: right; color: var(--text-secondary); }
.smb-r[data-m]:hover { background: var(--sx-a-wash); }
.smb-tx { display: grid; grid-template-columns: 130px auto minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 7px 4px; border-bottom: 1px solid var(--mx-line); color: inherit; text-decoration: none; font-size: 13px; }
.smb-tx:hover { background: var(--sx-a-wash); } .smb-tx code { font-size: 13px; color: var(--sx-b); } .smb-tx small { text-align: right; color: var(--text-secondary); }
.smb-pl { display: flex; flex-direction: column; gap: 3px; padding: 14px; border-radius: 10px; border: 1px solid var(--sx-a-line); background: var(--sx-a-wash); margin-bottom: 6px; }
.smb-pl b { font: 700 20px var(--sx-f); color: var(--sx-a); } .smb-pl span { font-size: 13.5px; color: var(--text-secondary); }
.smb-pl:hover { border-color: var(--sx-a); }
.sx-page .sm-go[data-m] { cursor: pointer; }
@media (max-width: 900px) { .smd-two { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
    .sme-m { grid-template-columns: 54px minmax(0, 1fr) 86px; } .smk-a { grid-template-columns: minmax(0, 1fr) auto 90px; }
    .smo-b { grid-template-columns: 86px minmax(0, 1fr) 86px; } .smo-w { width: 50px; }
    .smb-r { grid-template-columns: 96px minmax(0, 1fr) 44px; } .smb-r > span:nth-child(3) { display: none; }
    .smb-tx { grid-template-columns: 110px auto; } .smb-tx small { grid-column: 1 / -1; text-align: left; }
}
.sm-two { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
@media (max-width: 800px) { .sm-two { grid-template-columns: 1fr; } }
.smk-c { grid-template-columns: 150px minmax(0, 1fr) 56px; } .smk-c .smr-bar { height: 12px; }
@media (max-width: 700px) { .smk-c { grid-template-columns: 110px minmax(0, 1fr) 46px; } }
@media (max-width: 700px) { .smo-t { display: table; } .smo-t th:nth-child(5), .smo-t td:nth-child(5) { display: none; } .smo-t td, .smo-t th { padding: 7px 4px; } .smo-t td small { display: block !important; } .smo-t .smo-w { width: 100%; max-width: 70px; } }

/* 13.10.2026: свой фон «Тепловизора» вместо голубого+оранжевого поверх общего золотого сияния (муть).
   Одна гамма: холодный тёмно-синий + «лёд» сверху слева + «угли» снизу справа. Только страницы Статистики
   (ind/ai/cm/ch — свои фоны в своих файлах), только стандартная тема. */
body.sx-page:not(.ind-page):not(.ai-page):not(.cm-page):not(.ch-page):not(.light):not(.mx-black) { --bg-color: #070910; --bg-gradient: none; background: #070910; }
body.sx-page:not(.ind-page):not(.ai-page):not(.cm-page):not(.ch-page):not(.light)::before {
    background: radial-gradient(55% 45% at 6% 0%, rgba(76, 201, 240, .13), transparent 70%), radial-gradient(45% 40% at 50% 55%, rgba(155, 123, 255, .05), transparent 70%), radial-gradient(50% 50% at 100% 100%, rgba(255, 138, 61, .11), transparent 70%); }
body.sx-page:not(.ind-page):not(.ai-page):not(.cm-page):not(.ch-page) .mx-aurora::before { background: radial-gradient(closest-side, rgba(76, 201, 240, .11), transparent); }
body.sx-page:not(.ind-page):not(.ai-page):not(.cm-page):not(.ch-page) .mx-aurora::after { background: radial-gradient(closest-side, rgba(255, 138, 61, .10), transparent); }
body.sx-page:not(.ind-page):not(.ai-page):not(.cm-page):not(.ch-page):not(.light) .sx-card { background: linear-gradient(180deg, rgba(76, 201, 240, .035), transparent 40%), rgba(230, 240, 255, .028); border-color: rgba(140, 190, 255, .12); }