.genre-hub{--genre-ink:#0f172a;--genre-muted:#64748b}.genre-hub__hero{color:#fff;background:linear-gradient(125deg,#090d1a 0%,#15102e 48%,#32136b 100%);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:32px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #2b1e5521}.genre-hub__hero:before{content:"";background:radial-gradient(circle,#a968ff59,#a968ff00 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-80px}.genre-hub__hero:after{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#000);mask-image:linear-gradient(90deg,#0000,#000 45%,#000)}.genre-hub__hero-copy,.genre-hub__period{z-index:2;position:relative}.genre-hub__eyebrow,.genre-hub__section-kicker{letter-spacing:.17em;color:#a98bff;font-size:9px;font-weight:900}.genre-hub__hero h1{letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(34px,3.5vw,54px);font-weight:900;line-height:1}.genre-hub__hero p{color:#bdc3d3;max-width:660px;margin:0;font-size:14px;line-height:1.55}.genre-hub__summary{flex-wrap:wrap;gap:22px;margin-top:24px;display:flex}.genre-hub__summary span{color:#9fa8bc;text-transform:uppercase;letter-spacing:.08em;gap:1px;font-size:9px;display:grid}.genre-hub__summary strong{color:#fff;letter-spacing:-.02em;text-transform:none;font-size:16px}.genre-hub__period{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;gap:4px;padding:4px;display:flex}.genre-hub__period a{color:#c8ccda;border-radius:9px;align-items:center;height:34px;padding:0 13px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.genre-hub__period a.is-active{color:#171525;background:#fff;box-shadow:0 8px 22px #0000002e}.genre-hub__section{margin-top:38px}.genre-hub__section-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.genre-hub__section-head h2{color:var(--genre-ink);letter-spacing:-.025em;margin:3px 0 0;font-size:22px;font-weight:900;line-height:1.05}.genre-hub__section-head>span{color:#94a3b8;font-size:11px}.genre-hub__featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.genre-feature-card{background:#111827;border-radius:24px;min-height:250px;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f172a17}.genre-feature-card--large{min-height:290px}.genre-feature-card__backdrop{background-image:linear-gradient(180deg,#080a1433,#080912eb 83%),var(--genre-cover,linear-gradient(135deg,#4c1d95,#111827));background-position:50%;background-size:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;position:absolute;inset:0;transform:scale(1.015)}.genre-feature-card:hover .genre-feature-card__backdrop{filter:saturate(1.08);transform:scale(1.07)}.genre-feature-card__content{z-index:2;min-height:inherit;color:#fff;flex-direction:column;height:100%;padding:19px;display:flex;position:relative}.genre-feature-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.genre-feature-card__name{color:#fff;letter-spacing:-.035em;font-size:22px;font-weight:900;line-height:1;text-decoration:none}.genre-feature-card__trend{color:#77efb2;background:#32d38926;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:8px;font-style:normal;font-weight:900;display:inline-flex}.genre-feature-card__trend.is-negative{color:#fda4af;background:#fb718524}.genre-feature-card__metrics{gap:15px;margin-top:9px;display:flex}.genre-feature-card__metrics span{color:#b8c0d0;align-items:baseline;gap:4px;font-size:8px;display:flex}.genre-feature-card__metrics strong{color:#fff;font-size:11px}.genre-feature-card__wave{cursor:pointer;opacity:.76;background:0 0;border:0;width:100%;height:42px;margin-top:auto;margin-bottom:13px;padding:0;transition:opacity .18s}.genre-feature-card:hover .genre-feature-card__wave{opacity:1}.genre-feature-card__wave canvas{width:100%;height:42px;display:block}.genre-feature-card__now{align-items:flex-end;gap:12px;display:flex}.genre-feature-card__now>div{gap:2px;min-width:0;display:grid}.genre-feature-card__now span{letter-spacing:.14em;color:#84efbb;font-size:7px;font-weight:900}.genre-feature-card__now a{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;text-decoration:none;overflow:hidden}.genre-feature-card__now small{color:#aeb5c6;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.genre-feature-card__play{color:#171525;cursor:pointer;background:#fff;border:0;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;margin-left:auto;transition:all .18s;display:grid;box-shadow:0 8px 25px #0003}.genre-feature-card__play:hover{transform:scale(1.06)}.genre-hub__trend-strip{background:#fff;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:18px;margin-top:24px;padding:16px;display:grid;box-shadow:0 8px 25px #0f172a09}.genre-hub__trend-title{flex-direction:column;justify-content:center;padding:4px 10px;display:flex}.genre-hub__trend-title span{color:#7c3aed;letter-spacing:.14em;font-size:8px;font-weight:900}.genre-hub__trend-title strong{color:#0f172a;letter-spacing:-.025em;margin-top:3px;font-size:18px}.genre-hub__trend-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.genre-hub__trend-list a{color:#0f172a;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px 10px;text-decoration:none;transition:all .18s;display:grid}.genre-hub__trend-list a:hover{background:#f8fafc;transform:translateY(-1px)}.genre-hub__trend-list em{color:#c4b5fd;font-size:9px;font-style:normal;font-weight:900}.genre-hub__trend-list span{min-width:0;display:grid}.genre-hub__trend-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.genre-hub__trend-list small{color:#94a3b8;margin-top:1px;font-size:8px}.genre-hub__trend-list b{color:#10b981;font-size:12px}.genre-hub__section--all{padding-bottom:10px}.genre-hub__all-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.genre-mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:10px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 2px 10px #0f172a06}.genre-mini-card:hover{border-color:#d8c7ff;transform:translateY(-2px);box-shadow:0 12px 28px #4c1d9514}.genre-mini-card__visual{background-image:linear-gradient(135deg,#351b662e,#070b185c),var(--genre-cover,linear-gradient(135deg,#ede9fe,#c4b5fd));background-position:50%;background-size:cover;border-radius:13px;height:78px;position:relative;overflow:hidden}.genre-mini-card__visual i{opacity:.7;background:repeating-linear-gradient(90deg,#ffffffe6 0 2px,#0000 2px 5px);height:14px;position:absolute;inset:auto 8px 8px;-webkit-mask-image:linear-gradient(#0000 0,#000 100%);mask-image:linear-gradient(#0000 0,#000 100%)}.genre-mini-card__body{gap:4px;min-width:0;display:grid}.genre-mini-card__headline{justify-content:space-between;align-items:center;gap:8px;display:flex}.genre-mini-card__headline strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.genre-mini-card__headline em{color:#059669;flex:none;font-size:8px;font-style:normal;font-weight:900}.genre-mini-card__headline em.is-negative{color:#e11d48}.genre-mini-card__stats{gap:1px;display:grid}.genre-mini-card__stats b{color:#475569;font-size:10px}.genre-mini-card__stats small{color:#94a3b8;font-size:8px}.genre-mini-card__set{border-top:1px solid #f1f5f9;min-width:0;margin-top:3px;padding-top:5px;display:grid}.genre-mini-card__set small{color:#a78bfa;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:900}.genre-mini-card__set b,.genre-mini-card__set em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.genre-mini-card__set b{color:#334155;font-size:9px}.genre-mini-card__set em{color:#94a3b8;font-size:8px;font-style:normal}.genre-mini-card__arrow{color:#8b5cf6;padding-right:4px;font-size:15px}.genre-hub__empty{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;grid-column:1/-1;padding:36px;font-size:12px}@media (width>=1180px){.genre-hub__featured-grid .genre-feature-card:first-child,.genre-hub__featured-grid .genre-feature-card:nth-child(2){grid-column:span 1}.genre-hub__featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.genre-hub__featured-grid,.genre-hub__all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-hub__trend-strip{grid-template-columns:1fr}.genre-hub__trend-title{padding:0}.genre-hub__trend-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.genre-hub{padding-top:18px}.genre-hub__hero{border-radius:22px;flex-direction:column;align-items:flex-start;padding:27px 22px}.genre-hub__summary{gap:14px}.genre-hub__period{width:100%}.genre-hub__period a{flex:1;justify-content:center}.genre-hub__section-head{flex-direction:column;align-items:flex-start;gap:4px}.genre-hub__featured-grid,.genre-hub__all-grid,.genre-hub__trend-list{grid-template-columns:1fr}.genre-feature-card,.genre-feature-card--large{min-height:255px}.genre-hub__trend-strip{padding:13px}.genre-mini-card{grid-template-columns:76px minmax(0,1fr) auto}.genre-mini-card__visual{height:70px}}@media (prefers-reduced-motion:reduce){.genre-feature-card__backdrop,.genre-feature-card__play,.genre-mini-card,.genre-hub__trend-list a{transition:none!important}}.genre-detail-v2__back{color:#7c3aed;margin-bottom:14px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.genre-detail-v2__hero{background-image:linear-gradient(105deg,#070a14f5 0%,#0d0c1edb 45%,#150e3073 100%),var(--genre-detail-cover,linear-gradient(135deg,#16142d,#4c1d95));color:#fff;background-position:50%;background-size:cover;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:28px;min-height:330px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #1f16411f}.genre-detail-v2__shade{background:linear-gradient(#0000 30%,#05070f6b 100%);position:absolute;inset:0}.genre-detail-v2__hero-copy,.genre-detail-v2__period{z-index:2;position:relative}.genre-detail-v2__hero-copy>span{color:#a98bff;letter-spacing:.17em;font-size:8px;font-weight:900}.genre-detail-v2__hero h1{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(38px,4vw,64px);font-weight:900;line-height:.95}.genre-detail-v2__hero-copy>p{color:#bac1d0;margin:0;font-size:12px}.genre-detail-v2__hero-set{align-items:center;gap:11px;margin-top:22px;display:flex}.genre-detail-v2__hero-set>button{color:#171525;cursor:pointer;background:#fff;border:0;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 28px #0003}.genre-detail-v2__hero-set>div{min-width:0;display:grid}.genre-detail-v2__hero-set small{color:#75e8ae;letter-spacing:.12em;font-size:7px;font-weight:900}.genre-detail-v2__hero-set a{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:520px;font-size:12px;font-weight:800;text-decoration:none;overflow:hidden}.genre-detail-v2__hero-set span{color:#a9b1c3;font-size:9px}.genre-detail-v2__period{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0f1d73;border:1px solid #ffffff1c;border-radius:12px;gap:4px;padding:4px;display:flex}.genre-detail-v2__period a{color:#c5cad6;border-radius:9px;align-items:center;height:34px;padding:0 13px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.genre-detail-v2__period a.is-active{color:#151421;background:#fff}.genre-detail-v2__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.genre-detail-v2__stats>div{background:#fff;border:1px solid #e2e8f0;border-radius:17px;gap:2px;padding:16px 18px;display:grid}.genre-detail-v2__stats span{color:#8b5cf6;letter-spacing:.12em;font-size:7px;font-weight:900}.genre-detail-v2__stats strong{color:#0f172a;font-size:20px;line-height:1.05}.genre-detail-v2__stats small{color:#94a3b8;font-size:8px}.genre-detail-v2__section{margin-top:34px}.genre-detail-v2__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.genre-detail-v2__head>div>span{color:#8b5cf6;letter-spacing:.14em;font-size:8px;font-weight:900}.genre-detail-v2__head h2{color:#0f172a;letter-spacing:-.025em;margin:2px 0 0;font-size:21px;font-weight:900}.genre-detail-v2__head>small{color:#94a3b8;font-size:10px}.genre-detail-v2__artists{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.genre-detail-v2__artists>a{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;text-decoration:none;transition:all .18s;display:grid}.genre-detail-v2__artists>a:hover{border-color:#d8c7ff;transform:translateY(-2px);box-shadow:0 10px 25px #4c1d9512}.genre-detail-v2__rank{color:#c4b5fd;font-size:8px;font-weight:900}.genre-detail-v2__avatar{color:#6d28d9;background:#ede9fe;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid;overflow:hidden}.genre-detail-v2__avatar img{object-fit:cover;width:100%;height:100%}.genre-detail-v2__artist-name{min-width:0;display:grid}.genre-detail-v2__artist-name strong,.genre-detail-v2__artist-name small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.genre-detail-v2__artist-name strong{font-size:10px}.genre-detail-v2__artist-name small{color:#94a3b8;font-size:7px}.genre-detail-v2__artists>a>span:last-child{color:#8b5cf6}.genre-detail-v2__sets{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.genre-detail-v2__set-card{min-width:0}.genre-detail-v2__cover{aspect-ratio:1.45;background:#e2e8f0 50%/cover no-repeat;border-radius:17px;position:relative;overflow:hidden;box-shadow:0 7px 20px #0f172a0f}.genre-detail-v2__cover>a{position:absolute;inset:0}.genre-detail-v2__cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#0000007a);position:absolute;inset:0}.genre-detail-v2__cover>button{z-index:2;color:#151421;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .18s;display:grid;position:absolute;bottom:11px;left:12px;box-shadow:0 8px 22px #0003}.genre-detail-v2__cover>button:hover{transform:scale(1.08)}.genre-detail-v2__cover>span{z-index:2;color:#fff;background:#000000ab;border-radius:7px;padding:3px 6px;font-size:8px;font-weight:800;position:absolute;bottom:9px;right:9px}.genre-detail-v2__set-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:12px;font-weight:800;text-decoration:none;display:block;overflow:hidden}.genre-detail-v2__set-artist{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;text-decoration:none;display:block;overflow:hidden}.genre-detail-v2__set-meta{color:#94a3b8;justify-content:space-between;gap:8px;margin-top:5px;font-size:8px;display:flex}@media (width<=1100px){.genre-detail-v2__artists,.genre-detail-v2__sets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.genre-detail-v2__hero{border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:360px;padding:26px 22px}.genre-detail-v2__period{width:100%}.genre-detail-v2__period a{flex:1;justify-content:center}.genre-detail-v2__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-detail-v2__artists{grid-template-columns:1fr}.genre-detail-v2__sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}@media (width<=480px){.genre-detail-v2__sets{grid-template-columns:1fr}}