@layer theme,base,legacy;@layer components{.explore-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}.explore-layout .pane-center{min-width:0;scroll-margin-top:36px}.public-main .explore-layout .pane-center{scroll-margin-top:104px}.explore-layout.is-idle .pane-right{display:none}@media (min-width:1440px){.explore-layout:not(.is-idle){grid-template-columns:minmax(0,1fr) 320px}.explore-layout .pane-right.now-playing-root{height:calc(100dvh - var(--player-bar-height) - var(--player-bottom-inset) - 120px);background:var(--surface-elevated);border:0;border-radius:24px;min-height:420px;position:sticky;top:24px}.public-main .explore-layout .pane-right.now-playing-root{top:92px}}@media (max-width:1439px){.pane-right.now-playing-root{display:none}}.explore-grid{grid-template-columns:minmax(0,1fr);gap:44px;min-width:0;display:grid}.explore-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.explore-head>div{gap:8px;display:grid}.explore-head .t-over,.explore-hero .t-over{color:var(--text-secondary)}.explore-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px;display:grid}.explore-hero-copy{gap:16px;min-width:0;display:grid}.explore-hero-body{max-width:560px;color:var(--text-secondary)}.explore-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.explore-hero .app-download-card{max-width:420px}.explore-feature{--card-tint:#2b2b2b;color:#fff;background:linear-gradient(120deg, color-mix(in srgb, var(--card-tint) 70%, #000) 0%, var(--card-tint) 100%);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;min-height:300px;padding:32px;transition:background-color .4s;display:grid;position:relative;overflow:hidden}.explore-feature-copy{z-index:1;gap:10px;min-width:0;max-width:560px;display:grid;position:relative}.explore-feature .t-over{color:#ffffffbf}.explore-feature-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.explore-feature-sub{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.explore-feature-actions{gap:10px;margin-top:6px;display:flex}.explore-feature-button{color:#fff;height:44px;font:600 15px/20px var(--font-ui);cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.explore-feature-button:hover{background:#ffffff42}.explore-feature-button svg{width:18px;height:18px}.explore-feature-art{aspect-ratio:1;border-radius:20px;width:236px;overflow:hidden;transform:rotate(4deg)}.explore-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.explore-chip{height:40px;color:var(--text-secondary);background:var(--fill-faint);font:600 15px/20px var(--font-ui);white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.explore-chip:hover{color:var(--text);background:var(--hover-background)}.explore-chip.is-on{color:var(--text);background:var(--fill-strong)}.explore-section{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.explore-section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.explore-section-title-link{color:inherit;text-decoration:none}.explore-section-title-link:hover{text-underline-offset:4px;text-decoration:underline}.explore-section-link{color:var(--text-secondary);font:600 13px/18px var(--font-ui);white-space:nowrap;align-items:center;gap:4px;padding:0 6px;text-decoration:none;display:inline-flex}.explore-section-link:hover{color:var(--text)}.explore-section-link svg{width:14px;height:14px}.explore-posters{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.explore-squares{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.explore-card{min-width:0;position:relative}.explore-card-main{color:var(--text);gap:8px;text-decoration:none;display:grid}.explore-card-art{aspect-ratio:1;background:var(--surface-elevated);border-radius:12px;display:block;position:relative;overflow:hidden}.explore-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out)}.explore-card-copy{gap:2px;min-width:0;display:grid}.explore-card-title{font:500 15px/20px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explore-card-meta{color:var(--text-tertiary);font:500 13px/18px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explore-card-play{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;background:#00000080;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;right:8px;box-shadow:inset 0 0 0 1px #fff3}.explore-card-play svg{width:18px;height:18px}.explore-card-play:hover{background:#000000b3}.explore-card.is-square .explore-card-play{margin-top:calc(100% - 48px);top:0}.explore-card:hover .explore-card-play,.explore-card:focus-within .explore-card-play{opacity:1}.explore-card:hover .explore-card-art img{transform:scale(1.03)}@media (hover:none),(pointer:coarse){.explore-card-play{opacity:1}}.explore-card.is-poster{--card-tint:#2b2b2b;aspect-ratio:4/5;background:var(--card-tint);border-radius:20px;transition:background-color .4s;overflow:hidden}.explore-card.is-poster .explore-card-main{color:#fff;display:block;position:absolute;inset:0}.explore-card.is-poster .explore-card-art{aspect-ratio:auto;border-radius:0;height:72%;position:absolute;inset:0 0 auto}.explore-card.is-poster .explore-card-main:after{content:"";background:linear-gradient(transparent 38%, var(--card-tint) 72%);position:absolute;inset:0}.explore-card.is-poster .explore-card-copy{z-index:1;gap:6px;position:absolute;bottom:16px;left:16px;right:64px}.explore-card.is-poster .explore-card-meta{color:#ffffffb8}.explore-card.is-poster .explore-card-title{font:600 22px/27px var(--font-display);letter-spacing:-.01em;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.explore-card.is-poster .explore-card-play{z-index:2;opacity:1;background:#ffffff2e;width:44px;height:44px;top:auto;bottom:16px;right:14px}.explore-card.is-poster .explore-card-play:hover{background:#ffffff47}.mood-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mood-card{border-radius:18px;height:96px;position:relative;overflow:hidden}.mood-card-icon{opacity:.85;width:92px;height:92px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.mood-card-icon svg{width:100%;height:100%}.mood-card-label{color:#000000d6;font:700 17px/22px var(--font-ui);position:absolute;bottom:14px;left:14px}.explore-skeleton{gap:32px;display:grid}.explore-skeleton-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.explore-skeleton-row .skeleton-card,.explore-skeleton-row .skeleton-card-art{width:100%}.explore-skeleton-row .skeleton-card-art{aspect-ratio:1;height:auto}.state-card{text-align:center;background:var(--surface-elevated);border-radius:24px;justify-items:center;gap:10px;max-width:420px;margin:24px auto 0;padding:28px 24px;display:grid}.state-card-title{font:600 24px/30px var(--font-display);margin:0}.state-card-sub{color:var(--text-secondary);font:500 15px/20px var(--font-ui);margin:0}.state-card-actions{gap:10px;margin-top:8px;display:flex}@media (max-width:1100px){.explore-squares{grid-template-columns:repeat(4,minmax(0,1fr))}.explore-posters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1100px){.explore-section:has(.explore-section-link) .explore-squares>:nth-child(n+5){display:none}}@media (max-width:760px){.public-main .explore-layout .pane-center{scroll-margin-top:76px}.explore-grid{gap:32px}.explore-hero{grid-template-columns:minmax(0,1fr);gap:20px}.explore-feature{grid-template-columns:minmax(0,1fr);min-height:0;padding:22px}.explore-feature-art{opacity:.45;width:150px;position:absolute;top:-20px;right:-36px}.explore-chips{scrollbar-width:none;flex-wrap:nowrap;margin-right:-20px;padding-right:20px;overflow-x:auto}.explore-posters,.explore-squares{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;margin-right:-20px;padding-right:20px;display:flex;overflow-x:auto}.explore-posters>:nth-child(n),.explore-squares>:nth-child(n){scroll-snap-align:start;flex:none;display:block}.explore-posters>.explore-card{width:240px}.explore-squares>.explore-card{width:140px}.mood-grid,.explore-skeleton-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.explore-card-art img,.explore-card-play,.explore-card.is-poster,.explore-feature{transition:none}.explore-card:hover .explore-card-art img{transform:none}}}@layer utilities;