.profile-chip{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}.profile-chip-loading{width:14rem}.profile-chip-who{display:flex;align-items:center;gap:.5rem;min-width:0;color:hsl(var(--foreground));text-decoration:none}.profile-chip-who img{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;object-fit:cover}.profile-chip-who>span{display:grid;line-height:1.2}.profile-chip-name{font-size:.8125rem;font-weight:700}.profile-chip-who:hover .profile-chip-name{text-decoration:underline;text-underline-offset:2px}.profile-chip-followers{color:hsl(var(--muted-foreground));font-size:.6875rem}.profile-chip-follow{display:inline-flex;align-items:center;min-height:2rem;padding:0 .875rem;border-radius:999px;background:hsl(var(--foreground));color:hsl(var(--background));font-size:.75rem;font-weight:700;text-decoration:none;transition:opacity .15s ease}.profile-chip-follow:hover{opacity:.85}.chart{--ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;display:grid;gap:1rem}.chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.chart-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chart-segment{display:inline-flex;align-items:stretch;padding:2px;border:1px solid hsl(var(--border));border-radius:999px}.chart-segment button{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .75rem;border-radius:999px;color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:500;white-space:nowrap;-webkit-tap-highlight-color:transparent}.chart-segment button:hover{color:hsl(var(--foreground))}.chart-segment button[aria-pressed=true]{background:hsl(var(--foreground));color:hsl(var(--background))}.chart-divider{width:1px;margin:.4rem .25rem;background:hsl(var(--border))}.chart-views button{width:2.25rem;padding:0}@media(max-width:639px){.chart-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kind kind" "period views"}.chart-filters{display:contents}.chart-kind{grid-area:kind}.chart-period{grid-area:period}.chart-views{grid-area:views}.chart-kind button,.chart-period button{flex:1 1 0;padding:0 .5rem}.chart-top-word{display:none}.chart-kind button{text-transform:capitalize}}.chart-message{padding:4rem 0;color:hsl(var(--muted-foreground));font-size:.9rem;text-align:center}.chart-list{font-family:var(--ui-font);-webkit-font-smoothing:antialiased}.chart-row a{display:grid;grid-template-columns:2.75rem 3.5rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.625rem .5rem .625rem 0;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));text-decoration:none;transition:background-color .15s ease}.chart-row a:hover{background:hsl(var(--accent) / .6)}.chart-rank{font-size:1.625rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center}.chart-row img,.chart-thumb-blank{width:100%;aspect-ratio:1;border-radius:4px;object-fit:cover;background:hsl(var(--muted))}.chart-row-round img,.chart-row-round .chart-thumb-blank{border-radius:999px}.chart-text{display:grid;min-width:0}.chart-title,.chart-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.chart-artist{color:hsl(var(--muted-foreground));font-size:.875rem}.chart-meta{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.chart-row-top a{grid-template-columns:2.75rem 6.5rem minmax(0,1fr) auto;padding-block:1rem}.chart-row-top .chart-rank{font-size:2.75rem}.chart-row-top .chart-title{font-size:1.375rem;letter-spacing:-.02em}.chart-row-top .chart-artist{font-size:1rem}.chart-list-compact .chart-row a{grid-template-columns:1.75rem 2.25rem minmax(0,1fr) auto;gap:.625rem;padding-block:.25rem}.chart-list-compact .chart-rank{font-size:1rem}.chart-list-compact .chart-title{font-size:.875rem}.chart-list-compact .chart-artist{font-size:.75rem}.chart-list-compact .chart-meta{font-size:.6875rem}@media(min-width:768px){.chart-list-compact{columns:2;column-gap:2rem}.chart-list-compact .chart-row{break-inside:avoid}}@media(min-width:1024px){.chart-list-compact{columns:3}}@media(max-width:480px){.chart-row a{grid-template-columns:2.25rem 3rem minmax(0,1fr) auto;gap:.75rem}.chart-row-top a{grid-template-columns:2.25rem 4.5rem minmax(0,1fr) auto}.chart-rank{font-size:1.375rem}.chart-row-top .chart-rank{font-size:2.25rem}.chart-row-top .chart-title{font-size:1.125rem}.chart-meta{font-size:.6875rem}}.coverflow-stage{--cover: clamp(150px, 40vw, 300px);--cover-shadow: 0 .75rem 1.75rem rgb(40 30 20 / .16), 0 .125rem .375rem rgb(40 30 20 / .1);--reflection: rgb(0 0 0 / .22);position:relative;height:calc(var(--cover) * 1.5);overflow:hidden;perspective:calc(var(--cover) * 4);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent}.dark .coverflow-stage{--cover-shadow: 0 1rem 2.25rem rgb(0 0 0 / .55);--reflection: rgb(0 0 0 / .34)}.coverflow-stage:active{cursor:grabbing}.coverflow-item{position:absolute;top:calc(var(--cover) * .06);left:50%;width:var(--cover);height:var(--cover);transition:transform .48s cubic-bezier(.2,.8,.2,1);will-change:transform;cursor:pointer}.coverflow-item img,.coverflow-blank{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px;box-shadow:var(--cover-shadow);-webkit-user-drag:none}.coverflow-blank{display:grid;place-items:center;padding:1rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.875rem;text-align:center}.coverflow-item .coverflow-reflection{position:absolute;top:calc(100% + 2px);left:0;transform:scaleY(-1);box-shadow:none;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 55%,var(--reflection));mask-image:linear-gradient(to bottom,transparent 55%,var(--reflection))}.coverflow-caption{min-height:2.75rem;margin-bottom:-.75rem;font-family:var(--ui-font);text-align:center;-webkit-font-smoothing:antialiased}.coverflow-title,.coverflow-artist{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.coverflow-title{font-size:.9375rem;font-weight:700;line-height:1.25;letter-spacing:-.015em}.coverflow-artist{margin-top:.125rem;color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:400}.chart-fullscreen{position:fixed;inset:0;z-index:10000;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:hsl(var(--background))}.chart-menu{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:1}.chart-menu-button{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .875rem;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background) / .85);color:hsl(var(--foreground));font-family:var(--ui-font);font-size:.75rem;font-weight:600;-webkit-tap-highlight-color:transparent}.chart-menu-panel{position:absolute;top:calc(100% + .375rem);right:0;padding:.5rem;border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card));box-shadow:0 .75rem 2rem #0003}.chart-menu-panel .chart-filters{flex-direction:column;align-items:flex-end;flex-wrap:nowrap}.chart-fullscreen .coverflow-caption{min-height:0;margin-bottom:0;padding-inline:11rem}.chart-fullscreen .coverflow-stage{--cover: min(58svh, 34vw);height:auto}.chart-fullscreen .coverflow-item{top:.875rem}@media(prefers-reduced-motion:reduce){.coverflow-item{transition:none}}