:root{--ink:#f4f1e9;--muted:#aeb3bc;--paper:#08090b;--green:#78b820;--gold:#d6b76a;--red:#ff3737;--panel:#13161a;--line:rgba(255,255,255,.12)}.view-chart-page{background:var(--paper);color:var(--ink)}.chart-hero{padding:78px 5vw 40px;background:radial-gradient(circle at 88% 18%,rgba(255,55,55,.09),transparent 24rem),linear-gradient(145deg,#15181d,#0b0c0f);color:var(--ink);border-bottom:3px solid var(--red)}.chart-hero__top{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.chart-hero .breadcrumbs a,.chart-hero .breadcrumbs span{color:#aeb3bc}.chart-kicker{text-transform:uppercase;letter-spacing:.14em;font:900 12px/1.2 Arial,sans-serif;color:var(--gold);margin:0 0 14px}.chart-hero h1{font:900 clamp(48px,7.5vw,104px)/.88 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em;margin:25px 0 0}.chart-hero h1 em{font-style:normal;color:var(--red)}.chart-hero__note{min-width:210px;border-top:1px solid rgba(255,255,255,.28);padding-top:18px}.chart-hero__note span,.chart-hero__note small{display:block;color:#aeb3bc;font:800 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.chart-hero__note strong{display:block;font:900 36px Arial,sans-serif;margin:8px 0}.chart-shell{max-width:1280px;margin:auto;padding:54px 5vw 90px}.chart-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.chart-toolbar h2,.ranking h2{font:900 clamp(30px,4vw,48px)/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em;margin:0}.chart-toolbar p:not(.chart-kicker){color:var(--muted);margin:10px 0 0}.range-picker{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.range-picker button{border:1px solid rgba(214,183,106,.3);background:#101216;border-radius:99px;padding:10px 14px;color:#e9e9ec;font:800 12px Arial,sans-serif;cursor:pointer}.range-picker button:hover{border-color:var(--gold)}.range-picker button[aria-pressed=true]{background:var(--gold);color:#08090b;border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,183,106,.13)}.chart-stage{height:460px;margin-top:40px;position:relative;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding-left:54px;overflow:hidden}.chart-scroll{height:100%;overflow:hidden}.chart-stage svg{width:100%;height:100%;overflow:visible}.chart-y-axis{position:absolute;left:0;top:0;bottom:0;width:48px}.axis-label{position:absolute;right:8px;transform:translateY(50%);font:11px Arial,sans-serif;color:#858c96}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;background:#090b0d;color:#f4f1e9;padding:10px 12px;border:1px solid rgba(214,183,106,.35);box-shadow:0 8px 30px rgba(0,0,0,.45);font:12px/1.45 Arial,sans-serif}.chart-tooltip strong{display:block;font-size:14px}.channel-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.legend-button{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#101216;padding:9px 12px;color:var(--ink);font:800 12px Arial,sans-serif;cursor:pointer}.legend-button[aria-pressed=false]{opacity:.35}.legend-dot{width:9px;height:9px;border-radius:50%}.data-note{color:var(--muted);font:12px/1.5 Arial,sans-serif}.ranking{margin-top:70px;padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#171a1f,#0e1013)}.ranking>header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px}.ranking>header span{font:700 13px Arial,sans-serif;color:var(--muted)}.ranking-row{display:grid;grid-template-columns:48px minmax(170px,1fr) minmax(160px,2fr) 120px 100px;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font:13px Arial,sans-serif}.ranking-row__rank{font:900 22px Arial,sans-serif;color:var(--gold)}.ranking-row strong{font-size:16px}.ranking-bar{height:6px;background:#282c31}.ranking-bar i{display:block;height:100%;background:var(--bar);width:var(--width)}.ranking-row__views{text-align:right;font-weight:800}.ranking-row__videos{text-align:right;color:var(--muted)}@media(max-width:760px){.chart-hero{padding-top:52px}.chart-hero__top,.chart-toolbar{display:block}.chart-hero__note{margin-top:36px}.range-picker{justify-content:flex-start;margin-top:25px}.chart-stage{height:360px;padding-left:42px}.ranking-row{grid-template-columns:36px 1fr 92px}.ranking-bar,.ranking-row__videos{display:none}.chart-shell{padding-left:20px;padding-right:20px}}