.chart-nav{margin-bottom:40px}.chart-hero{gap:28px;display:grid}.chart-hero-text{gap:16px;max-width:52rem;display:grid}@media (min-width:1024px){.chart-hero{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:48px}}.chart-glance{border-top:1px solid var(--web-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0 0;display:grid}.chart-glance dt{color:var(--web-ink-muted)}.chart-glance dd{color:var(--web-ink);margin-top:4px;display:grid}.chart-glance-note{color:var(--web-ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:1024px){.chart-glance{border:1px solid var(--web-rule);border-radius:var(--web-radius-lg);background:var(--web-card);grid-template-columns:1fr;gap:0;padding:4px 20px}.chart-glance>div{justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;display:flex}.chart-glance>div+div{border-top:1px solid var(--web-rule)}.chart-glance dd{text-align:right;justify-items:end;margin-top:0}.chart-glance-note{max-width:140px}}.chart-kicker{color:var(--web-ink-muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-mark{border-radius:var(--web-radius-sm);background:var(--tone-accent-soft);width:28px;height:28px;color:var(--tone-accent);flex:none;place-items:center;display:inline-grid}.chart-mark svg{width:16px;height:16px}.chart-kicker-name{color:var(--web-ink)}.chart-live{align-items:center;gap:6px;display:inline-flex}.chart-live:before{content:"";background:var(--tone-emerald);width:7px;height:7px;box-shadow:0 0 0 3px var(--tone-emerald-soft);border-radius:999px}.chart-summary{max-width:46rem;color:var(--web-ink-soft)}.chart-summary strong{color:var(--web-ink)}.chart-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.chart-picker-button{border:1px solid var(--web-rule-strong);background:var(--web-surface);height:36px;color:var(--web-ink);cursor:pointer;transition:border-color var(--web-motion-fast) var(--web-ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chart-picker-button:hover{border-color:var(--web-ink-faint)}.chart-picker-button:focus-visible{outline:2px solid var(--web-focus);outline-offset:2px}.chart-picker-button svg{width:14px;height:14px;color:var(--web-ink-muted)}.chart-picker-panel{border:1px solid var(--web-rule);border-radius:var(--web-radius-xl);background:var(--web-surface);width:min(960px,100vw - 32px);height:fit-content;max-height:min(720px,100dvh - 64px);color:var(--web-ink);box-shadow:var(--web-shadow-lift-strong);margin:auto;padding:0;inset:0;overflow:auto}.chart-picker-panel::backdrop{background:color-mix(in oklch, var(--web-ink) 24%, transparent)}.chart-picker-head{z-index:1;border-bottom:1px solid var(--web-rule);background:var(--web-surface);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;position:sticky;top:0}.chart-picker-close{background:var(--web-fill);width:32px;height:32px;color:var(--web-ink);cursor:pointer;border:0;border-radius:999px;place-items:center;display:inline-grid}.chart-picker-close svg{width:14px;height:14px}.chart-picker-body{gap:28px;padding:24px;display:grid}@media (min-width:640px){.chart-picker-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.chart-picker-body{grid-template-columns:repeat(3,minmax(0,1fr))}}.chart-picker-all{grid-column:1/-1}.chart-link-list{gap:6px;margin-top:10px;display:grid}.chart-link-list a{color:var(--web-ink-soft);text-decoration:none}.chart-link-list a:hover,.chart-link-list a[aria-current]{color:var(--web-ink);text-underline-offset:4px;text-decoration:underline}.chart-board{gap:20px;margin-top:48px;display:grid}.chart-board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;display:flex}.chart-board-rule{max-width:44rem;color:var(--web-ink-muted)}.chart-note{max-width:52rem;color:var(--web-ink-muted);align-items:baseline;gap:10px;display:flex}.chart-est{border-radius:var(--web-radius-sm);background:var(--tone-amber-soft);color:var(--web-ink);flex:none;padding:1px 6px}.chart-podium{gap:12px;display:grid}@media (min-width:768px){.chart-podium{grid-template-columns:repeat(3,minmax(0,1fr))}}.chart-podium-card{border:1px solid var(--web-rule);border-radius:var(--web-radius-lg);background:var(--web-card);transition:border-color var(--web-motion-fast) var(--web-ease), box-shadow var(--web-motion-fast) var(--web-ease);grid-template-columns:24px 40px minmax(0,1fr) auto;grid-template-areas:"rank logo text move"".figure figure figure";align-content:start;align-items:center;gap:10px 12px;padding:16px;display:grid;position:relative}.chart-podium-card:hover{border-color:var(--web-rule-strong);box-shadow:var(--web-shadow-lift)}.chart-podium-card:has(a:focus-visible){outline:2px solid var(--web-focus);outline-offset:2px}.chart-podium-card[data-rank="1"]{border-color:color-mix(in oklch, var(--tone-accent) 40%, var(--web-rule));background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklch, var(--tone-accent-soft) 85%, transparent), transparent 60%), var(--web-card)}.chart-podium-rank{color:var(--web-ink);grid-area:rank}.chart-podium-move{grid-area:move}.chart-podium-logo{grid-area:logo;display:flex}.chart-podium-logo img{width:40px;height:40px}.chart-podium-text{grid-area:text}@media (min-width:768px){.chart-podium-card{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"rank rank move""logo text text""figure figure figure";gap:14px 16px;padding:20px}.chart-podium-logo img{width:48px;height:48px}}.chart-podium-name{color:var(--web-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.chart-podium-name:after{content:"";border-radius:inherit;position:absolute;inset:0}.chart-podium-name:focus-visible{outline:none}.chart-podium-figure{flex-wrap:wrap;grid-area:figure;align-items:baseline;gap:2px 10px;display:flex}@media (min-width:768px){.chart-podium-figure{border-top:1px solid var(--web-rule);gap:2px;padding-top:14px;display:grid}}.chart-podium-value{color:var(--web-ink)}.chart-move{width:fit-content;color:var(--web-ink-muted);white-space:nowrap;border-radius:999px;padding:2px 7px}.chart-move[data-kind=up]{background:var(--tone-emerald-soft);color:var(--web-ink)}.chart-move[data-kind=down]{background:var(--tone-rose-soft);color:var(--web-ink)}.chart-move[data-kind=new],.chart-move[data-kind=re_entry]{background:var(--tone-violet-soft);color:var(--web-ink)}.chart-move[data-kind=coverage]{background:var(--web-fill)}.chart-columns,.chart-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;display:grid}.chart-columns{border-bottom:1px solid var(--web-rule-strong);color:var(--web-ink-muted);padding:0 12px 10px;display:none}.chart-row{border-bottom:1px solid var(--web-rule);transition:background-color var(--web-motion-fast) var(--web-ease);row-gap:6px;padding:14px 12px;position:relative}.chart-row:hover{background:var(--web-surface-soft)}.chart-row:has(a:focus-visible){outline:2px solid var(--web-focus);outline-offset:-2px}.chart-row-rank{color:var(--web-ink);text-align:center}.chart-app{align-items:center;gap:12px;min-width:0;display:flex}.chart-app-text{min-width:0;display:grid}.chart-app-name{color:var(--web-ink);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.chart-app-name:after{content:"";position:absolute;inset:0}.chart-app-name:focus-visible{outline:none}.chart-app-category{color:var(--web-ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart-value{color:var(--web-ink);white-space:nowrap;justify-items:end;gap:6px;display:grid}.chart-bar{background:var(--web-fill);border-radius:999px;width:100%;height:4px;display:none;overflow:hidden}.chart-bar>span{border-radius:inherit;background:var(--tone-accent);height:100%;display:block}.chart-row-meta{color:var(--web-ink-muted);flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:6px 12px;display:flex}.chart-row-stores,.chart-row-weeks{color:var(--web-ink-muted)}@media (min-width:768px){.chart-columns,.chart-row{grid-template-columns:40px 88px minmax(0,1fr) 168px 128px 132px;column-gap:16px}.chart-columns{display:grid}.chart-row-meta{display:contents}.chart-row-meta>.chart-move{grid-area:1/2}.chart-app{grid-area:1/3}.chart-value{grid-area:1/4;justify-items:start}.chart-row-stores{grid-area:1/5}.chart-row-weeks{grid-area:1/6}.chart-bar{max-width:132px;display:block}}.chart-sections{gap:64px;margin-top:72px;display:grid}.chart-panel{border:1px solid var(--web-rule);border-radius:var(--web-radius-lg);background:var(--web-card)}.chart-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:flex}.chart-panel>summary::-webkit-details-marker{display:none}.chart-panel>summary svg,.chart-faq summary svg{width:16px;height:16px;color:var(--web-ink-muted);transition:transform var(--web-motion-base) var(--web-ease);flex:none}.chart-panel[open]>summary svg,.chart-faq details[open] summary svg{transform:rotate(45deg)}.chart-panel-body{padding:0 20px 20px}.chart-firstparty{margin-top:12px;display:grid}.chart-firstparty li{border-top:1px solid var(--web-rule);align-items:center;gap:12px;padding:10px 0;display:flex}.chart-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;display:flex}.chart-method{gap:24px;display:grid}@media (min-width:640px){.chart-method{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.chart-method{grid-template-columns:repeat(4,minmax(0,1fr))}}.chart-method-item{border-top:2px solid var(--web-ink);align-content:start;gap:8px;padding-top:16px;display:grid}.chart-faq{border-top:1px solid var(--web-rule)}.chart-faq details{border-bottom:1px solid var(--web-rule)}.chart-faq summary{color:var(--web-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;list-style:none;display:flex}.chart-faq summary::-webkit-details-marker{display:none}.chart-faq details>p{max-width:48rem;color:var(--web-ink-muted);padding-bottom:18px}.chart-categories{gap:28px;display:grid}@media (min-width:640px){.chart-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.chart-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}.chart-empty{border:1px dashed var(--web-rule-strong);border-radius:var(--web-radius-lg);gap:10px;padding:32px;display:grid}.chart-empty p{max-width:44rem;color:var(--web-ink-muted)}@media (prefers-reduced-motion:reduce){.chart-panel>summary svg,.chart-faq summary svg{transition:none}}
