.Genre_container__AUmMG{min-height:100vh;width:calc(100% + 160px);margin-left:-80px;margin-right:-80px;padding:0 clamp(12px,5vw,80px) 60px}html.ios-native .Genre_container__AUmMG{width:100%;margin-left:0;margin-right:0;padding:0;background:var(--surface-1,#070707);position:relative;min-height:auto}.Genre_header__hiYbc{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:0;padding-bottom:0;margin-bottom:24px;background:transparent}html.ios-native .Genre_header__hiYbc{display:none}.Genre_title__umMLt{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.Genre_countBadge__bE_Ha{background:var(--surface-3);color:var(--text-hint);font-size:14px;padding:4px 12px;border-radius:100px}.Genre_spotifyHeader__pkkJa{display:none}html.ios-native .Genre_spotifyHeader__pkkJa{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px;background:var(--surface-1,#070707);transition:backdrop-filter .15s ease}html.ios-native.has-dynamic-island .Genre_spotifyHeader__pkkJa{padding-top:calc(env(safe-area-inset-top, 0px) + 16px)}html.ios-native .Genre_spotifyHeader__pkkJa:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:200px;background:var(--surface-1,#070707);pointer-events:none}html.ios-native .Genre_spotifyHeader__pkkJa.Genre_scrolled__40qh0{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.Genre_spotifyHeaderLeft__dKGvl{display:flex;align-items:center;gap:12px}.Genre_spotifyTitle__Zfvk3{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin:0}.Genre_spotifyHeaderRight__gZ5Pw{display:flex;align-items:center;gap:8px}.Genre_spotifyIconBtn__CPggY{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s}.Genre_spotifyIconBtn__CPggY:active{background:var(--overlay-medium)}.Genre_searchOverlay__Y_Zc6{position:fixed;inset:0;z-index:1000;background:var(--surface-1,#070707);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);animation:Genre_slideUp__YCYfY .2s ease-out}@keyframes Genre_slideUp__YCYfY{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Genre_searchOverlayHeader__qEGVi{display:flex;align-items:center;gap:12px;padding:8px 16px 12px;flex-shrink:0}.Genre_searchBackBtn__Wj3HU{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.Genre_searchBackBtn__Wj3HU:active{background:var(--overlay-medium)}.Genre_searchOverlayInputWrapper__UYNWy{flex:1;position:relative;display:flex;align-items:center}.Genre_searchOverlayIcon___hKGN{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.Genre_searchOverlayInput__xVtoj{width:100%;height:40px;padding:0 40px;border-radius:8px;background:var(--overlay-medium);border:none;outline:none;color:var(--text-primary);font-size:16px}.Genre_searchOverlayInput__xVtoj::placeholder{color:var(--text-secondary)}.Genre_searchOverlayClear__z1NNw{position:absolute;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.Genre_searchOverlayContent__zCiGd{flex:1;overflow-y:auto;padding:0 16px calc(100px + env(safe-area-inset-bottom, 0px))}.Genre_searchNoResults__FM6IT,.Genre_searchResultsList__3I84r{display:flex;flex-direction:column}.Genre_searchNoResults__FM6IT{align-items:center;justify-content:center;padding:60px 24px;text-align:center}.Genre_searchNoResults__FM6IT p{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.Genre_searchNoResults__FM6IT span{font-size:14px;color:var(--text-secondary)}.Genre_searchRecent__EENLM{padding:16px 0}.Genre_searchRecentTitle__HLuBu{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.Genre_searchRecentEmpty__gLIa8{font-size:14px;color:var(--text-secondary)}.Genre_list__gBXe7{display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding-bottom:60px}html.ios-native .Genre_list__gBXe7{max-width:100%;padding-bottom:calc(200px + env(safe-area-inset-bottom, 0px))}.Genre_genreSection__lsux3{scroll-margin-top:160px}html.ios-native .Genre_genreSection__lsux3{scroll-margin-top:calc(env(safe-area-inset-top, 0px) + 70px)}.Genre_sectionHeader__0km5Q{margin:0;padding:24px 16px 12px;font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;background:transparent}html.ios-native .Genre_sectionHeader__0km5Q{padding:20px 20px 10px;font-size:20px}.Genre_genreCard__tb45s{width:100%;background:var(--overlay-light);border-radius:12px;overflow:hidden;display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;margin-bottom:8px;transition:all .2s ease-out;text-decoration:none;color:var(--text-primary);position:relative}.Genre_genreCard__tb45s:hover{background:var(--overlay-medium)}html.ios-native .Genre_genreCard__tb45s{background:transparent;border-radius:0;padding:10px 20px;margin-bottom:0;gap:16px}html.ios-native .Genre_genreCard__tb45s:active{background:var(--overlay-medium)}html.ios-native .Genre_genreCard__tb45s:after{content:"";position:absolute;bottom:0;left:88px;right:20px;height:.5px;background:var(--overlay-medium)}html.ios-native .Genre_genreCard__tb45s:last-child:after{display:none}.Genre_genreThumbnail__9b5n7{width:56px;height:56px;min-width:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.25)}.Genre_genreThumbnail__9b5n7 svg{opacity:.95}html.ios-native .Genre_genreThumbnail__9b5n7{width:72px;height:72px;min-width:72px;border-radius:10px}.Genre_genreInfo__V_l5y{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px;justify-content:center}.Genre_genreName__5QH_c{font-size:16px;font-weight:600;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}html.ios-native .Genre_genreName__5QH_c{font-size:17px;font-weight:400;letter-spacing:-.2px}.Genre_genreCount__HUMXQ{font-size:14px;color:var(--text-secondary);line-height:1}html.ios-native .Genre_genreCount__HUMXQ{font-size:15px;color:rgba(235,235,245,.6)}.Genre_skeletonCard__Zu4D9{width:100%;height:80px;display:flex;align-items:center;padding:12px 16px;gap:16px;background:transparent}html.ios-native .Genre_skeletonCard__Zu4D9{padding:10px 20px;height:92px;position:relative}html.ios-native .Genre_skeletonCard__Zu4D9:after{content:"";position:absolute;bottom:0;left:88px;right:20px;height:.5px;background:var(--overlay-medium)}html.ios-native .Genre_skeletonCard__Zu4D9:last-child:after{display:none}.Genre_skeletonThumbnail__Gy2l8{width:56px;height:56px;min-width:56px;border-radius:8px;animation:Genre_shimmer__ulY2V 1.5s ease-in-out infinite}.Genre_skeletonThumbnail__Gy2l8,html.ios-native .Genre_skeletonThumbnail__Gy2l8{background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%}html.ios-native .Genre_skeletonThumbnail__Gy2l8{width:72px;height:72px;min-width:72px;border-radius:10px}html.ios-native .Genre_skeletonTitle__hn7P4{height:20px;width:55%;border-radius:5px}html.ios-native .Genre_skeletonSubtitle__8DIVE,html.ios-native .Genre_skeletonTitle__hn7P4{background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:Genre_shimmer__ulY2V 1.5s ease-in-out infinite}html.ios-native .Genre_skeletonSubtitle__8DIVE{height:16px;width:25%;border-radius:4px;animation-delay:.1s}.Genre_skeletonText__nrgtY{flex:1;display:flex;flex-direction:column;gap:8px}.Genre_skeletonTitle__hn7P4{height:18px;width:60%}.Genre_skeletonSubtitle__8DIVE,.Genre_skeletonTitle__hn7P4{border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:Genre_shimmer__ulY2V 1.5s ease-in-out infinite}.Genre_skeletonSubtitle__8DIVE{height:14px;width:30%;animation-delay:.1s}.Genre_skeletonSectionHeader__A_Tgs{width:150px;margin:24px 16px 12px;border-radius:6px;animation:Genre_shimmer__ulY2V 1.5s ease-in-out infinite}.Genre_skeletonSectionHeader__A_Tgs,html.ios-native .Genre_skeletonSectionHeader__A_Tgs{height:24px;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%}html.ios-native .Genre_skeletonSectionHeader__A_Tgs{margin:20px 20px 10px;width:140px}@keyframes Genre_shimmer__ulY2V{0%{background-position:-200% 0}to{background-position:200% 0}}.Genre_emptyState__MuMGZ{padding:80px 20px;color:var(--text-hint);text-align:center}.Genre_controlsRow__pnKNY,.Genre_emptyState__MuMGZ{display:flex;align-items:center;justify-content:center}.Genre_controlsRow__pnKNY{gap:12px;padding-bottom:0;margin-bottom:32px;flex-wrap:wrap;background:transparent}html.ios-native .Genre_controlsRow__pnKNY{display:none}.Genre_searchWrapper__LwCtc{position:relative;width:100%;max-width:400px;display:flex;align-items:center;background:var(--surface-2);border:none;border-radius:10px;height:48px;padding:0 16px}.Genre_searchIcon__dNB5h{flex-shrink:0;color:var(--text-tertiary)}.Genre_searchInput__2eGYb{flex:1;height:100%;background:transparent;border:none;padding:0 12px;color:var(--text-primary);font-size:14px;outline:none}.Genre_searchInput__2eGYb::placeholder{color:var(--text-tertiary)}.Genre_clearBtn__NeoLG{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Genre_clearBtn__NeoLG:hover{color:var(--text-secondary)}.Genre_sortDropdown__PDhvc{position:relative;flex-shrink:0}.Genre_sortButton__yv6wZ{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:9999px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.Genre_sortButton__yv6wZ:hover{background:var(--surface-3)}.Genre_sortIcon___axk2{color:#F97316;display:flex;align-items:center}.Genre_sortChevron__Uv2qo{color:var(--text-tertiary);transition:transform .2s ease}.Genre_sortChevronOpen__yA6ab{transform:rotate(180deg)}.Genre_sortMenu__a8Jpg{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;z-index:50;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:Genre_fadeSlideIn__BCvPH .15s ease-out}@keyframes Genre_fadeSlideIn__BCvPH{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.Genre_sortMenuHeader__dZDv3{padding:12px 16px;border-bottom:1px solid var(--border-default);font-size:12px;font-weight:600;color:var(--text-hint);text-transform:uppercase;letter-spacing:.05em}.Genre_sortMenuOptions__s5LMY{padding:4px 0}.Genre_sortOption__dhj2d{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.Genre_sortOption__dhj2d:hover{background:var(--overlay-light)}.Genre_sortOptionActive__DS2Ki,.Genre_sortOptionActive__DS2Ki:hover{background:rgba(249,115,22,.1)}.Genre_sortOptionLabel__c6R_D{font-size:14px;font-weight:500;color:var(--text-hint);transition:color .15s ease}.Genre_sortOptionActive__DS2Ki .Genre_sortOptionLabel__c6R_D{color:var(--text-primary)}.Genre_sortOptionChevron__ZfGsV{color:var(--text-tertiary)}.Genre_directionToggle__zptNy{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.3);border-radius:8px;padding:2px}.Genre_directionBtn__7L83n{padding:4px 8px;border:none;background:transparent;color:var(--text-hint);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.Genre_directionBtn__7L83n:hover{color:var(--text-hint)}.Genre_directionBtnActive__SBp6q{background:#F97316;color:var(--text-primary);box-shadow:0 2px 4px rgba(0,0,0,.2)}.Genre_directionBtnActive__SBp6q:hover{color:var(--text-primary)}.Genre_sortSheetOverlay__1SCVG{position:fixed;inset:0;background:var(--overlay-backdrop);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:Genre_fadeIn___sZjR .15s ease-out}@keyframes Genre_fadeIn___sZjR{0%{opacity:0}to{opacity:1}}.Genre_sortSheet__rU3sk{background:var(--surface-2);border-radius:14px 14px 0 0;width:100%;max-height:70vh;overflow-y:auto;animation:Genre_sortSheetSlideUp___wDme .25s ease-out}@keyframes Genre_sortSheetSlideUp___wDme{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Genre_sortSheetHandle__ncN4K{display:flex;justify-content:center;padding:10px 0 6px}.Genre_sortSheetHandleBar__BZ66v{width:36px;height:5px;border-radius:3px;background:var(--overlay-strong)}.Genre_sortSheetHeader__M1omF{padding:12px 20px 16px;border-bottom:.5px solid var(--border-default)}.Genre_sortSheetTitle__o1U3a{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.Genre_sortSheetOptions__E_cyb{padding:8px 0}.Genre_sortSheetRow___TABa{display:flex;flex-direction:column}.Genre_sortSheetOption__Rk4pd{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:transparent;border:none;cursor:pointer;text-align:left}.Genre_sortSheetOption__Rk4pd:active{background:var(--overlay-medium)}.Genre_sortSheetOptionSelected___kzGJ{background:rgba(249,115,22,.1)}.Genre_sortSheetOptionSelected___kzGJ:active{background:rgba(249,115,22,.15)}.Genre_sortSheetOptionLabel__XEqsE{font-size:17px;font-weight:400;color:var(--text-primary);letter-spacing:-.2px}.Genre_sortSheetOptionSelected___kzGJ .Genre_sortSheetOptionLabel__XEqsE{color:#F97316;font-weight:500}.Genre_sortSheetOption__Rk4pd svg{color:#F97316}.Genre_sortSheetDirection__6i7bW{display:flex;gap:8px;padding:8px 20px 16px}.Genre_sortSheetDirBtn__2UMMD{flex:1;padding:10px 16px;border-radius:8px;background:var(--surface-3);border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s}.Genre_sortSheetDirBtn__2UMMD:active{transform:scale(.98)}.Genre_sortSheetDirBtnActive__FOUPq{background:#F97316;color:var(--text-primary)}.Genre_sortSheetSafeArea__blDbI{height:env(safe-area-inset-bottom,20px)}@media (max-width:1024px){.Genre_container__AUmMG{width:calc(100% + 80px);margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.Genre_genreSection__lsux3{scroll-margin-top:150px}}@media (max-width:640px){.Genre_container__AUmMG{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;padding-bottom:40px}.Genre_header__hiYbc{padding-top:12px;padding-bottom:12px;margin-bottom:4px}.Genre_controlsRow__pnKNY{top:62px;padding-bottom:12px;margin-bottom:12px}.Genre_genreSection__lsux3{scroll-margin-top:140px}.Genre_title__umMLt{font-size:22px}.Genre_controlsRow__pnKNY{margin-bottom:20px}.Genre_searchWrapper__LwCtc{max-width:none;height:44px}.Genre_searchInput__2eGYb{font-size:16px}.Genre_sectionHeader__0km5Q{padding:20px 12px 8px;font-size:18px}.Genre_genreCard__tb45s{padding:10px 12px;gap:12px;margin-bottom:6px}.Genre_genreThumbnail__9b5n7{width:48px;height:48px;min-width:48px}.Genre_genreName__5QH_c{font-size:15px}.Genre_genreCount__HUMXQ{font-size:13px}html.ios-native .Genre_container__AUmMG{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;padding-bottom:0}}