.ktChartsPage{max-width:1100px;padding-top:20px;padding-bottom:50px}.ktChartsHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 38%),var(--surface);box-shadow:var(--shadow-soft)}.ktChartsHero h1{margin:7px 0;font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.055em}.ktChartsHero p{max-width:700px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.ktChartPeriodNote{display:inline-flex;margin-top:13px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:850}.ktChartHeroMark{display:grid;min-width:125px;justify-items:center;gap:5px;padding:19px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.ktChartHeroMark strong{color:var(--brand);font:800 38px/1 Manrope,Inter,sans-serif}.ktChartHeroMark span{color:var(--muted);font-size:9px}.ktChartTabs{display:flex;gap:8px;overflow-x:auto;margin:15px 0 0;padding:4px 1px 8px;scrollbar-width:thin}.ktChartTabs a,.ktChartPeriods a{flex:0 0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:850;text-decoration:none}.ktChartTabs a.active,.ktChartPeriods a.active{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--brand);color:#fff}.ktChartTools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 13px}.ktChartPeriods{display:flex;gap:7px}.ktChartPeriods a{padding:8px 11px;background:var(--surface-2);font-size:9px}.ktChartTools form{display:flex;align-items:center;gap:8px}.ktChartTools label{color:var(--muted);font-size:9px;font-weight:850}.ktChartTools select{min-height:37px;min-width:155px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:10px}.ktChartList{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.ktChartRow{display:grid;grid-template-columns:38px 54px minmax(0,1fr) minmax(88px,.6fr) 130px 68px 38px;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}.ktChartRow:first-child{border-top:0}.ktChartRank{color:var(--muted);font:800 16px/1 Manrope,Inter,sans-serif;text-align:center}.ktChartRank.top{color:var(--brand)}.ktChartCover{display:block;width:54px;height:54px;overflow:hidden;border-radius:10px;background:var(--surface-2)}.ktChartCover img{width:100%;height:100%;object-fit:cover}.ktChartTrack{display:grid;min-width:0;gap:3px}.ktChartTrack>a{overflow:hidden;color:var(--text);text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.ktChartTrack>a:hover{color:var(--brand)}.ktChartTrack strong{font-size:11px}.ktChartTrack>span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ktChartTrack>small{overflow:hidden;color:var(--brand);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ktChartMetric{display:grid;justify-items:end;gap:3px}.ktChartMetric strong{font:800 15px/1 Manrope,Inter,sans-serif}.ktChartMetric span,.ktChartSecondary span{color:var(--muted);font-size:8px}.ktChartSecondary{display:grid;justify-items:end;gap:4px}.ktChartMovement{font-size:9px;font-weight:900;text-align:center}.ktChartMovement.up{color:#15966b}.ktChartMovement.down{color:#da5367}.ktChartMovement.flat{color:var(--muted)}.ktChartPlay{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--brand);color:#fff;cursor:pointer;box-shadow:0 6px 15px color-mix(in srgb,var(--brand) 24%,transparent)}.ktChartPlay .playGlyph{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.ktChartNote{margin:9px 3px 0;color:var(--muted);font-size:9px;line-height:1.6}.ktChartEmpty{display:grid;justify-items:center;gap:9px;margin-top:14px;padding:42px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:center}.ktChartEmpty h2{margin:0;font-size:24px}.ktChartEmpty p{max-width:460px;margin:0 0 7px;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:800px){.ktChartRow{grid-template-columns:30px 48px minmax(0,1fr) 85px 36px;gap:9px;padding:10px}.ktChartCover{width:48px;height:48px}.ktChartSecondary{grid-column:3;grid-row:2;display:flex;justify-items:start;gap:10px}.ktChartMovement{grid-column:4;grid-row:1 / span 2}.ktChartPlay{grid-column:5;grid-row:1 / span 2}.ktChartMetric{grid-column:4;grid-row:1;justify-self:end}.ktChartRow .ktChartSecondary{grid-column:3;grid-row:2}.ktChartRank{grid-row:1 / span 2}.ktChartCover{grid-row:1 / span 2}}
@media(max-width:560px){.ktChartsPage{padding-top:12px}.ktChartsHero{align-items:flex-start;gap:12px;padding:18px;border-radius:18px}.ktChartsHero h1{font-size:38px}.ktChartsHero p{font-size:10px}.ktChartHeroMark{min-width:70px;padding:11px}.ktChartHeroMark strong{font-size:27px}.ktChartHeroMark span{font-size:7px;text-align:center}.ktChartTabs{margin-top:10px}.ktChartTabs a{padding:9px 11px;font-size:9px}.ktChartTools{align-items:stretch;flex-direction:column}.ktChartTools form{justify-content:space-between}.ktChartTools select{flex:1}.ktChartRow{grid-template-columns:24px 42px minmax(0,1fr) 35px;gap:8px;padding:9px 7px}.ktChartCover{width:42px;height:42px;border-radius:8px}.ktChartTrack strong{font-size:10px}.ktChartTrack>span{font-size:8px}.ktChartTrack>small{font-size:7px}.ktChartMetric{grid-column:3;grid-row:2;justify-self:start;display:flex;align-items:center;gap:5px}.ktChartMetric strong{font-size:11px}.ktChartMetric span{font-size:7px}.ktChartSecondary{grid-column:3;grid-row:3;gap:7px}.ktChartSecondary span{font-size:7px}.ktChartMovement{grid-column:4;grid-row:1;align-self:center;font-size:8px}.ktChartPlay{grid-column:4;grid-row:2 / span 2;width:32px;height:32px}.ktChartNote{font-size:8px}.ktChartList{border-radius:14px}}
@media(max-width:800px){.ktChartRow{grid-template-columns:30px 48px minmax(0,1fr) 78px 78px 36px}.ktChartMetric{grid-column:4;grid-row:1 / span 2;justify-self:end}.ktChartSecondary{grid-column:3;grid-row:2;display:flex;justify-items:start;gap:10px}.ktChartMovement{grid-column:5;grid-row:1 / span 2}.ktChartPlay{grid-column:6;grid-row:1 / span 2}}
@media(max-width:560px){.ktChartRow{grid-template-columns:24px 42px minmax(0,1fr) 35px}.ktChartMetric{grid-column:3;grid-row:2;justify-self:start;display:flex;align-items:center;gap:5px}.ktChartSecondary{grid-column:3;grid-row:3;gap:7px}.ktChartMovement{grid-column:4;grid-row:1;align-self:center}.ktChartPlay{grid-column:4;grid-row:2 / span 2;width:32px;height:32px}}