.explore-page .section-heading h2 a:hover{color:var(--primary)}.explore-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:clamp(18px,2.6vw,32px);margin:0 0 40px;display:flex;overflow-x:auto}.explore-tabs::-webkit-scrollbar{display:none}.explore-tabs a{white-space:nowrap;color:var(--muted-foreground);flex:none;align-items:baseline;gap:7px;padding:14px 0;font-size:15px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.explore-tabs a:hover{color:var(--foreground)}.explore-tabs a:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:scale .2s;position:absolute;inset:auto 0 0;scale:0 1}.explore-tabs a:hover:after{scale:1}.explore-tabs a:focus-visible{outline-offset:-2px}.explore-tabs small{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:12px;font-weight:500}.explore-section{scroll-margin-top:24px}.explore-artists{margin-bottom:64px}.family-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:36px 20px;margin-bottom:64px;display:grid}.family-card{align-content:start;gap:8px;display:grid;position:relative}.family-card .art-cover{margin-bottom:6px}.family-card .art-cover-name a:after{content:"";z-index:2;position:absolute;inset:0}.family-card .art-cover-name a:focus-visible{outline:none}.family-card:has(.art-cover-name a:focus-visible) .art-cover{outline:2px solid var(--ring);outline-offset:3px}.family-card-tagline{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.5}.family-card-styles{z-index:3;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex;position:relative}.family-card-styles a{background:var(--secondary);min-height:32px;color:var(--foreground-secondary);border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12.5px;transition:background .15s,color .15s;display:inline-flex}.family-card-styles a:hover{background:var(--primary);color:var(--primary-foreground)}.family-card-styles span{font-variant-numeric:tabular-nums;opacity:.7;font-size:11px}.family-card-styles a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.crate-rail{margin-bottom:42px}.card-slider-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.card-slider-heading{min-width:0}.card-slider-arrows{flex:none;gap:8px;display:flex}.card-slider-arrows[data-fits=true]{visibility:hidden}.card-slider-arrows .icon-button{width:var(--tap-target);height:var(--tap-target);color:var(--foreground);border-radius:50%;transition:background .15s,border-color .15s,opacity .15s}.card-slider-arrows .icon-button:hover{border-color:var(--primary)}.card-slider-arrows .icon-button[aria-disabled=true]{border-color:var(--border);opacity:.4;cursor:default;background:0 0}.card-slider-track{--slider-bleed:8px;--slider-gap:16px;gap:var(--slider-gap);margin:calc(var(--slider-bleed) * -1);padding:var(--slider-bleed);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--slider-bleed);scroll-behavior:smooth;scrollbar-width:none;list-style:none;display:flex;position:relative;overflow-x:auto}.card-slider-track::-webkit-scrollbar{display:none}.card-slider-track>li{flex:0 0 var(--slide-width,230px);scroll-snap-align:start;min-width:0}.see-all{border:1px solid var(--border-strong);letter-spacing:0;white-space:nowrap;vertical-align:middle;color:var(--primary);border-radius:999px;align-items:center;gap:5px;margin-left:12px;padding:4px 10px;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}a:hover>.see-all,a.see-all:hover{border-color:var(--primary);background:var(--primary-soft)}.crate-rail-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.crate-rail-head h2{letter-spacing:-.4px;margin:0;font-size:20px;font-weight:650}.crate-rail-head h2 a:hover{color:var(--primary)}.crate-rail-head h2 a{margin-block:-4px;padding-block:4px;display:inline-block}.crate-rail-head p{color:var(--muted-foreground);margin:0;font-size:13px}.crate-rail .song-card{background:0 0;border:0;border-radius:0;flex-direction:column;height:100%;display:flex;overflow:visible}.crate-rail .song-card:hover{transform:none}.crate-rail .song-art{aspect-ratio:16/9;border-radius:12px;flex:none;height:auto}.crate-rail .song-card-copy{padding:10px 2px 0}.crate-rail .song-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:15px;transition:color .15s;display:-webkit-box;overflow:hidden}.crate-rail .song-card:hover h3{color:var(--primary)}.crate-rail .song-card p{font-size:13px}.crate-rail .card-meta{border-top:0;justify-content:flex-start;gap:12px;margin-top:6px;padding-top:0}.crate-rail .mini-pattern{display:none}.crate-rail-end a{aspect-ratio:16/9;background:var(--secondary);text-align:center;color:var(--foreground-secondary);border-radius:12px;place-items:center;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:grid}.crate-rail-end a:hover{background:var(--primary);color:var(--primary-foreground)}.crate-rail-end a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.genre-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:22px 16px;margin-bottom:56px;display:grid}.genre-tile{align-content:start;gap:4px;display:grid}.genre-tile .art-cover{margin-bottom:6px}.genre-tile .art-cover-name{font-size:clamp(18px,1.6vw,22px)}.genre-tile:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:14px}.genre-tile-meta{font-variant-numeric:tabular-nums;color:var(--muted-foreground);flex-wrap:wrap;gap:0 10px;font-size:13px;display:flex}.genre-tile-years{white-space:nowrap}.genre-tile-meta strong{color:var(--foreground);font-weight:650}.genre-tile-tagline{color:var(--muted-foreground);font-size:13px;line-height:1.45}.explore-family-tabs{margin:0 0 34px}.explore-family-tabs .genre-filters{border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;gap:clamp(18px,2.6vw,32px);overflow-x:auto}.explore-family-tabs .genre-filters::-webkit-scrollbar{display:none}.explore-family-tabs .genre-filters a{white-space:nowrap;color:var(--muted-foreground);background:0 0;border:0;border-radius:0;flex:none;padding:14px 0;font-size:15px;font-weight:600;transition:color .15s;position:relative}.explore-family-tabs .genre-filters a:hover,.explore-family-tabs .genre-filters a.selected{color:var(--foreground)}.explore-family-tabs .genre-filters a:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:scale .2s;position:absolute;inset:auto 0 0;scale:0 1}.explore-family-tabs .genre-filters a:hover:after,.explore-family-tabs .genre-filters a.selected:after{scale:1}.explore-family-tabs .genre-filters a:focus-visible{outline-offset:-2px}.explore-family-tabs .genre-filters small{font-weight:500}.explore-style-pills{margin-top:18px}.explore-style-pills .genre-filters a{background:var(--secondary);color:var(--foreground-secondary);border-color:#0000;border-radius:999px;padding:8px 14px;font-size:13.5px}.explore-style-pills .genre-filters a:hover{border-color:var(--border-accent);color:var(--foreground)}.explore-style-pills .genre-filters a.selected{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.explore-styles .section-heading{margin-bottom:18px}.genre-timeline{--slide-width:min(356px, 84vw);margin:4px 0 60px}.genre-timeline .section-heading{margin-bottom:14px}.timeline-filter{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.timeline-readout{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--foreground-secondary);font-size:12.5px}.timeline-entry{flex-direction:column;gap:12px;display:flex}.timeline-slider[data-filtered=true] .timeline-entry{transition:opacity .25s,translate .25s}@starting-style{.timeline-slider[data-filtered=true] .timeline-entry{opacity:0;translate:0 6px}}.timeline-year{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--foreground-secondary);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.timeline-year:before{content:"";background:var(--border-strong);border-radius:50%;flex:none;width:10px;height:10px}.timeline-year:after{content:"";height:2px;margin-right:calc(var(--slider-gap) * -1);background:var(--border);flex:1}.timeline-entry:last-child .timeline-year:after{margin-right:0}.timeline-entry[data-landmark=true] .timeline-year{color:var(--primary)}.timeline-entry[data-landmark=true] .timeline-year:before{background:var(--primary)}.timeline-card{background:var(--card);border-radius:14px;flex-direction:column;flex:1;transition:background .2s;display:flex;overflow:hidden}.timeline-card:hover{background:var(--surface-raised)}.timeline-art{background:var(--surface-sunken);flex:none;height:200px;position:relative;overflow:hidden}.timeline-art-link{height:100%;display:block}.timeline-art img{object-fit:cover;width:100%;height:100%;display:block}.timeline-art-frame{background:#000;position:absolute;inset:0}.timeline-art-frame iframe{border:0;width:100%;height:100%;display:block}.timeline-copy{min-width:0;padding:14px 16px 0}.timeline-labels{letter-spacing:1px;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.timeline-labels:empty{display:none}.timeline-labels span{border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px}.timeline-labels .timeline-badge{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.timeline-copy h3{letter-spacing:-.2px;margin:0;font-size:17px;font-weight:650;line-height:1.3}.timeline-copy h3 a:hover{color:var(--primary)}.timeline-copy h3 a:first-child{margin-block:-4px;padding-block:4px;display:inline-block}.timeline-new-tab{min-width:var(--tap-target);min-height:var(--tap-target);margin-block:calc((var(--tap-target) - 1em) / -2);vertical-align:middle;color:var(--muted-foreground);justify-content:center;align-items:center;display:inline-flex}.timeline-new-tab:hover{color:var(--primary)}.timeline-new-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}.timeline-artist{color:var(--foreground-secondary);margin:2px 0 0;font-size:14px}.timeline-note{color:var(--muted-foreground);margin:8px 0 0;font-size:13.5px;line-height:1.5}.timeline-pad{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding:14px 16px 16px;display:grid}.timeline-play{border:1px solid var(--border-strong);background:var(--secondary);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,border-color .15s;display:grid}.timeline-play:hover{border-color:var(--primary)}.timeline-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.timeline-play[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.timeline-pad-grid{height:calc(var(--pad-rows) * 13px);border-radius:6px;min-height:26px;position:relative;overflow:hidden}.timeline-pad-grid svg{width:100%;height:100%;display:block}.pad-empty{fill:var(--step)}.pad-beat{fill:var(--overlay);fill-opacity:.04}.pad-playhead{top:0;bottom:0;left:calc(var(--playhead-column,0) * 100% / var(--pad-columns));width:calc(100% / var(--pad-columns));background:var(--playhead);opacity:.3;pointer-events:none;border-radius:2px;display:none;position:absolute}.timeline-pad[data-playing=true] .pad-playhead{display:block}.timeline-pad-error{color:var(--destructive-foreground);grid-column:1/-1;font-size:12px}.song-modal{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));flex-direction:column;gap:0;width:auto;max-width:min(1100px,100%);margin-inline:auto;padding:0;display:flex;overflow:hidden;translate:none}.song-modal-head{border-bottom:1px solid var(--border);flex:none;gap:2px;padding:14px 52px 12px 20px;display:grid}.song-modal-body{overscroll-behavior:contain;flex:auto;min-width:0;min-height:0;padding-inline:20px;position:relative;overflow:auto}.song-modal-body>.song-page{padding-top:8px}.song-modal .landscape-toggle{display:none}.song-modal-error{padding:24px 0}.song-modal-skeleton{gap:12px;padding-block:16px;display:grid}.song-modal-skeleton>span{background:var(--secondary);border-radius:8px;display:block}.song-modal-skeleton>span:first-child{height:220px}.song-modal-skeleton>span:nth-child(2){height:140px}.song-modal-skeleton>span:nth-child(3){height:72px}@media (max-width:720px){.explore-family-tabs .genre-filters small,.explore-tabs small{display:none}.explore-family-tabs .genre-filters a.selected{order:-1}.explore-family-tabs .genre-filters{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}}@media (max-width:400px){.timeline-filter .year-filter-trigger>svg:first-child{display:none}}@media (max-width:600px){.timeline-copy h3{font-size:16px}.timeline-note{font-size:13px}.genre-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.family-cards{gap:30px}.genre-tile-tagline{display:none}.crate-rail{--slide-width:70vw}.crate-rail .card-slider-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.crate-rail .card-slider-heading,.crate-rail .crate-rail-head{display:contents}.crate-rail-head h2 a{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.crate-rail-head p{grid-area:2/1/auto/-1}.see-all{margin-left:0}.card-slider-arrows .icon-button{width:38px;height:38px}.song-modal{max-width:100%;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;inset:0}.song-modal-head{padding:calc(12px + env(safe-area-inset-top)) 48px 10px 14px}.song-modal-body{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.timeline-play,.timeline-card,.timeline-slider[data-filtered=true] .timeline-entry,.explore-tabs a,.explore-tabs a:after,.explore-family-tabs .genre-filters a,.explore-family-tabs .genre-filters a:after,.art-cover-images img,.art-cover-go,.family-card-styles a,.see-all,.card-slider-arrows .icon-button{transition:none}.card-slider-track{scroll-behavior:auto}}