.vinyl.vinyl-no-placeholder{background:#000}.vinyl.vinyl-no-placeholder>img{opacity:0;transition:opacity .42s}.vinyl.vinyl-no-placeholder.is-loaded>img{opacity:1}.genre-record.genre-choice-card{isolation:isolate;aspect-ratio:2;text-align:left;outline-offset:5px;background:#000;border-radius:22px;width:100%;min-width:0;max-width:none;margin:0;padding:0;transition:transform .16s,opacity .16s;display:block;position:relative;overflow:visible}.genre-record.genre-choice-card:not(:disabled):active{transform:scale(.975)}.genre-choice-card>.genre-choice-frame{isolation:isolate;background:#000;border-radius:22px;display:block;position:absolute;inset:0;overflow:hidden}.genre-choice-card>.genre-choice-frame:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;border:1px solid #ffffff12;position:absolute;inset:0}.genre-choice-frame>.genre-choice-art{aspect-ratio:1;pointer-events:none;width:100%;position:absolute;inset:0 0 auto}.genre-choice-art>.vinyl{width:100%;max-width:none;height:100%}.genre-choice-frame>.genre-choice-shade{pointer-events:none;z-index:1;background:linear-gradient(#0000 18%,#0003 42%,#000b 76%,#000e 100%);position:absolute;inset:0}.genre-record.genre-choice-card .genre-choice-title{z-index:2;color:#fff;letter-spacing:-.045em;text-align:left;text-shadow:0 2px 14px #000a;overflow-wrap:normal;margin:0;font-size:clamp(20px,2.2vw,30px);font-weight:750;line-height:1.04;display:block;position:absolute;bottom:15px;left:16px;right:13px}.genre-record.genre-choice-card.is-selected>.genre-choice-frame:after{border:3px solid #65f89f}.genre-record.genre-choice-card.is-selected .genre-choice-title{color:#fff}.genre-choice-card>.genre-choice-check{z-index:4;color:#062a16;background:#65f89f;border:3px solid #000;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 1px #65f89f}.genre-choice-card>.genre-choice-check>svg{flex:none;width:17px;height:17px}.genre-browser .genre-grid.genre-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:12px 16px 25px;display:grid}.genre-browser .genre-selection-grid>.genre-record.genre-choice-card{width:100%;min-width:0;max-width:none}.modal .genre-browser .genre-grid.genre-selection-grid{gap:17px 13px;padding:12px 14px 23px}.modal .genre-record.genre-choice-card .genre-choice-title{font-size:clamp(20px,2.2vw,26px)}@media (min-width:1024px){.genre-browser .genre-grid.genre-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;padding:14px 22px 29px}.modal .genre-browser .genre-grid.genre-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.genre-browser .genre-grid.genre-selection-grid{gap:17px 12px;padding-left:11px;padding-right:11px}.genre-record.genre-choice-card,.genre-choice-card>.genre-choice-frame{border-radius:19px}.genre-record.genre-choice-card .genre-choice-title{font-size:20px;bottom:12px;left:12px;right:10px}.genre-choice-card>.genre-choice-check{width:26px;height:26px;top:-5px;left:-5px}.genre-choice-card>.genre-choice-check>svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.vinyl.vinyl-no-placeholder>img,.genre-record.genre-choice-card{transition:none}}.landing:has(>.home-record-showcase){overflow:visible}.home-record-showcase{--showcase-size:clamp(170px,min(20vw,30dvh),310px);--showcase-gap:clamp(22px,3vw,48px);width:100vw;height:calc(var(--showcase-size) + 42px);contain:paint;isolation:isolate;margin-bottom:8px;margin-left:-50vw;padding:16px 0 22px;position:relative;left:50%;overflow:hidden}.home-record-marquee{width:max-content;animation:home-record-drift calc(var(--record-count,24) * 7s) linear infinite;will-change:transform;align-items:center;display:flex}.home-record-run{align-items:center;gap:var(--showcase-gap);padding-right:var(--showcase-gap);flex:none;display:flex}.home-showcase-record{width:var(--showcase-size);height:var(--showcase-size);transform:translateY(var(--record-offset,0px));flex:none}.home-showcase-record>.vinyl{width:100%;height:100%}.home-showcase-record .vinyl-spinning>img,.home-showcase-record .vinyl-spinning>.vinyl-fallback{animation-duration:45s;animation-delay:calc(var(--record-index) * -2.3s)}@keyframes home-record-drift{to{transform:translate(-50%)}}.genre-gallery{width:100%;min-width:0}.genre-gallery-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;outline-offset:5px;gap:30px;padding:10px 3px 18px;display:flex;position:relative;overflow:auto hidden}.genre-gallery-rail::-webkit-scrollbar{display:none}.genre-gallery-card{scroll-snap-align:start;text-align:center;flex:0 0 calc(33.3333% - 20px);min-width:0}.genre-gallery-card>.vinyl{width:min(100%,250px);margin:0 auto}.genre-gallery-card h2{letter-spacing:-.035em;margin:21px 0 0;font-size:23px;line-height:1.15}.genre-gallery-card .genre-contributors{min-height:30px;margin-top:15px}.genre-gallery-card .genre-contributors>.avatar{flex:none}.genre-gallery-navigation{justify-content:center;align-items:center;gap:24px;max-width:700px;margin:20px auto 5px;display:flex}.genre-gallery-navigation>.genre-gallery-arrow{background:#252527;flex:none;width:44px;min-width:44px;height:44px;min-height:44px}.genre-gallery-navigation>.genre-gallery-arrow:disabled{opacity:.2}.genre-gallery-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;min-width:0;max-width:480px;display:flex}.genre-gallery-dots>button{background:0 0;flex:none;width:22px;height:35px;padding:0;position:relative}.genre-gallery-dots>button:after{content:"";background:#48484f;border-radius:50%;width:7px;height:7px;margin:auto;transition:background .2s,transform .2s;display:block}.genre-gallery-dots>button.active:after{background:#65f89f;transform:scale(1.4)}@media (max-width:700px){.home-record-showcase{--showcase-size:190px;--showcase-gap:24px;height:225px;margin-bottom:16px;padding-top:10px}.genre-gallery-rail{gap:22px;padding:10px 3px 20px;scroll-padding-left:3px}.genre-gallery-card{scroll-snap-align:start;flex-basis:74%}.genre-gallery-card>.vinyl{width:min(100%,280px)}.genre-gallery-card h2{margin-top:21px;font-size:24px}.genre-gallery-card .genre-contributors>.avatar.small{width:30px;min-width:30px;height:30px;font-size:12px}.genre-gallery-navigation{gap:10px;margin-top:9px}.genre-gallery-dots{max-width:230px}.genre-gallery-dots>button{width:18px;height:28px}.genre-gallery-dots>button:after{width:5px;height:5px}.genre-gallery-navigation>.genre-gallery-arrow{width:40px;min-width:40px;height:40px;min-height:40px}}@media (min-width:701px) and (max-height:800px){.home-record-showcase{--showcase-size:clamp(145px,25dvh,200px);height:calc(var(--showcase-size) + 30px);margin-bottom:4px;padding-top:10px}.genre-gallery-card>.vinyl{width:min(100%,200px)}}@media (prefers-reduced-motion:reduce){.home-record-marquee{animation:none;transform:translate(-65px)}.home-showcase-record .vinyl-spinning>img,.home-showcase-record .vinyl-spinning>.vinyl-fallback{animation:none}.genre-gallery-rail{scroll-behavior:auto}}.celebration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.celebration>canvas{width:100%;height:100%;position:absolute;inset:0}.show-glow{background:radial-gradient(at 50% 55%,#65f89f1c 0,#0000 45%),radial-gradient(at 25% 65%,#a58bff18 0,#0000 35%);animation:3s ease-in-out infinite alternate show-glow;position:absolute;inset:-25%}.show-lights{opacity:.65;position:absolute;inset:0;overflow:hidden}.show-lights>i{clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;background:linear-gradient(#65f89f00,#65f89f13 45%,#65f89f00);width:35%;height:160%;animation:3.4s ease-in-out infinite alternate show-spotlight;position:absolute;top:-20%;left:20%}.show-lights>i:nth-child(2){background:linear-gradient(#0000,#b69aff19 55%,#0000);animation-direction:alternate-reverse;animation-delay:-1.8s;left:65%}.show-lights>i:nth-child(3){animation-duration:4.2s;animation-delay:-.8s;left:-10%}.show-lights>i:nth-child(4){animation-duration:4.6s;animation-delay:-2.7s;left:80%}.celebration-finale{z-index:-1}.celebration-finale .show-lights{opacity:.35}.intro-stage>.intro-logo{z-index:2;animation:1s cubic-bezier(.22,1.4,.32,1) both show-logo-in,1.5s ease-in-out 1s infinite alternate show-logo-bounce;position:relative}.intro-stage>.intro-halo,.intro-stage>.intro-orbits{display:none}@keyframes show-spotlight{0%{transform:rotate(-32deg)}to{transform:rotate(26deg)}}@keyframes show-glow{to{opacity:.6;transform:scale(1.15)rotate(8deg)}}@keyframes show-logo-in{0%{opacity:0;filter:blur(8px);transform:scale(.3)rotate(-12deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}@keyframes show-logo-bounce{to{filter:drop-shadow(0 18px 35px #65f89f26);transform:translateY(-12px)scale(1.025)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.show-lights>i,.show-glow,.intro-stage>.intro-logo{animation:none}.celebration>canvas{display:none}}.genre-reveal{aspect-ratio:1.43;width:min(100%,570px);margin:32px auto 38px;position:relative}.genre-reveal-record{z-index:1;aspect-ratio:1;width:61%;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.genre-reveal-record>.vinyl{width:100%;height:100%}.genre-reveal-sleeve{z-index:2;aspect-ratio:1;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#09090b70;border-radius:16px;width:64%;position:absolute;top:50%;left:3%;overflow:hidden;transform:translateY(-50%);box-shadow:0 15px 35px #0008,inset 0 0 0 1px #ffffff20}.genre-reveal-sleeve-shade{z-index:1;border-radius:inherit;background:linear-gradient(#0000,#0002 45%,#000c 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff16}.genre-reveal-sleeve>h2{z-index:2;color:#fff;text-align:left;letter-spacing:-.05em;text-shadow:0 2px 16px #0008;font-size:clamp(27px,4vw,45px);font-weight:750;line-height:1.03;position:absolute;bottom:23px;left:22px;right:20px}@keyframes genre-record-slide{0%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:no-preference){.genre-reveal:has(.genre-reveal-record>.vinyl.is-loaded)>.genre-reveal-record{animation:1.05s cubic-bezier(.2,.8,.2,1) .18s both genre-record-slide}}@media (max-width:700px){.genre-reveal{width:min(100%,440px);margin:28px auto 29px}.genre-reveal-sleeve{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:12px}.genre-reveal-sleeve>h2{font-size:clamp(26px,6.2vw,35px);bottom:18px;left:17px;right:13px}}@media (prefers-reduced-motion:reduce){.genre-reveal-record{transform:translateY(-50%)}.genre-reveal-record .vinyl-spinning>img{animation:none!important}}