.hdk-genre-menu,.hdk-genre-trigger{background:var(--hdk-background,#fff)}.hdk-section-header-v2{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hdk-section-header-right{display:flex;align-items:center;gap:.5rem}.hdk-genre-dropdown{position:relative;z-index:100}.hdk-genre-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;border:1px solid var(--hdk-border,#e1eaef);border-radius:var(--hdk-radius-full,20px);color:var(--hdk-text-secondary,#536471);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:.2s;white-space:nowrap;line-height:1.3}.hdk-genre-trigger:hover{border-color:var(--hdk-primary,#54cfd6);color:var(--hdk-primary,#54cfd6);background:var(--hdk-primary-light,rgba(84,207,214,.08))}.hdk-genre-trigger:focus-visible{outline:0;border-color:var(--hdk-primary,#54cfd6);box-shadow:0 0 0 3px var(--hdk-primary-light,rgba(84,207,214,.15))}.hdk-genre-trigger .hdk-genre-icon{font-size:.9375rem;color:var(--hdk-primary,#54cfd6);opacity:.9;flex-shrink:0}.hdk-genre-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.hdk-genre-chevron{font-size:.875rem;opacity:.6;flex-shrink:0;transition:transform .25s}.hdk-genre-dropdown.is-open .hdk-genre-trigger{border-color:var(--hdk-primary,#54cfd6);background:var(--hdk-primary-light,rgba(84,207,214,.1));color:var(--hdk-primary,#54cfd6)}.hdk-genre-dropdown.is-open .hdk-genre-chevron{transform:rotate(180deg)}.hdk-genre-dropdown.has-selection .hdk-genre-trigger{background:var(--hdk-primary,#54cfd6);border-color:var(--hdk-primary,#54cfd6);color:#fff}.hdk-genre-dropdown.has-selection .hdk-genre-chevron,.hdk-genre-dropdown.has-selection .hdk-genre-icon{color:#fff;opacity:.9}.hdk-genre-dropdown.has-selection .hdk-genre-trigger:hover{background:var(--hdk-primary-hover,#48b8be);border-color:var(--hdk-primary-hover,#48b8be)}.hdk-genre-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;max-width:280px;border:1px solid var(--hdk-border,#e1eaef);border-radius:var(--hdk-radius-lg,12px);box-shadow:0 10px 40px rgba(0,0,0,.12),0 2px 10px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:.2s cubic-bezier(.16, 1, .3, 1);overflow:hidden}.hdk-genre-dropdown.is-open .hdk-genre-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hdk-genre-menu-inner{max-height:320px;overflow-y:auto;padding:.375rem;scrollbar-width:thin;scrollbar-color:var(--hdk-border,#e1eaef) transparent}.hdk-genre-menu-inner::-webkit-scrollbar{width:4px}.hdk-genre-menu-inner::-webkit-scrollbar-track{background:0 0}.hdk-genre-menu-inner::-webkit-scrollbar-thumb{background:var(--hdk-border,#e1eaef);border-radius:4px}.hdk-genre-menu-inner::-webkit-scrollbar-thumb:hover{background:var(--hdk-text-muted,#8899a6)}.hdk-genre-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--hdk-radius-md,8px);font-size:.8125rem;font-weight:500;color:var(--hdk-text-primary,#0f1419);cursor:pointer;transition:.15s;user-select:none}.hdk-genre-option:hover{background:var(--hdk-primary-light,rgba(84,207,214,.1));color:var(--hdk-primary,#54cfd6)}.hdk-genre-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdk-genre-option-count{font-size:.6875rem;font-weight:600;color:var(--hdk-text-muted,#8899a6);background:var(--hdk-card,#f7f8f8);padding:.125rem .375rem;border-radius:var(--hdk-radius-sm,4px);min-width:1.5rem;text-align:center}.hdk-genre-check{font-size:1rem;color:var(--hdk-primary,#54cfd6);opacity:0;transform:scale(.5);transition:.15s;flex-shrink:0}.hdk-genre-option.active{background:var(--hdk-primary-light,rgba(84,207,214,.12));color:var(--hdk-primary,#54cfd6)}.hdk-genre-option.active .hdk-genre-check{opacity:1;transform:scale(1)}.hdk-genre-option.active .hdk-genre-option-count{background:var(--hdk-primary,#54cfd6);color:#fff}.hdk-genre-option:first-child{border-bottom:1px solid var(--hdk-border,#e1eaef);margin-bottom:.25rem;padding-bottom:.625rem;border-radius:var(--hdk-radius-md,8px) var(--hdk-radius-md,8px) 0 0}@media (max-width:575.98px){.hdk-section-header-v2{gap:.75rem}.hdk-genre-trigger{padding:10px;font-size:.7rem}.hdk-genre-trigger .hdk-genre-icon{font-size:.875rem}.hdk-genre-label{max-width:70px}.hdk-genre-menu{min-width:180px;max-width:240px;right:-.5rem}.hdk-genre-option{padding:.4375rem .625rem;font-size:.75rem}.hdk-genre-menu-inner{max-height:280px}}.dark .hdk-genre-trigger,body.dark-mode .hdk-genre-trigger{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628);color:var(--hdk-text-secondary,#8899a6)}.dark .hdk-genre-trigger:hover,body.dark-mode .hdk-genre-trigger:hover{border-color:var(--hdk-primary,#1c9cf0);color:var(--hdk-primary,#1c9cf0);background:var(--hdk-primary-light,rgba(28,156,240,.1))}.dark .hdk-genre-check,.dark .hdk-genre-trigger .hdk-genre-icon,body.dark-mode .hdk-genre-check,body.dark-mode .hdk-genre-trigger .hdk-genre-icon{color:var(--hdk-primary,#1c9cf0)}.dark .hdk-genre-dropdown.is-open .hdk-genre-trigger,body.dark-mode .hdk-genre-dropdown.is-open .hdk-genre-trigger{border-color:var(--hdk-primary,#1c9cf0);background:var(--hdk-primary-light,rgba(28,156,240,.12));color:var(--hdk-primary,#1c9cf0)}.dark .hdk-genre-dropdown.has-selection .hdk-genre-trigger,body.dark-mode .hdk-genre-dropdown.has-selection .hdk-genre-trigger{background:var(--hdk-primary,#1c9cf0);border-color:var(--hdk-primary,#1c9cf0);color:#fff}.dark .hdk-genre-dropdown.has-selection .hdk-genre-trigger:hover,body.dark-mode .hdk-genre-dropdown.has-selection .hdk-genre-trigger:hover{background:var(--hdk-primary-hover,#1a8cd8);border-color:var(--hdk-primary-hover,#1a8cd8)}.dark .hdk-genre-menu,body.dark-mode .hdk-genre-menu{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628);box-shadow:0 10px 40px rgba(0,0,0,.4),0 2px 10px rgba(0,0,0,.3)}.dark .hdk-genre-option,body.dark-mode .hdk-genre-option{color:var(--hdk-text-primary,#e7e9ea)}.dark .hdk-genre-option:hover,body.dark-mode .hdk-genre-option:hover{background:var(--hdk-primary-light,rgba(28,156,240,.1));color:var(--hdk-primary,#1c9cf0)}.dark .hdk-genre-option.active,body.dark-mode .hdk-genre-option.active{background:var(--hdk-primary-light,rgba(28,156,240,.15));color:var(--hdk-primary,#1c9cf0)}.dark .hdk-genre-option-count,body.dark-mode .hdk-genre-option-count{background:var(--hdk-background,#000);color:var(--hdk-text-muted,#8899a6)}.dark .hdk-genre-option.active .hdk-genre-option-count,body.dark-mode .hdk-genre-option.active .hdk-genre-option-count{background:var(--hdk-primary,#1c9cf0);color:#fff}.dark .hdk-genre-option:first-child,body.dark-mode .hdk-genre-option:first-child{border-bottom-color:var(--hdk-border,#242628)}.dark .hdk-genre-menu-inner::-webkit-scrollbar-thumb,body.dark-mode .hdk-genre-menu-inner::-webkit-scrollbar-thumb{background:var(--hdk-border,#242628)}.dark .hdk-genre-menu-inner::-webkit-scrollbar-thumb:hover,body.dark-mode .hdk-genre-menu-inner::-webkit-scrollbar-thumb:hover{background:var(--hdk-text-muted,#8899a6)}