/* CANTAIMY v7.6.60 — Genres UI refresh */
#genres.genre-refresh-view{padding:0!important;background:radial-gradient(circle at 25% 15%,rgba(72,29,145,.22),transparent 32%),radial-gradient(circle at 88% 18%,rgba(0,167,255,.12),transparent 28%),#05061a!important;color:#fff;min-height:100vh;overflow-x:hidden}
#genres .genre-refresh-topnav{height:74px;display:grid;grid-template-columns:250px minmax(420px,1fr) minmax(240px,320px) auto 50px;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid rgba(153,114,255,.22);background:rgba(4,5,22,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}
#genres .genre-brand-home{border:0;background:transparent;padding:0;display:flex;align-items:center;cursor:pointer;width:200px;height:54px}
#genres .genre-brand-home img{width:188px;height:50px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(117,88,255,.18))}
#genres .genre-refresh-nav{display:flex;align-items:center;gap:8px;height:100%}
#genres .genre-refresh-nav button{height:52px;border:0;background:transparent;color:#dfe3f5;padding:0 14px;border-radius:10px;font:600 14px/1 Inter,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative}
#genres .genre-refresh-nav button:hover{background:rgba(255,255,255,.045);color:#fff}
#genres .genre-refresh-nav button.active{background:linear-gradient(180deg,rgba(175,43,230,.19),rgba(52,67,247,.11));color:#fff}
#genres .genre-refresh-nav button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:4px;background:linear-gradient(90deg,#ff36c8,#6f55ff,#00d9ff)}
#genres .nav-ico{font-size:19px;color:#fff}
#genres .genre-search-launch{height:42px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(15,16,48,.7);color:#8f96b4;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font:500 13px Inter,Arial,sans-serif}
#genres .genre-search-launch:hover{border-color:rgba(83,219,255,.38);color:#cdd5ef}
#genres .genre-language{display:flex!important;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(12,13,37,.75)}
#genres .genre-language button{width:38px;height:34px;border:0;border-radius:18px;background:transparent;color:#aeb4c9;font:700 12px Inter,Arial,sans-serif;cursor:pointer}
#genres .genre-language button.active{background:linear-gradient(135deg,#e838d4,#7544ff);color:#fff;box-shadow:0 0 18px rgba(209,48,255,.28)}
#genres .genre-profile-button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);padding:2px;background:linear-gradient(135deg,#ff3bc8,#5a6dff,#00e8ff);cursor:pointer;overflow:hidden}
#genres .genre-profile-button img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#10142e}
#genres .genre-refresh-shell{width:min(1540px,calc(100vw - 42px));margin:0 auto;padding:14px 0 155px}
#genres .genre-refresh-hero{min-height:250px;border:1px solid rgba(111,87,255,.29);border-radius:16px;overflow:hidden;position:relative;display:grid;grid-template-columns:42% 36% 22%;align-items:center;padding:24px 36px;background:radial-gradient(circle at 58% 38%,rgba(132,24,188,.27),transparent 28%),linear-gradient(110deg,rgba(22,7,57,.96),rgba(5,9,33,.96) 48%,rgba(6,17,43,.97));box-shadow:0 18px 50px rgba(0,0,0,.22)}
#genres .genre-refresh-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ff3bc8,#00e7ff,transparent);opacity:.7}
#genres .genre-hero-copy{position:relative;z-index:2}
#genres .genre-kicker{margin:0 0 2px;color:#ff49ce;text-transform:uppercase;letter-spacing:.18em;font:800 12px Inter,Arial,sans-serif}
#genres .genre-hero-copy h1{margin:0;font:900 clamp(56px,5.8vw,88px)/.92 Inter,Arial,sans-serif;letter-spacing:-.055em}
#genres .genre-hero-copy h2{margin:12px 0 4px;font:700 clamp(18px,1.65vw,26px)/1.2 Inter,Arial,sans-serif;color:#fff}
#genres .genre-hero-description{margin:0;color:#b7bfd9;font:500 13px/1.5 Inter,Arial,sans-serif}
#genres .genre-hero-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
#genres .genre-primary-action,#genres .genre-secondary-action{height:42px;border-radius:12px;padding:0 20px;font:700 13px Inter,Arial,sans-serif;cursor:pointer}
#genres .genre-primary-action{border:0;color:#fff;background:linear-gradient(100deg,#ff35ad,#b73af2,#356dff);box-shadow:0 8px 24px rgba(177,43,255,.22)}
#genres .genre-secondary-action{border:1px solid rgba(255,255,255,.16);color:#e8ebf7;background:rgba(9,11,34,.52)}
#genres .genre-hero-visual{position:relative;z-index:1;height:210px;display:grid;place-items:center}
#genres .genre-hero-visual img{width:180px;height:180px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 26px rgba(243,41,213,.42));position:relative;z-index:3}
#genres .genre-eq{position:absolute;left:0;right:0;bottom:26px;height:92px;display:flex;gap:9px;align-items:end;justify-content:center;opacity:.82;z-index:1}
#genres .genre-eq i{display:block;width:7px;border-radius:5px 5px 0 0;background:linear-gradient(#ff2eb8,#753fff,#00d9ff);box-shadow:0 0 11px rgba(215,39,255,.55)}
#genres .genre-eq i:nth-child(1){height:23%}#genres .genre-eq i:nth-child(2){height:48%}#genres .genre-eq i:nth-child(3){height:72%}#genres .genre-eq i:nth-child(4){height:38%}#genres .genre-eq i:nth-child(5){height:84%}#genres .genre-eq i:nth-child(6){height:55%}#genres .genre-eq i:nth-child(7){height:92%}#genres .genre-eq i:nth-child(8){height:66%}#genres .genre-eq i:nth-child(9){height:42%}#genres .genre-eq i:nth-child(10){height:76%}#genres .genre-eq i:nth-child(11){height:51%}#genres .genre-eq i:nth-child(12){height:28%}
#genres .genre-wave{position:absolute;left:-35%;right:-35%;height:74px;border-top:1px solid rgba(154,53,255,.44);border-radius:50%;transform:rotate(-3deg);z-index:0}.genre-wave-b{top:120px!important;border-color:rgba(0,210,255,.32)!important;transform:rotate(4deg)!important}
#genres .genre-hero-slogan{position:relative;z-index:2;align-self:start;margin-top:18px;display:flex;flex-direction:column;gap:4px;font:500 clamp(20px,1.85vw,30px)/1.15 Inter,Arial,sans-serif;color:#f4f5fb}
#genres .genre-hero-slogan strong{font-weight:800;background:linear-gradient(90deg,#ff38b9,#b24cff,#19d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
#genres .genre-featured-section,#genres .genre-all-section,#genres .genre-picks-section,#genres .genre-selection-results{width:100%!important;margin:14px 0 0!important}
#genres .genre-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 8px 8px}
#genres .genre-section-heading h2{margin:0;font:700 18px/1.2 Inter,Arial,sans-serif;color:#fff}
#genres .popular-genre-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#genres .popular-genre-card{min-height:100px;border:1px solid rgba(132,115,217,.28);border-radius:14px;background:linear-gradient(135deg,rgba(21,22,62,.9),rgba(10,12,38,.86));padding:10px;display:grid;grid-template-columns:96px 1fr 40px;gap:13px;align-items:center;cursor:pointer;transition:.18s ease;overflow:hidden}
#genres .popular-genre-card:hover{transform:translateY(-2px);border-color:rgba(0,226,255,.42);box-shadow:0 12px 32px rgba(0,0,0,.22)}
#genres .popular-genre-art{width:96px;height:76px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#3b1f79,#0f8ad8);position:relative}
#genres .popular-genre-art img{width:100%;height:100%;object-fit:cover}
#genres .popular-genre-info strong{display:block;font:700 16px/1.2 Inter,Arial,sans-serif;color:#fff;margin-bottom:6px}
#genres .popular-genre-info span{display:block;color:#aeb6d0;font:500 12px/1.45 Inter,Arial,sans-serif}
#genres .popular-genre-play{width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,#ee3bd4,#7c41ff);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 0 18px rgba(195,46,255,.24)}
#genres #genreGrid.v661-genre-grid{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px 9px!important}
#genres #genreGrid .genre-card{height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:10px!important;border:1px solid rgba(129,114,208,.32)!important;background:linear-gradient(135deg,rgba(16,19,53,.92),rgba(11,13,39,.9))!important;padding:0 14px!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;color:#f3f4fb!important;transition:.16s ease!important}
#genres #genreGrid .genre-card:hover{border-color:rgba(0,219,255,.42)!important;background:linear-gradient(135deg,rgba(23,26,70,.96),rgba(14,17,47,.96))!important;transform:translateY(-1px)!important}
#genres #genreGrid .genre-card .genre-label{font-size:13px!important;font-weight:600!important;color:#e9ecf7!important}
#genres #genreGrid .genre-card .genre-check{width:18px!important;height:18px!important;border-color:rgba(185,195,226,.52)!important}
#genres .genre-selection-results{padding:14px!important;border:1px solid rgba(124,108,205,.24);border-radius:14px;background:rgba(9,11,35,.72)}
#genres .genre-selection-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px}
#genres .genre-selection-head h2{margin:0;font:800 24px Inter,Arial,sans-serif}.genre-selection-head .eyebrow{margin:0 0 2px;color:#00dfff}
#genres .genre-song-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#genres .genre-song-row{min-height:76px;border:1px solid rgba(132,115,217,.25);border-radius:12px;background:rgba(16,18,52,.78);padding:10px 10px 10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 38px;grid-template-areas:"title play" "artist play";align-items:center;gap:1px 8px}
#genres .genre-song-title{grid-area:title;font:700 13px Inter,Arial,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-song-artist{grid-area:artist;font:500 11px Inter,Arial,sans-serif;color:#9da6c2}.genre-song-plays{display:none!important}.genre-song-play{grid-area:play;width:36px;height:36px;border:0;border-radius:50%;background:linear-gradient(135deg,#ef3bd4,#7245ff);color:#fff;cursor:pointer}
#genres .genre-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#genres .genre-pick-card{height:82px;border:1px solid rgba(132,115,217,.26);border-radius:12px;background:linear-gradient(135deg,rgba(18,20,57,.9),rgba(9,11,35,.88));padding:8px;display:grid;grid-template-columns:66px minmax(0,1fr) 36px;align-items:center;gap:10px}
#genres .genre-pick-card img{width:66px;height:66px;border-radius:9px;object-fit:cover;background:#161936}.genre-pick-meta{min-width:0}.genre-pick-meta strong{display:block;color:#fff;font:700 13px Inter,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-pick-meta span{display:block;color:#9da6c2;font:500 11px Inter,Arial,sans-serif;margin-top:4px}.genre-pick-play{width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#e737d1,#8146ff);cursor:pointer}
@media(max-width:1250px){#genres .genre-refresh-topnav{grid-template-columns:210px 1fr auto auto 46px}.genre-search-launch{display:none!important}#genres .genre-refresh-hero{grid-template-columns:48% 32% 20%;padding:22px 26px}#genres .popular-genre-cards{grid-template-columns:repeat(2,1fr)}#genres #genreGrid.v661-genre-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:900px){#genres .genre-refresh-topnav{height:64px;grid-template-columns:1fr auto auto;padding:0 14px}.genre-refresh-nav{display:none!important}.genre-brand-home{width:150px!important}.genre-brand-home img{width:146px!important}.genre-profile-button{display:none!important}#genres .genre-refresh-shell{width:calc(100vw - 20px);padding-top:10px}#genres .genre-refresh-hero{grid-template-columns:1fr;min-height:390px;padding:22px}.genre-hero-copy{max-width:72%}.genre-hero-visual{position:absolute;right:4%;bottom:26px;width:42%;height:200px}.genre-hero-visual img{width:150px;height:150px}.genre-hero-slogan{position:absolute;right:22px;top:22px;max-width:39%;font-size:20px!important}.popular-genre-cards{grid-template-columns:1fr 1fr}#genres #genreGrid.v661-genre-grid{grid-template-columns:repeat(2,1fr)!important}.genre-song-list,.genre-picks{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){#genres .genre-refresh-hero{min-height:420px}.genre-hero-copy{max-width:100%}.genre-hero-slogan{position:static;max-width:none;margin-top:22px;font-size:18px!important}.genre-hero-visual{opacity:.42;right:-10%;bottom:5px;width:62%}.popular-genre-cards{grid-template-columns:1fr}.popular-genre-card{grid-template-columns:78px 1fr 36px}.popular-genre-art{width:78px!important}.genre-song-list,.genre-picks{grid-template-columns:1fr!important}#genres .genre-language button{width:34px}.genre-refresh-topnav{gap:8px!important}}


/* v7.6.62 — simplified Genres flow */
#genres .genre-featured-section,#genres .genre-picks-section{display:none!important}
#genres .genre-all-section{margin-top:18px!important}
#genres .genre-section-heading h2{font-size:20px!important;letter-spacing:-.01em}
#genres .genre-selection-results{margin-top:18px!important}
#genres .genre-selection-head{padding:4px 2px 12px!important}
#genres .genre-selection-head .eyebrow{display:none!important}
#genres .genre-selection-head h2{font-size:28px!important;margin:0!important}
#genres .genre-clear{border:1px solid rgba(148,122,255,.38)!important;background:rgba(255,255,255,.035)!important;color:#eef1ff!important}
#genres .genre-clear:hover{border-color:#00d9ff!important;background:rgba(0,217,255,.07)!important}
#genres #genreGrid.v661-genre-grid{margin-top:10px!important}
#genres .genre-hero-actions{margin-top:16px!important}
#genres .genre-song-row{grid-template-columns:minmax(0,1.3fr) minmax(140px,.8fr) auto!important}
#genres .genre-song-plays{display:none!important}
@media(max-width:700px){#genres .genre-selection-head{align-items:center!important}#genres .genre-selection-head h2{font-size:23px!important}#genres .genre-song-row{grid-template-columns:minmax(0,1fr) auto!important}.genre-song-artist{display:none!important}}