.selectors_selectorContainer__YA5Z2{padding:16px;background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.selectors_selectorTitle__mul0I{font-size:16px;font-weight:600;margin-bottom:8px;margin-top:0;color:var(--text-primary);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.selectors_buttonContainer__foJMi{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.selectors_selectorContainer__YA5Z2{margin-bottom:12px}.selectors_buttonContainer__foJMi{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;position:relative}.selectors_buttonContainer__foJMi::-webkit-scrollbar{display:none}.selectors_genreScrollContainer__jP4a1{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;position:relative;scroll-snap-type:x mandatory;scroll-padding:50%}.selectors_genreScrollContainer__jP4a1::-webkit-scrollbar{display:none}.selectors_tagScrollContainer__Q7VCE{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;position:relative;scroll-snap-type:x mandatory;scroll-padding:50%;scroll-behavior:smooth}.selectors_tagScrollContainer__Q7VCE::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.selectors_tagScrollContainer__Q7VCE{scroll-behavior:auto}}.selectors_scrollContainer__qQB9N{position:relative}.selectors_scrollContainer__qQB9N:after,.selectors_scrollContainer__qQB9N:before{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.selectors_scrollContainer__qQB9N:before{left:0;background:linear-gradient(to right,var(--surface-color),transparent)}.selectors_scrollContainer__qQB9N:after{right:0;background:linear-gradient(to left,var(--surface-color),transparent)}}.selectors_button__Z6OU8{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.selectors_button__Z6OU8:hover{border-color:var(--primary-hover)}.selectors_buttonSelected__zLomR{border-color:var(--primary-color);background:var(--primary-color);color:var(--button-text-active)}@media (max-width:640px){.selectors_genreButton__Rvw_z{border-radius:20px;scroll-snap-align:center}.selectors_genreButtonSelected__Mk7Kk{padding:10px 20px;font-size:15px;transform:scale(1.05);scroll-snap-align:center}}.selectors_tagButton__Zm_N1{padding:6px 12px;font-size:13px;border-radius:20px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.selectors_tagButton__Zm_N1{scroll-snap-align:center;max-width:150px}.selectors_tagButtonSelected__XC4Bk{padding:8px 16px;font-size:14px;transform:scale(1.05);scroll-snap-align:center;max-width:180px}}.selectors_tagSelectorContainer__alki_{padding:16px;background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:24px}@media (max-width:640px){.selectors_tagSelectorContainer__alki_{margin-bottom:16px}}.selectors_tagHeader__1JB_P{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.selectors_tagTitle__mSQV_{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.selectors_clearButton__skkYC{background:var(--surface-secondary);border:1px solid var(--border-color);cursor:pointer}.selectors_clearButton__skkYC,.selectors_selectedTag___Q7Fr{padding:4px 8px;font-size:12px;border-radius:4px;color:var(--text-secondary)}.selectors_selectedTag___Q7Fr{background:var(--surface-hover);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-bottom:12px;display:inline-block}.selectors_noGenresMessage__8oj32{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6;background:var(--surface-hover);border-radius:8px;margin-top:8px}.selectors_customRankingItem__Hjs9C{position:relative;display:flex;align-items:center}.selectors_customRankingItem__Hjs9C:hover .selectors_customRankingActions__bGxKj{opacity:1}.selectors_customRankingActions__bGxKj{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .2s ease}.selectors_deleteButton__pOdri,.selectors_editButton__HR2RN{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:12px;background:var(--surface-secondary);transition:all .2s ease}.selectors_editButton__HR2RN:hover{background:var(--primary-color);transform:scale(1.1)}.selectors_deleteButton__pOdri:hover{background:var(--error-color,#ef4444);transform:scale(1.1)}.selectors_tagHeader__1JB_P:hover .selectors_customRankingActions__bGxKj,.selectors_tagSelectorContainer__alki_ .selectors_customRankingActions__bGxKj{opacity:1}@media (max-width:640px){.selectors_customRankingActions__bGxKj{opacity:1}}.selectors_actionButton__GITUI{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-secondary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.selectors_actionButton__GITUI:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.selectors_actionButton__GITUI.selectors_deleteAction__K3d_R{border-color:var(--error-color,#ef4444);color:var(--error-color,#ef4444);background:var(--error-bg,rgba(239,68,68,.1))}.selectors_actionButton__GITUI.selectors_deleteAction__K3d_R:hover{background:var(--error-color,#ef4444);color:white}.selectors_actionIcon__i2XJY{font-size:14px;display:inline-block}.selectors_actionText__EvDKE{font-size:12px}@media (max-width:480px){.selectors_actionText__EvDKE{display:none}.selectors_actionButton__GITUI{padding:6px 10px}}.mylist-modal_overlay__JIaWQ{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);animation:mylist-modal_fadeIn__vu9d9 .2s ease-out;z-index:1000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mylist-modal_modal__TdruO{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color);border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;animation:mylist-modal_slideUp___Pcge .3s ease-out;z-index:1001;-webkit-touch-callout:none}[data-theme=dark] .mylist-modal_modal__TdruO{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}[data-theme=darkblue] .mylist-modal_modal__TdruO{box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3)}.mylist-modal_header__RVHf8{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.mylist-modal_title__ovue2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.mylist-modal_closeButton__JwZ_K{background:transparent;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);font-size:20px;line-height:1;border-radius:4px;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mylist-modal_closeButton__JwZ_K:hover{background:var(--bg-secondary);color:var(--text-primary)}.mylist-modal_content___J0HW{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.mylist-modal_mylistItem__qtj_Z{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;width:100%;text-align:left}.mylist-modal_mylistItem__qtj_Z:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color)}.mylist-modal_mylistItem__qtj_Z:disabled{cursor:default;opacity:.6}.mylist-modal_mylistItem__qtj_Z.mylist-modal_selected__EIoU8{background:var(--bg-secondary);border-color:var(--success-color)}.mylist-modal_mylistIcon__nF2Dm{font-size:20px;line-height:1;flex-shrink:0}.mylist-modal_mylistItem__qtj_Z.mylist-modal_selected__EIoU8 .mylist-modal_mylistIcon__nF2Dm{color:var(--success-color)}.mylist-modal_mylistInfo__7MViU{flex:1 1;min-width:0}.mylist-modal_mylistName___Us58{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.mylist-modal_defaultBadge__OKi_G{font-size:12px;padding:2px 8px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px}.mylist-modal_mylistMeta__gRSLp{font-size:13px;color:var(--text-secondary);margin-top:2px}.mylist-modal_footer__1B6Rc{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px}.mylist-modal_primaryButton__GkVkj,.mylist-modal_secondaryButton__4CUnm{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mylist-modal_primaryButton__GkVkj{background:var(--primary-color);color:white;flex:1 1}.mylist-modal_primaryButton__GkVkj:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.mylist-modal_primaryButton__GkVkj:disabled{opacity:.5;cursor:not-allowed}.mylist-modal_secondaryButton__4CUnm{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.mylist-modal_secondaryButton__4CUnm:hover:not(:disabled){background:var(--bg-hover)}.mylist-modal_newForm__wZsZ4{flex:1 1;display:flex;flex-direction:column;gap:12px}.mylist-modal_input__MptoS,.mylist-modal_textarea__Egk8R{width:100%;padding:10px 14px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s}.mylist-modal_input__MptoS:focus,.mylist-modal_textarea__Egk8R:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover)}.mylist-modal_textarea__Egk8R{resize:vertical;min-height:60px;font-family:inherit}.mylist-modal_formButtons__yD7As{display:flex;gap:12px;margin-top:4px}@media (max-width:640px){.mylist-modal_modal__TdruO{width:100%;height:80vh;max-width:none;max-height:none;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;animation:mylist-modal_slideUpMobile__Awwme .3s ease-out}.mylist-modal_content___J0HW{padding:12px}}@keyframes mylist-modal_fadeIn__vu9d9{0%{opacity:0}to{opacity:1}}@keyframes mylist-modal_slideUp___Pcge{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes mylist-modal_slideUpMobile__Awwme{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mylist-modal_navigationSection__FTDMJ{padding:16px;background:var(--bg-secondary);border-radius:8px;margin:16px}.mylist-modal_navigationLink__2ojtl{display:flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s}.mylist-modal_navigationLink__2ojtl:hover{opacity:.8;text-decoration:underline}.mylist-button{border-radius:21px;padding:7px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;width:38px;height:38px;flex-shrink:0;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){.mylist-button:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:0}}.mylist-button--normal{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;opacity:1}.mylist-button--active{background:var(--success-color);border:1px solid var(--success-color);color:white;cursor:pointer;opacity:1}.mylist-button--processing{cursor:wait;opacity:.6}.mylist-button--normal:hover:not(.mylist-button--processing){background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.mylist-button--active:hover{background:var(--success-color);border-color:var(--success-color);color:white}.mylist-button-placeholder{width:38px;height:38px;border-radius:21px;background:var(--surface-secondary);opacity:.5;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.mylist-button__icon{font-size:18px;line-height:1;position:relative;z-index:1}.popover-ng-selector{position:fixed;background:var(--surface-color,white);border:1px solid var(--border-color,#d1d5db);border-radius:8px;box-shadow:var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));min-width:280px;max-width:320px;z-index:1000;opacity:0;transform:translateY(-4px) scale(.95);animation:popover-fade-in .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes popover-fade-in{to{opacity:1;transform:translateY(0) scale(1)}}.popover-ng-selector--closing{animation:popover-fade-out .1s cubic-bezier(.4,0,1,1) forwards}@keyframes popover-fade-out{to{opacity:0;transform:translateY(-2px) scale(.98)}}.popover-ng-selector__content{padding:12px}.popover-ng-selector__header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color,#e5e7eb)}.popover-ng-selector__header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary,#111827);display:flex;align-items:center;gap:6px}.popover-ng-selector__options{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.popover-ng-selector__option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;text-align:left;width:100%;color:var(--text-primary)}.popover-ng-selector__option:hover{background:var(--surface-hover,#f3f4f6);border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.popover-ng-selector__option:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.popover-ng-selector__icon{font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px}.popover-ng-selector__actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-color,#e5e7eb)}.popover-ng-selector__close{padding:6px 12px;background:transparent;border:1px solid var(--border-color,#d1d5db);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary,#6b7280);transition:all .2s}.popover-ng-selector__close:hover{background:var(--surface-hover,#f3f4f6);border-color:var(--text-secondary,#6b7280)}.popover-ng-selector__close:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@media (max-width:480px){.popover-ng-selector{min-width:220px;max-width:min(260px,calc(100vw - 40px))}.popover-ng-selector__option{padding:10px 12px;font-size:14px}.popover-ng-selector__icon{font-size:18px;width:22px}}@media (prefers-contrast:high){.popover-ng-selector{border-width:2px;box-shadow:0 4px 8px rgba(0,0,0,.3)}.popover-ng-selector__close,.popover-ng-selector__option{border-width:2px}}@media (prefers-reduced-motion:reduce){.popover-ng-selector{animation:none;opacity:1;transform:none}.popover-ng-selector__close,.popover-ng-selector__option{transition:none}}.popover-ng-selector__option>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 1;min-width:0}.popover-ng-selector--calculating{visibility:hidden;animation:none;top:0!important;left:0!important}.quick-ng-button-container{position:relative;display:inline-block}.quick-ng-button{border-radius:21px;padding:7px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;width:38px;height:38px;flex-shrink:0;position:relative;border:1px solid;background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary);cursor:pointer;opacity:1;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){.quick-ng-button:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:0}}.quick-ng-button:hover:not(.quick-ng-button--disabled){background:var(--surface-hover,var(--surface-color));border-color:var(--border-color);transform:scale(1.05)}.quick-ng-button[aria-expanded=true]{background:var(--surface-secondary,var(--surface-color));border-color:var(--border-color);transform:scale(1.02)}.quick-ng-button--disabled{cursor:not-allowed;opacity:.6;color:var(--text-muted,#9ca3af)}.quick-ng-button--disabled,.quick-ng-button--disabled:hover{background:var(--surface-secondary,#e5e7eb);border-color:var(--border-color,#d1d5db)}.quick-ng-button--disabled:hover{transform:none}.quick-ng-button__icon{font-size:18px;line-height:1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.quick-ng-button:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@keyframes ng-button-pulse{0%,to{opacity:1}50%{opacity:.8}}.quick-ng-button--processing{cursor:wait;animation:ng-button-pulse 1.5s ease-in-out infinite}@media (prefers-contrast:high){.quick-ng-button{border-width:2px}.quick-ng-button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.quick-ng-button{transition:none}.quick-ng-button:hover,.quick-ng-button[aria-expanded=true]{transform:none}.quick-ng-button--processing{animation:none}}.tag-context-menu-container{position:relative;display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-context-menu-trigger{display:contents}.tag-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:998;animation:fadeIn .2s ease-out}.tag-context-menu{position:fixed;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:4px;min-width:220px;z-index:999;animation:slideIn .2s ease-out;transform:translate(-50%,-100%);margin-top:-8px}.tag-context-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:4px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tag-context-menu__item:hover{background:var(--surface-secondary)}.tag-context-menu__item:active{background:var(--surface-hover);transform:scale(.98)}.tag-context-menu__icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.tag-context-menu__divider{height:1px;background:var(--border-color);margin:4px 8px}.tag-context-menu__success{padding:16px 20px;font-size:14px;color:var(--success-color);font-weight:600;display:flex;align-items:center;gap:8px;text-align:center;justify-content:center;white-space:pre-line}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@media (hover:none) and (pointer:coarse){.tag-context-menu{min-width:240px}.tag-context-menu__item{padding:14px 18px;font-size:15px;gap:14px}.tag-context-menu__icon{font-size:18px;width:22px}}@media (display-mode:standalone){.tag-context-menu{min-width:260px}.tag-context-menu__item{padding:16px 20px;font-size:16px}}@media (prefers-color-scheme:dark){.tag-context-menu{box-shadow:0 4px 16px rgba(0,0,0,.3)}}@media (max-width:420px){.tag-context-menu{min-width:min(260px,calc(100vw - 40px));left:50%!important;right:auto}}@media (orientation:landscape) and (max-height:500px){.tag-context-menu{transform:translate(-50%,-50%);margin-top:0}}