html{background:#222}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Arial,sans-serif}#root,body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{outline:none}.scroll-hidden{-ms-overflow-style:none;scrollbar-width:none}.scroll-hidden::-webkit-scrollbar{display:none}.anime-header{background:#222;border-bottom:2px solid var(--border-header-footer);box-sizing:border-box;padding-bottom:10px;padding-top:calc(10px + env(safe-area-inset-top));position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10003}.anime-header:before{background:#222;content:"";height:env(safe-area-inset-top);left:0;position:absolute;right:0;top:0;z-index:-1}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1350px;padding:0 20px;width:100%}.header-logo{color:#fff;flex-shrink:0;font-size:26px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.search-icon{color:#fff}.search-header{justify-content:space-between;margin-bottom:15px}.search-close,.search-header{align-items:center;display:flex}.search-close{background:#0000;border:none;color:var(--text-primary);cursor:pointer;justify-content:center;transition:all .2s ease}.search-header-row{align-items:center;display:flex;gap:15px}.search-mode-switcher{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;flex-shrink:0;margin-bottom:15px;padding:3px;width:200px}.search-mode-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.search-mode-btn.active{background:var(--bg-button-2);color:var(--text-primary)}.search-mode-btn:hover:not(.active){background:var(--border-primary)}.search-modal{background:var(--bg-primary);box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;height:100%;padding:15px;width:100%}.search-modal h3{color:var(--text-primary);flex-shrink:0;font-size:1.7rem;font-weight:700;text-align:center}.search-modal-form{flex:1 1;margin-bottom:15px}.search-modal-input{margin-bottom:0!important;width:100%}.search-submit-btn{margin-bottom:0!important;max-width:120px!important}.search-modal-results{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;flex:1 1;flex-direction:column;padding:10px 0}.search-modal-results,.search-results-list{display:flex;max-height:none;overflow-y:auto}.search-results-list{-ms-overflow-style:none;flex:1 1;gap:20px;margin:0;overflow-x:hidden;padding:0;position:relative;scrollbar-width:none}.search-results-list:before{background:var(--border-secondary);bottom:2px;content:"";left:50%;position:absolute;top:2px;transform:translateX(-50%);width:.5px;z-index:1}.search-results-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.search-results-list::-webkit-scrollbar{display:none;height:0;width:0}.search-empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.search-empty-icon{color:var(--text-secondary);opacity:.5}.search-empty-text{color:var(--text-secondary);font-size:20px;margin-top:5px}.search-min-chars-message{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.search-min-chars-icon{color:var(--text-secondary);opacity:.5}.search-min-chars-text{font-size:20px;line-height:1.4;margin-top:5px;max-width:350px}.search-show-all-container{margin-top:10px;text-align:center}.search-show-all-btn{background:var(--bg-button-2);border:1px solid var(--border-button);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;margin:0 15px;padding:8px 16px;transition:all .3s ease}.search-show-all-btn:hover{background:var(--bg-button-3)}.header-nav{align-items:center;display:flex;gap:5px}.notifications-container{position:relative}.notifications-icon{color:#fff}.notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #121216;border-radius:9px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0}.notifications-dropdown{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-height:500px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 20px);width:380px;z-index:10005}.notifications-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.notifications-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.notifications-tabs{border-bottom:1px solid var(--border-secondary);display:flex;margin-bottom:10px}.notification-tab{background:var(--bg-secondary);border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;flex:1 1;font-size:14px;padding:10px 15px;position:relative;transition:all .2s}.notification-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.notification-tab.active{border-bottom-color:#cd69ff}.mark-all-read-btn,.notification-tab.active{background:var(--bg-button);color:var(--text-primary)}.mark-all-read-btn{border:1px solid var(--border-button);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.mark-all-read-btn:hover:not(:disabled){background:var(--bg-button-2)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5}.notifications-list{flex:1 1;max-height:400px;overflow-y:auto;padding:8px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#cd69ff80;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#cd69ffb3}.notification-item{align-items:flex-start;border-left:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;position:relative;transition:all .2s ease}.notification-item:last-child{margin-bottom:0}.notification-item.unread{background:var(--bg-tertiary);border-left-color:#cd69ff}.notification-item.read{background:var(--bg-secondary)}.notification-item:hover{background:var(--bg-tertiary)}.notification-icon-wrapper{align-items:center;background:var(--bg-card-4);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;min-width:0}.notification-text{word-wrap:break-word;color:var(--text-primary);font-size:13px;line-height:1.4;margin:0 0 4px}.notification-time{color:var(--text-tertiary);font-size:11px}.notification-delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-card);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:4px;transition:all .2s ease}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:#ef44441a;color:#ef4444}.notifications-loading{gap:12px}.no-notifications,.notifications-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px}.no-notifications{text-align:center}.no-notifications p{font-size:14px;margin:10px}.login-icon-button,.logout-button,.notifications-icon-button,.profile-icon-button,.search-icon-button,.settings-icon-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.login-icon-button:hover .login-icon,.logout-button:hover .logout-icon,.notifications-icon-button:hover .notifications-icon,.profile-icon-button:hover .profile-icon,.search-icon-button:hover .search-icon{color:#cd69ff}.login-icon,.logout-icon,.profile-icon{color:#fff}.search-result-item{align-items:center;border-bottom:1px solid var(--border-secondary);cursor:pointer;display:flex;margin:0 15px;overflow:hidden;padding:15px;position:relative;transition:all .2s ease}.search-result-item:hover{background:var(--bg-tertiary)}.search-result-image{border-radius:6px;flex-shrink:0;height:115px;margin-right:12px;object-fit:cover;width:80px}.search-result-image.user-avatar{border-radius:20px;height:115px;object-fit:cover;width:115px}.search-result-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.search-result-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:17px;font-weight:500;line-height:1.4em;margin-bottom:6px;max-width:100%;overflow:hidden;padding:0 40px 0 0;text-overflow:ellipsis;white-space:normal;word-break:break-word}.search-result-episodes{color:var(--text-secondary);font-size:13px}.search-loading{display:none}.search-no-results{color:var(--text-secondary);flex:1 1;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.modal-overlay,.search-no-results{align-items:center;display:flex;justify-content:center}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10004}.modal-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px;transition:all .2s;width:100%}.modal-input:focus{border-color:var(--border-tertiary);outline:none}.modal-input:invalid{box-shadow:none}.modal-input.error{border-color:#ff4d4d}.modal-input.error:focus{border-color:#ff4d4d;box-shadow:0 0 0 2px #ff4d4d33}.input-error{color:#f44;font-size:14px;margin:-20px 0 10px}.availability-checking{color:var(--text-tertiary);font-size:12px}.general-error{margin:10px 0;text-align:center}.modal-input::-webkit-contacts-auto-fill-button,.modal-input::-webkit-credentials-auto-fill-button,.modal-input[type=password]::-ms-clear,.modal-input[type=password]::-ms-reveal{display:none!important;height:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}.modal-input:-webkit-autofill,.modal-input:-webkit-autofill:focus,.modal-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2128cc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:2px}.modal-submit-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;max-width:240px;padding:15px 40px;text-align:center;transition:all .3s ease;width:100%}.modal-submit-btn:hover{background:var(--bg-tertiary)}.auth-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 20px 40px #0006;max-width:100%;padding:40px;width:450px}.auth-modal h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:30px;margin-top:0;text-align:center}.auth-modal form{transition:all .3s ease}.auth-form{display:flex;flex-direction:column;gap:2px}.auth-switch-container{color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center}.auth-switch-link{background:none;border:none;color:#9370db;cursor:pointer;font-weight:600;margin-left:5px;padding:0;text-decoration:none}.auth-switch-link:hover{color:#b19cd9;text-decoration:underline}.availability-indicator{font-size:12px;position:absolute;right:45px;top:50%;transform:translateY(-50%);z-index:2}.availability-success{color:#4caf50;font-weight:500}.availability-error{color:#f44336;font-weight:500}.header-loading-spinner-tiny{animation:spin 1s linear infinite;border:2px solid var(--border-tertiary);border-radius:50%;border-top:2px solid #cd69ff;height:16px;width:16px}.form-input-container,.password-container{margin-bottom:15px;opacity:1!important;position:relative;transform:none!important}.auth-form,.auth-form *,.form-input-container,.password-container{animation:none!important;transition:none!important}.remember-me-container{margin:12px 0 20px}.remember-me-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.remember-me-checkbox{accent-color:#cd69ff;height:16px;margin-right:8px;width:16px}.remember-me-text{color:var(--text-secondary);font-size:14px;transition:color .2s}.settings-icon{color:#fff;transition:transform .3s ease}.settings-icon-button:hover .settings-icon{color:#cd69ff;transform:rotate(30deg)}.settings-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 10px 30px #0000004d;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 20px);z-index:10005}.settings-dropdown-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.settings-dropdown-item:hover{background:var(--bg-tertiary)}.settings-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.settings-dropdown-item:disabled:hover{background:none}.settings-dropdown-icon{flex-shrink:0;height:18px;width:18px}.settings-dropdown-item.theme-toggle-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease;width:100%}.settings-dropdown-item.theme-toggle-item:hover{background:var(--bg-tertiary)}.theme-toggle-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.theme-icon{color:var(--text-primary);transition:all .3s ease}.theme-toggle-text{flex:1 1;text-align:left}.settings-container{align-items:center;display:flex;position:relative}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10004}.modal-mode-switcher{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.mode-switch-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.mode-switch-btn.active{background:var(--bg-button-2);color:var(--text-primary)}.mode-switch-btn:hover:not(.active){background:var(--bg-card)}.anime-search-section{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;margin-bottom:20px;padding:15px}.anime-search-results{-ms-overflow-style:none;background:var(--bg-card-2);border-radius:8px;margin-top:10px;max-height:200px;overflow-y:auto;scrollbar-width:none}.anime-search-results::-webkit-scrollbar{display:none;height:0;width:0}.anime-search-result-item{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;padding:10px;transition:background .2s ease}.anime-search-result-item:hover{background:var(--bg-card)}.anime-search-result-item:last-child{border-bottom:none}.anime-search-result-image{border-radius:4px;height:60px;margin-right:12px;object-fit:cover;width:40px}.anime-search-result-info{display:flex;flex:1 1;flex-direction:column}.anime-search-result-title{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.anime-search-result-episodes{color:var(--text-secondary);font-size:12px}.selected-anime-info{background:var(--bg-button-2);border:1px solid var(--border-button);border-radius:8px;color:var(--text-primary);font-size:14px;margin-top:10px;padding:10px;text-align:center}.create-anime-modal{-ms-overflow-style:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 20px 40px #0006;max-height:85vh;max-width:90%;overflow-y:auto;padding:30px;scrollbar-width:none;width:500px}.create-anime-modal::-webkit-scrollbar{display:none}.create-anime-modal h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:25px;margin-top:0;text-align:center}.create-anime-form{gap:15px}.create-anime-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-label{font-weight:500;margin-bottom:2px}.form-input,.form-label{color:var(--text-primary);font-size:14px}.form-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--border-card);outline:none}.form-input.error{border-color:#f44}.input-with-help{align-items:center;display:flex;position:relative}.password-toggle-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.password-toggle-btn:hover{color:#cd69ff}.help-btn{background:#0000;border:none;color:var(--text-tertiary);padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.help-btn:hover{color:#cd69ff}.help-tooltip{animation:fadeIn .2s ease;background:var(--bg-card-2);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-secondary);font-size:13px;left:0;margin-top:5px;padding:15px;position:absolute;right:0;top:100%;z-index:1000}.help-tooltip ul{margin:8px 0 0;padding-left:20px}.help-tooltip li{line-height:1.4;margin-bottom:4px}.help-tooltip li:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-textarea{font-family:inherit;min-height:80px;resize:vertical;scrollbar-color:#0000 #0000;scrollbar-width:thin}.form-textarea::-webkit-scrollbar{width:6px}.form-textarea::-webkit-scrollbar-track{background:#0000}.form-textarea::-webkit-scrollbar-thumb{background:#0000;border-radius:3px}.form-textarea::-webkit-scrollbar-thumb:hover{background:var(--bg-card)}.status-container{display:flex;flex-direction:column;gap:10px}.status-grid{grid-gap:8px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.status-radio{display:none}.status-label{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:center;min-height:36px;padding:8px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.status-label:hover{background:var(--bg-tertiary)}.status-radio:checked+.status-label{background:var(--bg-button-2);border-color:var(--border-button);color:var(--text-primary)}.modal-actions-row{display:flex;gap:15px;justify-content:center;margin-top:10px}.modal-submit-btn-create{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 30px;text-align:center;transition:all .3s ease}.modal-submit-btn-create:hover{background:var(--bg-tertiary)}.modal-submit-btn-create.primary{background:var(--bg-button-2);border-color:var(--border-button)}.modal-submit-btn-create.primary:hover{background:var(--bg-button-3)}.modal-submit-btn-create:disabled{cursor:not-allowed;opacity:.5}.modal-submit-btn-create:disabled:hover{background:var(--bg-button-3)}.genres-container{display:flex;flex-direction:column;gap:10px}.genres-grid{grid-gap:8px;-ms-overflow-style:none;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:150px;overflow-y:auto;padding:8px;scrollbar-width:none}.genres-grid::-webkit-scrollbar{display:none}.genre-checkbox{display:none}.genre-label{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;justify-content:center;min-height:36px;padding:8px 12px;text-align:center;transition:all .2s ease}.genre-label:hover{background:var(--bg-tertiary)}.genre-checkbox:checked+.genre-label{background:var(--bg-button-2);border-color:var(--border-button);color:var(--text-primary)}.selected-genres-count{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.anime-page-header-dropdown-container{position:relative;width:100%}.anime-page-header-dropdown-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:12px 15px;transition:all .3s ease;width:100%}.anime-page-header-dropdown-button:hover{background:var(--bg-tertiary)}.anime-page-header-dropdown-button.open{background:var(--bg-tertiary);border-color:var(--border-card)}.anime-page-header-dropdown-button .chevron{height:16px;transition:transform .3s ease;width:16px}.anime-page-header-dropdown-button.open .chevron{transform:rotate(180deg)}.anime-page-header-dropdown-menu{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-secondary);border-radius:8px;box-sizing:border-box;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:100%;z-index:100}.anime-page-header-dropdown-menu::-webkit-scrollbar{display:none;height:0;width:0}.anime-page-header-dropdown-option{border-bottom:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.anime-page-header-dropdown-option:last-child{border-bottom:none}.anime-page-header-dropdown-option:hover{background:var(--bg-card)}.anime-page-header-dropdown-option.selected{background:var(--bg-button-2);color:var(--text-primary)}.form-input[type=text]{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input[type=text]:focus{border-color:var(--border-card);outline:none}.studios-container{display:flex;flex-direction:column;gap:10px}.studios-grid{grid-gap:8px;-ms-overflow-style:none;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:150px;overflow-y:auto;padding:8px;scrollbar-width:none}.studios-grid::-webkit-scrollbar{display:none}.studio-checkbox{display:none}.studio-label{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;justify-content:center;line-height:1.3;min-height:36px;padding:8px 12px;text-align:center;transition:all .2s ease;white-space:normal;word-break:break-word}.studio-label:hover{background:var(--bg-tertiary)}.studio-checkbox:checked+.studio-label{background:var(--bg-button-2);border-color:var(--border-button)}.selected-studios-count{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.input-error-create{color:#f44;font-size:12px;margin:2px 0 0}.general-error-create{color:#f44;font-size:14px;margin:10px 0;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.genre-search-container,.studio-search-container{margin-bottom:10px;position:relative}.genre-search-input,.studio-search-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.genre-search-input:focus,.studio-search-input:focus{border-color:var(--border-card);outline:none}.genre-search-input::placeholder,.studio-search-input::placeholder{color:var(--text-tertiary)}.search-loading-indicator{color:var(--text-secondary);font-size:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.search-results-list{-ms-overflow-style:none;flex-direction:column;gap:0;scrollbar-width:none}.search-results-list:before{display:none}.search-results-column{width:100%}.search-results-list::-webkit-scrollbar{display:none;height:0;width:0}.search-result-item{margin:0 15px;padding:12px 14px}.search-result-image{height:60px;margin-right:14px;width:45px}.search-result-title{font-size:15px}.search-result-episodes{font-size:12px}.search-modal-form{flex-direction:column}.search-submit-btn{max-width:none!important;width:100%!important}.search-modal{height:65vh;padding:20px;width:95%}.search-empty-icon{height:150px;width:150px}.search-empty-text{font-size:16px}.search-modal-results{min-height:200px}.create-anime-modal{padding:20px;width:95%}.modal-actions-row{flex-direction:column}.genre-search-input,.studio-search-input{font-size:13px;padding:8px 10px}}@media (max-width:480px){.auth-modal{padding:25px 20px;width:90%}.auth-form{gap:1px}.modal-input{font-size:14px;margin-bottom:20px;padding:12px}.modal-submit-btn{font-size:14px;padding:12px 30px}.nav-button{font-size:14px;min-width:80px;padding:10px 16px}.status-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.status-label{font-size:12px;min-height:32px;padding:6px 8px}.search-mode-switcher{margin-bottom:12px}.search-mode-btn{font-size:13px;padding:6px 8px}}.site-footer{background:#222;border-top:2px solid var(--border-header-footer);flex-shrink:0;margin-top:60px;padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-top:25px;width:100%}.footer-content{display:grid;grid-template-columns:1fr repeat(3,.35fr);margin:0 auto;max-width:1350px;padding:0 20px 20px;position:relative}.footer-content:after{background:#404046;bottom:0;content:"";height:.05rem;left:20px;position:absolute;right:20px}.footer-section{display:flex;flex-direction:column;gap:8px}.footer-section.main-section{align-items:flex-start;display:flex;flex-direction:row;max-width:500px}.footer-main-icon{flex-shrink:0;height:90px;object-fit:contain;width:90px}.footer-main-text{display:flex;flex-direction:column;padding-top:8px}.footer-logo{color:#fff;font-size:26px;font-weight:700;margin-bottom:6px}.footer-description{color:#ffffff80;font-size:13px;line-height:1.5;margin:0}.description-line{display:block}.footer-title{color:#ffffffb3;font-size:12px;font-weight:600;margin-top:12px;text-align:right}.footer-links{align-items:flex-end;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:#ffffff80;display:inline-block;font-size:13px;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{align-items:center;color:#ffffff80;display:flex;font-size:13px;justify-content:center;margin:20px auto 0;max-width:1350px;padding:5px 20px 0}.footer-copyright{align-items:center;display:flex;gap:5px}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.footer-section.main-section{align-items:center;flex-direction:column;max-width:100%;text-align:center}.footer-title{text-align:center}.footer-links{align-items:center}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.layout-container{background:var(--bg-main);display:flex;flex-direction:column;margin:0;min-height:100vh;min-height:100dvh;padding:0;width:100%}.main-content-wrapper{box-sizing:border-box;flex:1 0 auto;margin:0;padding:0;width:100%}.home-content-wrapper{margin:0 auto;max-width:1350px;padding:0 20px;width:100%}.anime-container{box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;font-family:Arial,sans-serif;margin-top:20px;min-height:100vh;padding:10px 0;z-index:1}.anime-container,.main-content{gap:25px;position:relative;width:100%}.main-content{grid-gap:25px;align-items:stretch;display:grid;grid-template-columns:1fr 500px;margin-bottom:0;min-height:500px;padding:0}.featured-section{border-radius:20px;display:grid;grid-template-rows:1fr auto;max-height:500px;min-height:500px;overflow:hidden;position:relative}.featured-carousel{display:flex;flex-direction:column;height:100%;position:relative}.featured-slide{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:215px 1fr;grid-template-rows:310px auto 30px;height:100%;padding:20px;position:relative;transition:all .3s ease;width:100%}.featured-slide:hover{filter:var(--filter-1)}.featured-anime-mini{display:flex;gap:25px;grid-column:1/-1;grid-row:1;width:100%}.featured-mini-left{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;height:310px;justify-content:start}.featured-mini-poster{border-radius:8px;height:310px;object-fit:cover;width:215px}.featured-mini-right{display:flex;flex:1 1;flex-direction:column;height:310px;justify-content:start;max-height:310px;min-width:0;overflow:hidden}.featured-mini-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex-shrink:0;font-size:26px;font-weight:600;line-height:1.2;margin:0 0 16px;max-height:68px;overflow:hidden;padding-right:30px}.featured-mini-meta{display:flex;flex-shrink:0;gap:40px;margin-bottom:20px;min-height:110px}.featured-mini-meta .home-page-meta-column{display:flex;flex-direction:column;gap:8px}.featured-mini-meta .home-page-labels-column{flex-shrink:0;white-space:nowrap}.featured-mini-meta .home-page-values-column{flex:1 1;min-width:0}.featured-mini-meta .home-page-meta-item{align-items:flex-start;display:flex;min-height:22px}.featured-mini-meta .home-page-meta-label{color:var(--text-tertiary);flex-shrink:0;font-size:14px;font-weight:500;text-align:right;white-space:nowrap}.featured-mini-meta .home-page-meta-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;max-height:42px;overflow:hidden;word-break:break-word}.featured-mini-description.full-width{display:flex;flex-direction:column;grid-column:1/-1;grid-row:2;margin-top:20px;max-height:110px;overflow:hidden}.featured-mini-description.full-width p{-webkit-box-orient:vertical;-webkit-line-clamp:5;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.carousel-indicators{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-indicators .indicator{background:var(--bg-card-3);border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel-indicators .indicator.active{background:#cd69ff;transform:scale(1.2)}.carousel-indicators .indicator:hover{background:#cd69ff}.seasonal-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;display:flex;flex-direction:column;height:auto;max-height:500px;min-height:500px;overflow:hidden;padding:20px;width:500px}.season-card{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.season-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.season-header h4{color:var(--text-primary);cursor:pointer;font-size:28px;font-weight:600;margin:0;transition:color .3s ease}.season-header h4:hover{color:#cd69ff}.season-anime-list{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding-right:5px}.season-anime-list::-webkit-scrollbar{width:6px}.season-anime-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.season-anime-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cd69ff,#ff69b4);border-radius:4px}.season-anime-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ba55d3,#ff1493)}.season-anime-list{scrollbar-color:#cd69ff #0000;scrollbar-width:thin}.season-anime-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:8px;transition:background .2s ease}.season-anime-item:hover{background:var(--bg-tertiary)}.season-anime-image{border-radius:4px;height:85px;object-fit:cover;width:60px}.season-anime-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.season-anime-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;max-height:2.8em;min-height:1.4em;overflow:hidden;text-overflow:ellipsis}.season-anime-rating{align-items:center;color:var(--text-rating);display:flex;font-size:13px;gap:4px}.anime-horizontal-section{overflow:hidden;position:relative}.section-header{padding:0 0 20px}.clickable-text,.section-title-wrapper{display:inline-block;margin:0;padding:0}.clickable-text{color:var(--text-primary);cursor:pointer;font-size:28px;font-weight:700;line-height:1;transition:color .3s ease}.clickable-text:hover{color:#cd69ff}.horizontal-scroll-container{overflow:hidden;position:relative;scroll-behavior:smooth;width:100%}.horizontal-scroll{display:flex;gap:20px;min-width:-webkit-min-content;min-width:min-content;transition:transform .3s ease}.carousel-container{position:relative;width:100%}.carousel-nav-button{align-items:center;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;opacity:.8;position:absolute;top:100px;transition:all .3s ease;visibility:hidden;width:40px;z-index:10}.carousel-container:hover .carousel-nav-button{opacity:.9;visibility:visible}.carousel-nav-button:not(:disabled){opacity:0;visibility:hidden}.carousel-container:hover .carousel-nav-button:not(:disabled){opacity:.9;visibility:visible}.carousel-nav-button:hover:not(:disabled){background:#000c;border-color:#cd69ff;opacity:1}.carousel-nav-button.prev{left:2px}.carousel-nav-button.next{right:2px}.carousel-nav-button:disabled{display:none}.horizontal-anime-card-grid{background:#0000;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;transition:all .3s ease;width:170px}.card-image-grid{grid-column:1;grid-row:1;height:240px;width:100%}.card-image-grid-item{border-radius:8px;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.card-info-grid{background:#0000;display:flex;flex-direction:column;grid-column:1;grid-row:2;justify-content:flex-start;padding:8px 0 0}.card-title-grid{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:17px;font-weight:500;line-height:1.5;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.card-meta-grid{align-items:center;display:flex;font-size:13px;gap:6px;justify-content:flex-start}.meta-episodes-grid,.meta-separator{color:var(--text-secondary);font-weight:600}.meta-rating-grid{align-items:center;color:var(--text-rating);display:flex;font-weight:600;gap:4px}.star-icon{flex-shrink:0;margin-top:-1px}.loading-horizontal{color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.empty-state-horizontal{color:var(--text-tertiary);padding:60px 20px;text-align:center}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;height:200px;justify-content:center}@media (max-width:1200px){.main-content{flex-direction:column;gap:20px;min-height:auto}.featured-section,.seasonal-section{height:auto;width:100%}}@media (max-width:768px){*{box-sizing:border-box}body{overflow-x:hidden}.home-content-wrapper{padding:0 12px}.anime-container{gap:20px;margin-top:10px}.main-content{gap:20px;grid-template-columns:1fr;min-height:auto}.featured-section{border-radius:16px;height:auto;max-height:none}.featured-slide{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:15px 15px 30px}.featured-anime-mini{align-items:center;flex-direction:column;gap:15px}.featured-mini-left{align-items:center;height:auto;width:100%}.featured-mini-poster{margin:0 auto}.featured-mini-right{align-items:center;height:auto;max-height:none;text-align:center}.featured-mini-title{-webkit-line-clamp:3;font-size:20px;max-height:none;padding-right:0}.featured-mini-meta{align-items:flex-start;gap:20px;justify-content:center;min-height:auto;width:100%}.featured-mini-description.full-width{margin-top:10px;max-height:none}.featured-mini-description.full-width p{-webkit-line-clamp:4;font-size:13px}.carousel-indicators{bottom:10px}.seasonal-section{border-radius:16px;padding:15px;width:100%}.season-anime-list{flex:1 1;min-height:0;overflow-y:auto}.season-header h4{font-size:22px}.season-anime-image{height:72px;width:50px}.season-anime-title{font-size:14px}.carousel-nav-button{display:none}.horizontal-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:768px){.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll{gap:12px}.horizontal-anime-card-grid{width:140px}.card-image-grid{height:200px}.card-title-grid{font-size:15px}.card-meta-grid{font-size:12px}}@media (max-width:480px){.featured-mini-poster{height:200px;width:140px}.featured-mini-title{font-size:18px}.section-header{padding-bottom:10px}.clickable-text{font-size:22px}.horizontal-anime-card-grid{width:130px}.card-image-grid{height:190px}}

/*    !* Уменьшить отступы в featured секции *!*/.page-anime-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;min-height:100vh;padding:1rem 0 0;width:100%}.error-anime-page,.loading-anime-page{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:50vh;justify-content:center}.anime-content{display:flex;margin:0 auto;max-width:1350px}.anime-content,.anime-full-card{flex:1 1;padding:20px;width:100%}.anime-full-card{grid-gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;min-height:0}.anime-left-column{display:flex;flex-direction:column;gap:15px}.anime-poster-large{border-radius:8px;height:350px;object-fit:cover;width:250px}.anime-actions-ap{display:flex;flex-direction:column;gap:15px}.dropdown-container,.dropdown-toggle{position:relative;width:100%}.dropdown-toggle{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:50px;overflow:hidden;padding:15px 20px;transition:all .2s ease}.dropdown-toggle:hover{border-color:var(--border-tertiary)}.dropdown-toggle.status-watching-anime{border-color:var(--border-button-blue);color:var(--text-button-blue)}.dropdown-toggle.status-watching-anime:hover{border-color:var(--border-button-blue-2)}.dropdown-toggle.status-completed-anime{border-color:var(--border-button-green);color:var(--text-button-green)}.dropdown-toggle.status-completed-anime:hover{border-color:var(--border-button-green-2)}.dropdown-toggle.status-planned-anime{border-color:var(--border-button-orange);color:var(--text-button-orange)}.dropdown-toggle.status-planned-anime:hover{border-color:var(--border-button-orange-2)}.dropdown-toggle.status-dropped-anime{border-color:var(--border-button-red);color:var(--text-button-red)}.dropdown-toggle.status-dropped-anime:hover{border-color:var(--border-button-red-2)}.dropdown-toggle.status-rewatching-anime{border-color:var(--border-button-purple);color:var(--text-button-purple)}.dropdown-toggle.status-rewatching-anime:hover{border-color:var(--border-button-purple-2)}.dropdown-menu{background:var(--bg-status-watch);border:1px solid var(--border-secondary);border-radius:8px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:#0000001a;border:none;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;padding:15px 20px;text-align:center;transition:background .2s ease;width:100%}.dropdown-item:hover{background:var(--bg-card)}.anime-right-column{display:flex;flex-direction:column;gap:15px}.anime-ratings{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:flex-start;min-height:30px;position:relative;width:100%}.rating-divider{background:var(--bg-divider);height:30px;margin:0 10px;width:.5px}.global-rating,.user-rating{align-items:center;display:flex}.rating-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.rating-content,.rating-content-user{align-items:center;display:flex;flex-direction:column}.rating-content-user{height:60px;justify-content:center}.rating-value,.rating-value-user{color:var(--text-primary);font-size:25px;font-weight:500;line-height:1;margin-top:4px}.rating-value-text{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;padding-left:2px;text-align:start}.rating-star{display:flex;line-height:1;padding-right:5px;text-align:center;transition:all .2s ease;width:auto}.global-star{color:var(--text-rating)}.user-rating-container{align-items:center;display:flex;height:auto;min-height:auto;position:relative}.user-star{color:var(--text-card);cursor:pointer;position:relative;z-index:2}.user-star:hover{color:inherit!important}.user-star.rated{color:#cd69ff}.rating-stars-selector{align-items:center;display:flex;left:0;opacity:0;padding:10px 8px 8px 30px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;z-index:2}.user-rating-container:hover .rating-stars-selector{display:flex}.main-star-with-selector:hover~.rating-content-user{opacity:0}.star-selector:first-child{margin-left:-30px;margin-right:2px}.star-selector,.star-selector:not(:first-child){color:var(--text-card);cursor:pointer;margin:0 2px;transition:color .2s ease}.star-selector{line-height:1;text-align:center;width:auto}.star-selector.hovered,.star-selector.rated,.star-selector:hover{color:#cd69ff}.main-star-with-selector{align-items:center;display:flex;height:auto;position:relative}.main-star-with-selector:hover .rating-stars-selector{opacity:1;visibility:visible}.main-star-with-selector:hover .user-star{color:#cd69ff}.user-star:not(.rated):hover{color:var(--text-tertiary)!important}.main-star-with-selector:hover .user-star:not(.rated){color:#cd69ff!important}.favorite-heart-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:5px;transition:transform .2s ease}.favorite-heart-btn:hover .lucide-heart{stroke:#ff57c2!important}.favorite-heart-btn .lucide-heart{transition:stroke .2s ease}.anime-title-main{color:var(--text-primary);font-size:1.8rem;font-weight:500;line-height:1.2;padding:0 60px 0 0}.anime-meta-info{display:flex;gap:60px}.meta-column{display:flex;flex-direction:column;gap:8px}.labels-column{flex-shrink:0;min-width:100px}.values-column{flex:1 1}.meta-item{align-items:flex-start;display:flex;min-height:24px}.meta-label{color:var(--text-tertiary);font-weight:500;text-align:right;white-space:nowrap}.meta-value{color:var(--text-secondary);font-weight:500;word-break:break-word}.modal-overlay-anime-page{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10004}.modal-content-anime-page{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 20px 40px #0006;max-width:90%;padding:40px;position:relative;width:450px}.modal-content-anime-page h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.modal-content-anime-page label{color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:10px}.modal-content-anime-page input{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);font-size:16px;margin-bottom:25px;padding:15px;transition:all .3s ease;width:100%}.modal-actions-anime-page{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.modal-actions-anime-page button{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 30px;text-align:center;transition:all .3s ease}.modal-actions-anime-page button:hover{background:var(--bg-tertiary)}.episodes-button{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:3px;transition:all .2s ease;width:32px;z-index:2}.episodes-divider{background-color:var(--bg-divider);height:26px;position:absolute;right:37px;top:50%;transform:translateY(-50%);width:.5px;z-index:1}.watched-episodes{color:var(--text-primary);font-weight:500}.anime-description-section{grid-column:1/-1}.description-content{color:var(--text-secondary);font-size:16px;line-height:1.6;white-space:pre-line}.description-content p{margin-bottom:15px}.description-content p:last-child{margin-bottom:0}.age-rating-with-tooltip{display:inline-block;position:relative}.underlined-text{cursor:help;text-decoration:underline;-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:.5px;text-underline-offset:4px;transition:color .2s ease}.age-rating-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-secondary);border-radius:8px;bottom:100%;color:var(--text-primary);font-size:12px;margin-bottom:8px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:100}.age-rating-tooltip,.age-rating-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.age-rating-tooltip:before{border:6px solid #0000;border-top:6px solid var(--border-secondary);content:"";top:100%}.episodes-picker{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.episodes-progress{color:var(--text-primary);font-size:16px;font-weight:500;opacity:.85}.episodes-scroll-list{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;display:inline-flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-height:250px;max-width:100%;overflow-y:auto;padding:6px 8px 6px 6px;width:-webkit-fit-content;width:fit-content}.episode-item{align-items:center;background:var(--bg-card);border:var(--border-button-episodes);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;height:40px;justify-content:center;transition:border-color .2s ease,color .2s ease;width:40px}.episode-item.selected,.episode-item:hover{border-color:var(--border-button-purple-2)}.episode-item.selected{font-weight:600}.episodes-scroll-list{scrollbar-color:#cd69ff #0000;scrollbar-width:thin}.episodes-scroll-list::-webkit-scrollbar{width:5px}.episodes-scroll-list::-webkit-scrollbar-track{background:#0000}.episodes-scroll-list::-webkit-scrollbar-thumb{background-color:#cd69ff;border-radius:10px}@media (max-width:968px){.anime-full-card{gap:30px;grid-template-columns:1fr;padding:30px}.anime-left-column{align-items:center}.anime-poster-large{height:380px;width:280px}.anime-ratings{justify-content:center}.anime-title-main{font-size:2.5rem;text-align:center}.meta-item{justify-content:center}}@media (max-width:576px){.page-anime-container{padding:15px}.anime-full-card{padding:20px}.anime-poster-large{height:350px;width:100%}.anime-ratings{align-items:center;flex-direction:column;gap:15px}.global-rating,.user-rating{max-width:200px;width:100%}.anime-title-main{font-size:2rem}.modal-content-anime-page{padding:30px}.modal-actions-anime-page{flex-direction:column;gap:10px}.modal-actions-anime-page button{padding:12px 20px;width:100%}.dropdown-toggle{padding-left:60px!important;padding-right:60px!important}.dropdown-toggle.has-episodes .current-status-text{font-size:14px;width:calc(50% - 30px)}.episodes-button{height:28px;right:10px;width:28px}.episodes-divider{right:48px}.icon-visibility{height:18px;width:18px}.current-status-text{width:calc(100% - 70px)!important}}.current-status-text{flex:1 1;padding:0 10px;text-align:center}.modal-content-anime-page input[type=number]{-moz-appearance:textfield}.modal-content-anime-page input[type=number]::-webkit-inner-spin-button,.modal-content-anime-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.anime-page{color:var(--text-primary);min-height:100vh;padding:2rem 0 20px}.anime-page-container-wrapper{margin:0 auto;max-width:1350px;padding:0 20px;width:100%}.anime-page-container{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-areas:"content filters";grid-template-columns:1fr 220px;margin:0 auto;max-width:1600px}.anime-page-list-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:0;padding:15px 20px}.anime-page-list-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.anime-page-view-mode-btn{align-items:center;background:#0000!important;border:none!important;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;padding:4px;transition:all .3s ease}.anime-page-view-mode-btn svg{color:var(--text-primary)!important;transition:color .3s ease}.anime-page-view-mode-btn:hover svg{color:#cd69ff!important}.anime-page-rating-badge{align-items:center;background:var(--bg-rating);border:1px solid var(--border-rating);border-radius:12px;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:4px;justify-content:center;min-width:40px;padding:2px 5px;white-space:nowrap}.rating-page-value-profile{color:var(--text-rating);font-weight:600}.anime-page-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:15px;display:flex;flex-direction:column;grid-area:content;margin-top:0;min-height:100%;overflow:hidden;padding-top:0;width:100%}.anime-page-list{display:flex;flex:1 1;flex-direction:column;width:100%}.anime-page-table-headers{grid-gap:0;align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);box-sizing:border-box;display:grid;font-size:14px;font-weight:600;gap:0;grid-template-columns:70px 70px minmax(300px,1fr) 110px 110px;margin:0;padding:15px 20px;width:100%}.anime-page-header-number{grid-column:1;text-align:center}.anime-page-header-image{color:#0000;font-size:0;grid-column:2;text-align:center}.anime-page-header-title{grid-column:3;padding-left:15px!important;text-align:left}.anime-page-header-global-rating{grid-column:4;text-align:center}.anime-page-header-episodes{grid-column:5;text-align:center}.anime-page-items{display:flex;flex:1 1;flex-direction:column;width:100%}.anime-page-item{grid-gap:0;align-items:center;background:#0000;border-bottom:1px solid var(--border-anime-item);box-sizing:border-box;display:grid;gap:0;grid-template-columns:70px 70px minmax(300px,1fr) 110px 110px;padding:16px 20px;transition:background .3s ease;width:100%}.anime-page-item:last-child{border-bottom:none}.anime-page-item-number{color:var(--text-primary);font-weight:500;grid-column:1;text-align:center}.anime-page-item-image{align-items:center;display:flex;grid-column:2;justify-content:center;line-height:0;text-align:center}.anime-page-image{border-radius:5px;height:85px;object-fit:cover;pointer-events:none;width:60px}.anime-page-item-title{align-items:center;cursor:default;display:block;grid-column:3;max-width:100%;min-width:0;padding:0 15px!important}.clickable-name{word-wrap:break-word;cursor:pointer;display:inline;font-weight:500;line-height:1.3;max-width:100%;transition:color .2s ease;white-space:normal;word-break:break-word}.clickable-name:hover{color:#cd69ff}.anime-page-item-global-rating{font-weight:500;grid-column:4;text-align:center}.anime-page-item-episodes{font-weight:500;grid-column:5;text-align:center}.anime-page-card-view-container{box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:15px;width:100%}.anime-page-card-item{align-items:flex-start;background:#0000;border-bottom:1px solid var(--border-primary);box-sizing:border-box;cursor:default;display:flex;gap:20px;padding:15px 0;transition:background .3s ease;width:100%}.anime-page-card-item:last-child{border-bottom:none}.anime-page-card-item-left{flex-shrink:0;margin-left:0;width:150px}.anime-page-card-item-img{border-radius:5px;cursor:pointer;display:block;height:210px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:150px}.anime-page-card-item-right{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;padding-right:20px;padding-top:4px;position:relative;width:100%}.anime-page-card-title-grid{grid-gap:12px;align-items:start;cursor:default;display:grid;gap:12px;grid-template-columns:1fr auto;grid-template-rows:auto;margin-bottom:12px;max-width:100%;width:100%}.anime-page-card-title-wrapper{cursor:default;display:block;line-height:1.3;width:calc(100% - 40px)}.clickable-title{word-wrap:break-word;color:var(--text-primary);cursor:pointer;display:inline;font-size:18px;font-weight:600;line-height:inherit;transition:color .2s ease;white-space:normal;word-break:break-word}.clickable-title:hover{color:#cd69ff}.anime-page-card-rating{align-self:flex-start;flex-shrink:0}.anime-page-card-item-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:10px;line-height:1.4;margin-bottom:12px;min-width:0;width:100%}.anime-page-card-item-divider{color:var(--text-tertiary);font-weight:400}.anime-page-card-item-status,.anime-page-card-item-year{font-weight:500;white-space:nowrap}.anime-page-card-item-genres{max-width:100%;min-width:0;white-space:nowrap}.anime-page-card-item-description,.anime-page-card-item-genres{color:var(--text-secondary);flex:1 1;overflow:hidden;text-overflow:ellipsis}.anime-page-card-item-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;min-height:63px}.anime-page-filters-panel{align-self:start;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:15px;grid-area:filters;padding:25px;width:220px}.anime-page-filters-title{border-bottom:1px solid var(--border-primary);font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;text-align:center}.anime-page-filter-group{margin-bottom:16px}.anime-page-filter-label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.anime-page-filter-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:all .3s ease;width:100%}.anime-page-filter-input::placeholder{color:var(--text-tertiary)}.anime-page-filter-input:focus{background:var(--bg-tertiary);outline:none}.anime-page-dropdown-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .3s ease;width:100%}.anime-page-dropdown-button:hover{background:var(--bg-tertiary)}.anime-page-dropdown-button .chevron{height:16px;transition:transform .3s ease;width:16px}.anime-page-dropdown-button.open .chevron{transform:rotate(180deg)}.anime-page-dropdown-menu-list{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:100%;z-index:100}.anime-page-dropdown-menu-list::-webkit-scrollbar{display:none;height:0;width:0}.anime-page-dropdown-option{cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.anime-page-dropdown-option:hover{background:var(--bg-card)}.anime-page-dropdown-option.selected{background:var(--bg-button-2);color:var(--text-primary)}.anime-page-compact-filter-with-select{align-items:center;display:flex;gap:8px}.anime-page-comparison-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:13px;padding:8px;width:50px}.anime-page-comparison-select:focus{background:var(--bg-tertiary);outline:none}.anime-page-comparison-select option{background:var(--bg-card-2);color:var(--text-primary)}.anime-page-compact-input-with-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-size:13px;min-width:0;padding:8px 12px}.anime-page-filter-actions{display:flex;gap:8px;margin-top:20px}.anime-page-filter-btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .3s ease}.anime-page-apply-btn{background:var(--bg-button-2);border:1px solid var(--border-button);color:var(--text-primary)}.anime-page-apply-btn:hover{background:var(--bg-button-3)}.anime-page-apply-btn:disabled{background:var(--bg-button-2);border-color:var(--border-button);cursor:default;opacity:.6}.anime-page-reset-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.anime-page-reset-btn:hover{background:var(--bg-tertiary)}.anime-page-reset-btn:disabled{background:var(--bg-secondary);border-color:var(--border-primary);cursor:default;opacity:.6}.anime-page-dropdown-container-list{position:relative;width:100%}.anime-page-genres-dropdown-content{padding:8px}.anime-page-genre-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:2px;padding:6px 8px;transition:background .2s ease}.anime-page-genre-item:last-child{margin-bottom:0}.anime-page-genre-item:hover{background:var(--bg-card)}.anime-page-genre-item.selected{background:var(--bg-button-2);border-left:3px solid #9370dbb3;color:var(--text-primary)}.anime-page-genre-item-text{color:var(--text-primary);flex:1 1;font-size:13px}.anime-page-genre-item.selected .anime-page-genre-item-text{color:var(--text-primary);font-weight:500}.anime-page-error,.anime-page-no-results{color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center;width:100%}.anime-page-error{color:#f56565}.anime-page-no-results{color:var(--text-tertiary);font-style:italic}.anime-page-loading-more{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:15px;justify-content:center;padding:30px}.anime-page-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top:3px solid #cd69ff;height:40px;width:40px}.anime-page-rating-dropdown-container{position:relative;width:100%}.anime-page-rating-dropdown-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .3s ease;width:100%}.anime-page-rating-dropdown-button:hover{background:var(--bg-tertiary)}.anime-page-rating-dropdown-button .chevron{height:16px;transition:transform .3s ease;width:16px}.anime-page-rating-dropdown-button.open .chevron{transform:rotate(180deg)}.anime-page-rating-dropdown-menu{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-primary);border-radius:8px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:100%;z-index:100}.anime-page-rating-dropdown-menu::-webkit-scrollbar{display:none;height:0;width:0}.anime-page-rating-dropdown-option{color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.anime-page-rating-dropdown-option:hover{background:var(--bg-card)}.anime-page-rating-dropdown-option.selected{background:var(--bg-button-2);color:var(--text-primary)}@media (max-width:1200px){.anime-page-container{gap:10px;grid-template-columns:1fr 300px}.anime-page-filters-panel{padding:20px;width:300px}}@media (max-width:992px){.anime-page-container{grid-template-areas:"filters" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}.anime-page-filters-panel{grid-row:1;margin-bottom:20px;position:static;width:100%}.anime-page-section{grid-row:2}}@media (max-width:768px){.anime-page-container-wrapper{padding:0 15px}.anime-page-list-header{align-items:stretch;flex-direction:column;gap:12px;padding:15px;text-align:center}.anime-page-view-mode-btn{align-self:center;justify-content:center;min-width:140px;width:auto}.anime-page-table-headers{font-size:13px;padding:10px 15px}.anime-page-item,.anime-page-table-headers{grid-template-columns:50px 50px minmax(200px,1fr) 80px 80px}.anime-page-item{font-size:14px;padding:12px 15px}.anime-page-image{height:70px;width:50px}.anime-page-card-item{flex-direction:column;gap:15px;margin-left:15px;padding:15px 15px 15px 0}.anime-page-card-item-left{margin-left:0;width:120px}.anime-page-card-item-img{height:168px;width:120px}.anime-page-card-item-right{padding-right:0;width:100%}.anime-page-card-item-top{align-items:center;flex-direction:row;gap:15px}.anime-page-filters-panel{padding:15px}}@media (max-width:600px){.anime-page-table-headers{font-size:12px}.anime-page-item,.anime-page-table-headers{grid-template-columns:40px 40px minmax(150px,1fr) 60px 60px;padding:10px}.anime-page-item{font-size:13px}.anime-page-image{height:56px;width:40px}.anime-page-list-title{font-size:20px}.anime-page-view-mode-btn{font-size:13px;padding:6px 12px}.anime-page-card-item{gap:12px;margin-left:12px;padding:12px 12px 12px 0}.anime-page-card-item-left{width:100px}.anime-page-card-item-img{height:140px;width:100px}.anime-page-card-item-title{font-size:16px}.anime-page-card-item-meta{align-items:flex-start;flex-direction:column;font-size:13px;gap:4px}.anime-page-card-item-divider{display:none}.anime-page-card-item-description{font-size:13px;min-height:58px}.anime-page-card-item-genres{max-width:100%}}@media (max-width:480px){.anime-page-container-wrapper{padding:0 10px}.anime-page-table-headers{font-size:11px}.anime-page-item,.anime-page-table-headers{grid-template-columns:30px 30px minmax(120px,1fr) 50px 50px;padding:8px}.anime-page-item{font-size:12px}.anime-page-image{height:42px;width:30px}.anime-page-card-item{gap:10px;margin-left:10px;padding:10px 10px 10px 0}.anime-page-card-item-left{width:80px}.anime-page-card-item-img{height:112px;width:80px}.anime-page-card-item-title{font-size:15px}.anime-page-card-item-meta{font-size:12px}.anime-page-card-item-description{font-size:12px;min-height:54px}.anime-page-filter-actions{flex-direction:column}.anime-page-filter-btn{padding:10px;width:100%}}.user-list-page{color:var(--text-primary);min-height:100vh;padding:2rem 0 20px}.user-list-container-wrapper{margin:0 auto;max-width:1350px;padding:0 20px;width:100%}.user-list-container{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-areas:"content filters";grid-template-columns:1fr 220px;grid-template-rows:auto 1fr;margin:0 auto;max-width:1600px}.status-tab{align-items:center;background:var(--bg-card);border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.status-tab:hover{background:var(--bg-card-7)}.status-tab.active{background:var(--bg-button-2);color:var(--text-primary)}.status-name{font-weight:500}.status-count{font-size:.8em;opacity:.8}.anime-list-section,.table-container{display:flex;flex-direction:column;width:100%}.anime-list-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:15px;grid-area:content;grid-row:1/-1;height:100%;margin-top:0;overflow:hidden;padding-top:0}.anime-list{display:flex;flex:1 1;flex-direction:column}.list-navigation{background:#0000;border-bottom:1px solid var(--border-primary);padding:15px}.status-tabs{display:flex;flex-wrap:wrap;gap:15px;margin:0}.table-headers{grid-gap:0;align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:grid;font-size:14px;font-weight:600;gap:0;grid-template-columns:70px 70px minmax(300px,1fr) 130px 110px 110px 110px;margin:0;padding:15px 20px}.table-headers.all-view{grid-template-columns:70px 70px minmax(300px,1fr) 130px 110px 110px 110px}.header-number{grid-column:1;text-align:center}.header-image{color:#0000;font-size:0;grid-column:2;text-align:center}.header-title{grid-column:3;padding-left:15px!important;text-align:left}.header-status{grid-column:4;text-align:center}.header-rating{grid-column:5;text-align:center}.header-global-rating{grid-column:6;text-align:center}.header-episodes{grid-column:7;text-align:center}.table-headers.all-view .header-status{grid-column:4}.table-headers.all-view .header-rating{grid-column:5}.table-headers.all-view .header-global-rating{grid-column:6}.table-headers.all-view .header-episodes{grid-column:7}.anime-items{display:flex;flex:1 1;flex-direction:column}.anime-item{grid-gap:0;align-items:center;background:#0000;border-bottom:1px solid var(--border-anime-item);display:grid;gap:0;grid-template-columns:70px 70px minmax(300px,1fr) 130px 110px 110px 110px;padding:16px 20px}.anime-item:last-child{border-bottom:none}.anime-item.all-view{grid-template-columns:70px 70px minmax(300px,1fr) 130px 110px 110px 110px}.anime-item.all-view .item-episodes,.anime-item.all-view .item-global-rating,.anime-item.all-view .item-rating,.anime-item.all-view .item-status,.table-headers.all-view .header-episodes,.table-headers.all-view .header-global-rating,.table-headers.all-view .header-rating,.table-headers.all-view .header-status{padding:0;text-align:center}.item-number{color:var(--text-primary);font-weight:500;grid-column:1;text-align:center}.item-image{align-items:center;display:flex;grid-column:2;justify-content:center;text-align:center}.anime-image{border-radius:5px;height:85px;object-fit:cover;pointer-events:none;width:60px}.item-title{grid-column:3;padding:0 15px!important;text-align:left}.anime-name{cursor:pointer;font-weight:500;line-height:1.3;transition:color .2s ease}.anime-name:hover{color:#cd69ff}.item-status{font-weight:600;grid-column:4;text-align:center}.item-rating{grid-column:5}.item-global-rating,.item-rating{font-weight:500;text-align:center}.item-global-rating{grid-column:6}.item-episodes{font-weight:500;grid-column:7;text-align:center}.anime-item.all-view .item-status{grid-column:4}.anime-item.all-view .item-rating{grid-column:5}.anime-item.all-view .item-global-rating{grid-column:6}.anime-item.all-view .item-episodes{grid-column:7}.status-watching{color:var(--text-button-blue);display:inline-block;font-size:14px;padding:4px 8px}.status-completed{color:var(--text-button-green);font-size:14px;padding:4px 8px}.status-planned{color:var(--text-button-orange);font-size:14px;padding:4px 8px}.status-dropped{color:var(--text-button-red);font-size:14px;padding:4px 8px}.status-rewatching{color:var(--text-button-purple);font-size:14px;padding:4px 8px}.filters-panel{align-self:start;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:15px;grid-area:filters;grid-row:1/3;padding:25px;width:220px}.filters-title{border-bottom:1px solid var(--border-primary);font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;text-align:center}.filter-group{margin-bottom:16px}.filter-label{display:block;font-weight:500;margin-bottom:6px}.filter-input,.filter-label{color:var(--text-primary);font-size:13px}.filter-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:8px 12px;width:100%}.filter-input::placeholder{color:var(--text-tertiary)}.filter-input:focus{background:var(--bg-tertiary);outline:none}.dropdown-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .3s ease;width:100%}.dropdown-button:hover{background:var(--bg-tertiary)}.dropdown-button .chevron{height:16px;transition:transform .3s ease;width:16px}.dropdown-button.open .chevron{transform:rotate(180deg)}.dropdown-menu-list{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-primary);border-radius:8px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:100%;z-index:100}.dropdown-menu-list::-webkit-scrollbar{display:none;height:0;width:0}.dropdown-option{cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.dropdown-option:hover{background:var(--bg-card)}.dropdown-option.selected{background:var(--bg-button-2);color:var(--text-primary)}.compact-filter-with-select{align-items:center;display:flex;gap:8px}.comparison-buttons{display:flex;flex-shrink:0;gap:4px}.comparison-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:13px;padding:8px;width:50px}.comparison-select:focus{background:var(--bg-secondary);border-color:var(--border-primary);outline:none}.comparison-select option{background:var(--bg-card-2);color:var(--text-primary)}.compact-input-with-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:13px;min-width:0;padding:8px 12px}.filter-actions{display:flex;gap:8px;margin-top:20px}.filter-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .3s ease}.apply-btn{background:var(--bg-button-2);border:1px solid var(--border-button);color:var(--text-primary)}.apply-btn:hover{background:var(--bg-button-3)}.apply-btn:disabled{background:var(--bg-button-2);cursor:default;opacity:.6}.reset-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.reset-btn:hover{background:var(--bg-tertiary)}.reset-btn:disabled{background:var(--bg-secondary);border-color:var(--border-primary);cursor:default;opacity:.6}.filter-btn-icon{height:16px;width:16px}.dropdown-container-list{position:relative;width:100%}.genres-dropdown-content{padding:8px}.genre-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:2px;padding:6px 8px;transition:background .2s ease}.genre-item:last-child{margin-bottom:0}.genre-item:hover{background:var(--bg-card)}.genre-item.selected{background:var(--bg-button-2);border-left:3px solid #9370dbb3;color:var(--text-primary)}.genre-item-text{color:var(--text-primary);flex:1 1;font-size:13px}.genre-item.selected .genre-item-text{color:var(--text-primary);font-weight:500}.favorite-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .3s ease}.favorite-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.favorite-btn.active{background:var(--bg-tertiary);border-color:var(--border-button);color:var(--text-primary)}.rating-dropdown-container{position:relative;width:100%}.rating-dropdown-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .3s ease;width:100%}.rating-dropdown-button:hover{background:var(--bg-tertiary)}.rating-dropdown-button .chevron{height:16px;transition:transform .3s ease;width:16px}.rating-dropdown-button.open .chevron{transform:rotate(180deg)}.rating-dropdown-menu{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-2);border:1px solid var(--border-primary);border-radius:8px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-width:none;top:100%;z-index:100}.rating-dropdown-menu::-webkit-scrollbar{display:none;height:0;width:0}.rating-dropdown-option{color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.rating-dropdown-option:hover{background:var(--bg-card)}.rating-dropdown-option.selected{background:var(--bg-button-2);color:var(--text-primary)}.error-user-list-page,.no-results{color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.error-user-list-page{color:#f56565}.auth-required{padding:60px 20px;text-align:center}.auth-required h2{color:#e50914;margin-bottom:15px}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner-large{animation:spin 1s ease-in-out infinite;border:4px solid var(--bg-card-3);border-radius:50%;border-top-color:var(--text-primary);height:50px;margin-bottom:15px;width:50px}.loading-more-indicator{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;grid-column:1/-1;justify-content:center;padding:20px}@media (max-width:1200px){.user-list-container{gap:10px;grid-template-columns:1fr 320px}.filters-panel{padding:20px;width:320px}}@media (max-width:992px){.user-list-container{grid-template-areas:"filters" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}.filters-panel{grid-row:1;margin-bottom:20px;position:static;width:100%}.anime-list-section{grid-row:2}}@media (max-width:768px){.user-list-container-wrapper{padding:0 15px}.status-tabs{justify-content:center}.status-tab{font-size:14px;padding:8px 16px}.table-headers{font-size:13px;padding:10px 15px}.anime-item{padding:12px 15px}.filters-panel{padding:15px}}@media (max-width:480px){.user-list-container-wrapper{padding:0 10px}.status-tabs{gap:8px}.status-tab{font-size:13px;padding:6px 12px}.table-headers{padding:8px 10px}.anime-item,.table-headers{grid-template-columns:50px 50px minmax(200px,1fr) 100px 80px 80px 80px}.anime-item{padding:10px}.anime-image{height:56px;width:40px}.anime-name{font-size:14px}.item-episodes,.item-global-rating,.item-rating,.item-status{font-size:13px}}.user-profile-container{min-height:100vh;padding:1rem 0 3rem}.profile-page-content{box-sizing:border-box;margin:0 auto;max-width:1350px;padding:0 20px;width:100%}.profile-main-layout{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.profile-main-content{display:flex;flex-direction:column;gap:1rem}.profile-sidebar{display:block;height:100%}.sidebar-widgets{display:flex;flex-direction:column;gap:1rem;height:100%}.profile-header-component{margin-bottom:3rem;position:relative}.profile-banner-image{background-position:50%;background-size:cover;border-radius:20px;height:300px;image-rendering:auto;margin-top:15px;overflow:hidden;position:relative;width:100%}.profile-header-content{align-items:flex-end;display:flex;gap:2rem;margin-top:-90px;padding:0 2rem;position:relative}.profile-avatar-wrapper-main{position:relative}.profile-avatar-image-container{border:4px solid var(--border-profile-avatar);border-radius:20px;box-shadow:0 8px 32px #0000000d;height:160px;overflow:hidden;position:relative;width:160px}.profile-avatar-img{height:100%;image-rendering:auto;object-fit:cover;width:100%}.profile-info-content{flex:1 1}.profile-info-card{background:var(--bg-profile-info);border:1px solid var(--border-profile-info);border-radius:20px;box-shadow:0 8px 32px #0000000d;padding:1rem 1.5rem;position:relative;width:100%}.profile-info-main{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.profile-text-content{display:flex;flex:1 1;flex-direction:column;width:100%}.profile-display-name{-webkit-text-fill-color:#0000;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .25rem}.profile-description{color:var(--text-secondary);margin:0 0 .5rem}.profile-description,.profile-description-edit{-webkit-line-clamp:2;-webkit-box-orrient:vertical;display:-webkit-box;flex-shrink:0;font-size:1rem;line-height:1.5;max-width:600px;overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.profile-description-edit{color:var(--text-tertiary);margin:0 0 .25rem}.profile-description-edit:focus{background:#3030364d;outline:none}.profile-description-edit::-webkit-scrollbar{width:4px}.profile-description-edit::-webkit-scrollbar-track{background:#0000}.profile-description-edit::-webkit-scrollbar-thumb{background:#b447eb80;border-radius:2px}.profile-stats-row{align-items:center;display:flex;gap:1.5rem}.profile-stat-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.profile-stat-item svg{color:var(--text-primary);flex-shrink:0}.stat-emoji{font-size:1.2rem}.stat-number{color:var(--text-primary);font-weight:700}.stat-label{color:var(--text-tertiary)}.friend-actions-container{display:flex;gap:8px}.friend-action-btn{align-items:center;background:#000000b3;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.friend-action-btn:hover:not(:disabled){background:#000000e6}.friend-action-btn:disabled{cursor:not-allowed;opacity:.7}.friend-action-btn.friend{background:#0000;border:1px solid var(--border-button-green)}.friend-action-btn.friend:hover:not(:disabled){background:#0000;border-color:var(--border-button-green-2)}.friend-action-btn.subscribed{background:#0000;border:1px solid var(--border-button-purple)}.friend-action-btn.subscribed:hover:not(:disabled){background:#0000;border-color:var(--border-button-purple-2)}.friend-action-btn.follower{background:#0000;border:1px solid var(--border-button-blue)}.friend-action-btn.follower:hover:not(:disabled){background:#0000;border-color:var(--border-button-blue-2)}.friend-action-btn.rejected{background:#0000;border:1px solid var(--border-button-red)}.friend-action-btn.rejected:hover:not(:disabled){background:#0000;border-color:var(--border-button-red-2)}.friend-action-buttons{display:flex;gap:8px}.profile-action-buttons-bottom-right{bottom:16px;display:flex;gap:8px;position:absolute;right:16px;z-index:10}.loading-spinner-tiny{border-top:2px solid var(--border-tertiary);border:2px solid var(--border-tertiary);border-top-color:var(--text-primary);height:18px;width:18px}.profile-cancel-icon-btn,.profile-edit-icon-btn,.profile-friend-icon-btn,.profile-save-icon-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.profile-edit-icon-btn:hover,.profile-friend-icon-btn:hover{background:#000000e6}.profile-save-icon-btn{background:#000000b3}.profile-save-icon-btn:hover{background:#000000e6}.profile-cancel-icon-btn{background:#000000b3}.profile-cancel-icon-btn:hover{background:#000000e6}.edit-actions-icons{display:flex;gap:8px}.btn-emoji{font-size:1rem}.confirmation-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.confirmation-modal-content{animation:modal-fade-in .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 20px 60px #000c;max-width:400px;padding:30px;width:90%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.confirmation-modal-actions{display:flex;gap:15px;justify-content:center}.confirm-modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 28px;transition:all .3s ease}.confirm-modal-btn.yes{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirm-modal-btn.yes:hover{background:var(--bg-tertiary)}.confirm-modal-btn.no{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirm-modal-btn.no:hover{background:var(--bg-tertiary)}.confirmation-modal-actions-choice{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.confirmation-modal-actions-choice .confirm-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.confirmation-modal-actions-choice .confirm-modal-btn.add-friend{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirmation-modal-actions-choice .confirm-modal-btn.add-friend:hover{background:var(--bg-tertiary)}.confirmation-modal-actions-choice .confirm-modal-btn.remove-follower{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirmation-modal-actions-choice .confirm-modal-btn.remove-follower:hover{background:var(--bg-tertiary)}.confirmation-modal-actions-choice .confirm-modal-btn.remove{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirmation-modal-actions-choice .confirm-modal-btn.remove:hover{background:var(--bg-tertiary)}.confirmation-modal-actions-choice .confirm-modal-btn.keep{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.confirmation-modal-actions-choice .confirm-modal-btn.keep:hover{background:var(--bg-tertiary)}.confirmation-modal-actions-choice .confirm-modal-btn.cancel{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);margin-top:10px}.confirmation-modal-actions-choice .confirm-modal-btn.cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.anime-stats-container{background:#0000;border:none;box-shadow:none;margin-top:-.75rem;padding:0}.stats-main-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.stats-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.stats-cards-grid:after{content:"";grid-column:1/-1}.stats-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;cursor:default;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.stats-card.clickable{cursor:pointer}.stats-card.clickable:hover{border-color:var(--border-button)}.stats-card:not(.clickable){cursor:default}.stats-card-content{align-items:center;display:flex;gap:1rem}.stats-icon-wrapper{align-items:center;background:#0000!important;border-radius:12px;display:flex;font-size:1.5rem;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.stats-card:hover .stats-icon-wrapper{transform:scale(1.1)}.stats-text-content{flex:1 1}.stats-card-title{color:var(--text-secondary);font-size:1rem;margin:0 0 .25rem}.stats-card-count{color:var(--text-primary);font-size:1.3rem;margin:0}.favorite-anime-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;margin:24px 0;overflow:hidden;padding:24px;position:relative}.favorite-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px;position:relative}.view-all-favorites-btn{background:var(--bg-button-favorite);border:1px solid var(--border-button-favorite);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:auto;padding:6px 16px;transition:all .3s ease;white-space:nowrap}.view-all-favorites-btn:hover{background:var(--bg-button-favorite-2);border-color:var(--border-button-favorite-2)}.favorite-icon,.favorite-title{font-size:1.5rem}.favorite-title{color:var(--text-primary);font-weight:600;margin:0}.anime-cards-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(6,minmax(150px,1fr))}.anime-card-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.anime-card-image-container{flex-shrink:0;height:255px;overflow:hidden;position:relative;width:180px}.anime-card-image{border-radius:8px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.anime-card-item:hover{opacity:1}.anime-rating-badge{align-items:center;background:#121216cc;border-radius:20px;display:flex;font-size:1rem;font-weight:700;gap:.2rem;padding:1px 7px;position:absolute;right:.5rem;top:.5rem}.rating-value-profile{color:#fafafa}.anime-card-content{background:#0000;display:flex;flex:1 1;flex-direction:column;padding-top:8px}.anime-card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:500;line-height:1.4;margin:0 12px 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anime-card-meta{flex-shrink:0;margin-top:auto}.anime-card-meta .meta-item-profile:last-child{gap:0}.meta-row{align-items:center;display:flex;justify-content:start;margin-right:12px}.meta-divider{color:var(--text-tertiary);flex-shrink:0;font-size:1rem;margin:0 5px}.meta-item-profile{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;max-width:100%;overflow:hidden;white-space:nowrap}.meta-text{color:var(--text-tertiary);white-space:nowrap}.genre-tag,.meta-icon,.meta-text{font-size:.8rem}.genre-tag{color:var(--text-tertiary);flex-shrink:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-favorite-anime-message{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-favorite-anime-message p{color:var(--text-tertiary);font-size:1.1rem;margin-top:16px}.activity-feed-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;display:flex;flex-direction:column;height:600px;padding:1.25rem}.activity-feed-container .activity-list{flex-shrink:0}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-feed-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.activity-icon{font-size:1.2rem}.activity-item-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-shrink:0;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item-card:hover{border-color:var(--border-button)}.activity-type-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.activity-scroll-area{flex:1 1;margin-right:-8px;max-height:530px;overflow-y:auto;padding-right:12px}.activity-scroll-area .no-activities-message{align-items:center;display:flex;height:100%;justify-content:center;min-height:150px}.activity-scroll-area::-webkit-scrollbar{width:8px}.activity-scroll-area::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px;margin:4px 0}.activity-scroll-area::-webkit-scrollbar-thumb{background:#cd69ff;background-clip:content-box;border:2px solid #0000;border-radius:4px}.activity-scroll-area::-webkit-scrollbar-thumb:hover{background:#cd69ff95;background-clip:content-box;border:2px solid #0000}.no-activities-message{color:var(--text-tertiary);padding:40px 20px;text-align:center}.no-activities-message p{font-size:16px;margin:0}.activity-anime-name{color:var(--text-primary);font-weight:600;margin:0 0 .25rem}.activity-description-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.activity-description{color:var(--text-tertiary);flex:1 1;font-size:.9rem;margin:0}.activity-timestamp{color:var(--text-tertiary);flex-shrink:0;font-size:.8rem;margin:0;white-space:nowrap}.activity-chart-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;margin:1.5rem 0 1rem;padding:1.5rem}.chart-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.chart-main-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.chart-icon{font-size:1.2rem}.period-selector-btn{align-items:center;background:var(--bg-button-2);border:1px solid var(--border-button);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.period-selector-btn:hover{background:var(--bg-button-3)}.chart-stats-container{margin-bottom:1.5rem}.stats-items-row,.stats-titles-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.stats-period-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;min-height:40px}.stats-period-title:before{background:linear-gradient(135deg,#b447eb,#f042b6);border-radius:2px;content:"";height:16px;margin-right:.75rem;width:4px}.total-stats-title{color:var(--text-primary)}.total-stats-title:before{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.chart-stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:0}.chart-stat-item{background:var(--bg-stat);border:1px solid var(--border-stat);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:1rem;transition:all .3s ease}.chart-stat-label{color:var(--text-tertiary);font-size:.875rem;margin:0 0 .5rem}.chart-stat-value{color:var(--text-primary);font-size:1.5rem;margin:0}.chart-placeholder-container{align-items:center;background:#3030364d;border:1px dashed #29293299;border-radius:12px;display:flex;height:300px;justify-content:center;width:100%}.chart-placeholder-content{text-align:center}.placeholder-text{color:var(--text-tertiary);font-size:1rem;margin:0}.distribution-chart-container,.progress-chart-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;display:flex;flex-direction:column;height:400px;padding:1.5rem;width:100%}.chart-title-left{align-self:flex-start;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-align:left}.chart-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.pie-chart-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center}.pie-chart,.pie-chart-wrapper svg{border-radius:50%}.pie-chart{background:conic-gradient(#21e2ff 0,#21e2ff 25%,#8fff3d 25%,#8fff3d 60%,#ff8c0e 60%,#ff8c0e 80%,#ff0300 80%,#ff0300 85%,#cd69ff 85%,#cd69ff 95%);height:180px;width:180px}.chart-legend-flex{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:auto}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-label{font-size:1rem;white-space:nowrap}.progress-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.circular-progress-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center}.circular-progress-container{height:180px;position:relative;width:180px}.circular-progress-svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:12;stroke-linecap:round}.progress-ring-fill{fill:none;stroke:#cf79ec;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-inner-simple{align-items:center;background:#0000;border-radius:50%;display:flex;flex-direction:column;height:100px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:2}.progress-percentage{color:var(--text-primary);font-size:2.5rem;font-weight:700}.linear-progress-bottom{margin-top:auto}.progress-labels{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:var(--text-primary);font-size:1rem;font-weight:600}.progress-count{color:var(--text-tertiary);font-size:1rem}.linear-progress-bar{background:var(--bg-tertiary);border-radius:3px;height:8px;overflow:hidden}.linear-progress-fill{background:linear-gradient(90deg,#f471b3,#be5eed);border-radius:3px;height:100%;transition:width .5s ease}.charts-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:-.5rem 0 1rem;width:100%}.no-data-message{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-tertiary);display:flex;font-size:16px;height:100%;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.profile-avatar-image-container:hover,.profile-banner-image:hover{opacity:1}.edit-field{display:inline-block;max-width:600px;position:relative;width:100%}.edit-textarea{background:var(--bg-tertiary);border:1px solid #333;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.edit-textarea:focus{border-color:var(--border-card);outline:none}.nickname-input{font-size:24px;font-weight:700;padding:15px}.char-counter{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.edit-actions{display:flex;gap:10px}.profile-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.profile-cancel-btn:hover{background:var(--bg-tertiary)}.profile-save-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.profile-save-btn:hover:not(:disabled){background:var(--bg-tertiary)}.profile-save-btn:disabled{background:var(--bg-secondary);cursor:not-allowed}.crop-area{background:#cd69ff1a;border:3px solid #cd69ff;box-shadow:0 0 0 9999px #000000b3;cursor:move;min-height:50px;min-width:50px;pointer-events:auto;position:absolute}.crop-area.out-of-bounds{background:#f443!important;border-color:#f44!important}.crop-area:hover{border-color:#ff69b4}.crop-area img{-webkit-user-drag:none;cursor:move;display:block;transform-origin:center;-webkit-user-select:none;user-select:none}.crop-overlay{border:2px solid #cd69ffcc;box-shadow:inset 0 0 0 1px #ffffff4d;pointer-events:none}.crop-guide,.crop-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.guide-horizontal,.guide-vertical{background:#ffffff4d;position:absolute}.guide-vertical{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.guide-horizontal,.guide-vertical{background:#ffffff80;position:absolute}.guide-horizontal{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.resize-handle{background:#cd69ff;border:2px solid #fff;border-radius:50%;bottom:-8px;cursor:nwse-resize;height:20px;position:absolute;right:-8px;width:20px}.resize-handle:hover{background:#ff69b4;transform:scale(1.2)}.modal-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.zoom-controls{gap:10px}.zoom-controls,.zoom-controls button{align-items:center;color:var(--text-primary);display:flex}.zoom-controls button{background:var(--bg-card);border:none;border-radius:50%;cursor:pointer;font-weight:700;height:30px;justify-content:center;width:30px}.zoom-controls button:hover{background:var(--bg-card-7)}.size-info{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;text-align:center}.action-buttons{display:flex;gap:10px}.modal-hint{color:var(--text-secondary);font-size:12px;margin-top:15px;text-align:center}.modal-hint p{margin:3px 0}.saving-overlay{align-items:center;background:#000000b3;bottom:0;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.saving-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-tertiary);border-radius:50%;border-top:4px solid #cd69ff;height:50px;margin-bottom:15px;width:50px}.modal-overlay-crop{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:10003}.image-crop-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;padding:20px;position:relative}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:var(--text-primary);font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#878787}.crop-container-wrapper{background:#2a2a2a;border-radius:8px;flex:1 1;margin-bottom:20px;min-height:300px;overflow:auto;padding:20px}.crop-container,.crop-container-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.crop-container{cursor:default;height:100%;width:100%}.crop-container img{-webkit-user-drag:none;background:#0000;display:block;image-rendering:auto;max-height:none;max-width:none;-webkit-user-select:none;user-select:none}.avatar-edit-controls{right:12px}.avatar-edit-controls,.banner-edit-controls{display:flex;gap:8px;position:absolute;top:8px;z-index:1000}.banner-edit-controls{right:16px}.delete-avatar-btn,.delete-banner-btn,.edit-avatar-btn,.edit-banner-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.delete-avatar-btn:hover,.delete-banner-btn:hover,.edit-avatar-btn:hover,.edit-banner-btn:hover{background:#000000e6}.delete-avatar-btn svg,.delete-banner-btn svg,.edit-avatar-btn svg,.edit-banner-btn svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.chart-content-wrapper{background:var(--bg-tertiary);border-radius:12px;margin-top:15px;padding:20px}.chart-with-axes{background:#0000;border-radius:8px;display:flex;height:300px;margin-left:-10px;margin-right:20px;position:relative}.chart-main-area{flex:1 1;margin-left:40px}.chart-main-area,.y-axis{display:flex;flex-direction:column}.y-axis{border-right:1px solid var(--border-tertiary);bottom:30px;justify-content:space-between;left:0;padding-right:10px;position:absolute;top:0;width:40px}.y-tick{align-items:center;display:flex;height:0;justify-content:flex-end}.y-tick-label{color:var(--text-secondary);font-size:12px;padding:2px 4px}.chart-area{flex:1 1;overflow:visible;position:relative}.chart-grid{bottom:0;top:0}.chart-grid,.grid-line{left:0;position:absolute;right:0}.grid-line{border-top:1px solid var(--border-graph)}.chart-lines{bottom:0;right:0}.chart-lines,.chart-lines-svg{left:0;position:absolute;top:0}.chart-lines-svg{height:100%;overflow:visible;width:100%}.episodes-line{fill:none;stroke:#ff57c2;stroke-width:.25;stroke-linecap:round;stroke-linejoin:round}.chart-points{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.data-point-container{bottom:0;pointer-events:auto;position:absolute;top:0;width:16px}.data-point{border:2px solid var(--border-point);border-radius:50%;height:8px;position:absolute;transform:translate(-50%,50%);width:8px;z-index:10}.data-point:hover{box-shadow:0 0 12px #ff57c2;transform:translate(-50%,50%) scale(1.3)}.episodes-point{background:#ff57c2;box-shadow:0 0 8px #ff57c2}.x-axis{align-items:center;display:flex;height:30px;justify-content:space-between;position:relative}.x-tick{position:absolute;text-align:center}.x-tick-label{color:var(--text-secondary);font-size:11px;padding:2px 6px;white-space:nowrap}.chart-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top:3px solid #cd69ff;height:30px;margin-bottom:10px;width:30px}.period-modal{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;max-width:350px;width:90%}.period-modal h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:15px;text-align:center}.period-options{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.period-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .2s}.period-option:hover{background:var(--bg-tertiary)}.period-option input[type=radio]{margin:0}.period-input{display:flex;flex-direction:column;gap:8px;margin:15px}.period-input label{color:var(--text-secondary);font-size:14px}.period-input input{background:var(--bg-card)}.period-input input,.period-input select{border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px}.period-input select{background:var(--bg-secondary);max-height:200px}.period-input select option{background:var(--bg-card-2);color:var(--text-primary);padding:8px}.period-input select:focus{outline:none}.period-input input[type=date]::-webkit-calendar-picker-indicator,.period-input input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}.period-input input[type=date]::-webkit-calendar-picker-indicator:hover,.period-input input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}.custom-period-inputs{display:flex}.custom-period-inputs .period-input{flex:1 1}.modal-actions-watch{display:flex;gap:10px;justify-content:flex-end;margin:10px}.modal-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px}.modal-apply-btn,.modal-cancel-btn{color:var(--text-primary);cursor:pointer;margin-bottom:15px;padding:8px 16px;transition:all .2s}.modal-apply-btn{background:var(--bg-button-2);border:1px solid var(--border-button);border-radius:6px}.modal-apply-btn:disabled{cursor:not-allowed}.modal-cancel-btn:hover{background:var(--bg-tertiary)}.modal-apply-btn:hover:not(:disabled){background:var(--bg-button-3)}.connections-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;display:flex;flex-direction:column;height:100%;padding:1.25rem}.connections-header-with-all{margin-bottom:1.5rem}.connections-header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.view-all-connections-btn-header{background:var(--bg-button-2);border:1px solid var(--border-button);border-radius:8px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.view-all-connections-btn-header:hover{background:var(--bg-button-3)}.connections-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.connections-tabs{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.connection-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.connection-tab.active,.connection-tab:hover{background:var(--bg-tertiary)}.connection-tab.active{color:var(--text-primary)}.connection-tab svg{height:16px;width:16px}.connections-content{flex:1 1;margin-bottom:1rem;min-height:400px;overflow-y:auto}.connections-grid-4x2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);min-height:0}.connection-card-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;height:210px;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.connection-card-item:hover{border-color:var(--border-button)}.connection-avatar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}.connection-avatar-image{border-radius:12px;flex-shrink:0;height:110px;margin-bottom:1rem;overflow:hidden;width:110px}.connection-avatar-image img{height:100%;object-fit:cover;width:100%}.connection-name{word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--text-primary);display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.2;margin:0;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:2px 4px;text-align:center;text-overflow:ellipsis;white-space:normal;word-break:break-word}.connections-empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.connections-empty-text{color:var(--text-tertiary);font-size:1rem;margin:0}.profile-loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{border:3px solid #29293299;border-top-color:#b447eb}.profile-error-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.error-emoji{font-size:4rem;margin-bottom:1rem}.profile-error-state h2{color:var(--text-primary);font-size:2rem;margin:0 0 1rem}.profile-error-state p{color:var(--text-tertiary);font-size:1.1rem;margin:0 0 2rem;max-width:400px}.error-home-btn{background:var(--bg-secondary);border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.error-home-btn:hover{box-shadow:0 8px 25px #b447eb4d}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out}@media (max-width:1024px){.profile-main-layout{grid-template-columns:1fr}.connections-grid-4x2{grid-template-columns:repeat(3,1fr)}.profile-sidebar{order:-1}}@media (max-width:768px){.connections-grid-4x2{grid-template-columns:repeat(2,1fr)}.connections-tabs{flex-direction:column}.connection-tab{justify-content:flex-start;padding:.75rem 1rem}.profile-header-content{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:-40px;padding:0 1rem}.profile-avatar-image-container{height:120px;margin-top:-60px;width:120px}.profile-main-layout{padding:0 1rem}.profile-info-card{min-height:auto;padding:1rem}.profile-info-main{flex-direction:column;gap:1rem}.profile-display-name{font-size:1.75rem}.profile-stats-row{flex-wrap:wrap;gap:1rem}.stats-cards-grid{grid-template-columns:1fr 1fr}.anime-cards-grid{grid-template-columns:repeat(2,1fr)}.favorite-anime-container{padding:0 1rem}.chart-stats-summary,.friends-grid{grid-template-columns:1fr}}@media (max-width:480px){.connections-grid-4x2{grid-template-columns:1fr}.connections-container{padding:1rem}.connection-card-item{height:160px}.profile-avatar-image-container{height:120px;width:120px}.activity-chart-container,.activity-feed-container,.anime-stats-container,.favorite-anime-container,.friends-list-container,.profile-info-card,.subscriptions-container{padding:1.5rem}.anime-cards-grid,.stats-cards-grid{grid-template-columns:1fr}}.friends-page-container{min-height:100vh;padding:2rem 0 20px}.friends-page-container,.friends-page-content{box-sizing:border-box;margin:0 auto;width:100%}.friends-page-content{max-width:1350px;padding:0 20px}.friends-main-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 280px}.friends-page-title{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;width:100%}.friends-page-title h2{-webkit-text-fill-color:#0000;background:var(--bg-friends-title);-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0}.friends-total-count{background:var(--border-primary);border-radius:20px;color:var(--text-primary);font-size:14px;padding:8px 16px}.friends-list-container{min-height:600px;padding:25px}.friends-list-container,.friends-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;width:100%}.friends-sidebar{height:-webkit-fit-content;height:fit-content;padding:20px}.search-container{margin-bottom:25px;width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-input-wrapper svg{left:12px;position:absolute;z-index:1}.search-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;outline:none;padding:12px 40px;transition:all .3s ease;width:100%}.search-input:focus{background:var(--bg-tertiary);border-color:var(--border-tertiary)}.clear-search-btn{background:none;border:none;color:var(--text-card);cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;transition:color .3s ease}.clear-search-btn:hover{color:var(--text-primary)}.friends-tabs-vertical{display:flex;flex-direction:column;gap:8px;width:100%}.friends-tab-vertical{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.friends-tab-vertical:hover{background:var(--bg-tertiary);border-color:var(--border-tertiary)}.friends-tab-vertical.active{background:var(--bg-card-6);border-color:var(--border-tertiary);border-left:3px solid #8a2be2;color:var(--text-primary)}.friends-tab-vertical svg{flex-shrink:0}.tab-count{background:var(--bg-card-5);border-radius:12px;font-size:12px;margin-left:auto;padding:2px 8px}.search-info{background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);font-size:12px;margin-top:20px;padding:10px;text-align:center;width:100%}.friends-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top:3px solid #8a2be2;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.friends-empty{align-items:center;display:flex;flex-direction:column;gap:15px;height:400px;justify-content:center;text-align:center;width:100%}.empty-icon{opacity:.5}.friends-empty p{color:var(--text-tertiary);line-height:1.5;max-width:400px}.friends-alphabet-list{gap:30px}.alphabet-group,.friends-alphabet-list{display:flex;flex-direction:column;width:100%}.alphabet-group{gap:15px}.group-header{align-items:center;display:flex;gap:15px;width:100%}.group-letter{color:#8a2be2;font-size:24px;font-weight:700;min-width:30px}.group-divider{background:var(--bg-friends-title);flex:1 1;height:1px}.group-friends{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.friend-card{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;box-sizing:border-box;display:flex;gap:15px;padding:15px;transition:all .3s ease;width:100%}.friend-card:hover{border-color:#8a2be2}.friend-avatar{border:2px solid var(--border-primary);border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-info{flex:1 1;min-width:0;width:100%}.friend-name{color:var(--text-primary);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.friend-bio,.friend-name{margin:0 0 8px;overflow:hidden}.friend-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:12px;line-height:1.4}.friend-actions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.friend-page-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.friend-page-action-btn:disabled{cursor:not-allowed;opacity:.5}.friend-page-action-btn.accept{background:#21e2ff33;border:1px solid #21e2ff66;color:#21e2ff}.friend-page-action-btn.accept:hover:not(:disabled){background:#21e2ff4d;transform:scale(1.05)}.friend-page-action-btn.remove{background:#ff393933;border:1px solid #ff393966;color:#ff3939}.friend-page-action-btn.remove:hover:not(:disabled){background:#ff39394d;transform:scale(1.05)}.friend-page-action-btn.add{background:#8a2be233;border:1px solid #8a2be266;color:#8a2be2}.friend-page-action-btn.add:hover:not(:disabled){background:#8a2be24d;transform:scale(1.05)}.friend-status-info{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);display:inline-block;font-size:11px;margin-top:4px;padding:2px 8px}.friend-status{align-items:center;display:flex;font-size:11px;gap:6px;margin-top:4px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#0f0;box-shadow:0 0 8px #0f0}.status-dot.offline{background:#666}.mutual-friends,.status-text{color:var(--text-tertiary)}.mutual-friends{background:var(--bg-tertiary);border-radius:4px;display:inline-block;font-size:11px;margin-top:4px;padding:2px 8px}.loading-spinner-tiny{animation:spin 1s linear infinite;border:2px solid var(--border-primary);border-radius:50%;border-top-color:initial;height:16px;width:16px}.friends-auth-required{align-items:center;display:flex;justify-content:center;min-height:80vh;width:100%}.auth-required-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;box-sizing:border-box;max-width:400px;padding:40px;text-align:center;width:100%}.auth-required-content h2{color:var(--text-primary);margin:20px 0 10px}.auth-required-content p{color:var(--text-tertiary);margin-bottom:25px}.auth-required-btn{background:var(--bg-friends-title);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.auth-required-btn:hover{box-shadow:0 5px 15px #8a2be266;transform:translateY(-2px)}@media (max-width:1400px){.friends-page-content{padding:0 20px}}@media (max-width:1024px){.friends-main-content{gap:20px;grid-template-columns:1fr;grid-template-rows:auto auto}.friends-sidebar{order:2;width:100%}.friends-list-container{order:1}.group-friends{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.friends-page-container{padding:60px 0 20px}.friends-page-content{padding:0 15px}.friends-page-title{align-items:flex-start;flex-direction:column;gap:10px}.friends-page-title h2{font-size:22px}.friends-list-container,.friends-sidebar{padding:15px}.group-friends{grid-template-columns:1fr}.friend-actions{flex-direction:column;gap:4px}.friend-page-action-btn{height:32px;width:32px}}@media (max-width:576px){.friends-page-content{padding:0 10px}.friends-page-container{padding:60px 0 15px}}@media (max-width:480px){.friend-card{align-items:center;flex-direction:column}.friend-card,.friend-info{text-align:center}.friend-actions{flex-direction:row;margin-left:0;margin-top:10px}}:root{--bg-main:#f0f2f5;--bg-primary:#fff;--bg-secondary:#0000000a;--bg-tertiary:#00000012;--bg-card:#d2d2d2;--bg-card-2:#e6e6e6;--bg-card-3:#dcdcdc;--bg-card-4:#202020;--bg-card-5:#d2d2d2;--bg-card-6:#00000012;--bg-card-7:#bebebe;--bg-profile-info:#ffffff59;--bg-stat:#dcdcdc4d;--bg-status-watch:#fff;--bg-divider:#18191a;--bg-button:#cd69ff4d;--bg-button-2:#cd69ff99;--bg-button-3:#cd69ffbf;--bg-button-favorite:#ff57c24d;--bg-button-favorite-2:#ff57c266;--bg-friends-title:linear-gradient(90deg,#8a2be2,#cd69ff);--bg-rating:#ffe0331a;--text-primary:#18191a;--text-secondary:#18191a;--text-tertiary:#18191a80;--text-card:#18191a;--text-rating:#ffa000;--text-button-blue:#19aff0;--text-button-green:#87f014;--text-button-orange:#ff7f00;--text-button-red:#f40702;--text-button-purple:#be3cff;--text-button-all:#ff95a2;--border-primary:#d2d2d2;--border-secondary:#b4b4b4;--border-tertiary:#5a5a5a;--border-card:#414141;--border-graph:#96969680;--border-point:#323232;--border-stat:#d2d2d2;--border-profile-avatar:#292929cc;--border-profile-info:#6464644d;--border-anime-item:#d2d2d24d;--border-button:#8c8c8c;--border-button-favorite:#ff57c266;--border-button-favorite-2:#ff57c299;--border-button-episodes:1.5px solid #0000;--border-button-blue:#19aff0b3;--border-button-blue-2:#19aff0;--border-button-green:#87f014b3;--border-button-green-2:#87f014;--border-button-orange:#ff7f00b3;--border-button-orange-2:#ff7f00;--border-button-red:#f40702b3;--border-button-red-2:#f40702;--border-button-purple:#be3cffb3;--border-button-purple-2:#be3cff;--border-header-footer:#404046;--border-rating:#ffa000;--filter-1:brightness(90%)}:root.dark{--bg-main:#121216;--bg-primary:#222;--bg-secondary:#ffffff08;--bg-tertiary:#ffffff0f;--bg-card:#ffffff1a;--bg-card-2:#1e1e1e;--bg-card-3:#ffffff4d;--bg-card-4:#202020;--bg-card-5:#fff3;--bg-card-6:#ffffff1a;--bg-card-7:#ffffff26;--bg-profile-info:#1a1a1abf;--bg-stat:#14141780;--bg-status-watch:#262626;--bg-divider:#ffffff4d;--bg-button:#cd69ff1a;--bg-button-2:#cd69ff33;--bg-button-3:#cd69ff40;--bg-button-favorite:#ff57c233;--bg-button-favorite-2:#ff57c24d;--bg-friends-title:linear-gradient(90deg,#8a2be2,#cd69ff);--bg-rating:#ffe0330d;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-card:#ffffff4d;--text-rating:gold;--text-button-blue:#21e2ff;--text-button-green:#8fff3d;--text-button-orange:#ff8c0e;--text-button-red:#ff0300;--text-button-purple:#cd69ff;--text-button-all:#ffb6c1;--border-primary:#ffffff1a;--border-secondary:#fff3;--border-tertiary:#ffffff4d;--border-card:#ffffff80;--border-graph:#ffffff26;--border-point:#fff;--border-stat:#292929cc;--border-profile-avatar:#292929cc;--border-profile-info:#ffffff1a;--border-anime-item:#ffffff0d;--border-button:#cd69ff80;--border-button-favorite:#ff57c24d;--border-button-favorite-2:#ff57c280;--border-button-episodes:1px solid #0000;--border-button-blue:#21e2ff80;--border-button-blue-2:#21e2ffe6;--border-button-green:#8fff3d80;--border-button-green-2:#8fff3de6;--border-button-orange:#ff8c0e80;--border-button-orange-2:#ff8c0ee6;--border-button-red:#ff030080;--border-button-red-2:#ff0300e6;--border-button-purple:#cd69ff80;--border-button-purple-2:#cd69ffe6;--border-header-footer:#404046;--border-rating:#ffe0334d;--filter-1:brightness(115%)}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
/*# sourceMappingURL=main.93b6ba59.css.map*/