.genres-page-mobile[data-v-99c0e8c7]{background:#121111;min-height:100vh;padding-bottom:80px}.genres-content[data-v-99c0e8c7]{max-width:1400px;margin:0 auto}.loading-state[data-v-99c0e8c7]{justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.loading-spinner[data-v-99c0e8c7]{flex-direction:column;align-items:center;gap:1rem;display:flex}.loading-spinner i[data-v-99c0e8c7]{color:var(--accent);font-size:2rem}.loading-spinner p[data-v-99c0e8c7]{color:#e4dad8b3;font-family:var(--font-global);margin:0;font-size:.875rem}.banner-section[data-v-99c0e8c7]{padding:1rem}.banner-card[data-v-99c0e8c7]{background:linear-gradient(90deg,#ffbf0033,#ff7f0033,#ef444433);border:1px solid #f59e0b4d;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.banner-icon-wrapper[data-v-99c0e8c7]{background:#f59e0b33;border-radius:.5rem;flex-shrink:0;padding:.5rem}.banner-icon[data-v-99c0e8c7]{color:#fbbf24;width:20px;height:20px}.banner-text[data-v-99c0e8c7]{flex:1;min-width:0}.banner-title[data-v-99c0e8c7]{color:#e4dad7;font-family:var(--font-global);margin:0 0 .25rem;font-size:.875rem;line-height:1.4}.banner-description[data-v-99c0e8c7]{color:#e4dad8b3;font-family:var(--font-global);margin:0;font-size:.6875rem;line-height:1.5}.search-section[data-v-99c0e8c7]{padding:.75rem 1rem;position:relative}.search-input[data-v-99c0e8c7]{font-family:var(--font-global);width:100%;font-size:.875rem;color:#e4dad7!important;background:#1a1818!important;border:1px solid #e4dad833!important;border-radius:12px!important;padding:12px 48px!important}.search-input[data-v-99c0e8c7]:focus{border-color:#561314!important;box-shadow:0 0 0 3px #5613141a!important}.search-input[data-v-99c0e8c7]::placeholder{color:#e4dad866}[data-v-99c0e8c7] .p-inputicon{color:#e4dad880;left:16px}.clear-search-btn[data-v-99c0e8c7]{color:#e4dad880;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-btn[data-v-99c0e8c7]:hover{color:#e05562;background:#e055621a}.clear-search-btn i[data-v-99c0e8c7]{font-size:.875rem}.genres-list[data-v-99c0e8c7]{flex-direction:column;gap:.75rem;padding:1rem 1rem 1.5rem;display:flex}.genre-card[data-v-99c0e8c7]{color:inherit;cursor:pointer;background:linear-gradient(90deg,#1a1818,#121111);border:1px solid #e4dad81a;border-radius:1rem;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.genre-card[data-v-99c0e8c7]:hover{border-color:#e4dad833;transform:translateY(-2px)}.genre-content[data-v-99c0e8c7]{align-items:center;gap:1rem;padding:1rem;display:flex}.genre-icon-wrapper[data-v-99c0e8c7]{background:linear-gradient(to bottom right,#e0556233,#e055620d);border:1px solid #e055624d;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.genre-icon[data-v-99c0e8c7]{color:#e05562;font-size:1.5rem}.genre-info[data-v-99c0e8c7]{flex:1;min-width:0}.genre-name[data-v-99c0e8c7]{color:#e4dad7;font-family:var(--font-global);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.9375rem;overflow:hidden}.genre-stats[data-v-99c0e8c7]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stat-text[data-v-99c0e8c7]{color:#e4dad8b3;font-family:var(--font-global);font-size:.6875rem}.genre-action[data-v-99c0e8c7]{background:#56131433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.genre-action i[data-v-99c0e8c7]{color:var(--accent);font-size:.875rem}.genre-card:hover .genre-action[data-v-99c0e8c7]{background:var(--accent)}.genre-card:hover .genre-action i[data-v-99c0e8c7]{color:#e4dad7}.empty-state[data-v-99c0e8c7]{text-align:center;padding:4rem 2rem}.empty-icon[data-v-99c0e8c7]{justify-content:center;margin-bottom:1rem;display:flex}.empty-icon svg[data-v-99c0e8c7]{color:#e4dad84d}.empty-state h3[data-v-99c0e8c7]{color:#e4dad7;font-family:var(--font-global);margin:0 0 .5rem;font-size:1.125rem}.empty-state p[data-v-99c0e8c7]{color:#e4dad899;font-family:var(--font-global);margin:0;font-size:.875rem}.infinite-sentinel[data-v-99c0e8c7]{width:100%;height:1px}