@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Rajdhani:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;font-synthesis:none;background:#0b0c0e;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:#0b0c0e;min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 82% -10%,#ff2d6d2e,#0000 29rem),radial-gradient(circle at 0 42%,#ff8a0014,#0000 30rem),linear-gradient(135deg,#0b0c0e 0%,#11151a 50%,#08090b 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:4rem 4rem;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 60%);mask-image:linear-gradient(#000,#0000 60%)}img{max-width:100%;display:block}.page-shell{width:min(1180px,100% - 3rem);margin:auto}.site-header{border-bottom:1px solid #30343b;justify-content:space-between;align-items:center;min-height:9rem;display:flex}.brand{width:min(31rem,65vw)}.header-meta{color:#8d929e;letter-spacing:.42em;text-transform:uppercase;font:600 .64rem/1.7 Inter;display:grid}main{padding-bottom:6rem}.intro{flex-direction:column;justify-content:center;min-height:29rem;display:flex;position:relative;overflow:hidden}.intro:after{content:"";opacity:.11;filter:saturate(.7);z-index:-1;background:url(/assets/RinseIndex-Logo-Cn4wpFx0.png) 50%/contain no-repeat;width:37rem;height:31rem;position:absolute;top:1rem;right:-9rem}.eyebrow{color:#ff8a00;letter-spacing:.32em;text-transform:uppercase;margin:0 0 .6rem;font:700 .72rem/1 Inter}h1,h2,p{margin-top:0}h1,h2{text-transform:uppercase;font-family:Rajdhani,sans-serif}h1{letter-spacing:-.045em;margin-bottom:1rem;font-size:clamp(4rem,9vw,7.7rem);line-height:.77}h1 span{color:#0000;-webkit-text-stroke:1px #8d929e}.intro-copy{color:#b7bac2;max-width:31rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.waveform{object-fit:cover;object-position:left center;opacity:.85;width:36rem;height:6rem}.status-region:empty{display:none}.stale-notice{color:#ddd4c9;background:#ff8a0014;border-left:2px solid #ff8a00;margin:-1rem 0 2rem;padding:.85rem 1rem;font-size:.88rem}.featured{background:linear-gradient(125deg,#ff8a001a,#ff2d6d0e 42%,#1a1d24e6);border:1px solid #3b3233;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.featured:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 70%,#ff2d6d1a);position:absolute;inset:0}.featured-heading{align-items:center;gap:.65rem;margin-bottom:2rem;display:flex}.featured-heading>img{width:5rem;margin:-1.3rem -.5rem -1.3rem -1.3rem}.featured h2,.ranking h2,.state-card h2,.loading-state h2{margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:.9}.featured-body{grid-template-columns:minmax(15rem,29rem) 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.artwork{aspect-ratio:1;background:linear-gradient(145deg,#21262d,#101216);border:1px solid #343942;flex:none;width:5rem;position:relative;overflow:hidden}.artwork img:not(.artwork-fallback){object-fit:cover;width:100%;height:100%}.artwork--featured{width:100%;box-shadow:1.1rem 1.1rem #ff2d6d1c,-1px -1px #ff8a0073}.artwork-fallback{color:#666d78;letter-spacing:.12em;place-items:center;font:700 1rem Rajdhani;display:none;position:absolute;inset:0}.artwork--fallback .artwork-fallback{display:grid}.artwork--fallback>img{display:none}.featured-copy .track-title{text-transform:uppercase;letter-spacing:-.035em;font:700 clamp(2.4rem,6vw,5rem)/.85 Rajdhani}.track-title{color:#f3f4f6;margin-bottom:.25rem;font-weight:600}.artist{color:#cdd0d7;margin-bottom:.25rem}.label{color:#8d929e;margin-bottom:0;font-size:.8rem}.rating{align-items:center;gap:.2rem;display:flex}.rating img{object-fit:contain;width:1.8rem;height:1.8rem}.featured-info>.rating{margin:1.4rem 0 2.4rem}.featured-info>.rating img{width:3rem;height:3rem}.featured-stats{gap:clamp(1.8rem,5vw,4rem);margin:0;display:flex}.featured-stats div{display:contents}.featured-stats dt{color:#717782;letter-spacing:.25em;font-size:.62rem}.featured-stats dd{color:#fff;margin:1rem 0 0 -4rem;padding-top:.2rem;font:600 1.35rem Rajdhani}.ranking{margin-top:clamp(5rem,10vw,8rem)}.ranking-heading{justify-content:space-between;align-items:end;margin-bottom:2rem;display:flex}.ranking-heading h2{font-size:clamp(2.8rem,7vw,5.2rem)}.period{color:#b7bac2;text-transform:uppercase;letter-spacing:.16em;margin:0 0 .4rem;font:600 1rem Rajdhani}.column-labels,.chart-row{grid-template-columns:4rem 5rem minmax(14rem,1fr) 7rem 8.5rem;align-items:center;gap:1rem;display:grid}.column-labels{color:#747a85;letter-spacing:.18em;text-transform:uppercase;padding:0 1.25rem .8rem;font:600 .62rem Inter}.column-labels span:nth-child(2){grid-column:2/4}.chart-list{border-top:1px solid #30343b;margin:0;padding:0;list-style:none}.chart-row{background:#1a1d2459;border-bottom:1px solid #292d34;min-height:7.5rem;padding:1rem 1.25rem;transition:background .2s,transform .2s}.chart-row:hover{background:#2529319e;transform:translate(.2rem)}.rank{color:#fff;font:700 2.2rem Rajdhani}.cell{color:#c1c5cd;font:600 1rem Rajdhani}.mobile-label{display:none}.single-track-note{color:#8d929e;border-block:1px solid #292d34;padding:2rem}.loading-state,.state-card{text-align:center;background:#1a1d2494;border:1px solid #30343b;flex-direction:column;justify-content:center;align-items:center;min-height:21rem;padding:3rem;display:flex}.state-card p:last-of-type{color:#9ca1ab;max-width:31rem;margin:1rem auto 0;line-height:1.6}.state-card--error{background:radial-gradient(circle at 50% 130%,#ff2d6d2e,#0000 60%),#1a1d2494;border-color:#ff2d6d61}.state-card--error .eyebrow{color:#ff2d6d}.retry{color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ff8a00;margin-top:1.8rem;padding:.75rem 1.3rem;font:700 .75rem Inter}.retry:hover,.retry:focus-visible{color:#0b0c0e;background:#ff8a00}.loading-bars{align-items:center;gap:.35rem;height:3rem;margin-top:2rem;display:flex}.loading-bars span{background:linear-gradient(#ff8a00,#ff2d6d);width:.25rem;height:20%;animation:.8s ease-in-out infinite alternate pulse;display:block}.loading-bars span:nth-child(2),.loading-bars span:nth-child(4){animation-delay:-.45s}.loading-bars span:nth-child(3){animation-delay:-.2s}@keyframes pulse{to{height:100%}}footer{color:#747a85;letter-spacing:.18em;text-transform:uppercase;border-top:1px solid #30343b;justify-content:space-between;align-items:center;min-height:9rem;font-size:.65rem;display:flex}footer p{margin:0}footer img{opacity:.55;width:12rem}@media (prefers-reduced-motion:reduce){.loading-bars span{height:65%;animation:none}.chart-row{transition:none}}@media (width<=800px){.page-shell{width:min(100% - 2rem,42rem)}.site-header{min-height:7rem}.brand{width:min(25rem,75vw)}.header-meta{display:none}.intro{min-height:25rem}.intro:after{right:-14rem}.featured-body{grid-template-columns:1fr}.featured-info{padding-top:1rem}.column-labels{display:none}.chart-list{border-top:1px solid #30343b}.chart-row{grid-template-columns:2.5rem 4.5rem 1fr auto;gap:.8rem;padding:1rem .35rem}.chart-row .artwork{width:4.5rem}.track-copy{min-width:0}.track-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell{grid-area:2/3;font-size:.9rem}.chart-row>.rating{grid-area:1/4}.mobile-label{color:#666d78;letter-spacing:.12em;text-transform:uppercase;margin-right:.45rem;font:600 .55rem Inter;display:inline}}@media (width<=500px){.page-shell{width:calc(100% - 1.25rem)}.intro{min-height:22rem}.intro-copy{font-size:.95rem}.waveform{height:4rem}.featured{padding:1.2rem}.featured-heading>img{width:4rem}.featured-stats{justify-content:space-between}.featured-info>.rating img{width:2.5rem;height:2.5rem}.ranking-heading{flex-direction:column;align-items:start;gap:1rem}.period{font-size:.8rem}.chart-row{grid-template-columns:2rem 3.8rem minmax(0,1fr)}.chart-row .artwork{width:3.8rem}.chart-row>.rating{grid-area:2/3}.chart-row>.cell{display:none}.rating img{width:1.6rem;height:1.6rem}footer{flex-direction:column;justify-content:center;gap:1.2rem}footer img{width:10rem}}
