@charset "UTF-8";:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--collection-text-primary);background:var(--collection-bg);transition:background-color,color .3s ease}:focus-visible{outline:3px solid var(--collection-purple);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.app-container{min-height:100vh;background-color:var(--collection-bg);color:var(--collection-text-primary);transition:background-color,color .3s ease}.main-content{min-height:calc(100vh - 73px)}.main-nav{padding:.75rem 1rem;border-bottom:1px solid var(--collection-border);background-color:var(--collection-card-bg);color:var(--collection-text-primary);transition:all .3s ease;box-shadow:var(--collection-shadow);position:sticky;top:0;z-index:50}.main-nav__container{display:flex;align-items:center;justify-content:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%;gap:1rem}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--collection-purple);text-decoration:none;min-width:fit-content;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.nav-logo:focus-visible:focus:not(:focus-visible){box-shadow:none}.nav-logo__icon{width:28px;height:28px}@media (max-width: 480px){.nav-logo__text{display:none}}.nav-menu{display:none;align-items:center;gap:.25rem;flex:1;justify-content:center;max-width:600px}@media (min-width: 768px){.nav-menu{display:flex}}.nav-link{padding:.5rem .75rem;text-decoration:none;color:var(--collection-text-secondary);font-weight:500;font-size:.9rem;border-radius:6px;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:var(--collection-hover-bg);color:var(--collection-text-primary)}.nav-link:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.nav-link:focus-visible:focus:not(:focus-visible){box-shadow:none}.nav-link--active{background-color:var(--collection-hover-bg);color:var(--collection-purple);font-weight:600}.nav-user-section{display:flex;align-items:center;gap:.5rem;min-width:fit-content}.nav-user-info{display:none;align-items:center;gap:.5rem}@media (min-width: 768px){.nav-user-info{display:flex}}.nav-user-info__name{color:var(--collection-text-secondary);font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-info__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.nav-auth-buttons{display:none;gap:.5rem}@media (min-width: 768px){.nav-auth-buttons{display:flex}}.btn-auth{padding:.5rem .75rem;text-decoration:none;border-radius:8px;font-weight:600;font-size:.8rem;transition:all .3s ease;cursor:pointer;border:2px solid transparent;font-family:inherit;white-space:nowrap}.btn-auth--login{border-color:var(--collection-purple);color:var(--collection-purple);background:transparent}.btn-auth--login:hover{background-color:var(--collection-purple);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.btn-auth--register{background-color:var(--collection-green);color:#fff}.btn-auth--register:hover{background-color:#0c8a60;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-auth--logout{background-color:var(--collection-red);color:#fff}.btn-auth--logout:hover{background-color:#eb1515;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.btn-auth:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.btn-auth:focus-visible:focus:not(:focus-visible){box-shadow:none}.btn-auth:disabled{opacity:.6;cursor:not-allowed;transform:none}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:6px}@media (min-width: 768px){.hamburger-btn{display:none}}.hamburger-btn__line{width:20px;height:2px;background-color:var(--collection-text-primary);margin:2px 0;transition:all .3s ease}.hamburger-btn__line--top.active{transform:rotate(-45deg) translate(-4px,4px)}.hamburger-btn__line--middle.active{opacity:0}.hamburger-btn__line--bottom.active{transform:rotate(45deg) translate(-4px,-4px)}.hamburger-btn:hover{background-color:var(--collection-hover-bg)}.hamburger-btn:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.hamburger-btn:focus-visible:focus:not(:focus-visible){box-shadow:none}.mobile-menu-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:999;animation:fadeIn .3s ease ease-out}@media (prefers-reduced-motion: reduce){.mobile-menu-overlay{animation:none}}@media (min-width: 768px){.mobile-menu-overlay{display:none}}.mobile-menu{position:absolute;top:60px;right:1rem;background-color:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow-lg);border:1px solid var(--collection-border);min-width:200px;padding:1rem;animation:slideInUp .3s ease ease-out}@media (prefers-reduced-motion: reduce){.mobile-menu{animation:none}}.mobile-menu__nav{display:flex;flex-direction:column;gap:.5rem}.mobile-menu__divider{border-top:1px solid var(--collection-border);padding-top:1rem;margin-top:1rem}.mobile-menu__user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--collection-hover-bg);border-radius:8px;margin-bottom:.75rem}.mobile-menu__user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.mobile-menu__user-name{color:var(--collection-text-secondary);font-size:.9rem;font-weight:500;flex:1;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-link{padding:.75rem;text-decoration:none;color:var(--collection-text-secondary);font-weight:500;font-size:.9rem;border-radius:8px;transition:all .3s ease;display:block}.mobile-nav-link:hover{background-color:var(--collection-hover-bg);color:var(--collection-text-primary)}.mobile-nav-link:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.mobile-nav-link:focus-visible:focus:not(:focus-visible){box-shadow:none}.mobile-nav-link--active{background-color:var(--collection-hover-bg);color:var(--collection-purple);font-weight:600}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.5rem}.mobile-auth-buttons .btn-auth{width:100%;padding:.75rem;text-align:center;font-size:.9rem;justify-content:center}.route-loader{display:flex;align-items:center;justify-content:center;min-height:50vh;flex-direction:column;gap:1rem}.route-loader__spinner{width:32px;height:32px;border:3px solid var(--wishlist-border);border-top:3px solid var(--wishlist-purple);border-radius:50%;animation:spin 1s linear infinite}.route-loader__text{color:var(--collection-text-secondary);font-size:.9rem;font-weight:500}.route-error{display:flex;align-items:center;justify-content:center;min-height:50vh;flex-direction:column;gap:1rem;padding:2rem}.route-error__icon{font-size:3rem;color:var(--collection-red)}.route-error__title{font-size:1.5rem;font-weight:700;color:var(--collection-text-primary)}.route-error__message{font-size:1rem;color:var(--collection-text-secondary);text-align:center;max-width:500px}.route-error__button{padding:.75rem 1.5rem;background:var(--collection-purple);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.route-error__button:hover{background:var(--collection-purple-dark);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.route-error__button:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.route-error__button:focus-visible:focus:not(:focus-visible){box-shadow:none}@media (max-width: 480px){.main-nav{padding:.5rem .75rem}.nav-logo{font-size:1rem}.nav-logo__icon{width:24px;height:24px}.mobile-menu{right:.5rem;min-width:calc(100vw - 1rem);padding:.75rem}}@media (max-width: 360px){.mobile-menu{right:.25rem;min-width:calc(100vw - .5rem)}}.no-scroll{overflow:hidden;height:100vh}.main-nav--scrolled{box-shadow:var(--collection-shadow-lg)}@media (prefers-reduced-motion: no-preference){.main-nav--scrolled{animation:slideDown .3s ease-out}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:.8}to{transform:translateY(0);opacity:1}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--collection-purple);color:#fff;padding:.5rem 1rem;text-decoration:none;font-weight:600;border-radius:0 0 8px;z-index:10000;transition:top .3s ease}.skip-to-content:focus{top:0}.nav-link--active,.mobile-nav-link--active{position:relative}.nav-link--active:after,.mobile-nav-link--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:var(--collection-purple);border-radius:6px}.nav-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--collection-hover-bg);border:1px solid var(--collection-border);cursor:pointer;transition:all .3s ease}.nav-theme-toggle:hover{background:var(--collection-purple);color:#fff;border-color:var(--collection-purple);transform:rotate(180deg)}.nav-theme-toggle:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.nav-theme-toggle:focus-visible:focus:not(:focus-visible){box-shadow:none}.nav-theme-toggle__icon{width:18px;height:18px}.nav-badge{position:relative}.nav-badge__count{position:absolute;top:-4px;right:-4px;background:var(--collection-red);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.nav-badge__count{animation:none}}.nav-breadcrumb{display:none;align-items:center;gap:.25rem;font-size:.8rem;color:var(--collection-text-tertiary);padding:.5rem 0}@media (min-width: 1024px){.nav-breadcrumb{display:flex}}.nav-breadcrumb__item{color:var(--collection-text-secondary);text-decoration:none;transition:color .3s ease}.nav-breadcrumb__item:hover{color:var(--collection-purple)}.nav-breadcrumb__item--active{color:var(--collection-text-primary);font-weight:500}.nav-breadcrumb__separator{color:var(--collection-text-tertiary)}.footer{background:var(--collection-card-bg);border-top:1px solid var(--collection-border);color:var(--collection-text-secondary);margin-top:6rem;transition:background-color,border-color .3s ease}.footer__container{max-width:1400px;margin:0 auto;padding:3rem 1rem;position:relative}@media (min-width: 768px){.footer__container{padding:4rem 2rem}}.footer__top{display:grid;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--collection-border);grid-template-columns:1fr}@media (min-width: 768px){.footer__top{grid-template-columns:1fr 2fr}}@media (min-width: 1024px){.footer__top{grid-template-columns:1.2fr 2.8fr;gap:4rem}}.footer__brand{display:flex;flex-direction:column;gap:1rem}.footer__logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--collection-text-primary);margin-bottom:.5rem}.footer__logo-icon{font-size:1.5rem}.footer__logo-text{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__description{font-size:.9rem;line-height:1.6;color:var(--collection-text-tertiary);max-width:400px}.footer__social{display:flex;gap:.75rem;margin-top:.75rem}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--collection-hover-bg);border:1px solid var(--collection-border);color:var(--collection-text-secondary);text-decoration:none;transition:all .3s ease}.footer__social-link:hover{background:var(--collection-purple);color:#fff;border-color:var(--collection-purple);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.footer__social-link:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.footer__social-link:focus-visible:focus:not(:focus-visible){box-shadow:none}.footer__social-icon{font-size:1rem}.footer__links{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 480px){.footer__links{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer__links{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.footer__section{display:flex;flex-direction:column;gap:.75rem}.footer__section-title{font-size:.85rem;font-weight:700;color:var(--collection-text-primary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.footer__section-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer__section-link{display:inline-block;color:var(--collection-text-secondary);text-decoration:none;font-size:.8rem;font-weight:400;transition:color .3s ease;padding:.25rem 0}.footer__section-link:hover{color:var(--collection-purple)}.footer__section-link:focus-visible{outline:2px solid var(--collection-purple);outline-offset:2px;border-radius:6px}.footer__bottom{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}@media (min-width: 768px){.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copyright{display:flex;flex-direction:column;gap:.25rem}.footer__copyright-main{font-size:.8rem;color:var(--collection-text-secondary)}.footer__copyright-main strong{color:var(--collection-text-primary);font-weight:600}.footer__copyright-sub{font-size:.7rem;color:var(--collection-text-tertiary)}.footer__author{color:var(--collection-purple);font-weight:500}.footer__legal-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.footer__legal-links{justify-content:flex-end}}.footer__legal-link{font-size:.7rem;color:var(--collection-text-tertiary);text-decoration:none;transition:color .3s ease}.footer__legal-link:hover{color:var(--collection-purple)}.footer__legal-link:focus-visible{outline:2px solid var(--collection-purple);outline-offset:2px;border-radius:6px}.footer__separator{color:var(--collection-text-tertiary);font-size:.7rem}.footer__back-to-top{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--collection-purple);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 20px 25px -5px #0000001a;transition:all .3s ease;z-index:2}.footer__back-to-top:hover{background:var(--collection-purple-dark);transform:translateY(-4px);box-shadow:0 4px 12px #a855f74d}.footer__back-to-top:focus-visible:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.footer__back-to-top:focus-visible:focus:not(:focus-visible){box-shadow:none}.footer__back-to-top:active{transform:translateY(-2px)}@media (max-width: 480px){.footer__back-to-top{width:40px;height:40px;bottom:1rem;right:1rem}}.footer__back-to-top-icon{font-size:1.1rem;font-weight:700;line-height:1}@media (max-width: 480px){.footer{margin-top:3rem}.footer__container{padding:2rem 1rem}.footer__top{gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.footer__logo{font-size:1.1rem}.footer__logo-icon{font-size:1.25rem}.footer__description,.footer__section-title{font-size:.8rem}.footer__section-link{font-size:.7rem}.footer__bottom{gap:.75rem}}@media print{.footer{border-top:1px solid #ddd;background:#fff;page-break-inside:avoid}.footer__back-to-top,.footer__social,.footer__links{display:none}.footer__legal-links{display:flex}.footer__section-link{color:#000}.footer__section-link:after{content:" (" attr(href) ")";font-size:.7em;color:#666}}.footer{animation:fadeInUp .6s ease-out}@media (prefers-reduced-motion: reduce){.footer{animation:none}}.footer--compact{margin-top:2rem}.footer--compact .footer__container{padding:1.5rem 1rem}@media (min-width: 768px){.footer--compact .footer__container{padding:2rem}}.footer--compact .footer__top{margin-bottom:1.5rem;padding-bottom:1.5rem}.footer--compact .footer__description,.footer--compact .footer__social{display:none}.footer a:focus-visible,.footer button:focus-visible{outline:2px solid var(--collection-purple);outline-offset:2px;border-radius:6px}@media (prefers-contrast: high){.footer__section-link,.footer__legal-link{text-decoration:underline}.footer__social-link{border-width:2px}}.footer--gradient{background:linear-gradient(180deg,var(--collection-bg) 0%,var(--collection-card-bg) 100%)}.footer--elevated{box-shadow:0 -4px 6px -1px #0000001a}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.notification-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.notification-card{background:var(--sidebar-bg);border-radius:20px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1.25rem;animation:slideUp .3s ease-out}@media (max-width: 480px){.notification-card{padding:1.5rem;max-width:320px}}.notification-icon{font-size:5rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;animation:bounce 1s ease-in-out infinite}.notification-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}@media (max-width: 480px){.notification-title{font-size:1.25rem}}.notification-message{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.notification-message strong{color:var(--accent-color);font-weight:600}@media (max-width: 480px){.notification-message{font-size:.9rem}}.notification-button{width:100%;padding:1rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all,.2s ease .3s ease}.notification-button:hover{background:#9c3df6;transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.notification-button:active{transform:translateY(0)}.notification-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.notification-button:focus:not(:focus-visible){box-shadow:none}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:99;backdrop-filter:blur(2px)}@media (min-width: 769px){.sidebar-overlay{display:none}}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.sidebar--open{transform:translate(0)}@media (min-width: 769px){.sidebar{position:relative;transform:translate(0);height:100vh;flex-shrink:0}}@media (max-width: 768px){.sidebar{box-shadow:2px 0 10px #0000001a;width:260px}}.sidebar__header{padding:2rem 1.5rem 1rem;border-bottom:1px solid var(--sidebar-border)}.sidebar__logo{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:1rem}.sidebar__logo-icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.sidebar__logo-icon a{width:70%;height:auto}.sidebar__logo-icon a img{width:100%}.sidebar__welcome{color:var(--text-secondary);font-size:1.25rem;margin:.5rem 0 0;text-align:center}.sidebar__nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar__nav-list{list-style:none;padding:0;margin:0}.sidebar__nav-section{margin:1.5rem 0 .75rem}.sidebar__nav-section-title{display:block;padding:0 1.5rem;font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.sidebar__nav-item{margin:0}.sidebar__nav-button{width:100%;padding:.75rem 1.5rem;border:none;background:transparent;display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;transition:all,.2s ease .3s ease}.sidebar__nav-button:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.sidebar__nav-button:focus{outline:none;background:var(--sidebar-item-focus);box-shadow:inset 2px 0 0 var(--accent-color)}.sidebar__nav-button--active{background:linear-gradient(to right,transparent 0%,rgba(168,85,247,.125) 100%);color:var(--accent-color);border-right:3px solid var(--accent-color)}.sidebar__nav-button--active:hover{background:linear-gradient(to right,transparent 0%,rgba(168,85,247,.188) 100%)}.sidebar__nav-button--disabled{opacity:.6;cursor:not-allowed}.sidebar__nav-button--disabled:hover{background:transparent;color:var(--text-secondary)}.sidebar__nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;flex-shrink:0}.sidebar__nav-text{flex:1;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.sidebar__nav-badge{display:inline-block;padding:.125rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;background:#fef3c7;color:#92400e;border-radius:12px;letter-spacing:.3px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.notification-icon{animation:none}.sidebar{transition:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-card{background:var(--manga-card-bg);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid var(--manga-card-border);position:relative}.manga-card:hover{transform:translateY(-4px);box-shadow:var(--manga-card-shadow-hover)}.manga-card:focus{outline:2px solid var(--wishlist-purple);outline-offset:2px}.manga-card--grid{display:flex;flex-direction:column;height:100%}.manga-card__cover{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.manga-card__cover__image{top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.manga-card__cover__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;text-align:center}.manga-card__cover__placeholder .manga-icon{font-size:5rem;margin-bottom:.5rem}.manga-card__cover__placeholder .manga-title-overlay{font-size:.85rem;font-weight:600;color:#fff;line-height:1.3}.manga-card:hover .manga-card__cover__image{transform:scale(1.05)}.manga-card__wishlist-overlay{position:absolute;top:.5rem;right:.5rem;z-index:10}.manga-card__wishlist-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fffffff2;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.manga-card__wishlist-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.manga-card__wishlist-btn:active{transform:scale(.95)}.manga-card__wishlist-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-card__wishlist-btn:focus:not(:focus-visible){box-shadow:none}.manga-card__wishlist-btn--login{background:#6b7280f2}.manga-card__wishlist-btn--login:hover{background:#4b5563f2}.manga-card__wishlist-btn--loading{background:#fbbf24f2;cursor:wait}.manga-card__wishlist-btn--loading .spinner{animation:spin 1s linear infinite}.manga-card__wishlist-btn--added{background:linear-gradient(135deg,var(--wishlist-purple),#ec4899);animation:heartBeat .5s ease}.manga-card__wishlist-btn--added:hover{background:linear-gradient(135deg,#9c3df6,#db2777)}.manga-card__wishlist-btn--add:hover{background:#f3f4f6f2}.manga-card__content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.manga-card__header{display:flex;flex-direction:column;gap:.25rem}.manga-card__title{font-size:1rem;font-weight:700;color:var(--manga-card-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.manga-card__author{font-size:.85rem;color:var(--manga-card-text-secondary);font-style:italic}.manga-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.7rem}.manga-card__meta .meta-item{padding:.25rem .5rem;background:#7c3aed1a;border-radius:6px;color:var(--manga-card-text-secondary)}.manga-card__meta .missing-text{color:var(--status-paused);font-weight:600}.manga-card__progress{margin-top:auto}.manga-card__progress .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem}.manga-card__progress .progress-info .volumes-count{color:var(--manga-card-text);font-weight:600}.manga-card__progress .progress-info .completion-percent{color:var(--wishlist-purple);font-weight:700}.manga-card .progress-bar{width:100%;height:8px;background:var(--manga-card-border);border-radius:1rem;overflow:hidden}.manga-card .progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--wishlist-purple),#ec4899);transition:width,.5s ease .3s ease;border-radius:1rem}.manga-card .status-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;color:#fff;z-index:5}.manga-card .status-badge--complete{background:var(--status-complete)}.manga-card .status-badge--ongoing{background:var(--status-ongoing)}.manga-card .status-badge--paused{background:var(--status-paused)}.manga-card .status-badge--dropped{background:var(--status-dropped)}.manga-card .status-badge--planned{background:var(--status-planned)}.manga-card .status-badge--unknown{background:var(--manga-card-text-secondary)}.manga-card .missing-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fbbf241a;border-radius:8px;font-size:.7rem;color:var(--status-paused)}.manga-card .missing-badge .missing-icon{font-size:1rem}.manga-card--list{display:flex;flex-direction:row;height:auto;padding:1rem;gap:1rem}.manga-card--list .manga-card__cover-mini{width:80px;height:110px;flex-shrink:0;position:relative;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.manga-card--list .manga-card__cover-mini__image{width:100%;height:100%;object-fit:cover}.manga-card--list .manga-card__cover-mini__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.manga-card--list .manga-card__info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.manga-card--list .manga-card__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.manga-card--list .manga-card__title{flex:1;min-width:0}.manga-card--list .manga-card__wishlist-btn{width:36px;height:36px;font-size:1.25rem;flex-shrink:0}.manga-card--list .manga-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.manga-card--list .manga-card__meta .author,.manga-card--list .manga-card__meta .genre{color:var(--manga-card-text-secondary);font-size:.85rem}.manga-card--list .manga-card__progress-inline{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.manga-card--list .manga-card__progress-inline .volumes-info{font-weight:600;color:var(--manga-card-text)}.manga-card--list .manga-card__progress-inline .completion-badge{padding:.25rem .5rem;background:var(--wishlist-purple);color:#fff;border-radius:6px;font-size:.7rem;font-weight:700}.manga-card--list .manga-card__progress-inline .missing-badge{padding:.25rem .5rem;background:#fbbf2426;display:flex;align-items:center;gap:.25rem;font-size:.7rem}.priority-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.priority-modal{background:var(--manga-card-bg);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease}.priority-modal__header{padding:1.5rem;background:linear-gradient(135deg,var(--wishlist-purple),#ec4899);color:#fff;display:flex;justify-content:space-between;align-items:center}.priority-modal__header h3{margin:0;font-size:1.25rem;font-weight:700}.priority-modal__close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background,.2s ease .3s ease}.priority-modal__close:hover{background:#fff3}.priority-modal__body{padding:1.5rem}.priority-modal__manga-title{font-size:1rem;font-weight:600;color:var(--manga-card-text);margin-bottom:1.5rem;text-align:center;line-height:1.4}.priority-modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--manga-card-border);display:flex;gap:1rem;justify-content:flex-end}.priority-options{display:flex;flex-direction:column;gap:.75rem}.priority-option{position:relative;cursor:pointer}.priority-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.priority-option__content{padding:1rem;border:2px solid var(--manga-card-border);border-radius:12px;background:var(--manga-card-bg);transition:all,.2s ease .3s ease}.priority-option__content:hover{border-color:var(--wishlist-purple);background:#7c3aed0d}.priority-option__label{font-size:1rem;font-weight:700;color:var(--manga-card-text);margin-bottom:.25rem}.priority-option__desc{font-size:.85rem;color:var(--manga-card-text-secondary)}.priority-option--selected .priority-option__content{border-color:var(--wishlist-purple);background:#7c3aed1a;box-shadow:0 0 0 3px #7c3aed1a}.priority-option--selected .priority-option__label{color:var(--wishlist-purple)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all,.2s ease .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn--primary{background:linear-gradient(135deg,var(--wishlist-purple),#ec4899);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed4d}.btn--secondary{background:transparent;color:var(--manga-card-text);border:2px solid var(--manga-card-border)}.btn--secondary:hover{border-color:var(--wishlist-purple);color:var(--wishlist-purple)}.manga-card-notification{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;background:var(--manga-card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;z-index:10000;max-width:400px;animation:slideInRight .3s ease}.manga-card-notification--success{border-left:4px solid var(--status-complete)}.manga-card-notification--error{border-left:4px solid var(--status-dropped)}.manga-card-notification--warning{border-left:4px solid var(--status-paused)}.manga-card-notification--info{border-left:4px solid var(--status-ongoing)}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}}@media (max-width: 768px){.manga-card__wishlist-btn{width:36px;height:36px;font-size:1.25rem}.manga-card--list .manga-card__cover-mini{width:60px;height:85px}.manga-card--list .manga-card__wishlist-btn{width:32px;height:32px;font-size:1.1rem}.priority-modal{max-width:calc(100vw - 2rem)}.priority-modal__body{padding:1rem}.priority-modal__footer{flex-direction:column}.priority-modal__footer .btn{width:100%}.manga-card-notification{top:1rem;right:1rem;left:1rem;max-width:none}}@media (max-width: 480px){.manga-card--list{flex-direction:column}.manga-card--list .manga-card__cover-mini{width:100%;height:200px}.manga-card--list .manga-card__title-row{flex-direction:column;align-items:flex-start}.manga-card--list .manga-card__wishlist-btn{align-self:flex-end}.priority-option__content{padding:.75rem}}@media (prefers-reduced-motion: reduce){.manga-card:hover{transform:none}.manga-card__wishlist-btn--added{animation:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-image{position:relative;height:100%;overflow:hidden;background-color:var(--color-bg-secondary);border-radius:8px;transition:background-color .3s ease;will-change:opacity}.manga-image--loading .manga-image__img{opacity:0}.manga-image--placeholder .manga-image__img{object-fit:contain;padding:10px}.manga-image__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.manga-image__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);transition:background-color .3s ease;pointer-events:none}.manga-image__loader .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.manga-image__loader .spinner{animation-duration:2s}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.theme-toggle{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:56px;height:56px;border:none;border-radius:50%;background:var(--background-primary);color:var(--text-primary);box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #0003;background:var(--background-hover)}.theme-toggle:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.theme-toggle:focus:not(:focus-visible){box-shadow:none}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle__icon svg{width:20px;height:20px}.theme-toggle__text.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}.theme-toggle:active .theme-toggle__icon{transform:rotate(180deg)}@media (max-width: 768px){.theme-toggle{bottom:1rem;right:1rem;width:48px;height:48px}.theme-toggle__icon svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.theme-toggle:hover,.theme-toggle:active .theme-toggle__icon{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dot-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-6px)}90%{transform:translateY(-3px)}}@keyframes moon-transform-primary{0%{background:radial-gradient(circle at 35% 25%,beige,#e8e8e8,#d0d0d0);box-shadow:0 0 40px 15px #f5f5dc99;transform:scale(1)}25%{background:radial-gradient(circle at 35% 25%,beige,#e8e8e8,#d0d0d0);box-shadow:0 0 50px 20px #f5f5dc99;transform:scale(1.05)}50%{background:radial-gradient(circle at 35% 25%,#d32f2f,#ff6b6b,#e53e3e);box-shadow:0 0 60px 25px #d32f2fcc;transform:scale(1.1)}75%{background:radial-gradient(circle at 35% 25%,#d32f2f,#ff6b6b,#e53e3e);box-shadow:0 0 50px 20px #d32f2fcc;transform:scale(1.05)}to{background:radial-gradient(circle at 35% 25%,beige,#e8e8e8,#d0d0d0);box-shadow:0 0 40px 15px #f5f5dc99;transform:scale(1)}}.loader{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.loader__scene{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.loader__moon{border-radius:50%;position:relative;overflow:hidden;z-index:2}.loader__crater{position:absolute;background-color:#6464644d;border-radius:50%;box-shadow:inset 2px 2px 4px #0000004d}.loader__crater--1{top:20%;right:30%;width:12px;height:12px}.loader__crater--2{bottom:25%;left:20%;width:8px;height:8px;background-color:#64646440;box-shadow:inset 1px 1px 3px #0000004d}.loader__crater--3{top:60%;left:15%;width:6px;height:6px;background-color:#64646433;box-shadow:none}.loader__crater--4{top:40%;right:20%;width:4px;height:4px;background-color:#64646433;box-shadow:none}.loader__relief{position:absolute;bottom:30%;left:25%;width:50%;height:6px;background:linear-gradient(90deg,transparent,rgba(100,100,100,.2),transparent);border-radius:6px}.loader__particles{position:absolute;animation:rotate 20s linear infinite;pointer-events:none;z-index:1}.loader__particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:.4;top:10px;left:50%}.loader__particle--1{transform-origin:0 calc(var(--orbit-radius) - 10px);transform:rotate(0)}.loader__particle--2{transform-origin:0 calc(var(--orbit-radius) - 10px);transform:rotate(120deg)}.loader__particle--3{transform-origin:0 calc(var(--orbit-radius) - 10px);transform:rotate(240deg)}.loader__message-container{text-align:center;max-width:400px;background-color:#0000004d;border-radius:8px;padding:1rem;backdrop-filter:blur(4px)}.loader__message{font-weight:600;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.4;color:#fff}.loader__dots{display:flex;justify-content:center;gap:.4rem}.loader__dot{border-radius:50%;opacity:.9;animation:dot-bounce 1.4s infinite ease-in-out both;background-color:#fff}.loader__dot--1{animation-delay:0s}.loader__dot--2{animation-delay:.2s}.loader__dot--3{animation-delay:.4s}.loader--small .loader__scene{width:140px;height:140px}.loader--small .loader__moon{width:80px;height:80px}.loader--small .loader__particles{width:140px;height:140px}.loader--small .loader__message{font-size:1rem;color:#fff}.loader--small .loader__dot{width:6px;height:6px;background-color:#fff}.loader--small .loader__particles{--orbit-radius: 70px}.loader--medium .loader__scene{width:200px;height:200px}.loader--medium .loader__moon{width:120px;height:120px}.loader--medium .loader__particles{width:180px;height:180px}.loader--medium .loader__message{font-size:1.1rem;color:#fff}.loader--medium .loader__dot{width:8px;height:8px;background-color:#fff}.loader--medium .loader__particles{--orbit-radius: 90px}.loader--large .loader__scene{width:260px;height:260px}.loader--large .loader__moon{width:160px;height:160px}.loader--large .loader__particles{width:220px;height:220px}.loader--large .loader__message{font-size:1.25rem;color:#fff}.loader--large .loader__dot{width:10px;height:10px;background-color:#fff}.loader--large .loader__particles{--orbit-radius: 110px}.loader--primary{color:#fff}.loader--primary .loader__moon{animation:moon-transform-primary 3s ease-in-out infinite}.loader--primary .loader__message{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.8)}.loader--primary .loader__dot{background-color:#fff;box-shadow:0 0 8px #ffffff4d}.loader--primary .loader__particle{background-color:#fff9}.loader--primary .loader__message-container{background-color:#0006;border:1px solid rgba(255,255,255,.2)}.dark .loader .loader__message{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.9)}.dark .loader .loader__dot{background-color:#fff}.dark .loader .loader__message-container{background-color:#00000080;border:1px solid rgba(255,255,255,.3)}.light .loader .loader__message{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.8)}.light .loader .loader__dot{background-color:#fff}.light .loader .loader__message-container{background-color:#0006;border:1px solid rgba(255,255,255,.2)}@media (prefers-reduced-motion: reduce){.loader *{animation-duration:6s}.loader .loader__particles{animation-duration:40s}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.btn{border:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease;outline:none}.btn-sm{padding:.5rem 1rem;font-size:.85rem;min-height:2rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem;min-height:3.5rem;border-radius:1rem}.btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:0 4px 14px #7c3aed4d}.btn-primary:hover:not(.btn-disabled){background:linear-gradient(135deg,#9c3df6,#db2777);transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.btn-secondary{background:transparent;color:#7c3aed;border:2px solid #7c3aed;box-shadow:0 2px 8px #7c3aed1a}.btn-secondary:hover:not(.btn-disabled){background:#7c3aed;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed4d}.btn-ghost{background:#f3f4f6;color:#374151;box-shadow:0 2px 4px #0000001a}.btn-ghost:hover:not(.btn-disabled){background:#e5e7eb;color:#1f2937;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-danger{background:linear-gradient(135deg,#ef4444,#ed2d2d);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover:not(.btn-disabled){background:linear-gradient(135deg,#ed2d2d,#eb1515);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-text{transition:opacity,.2s ease .3s ease}.btn-icon{display:flex;align-items:center;flex-shrink:0}.btn-lg .btn-icon{width:1.25rem;height:1.25rem}@media (max-width: 640px){.btn-lg{padding:1rem 2.25rem;font-size:1rem;min-height:3rem}}@media (prefers-color-scheme: dark){.btn-ghost{background:#374151;color:#f9fafb}.btn-ghost:hover:not(.btn-disabled){background:#4b5563;color:#fff}}@media (prefers-reduced-motion: reduce){.btn:hover:not(.btn-disabled){transform:none}}.confirmation-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.confirmation-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;position:relative;padding:2rem;animation:slideIn .3s ease-out;border:1px solid rgba(255,255,255,.5)}body.dark-mode .confirmation-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirmation-modal__icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.confirmation-modal__icon-emoji{font-size:4rem;animation:bounce .6s ease-out;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confirmation-modal__content{text-align:center;margin-bottom:1.5rem}.confirmation-modal__title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.3}body.dark-mode .confirmation-modal__title{color:#f1f5f9}.confirmation-modal__message{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0 0 1.5rem}body.dark-mode .confirmation-modal__message{color:#94a3b8}.confirmation-modal__volumes{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;padding:1rem;margin-top:1.5rem}body.dark-mode .confirmation-modal__volumes{background:linear-gradient(135deg,#334155,#1e293b)}.confirmation-modal__volumes-label{font-size:.9rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-align:left}body.dark-mode .confirmation-modal__volumes-label{color:#cbd5e1}.confirmation-modal__volumes-list{display:flex;flex-wrap:wrap;gap:.5rem;text-align:left}.volume-badge{display:inline-flex;align-items:center;padding:.4rem .8rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #3b82f64d;transition:transform,box-shadow .3s ease}.volume-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.confirmation-modal__actions{display:flex;gap:1rem;justify-content:center}.confirmation-modal__btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.confirmation-modal__btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.confirmation-modal__btn:hover:before{width:300px;height:300px}.confirmation-modal__btn--cancel{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;box-shadow:0 4px 12px #0000001a}.confirmation-modal__btn--cancel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}body.dark-mode .confirmation-modal__btn--cancel{background:linear-gradient(135deg,#475569,#334155);color:#e2e8f0}.confirmation-modal__btn--confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.confirmation-modal__btn--confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.confirmation-modal__btn--confirm:active{transform:translateY(0)}.confirmation-modal__close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;background:#0000000d;color:#64748b;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.confirmation-modal__close:hover{background:#0000001a;color:#1e293b;transform:rotate(90deg)}body.dark-mode .confirmation-modal__close{background:#ffffff0d;color:#94a3b8}body.dark-mode .confirmation-modal__close:hover{background:#ffffff1a;color:#f1f5f9}.confirmation-modal--warning .confirmation-modal__icon-emoji{filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}.confirmation-modal--success .confirmation-modal__icon-emoji{filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}.confirmation-modal--info .confirmation-modal__icon-emoji{filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}@media (max-width: 480px){.confirmation-modal{padding:1.5rem 1rem;margin:1rem}.confirmation-modal__title{font-size:1.5rem}.confirmation-modal__message{font-size:1rem}.confirmation-modal__icon-emoji{font-size:3rem}.confirmation-modal__actions{flex-direction:column-reverse}.confirmation-modal__btn{width:100%}}.notification-bell{position:relative;display:inline-block}.notification-bell__button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--text-color, #333)}.notification-bell__button:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.notification-bell__button:active{transform:scale(.95)}.notification-bell__button--animate{animation:bellRing .5s ease-in-out 3}.notification-bell__button svg{transition:transform .2s ease}.notification-bell__icon--disconnected{opacity:.5}.notification-bell__badge{position:absolute;top:4px;right:4px;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #9b59b6);color:#fff;border-radius:10px;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 4px #0003;animation:badgePop .3s cubic-bezier(.68,-.55,.265,1.55)}.notification-bell__status{position:absolute;bottom:6px;right:6px;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-color, white)}.notification-bell__status--connected{background:#10b981}.notification-bell__status--connecting{background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}.notification-bell__status--disconnected,.notification-bell__status--error,.notification-bell__status--failed{background:#ef4444}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;max-height:600px;background:var(--card-bg, white);border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:1000;animation:slideDown .2s ease-out}.notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-header-bg, #f9fafb)}.notification-panel__header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #111827)}.notification-panel__actions{display:flex;gap:8px}.notification-panel__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease}.notification-panel__action-btn:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-color, #111827)}.notification-panel__content{max-height:480px;overflow-y:auto}.notification-panel__content::-webkit-scrollbar{width:6px}.notification-panel__content::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1)}.notification-panel__content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c1c1c1);border-radius:3px}.notification-panel__content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a8a8a8)}.notification-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.notification-panel__empty svg{margin-bottom:16px;opacity:.3}.notification-panel__empty p{margin:0;font-size:14px}.notification-panel__footer{padding:12px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--card-footer-bg, #f9fafb);text-align:center}.notification-panel__link{display:inline-block;padding:8px 16px;color:var(--primary-color, #9b59b6);text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease}.notification-panel__link:hover{background:var(--primary-color-light, rgba(155, 89, 182, .1))}.notification-list{list-style:none;margin:0;padding:0}.notification-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);transition:background .2s ease;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--hover-bg, rgba(0, 0, 0, .02))}.notification-item--unread{background:var(--unread-bg, rgba(155, 89, 182, .05))}.notification-item--unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color, #9b59b6)}.notification-item--urgent{border-left:3px solid #ef4444}.notification-item--high{border-left:3px solid #f59e0b}.notification-item__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg, #f3f4f6);border-radius:50%;font-size:20px}.notification-item__content{flex:1;min-width:0}.notification-item__message{margin:0 0 4px;font-size:14px;line-height:1.5;color:var(--text-color, #111827);word-wrap:break-word}.notification-item__date{font-size:12px;color:var(--text-secondary, #6b7280)}.notification-item__actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-item__actions{opacity:1}.notification-item__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease}.notification-item__action-btn:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-color, #111827)}.notification-item__action-btn--delete:hover{background:#ef44441a;color:#ef4444}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0)}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.notification-panel{position:fixed;top:60px!important;right:8px;left:8px;width:auto;max-width:none}.notification-item{padding:12px 16px}.notification-item__icon{width:36px;height:36px;font-size:18px}.notification-item__message{font-size:13px}}@media (prefers-color-scheme: dark){.notification-bell__button{color:var(--text-color-dark, #f3f4f6)}.notification-bell__button:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1))}.notification-panel{background:var(--card-bg-dark, #1f2937);box-shadow:0 10px 40px #00000080}.notification-panel__header{background:var(--card-header-bg-dark, #111827);border-bottom-color:var(--border-color-dark, #374151)}.notification-panel__header h3{color:var(--text-color-dark, #f9fafb)}.notification-panel__action-btn{color:var(--text-secondary-dark, #9ca3af)}.notification-panel__action-btn:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1));color:var(--text-color-dark, #f3f4f6)}.notification-panel__empty{color:var(--text-secondary-dark, #9ca3af)}.notification-panel__footer{background:var(--card-footer-bg-dark, #111827);border-top-color:var(--border-color-dark, #374151)}.notification-item{border-bottom-color:var(--border-color-dark, #374151)}.notification-item:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .05))}.notification-item--unread{background:var(--unread-bg-dark, rgba(155, 89, 182, .15))}.notification-item__icon{background:var(--icon-bg-dark, #374151)}.notification-item__message{color:var(--text-color-dark, #f3f4f6)}.notification-item__date,.notification-item__action-btn{color:var(--text-secondary-dark, #9ca3af)}.notification-item__action-btn:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1));color:var(--text-color-dark, #f3f4f6)}}.notifications{position:fixed!important;top:2rem!important;bottom:auto!important;right:2rem!important;left:auto!important;z-index:10001;display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none}@media (max-width: 768px){.notifications{top:1rem!important;bottom:auto!important;right:1rem!important;left:1rem!important;max-width:none}}.notification{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;animation:slideInRight .3s ease;pointer-events:auto;min-width:300px}.notification--success{border-left:4px solid var(--wishlist-green, #10b981)}.notification--error{border-left:4px solid var(--wishlist-red, #ef4444)}.notification--warning{border-left:4px solid var(--wishlist-orange, #f59e0b)}.notification--info{border-left:4px solid var(--wishlist-purple, #a855f7)}.notification__icon{font-size:1.5rem;flex-shrink:0}.notification__message{color:var(--text-primary);font-weight:500;flex:1;font-size:.95rem}.notification__close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.notification__close:hover{background:var(--surface-secondary);color:var(--text-primary)}.notification-exit{animation:slideOutRight .3s ease}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-container{position:fixed!important;top:20px!important;right:20px!important;z-index:999999!important;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px}.toast{background:var(--card-background);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0000004d;animation:slideInFromRight .3s ease-out;pointer-events:auto;border-left:4px solid;min-width:300px}.toast--success{border-left-color:#10b981}.toast--error{border-left-color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast__icon{font-size:20px;flex-shrink:0}.toast__message{flex:1;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}.toast__close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast__close:hover{background:#0000001a;color:var(--text-primary)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast-container{top:16px!important;right:16px!important;left:16px!important;max-width:none}.toast{min-width:auto}}.confirm-dialog-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease}.confirm-dialog{background:var(--card-background);border-radius:16px;box-shadow:0 20px 60px #0006;max-width:450px;width:90%;animation:slideUp .3s ease;overflow:hidden}.confirm-dialog__header{padding:24px 24px 16px;text-align:center}.confirm-dialog__icon{font-size:48px;margin-bottom:12px}.confirm-dialog__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.confirm-dialog__body{padding:0 24px 24px}.confirm-dialog__message{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.6;text-align:center}.confirm-dialog__footer{display:flex;gap:12px;padding:16px 24px 24px}.confirm-dialog__btn{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-dialog__btn--cancel{background:var(--surface-secondary);color:var(--text-primary)}.confirm-dialog__btn--cancel:hover{background:var(--border-color);transform:translateY(-2px)}.confirm-dialog__btn--confirm{color:#fff}.confirm-dialog__btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.confirm-dialog__btn--danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.confirm-dialog__btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.confirm-dialog__btn--warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.confirm-dialog{width:95%}.confirm-dialog__footer{flex-direction:column-reverse}.confirm-dialog__btn{width:100%}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection{min-height:100vh;background:var(--collection-bg);color:var(--collection-text-primary);transition:all .3s ease;padding:2rem 0;animation:fadeInUp .6s ease ease-out}@media (max-width: 768px){.collection{padding:1rem 0}}.collection__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.collection__container{padding:0 1rem}}.collection__header{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;transition:all .3s ease}@media (max-width: 768px){.collection__header{flex-direction:column;align-items:stretch;padding:1.5rem}}.collection__header-content{flex:1}.collection__title{font-size:2.5rem;font-weight:800;color:var(--collection-text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.collection__title{font-size:2rem}}.collection__subtitle{color:var(--collection-text-secondary);font-size:1.1rem;margin:0}.collection__header-actions{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.collection__header-actions{width:100%;justify-content:stretch}.collection__header-actions .btn{flex:1;justify-content:center}}.collection-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--collection-bg);color:var(--collection-text-primary);transition:all .3s ease}.collection-loading--dark{background:var(--collection-bg)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px}.btn--primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:var(--collection-shadow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--collection-shadow-lg)}.btn--secondary:hover{background:var(--collection-purple);color:#fff}@media (prefers-reduced-motion: reduce){.btn:hover{transform:none}}.empty-state{text-align:center;padding:3rem 2rem;color:var(--collection-text-secondary)}.empty-state__title{font-size:1.5rem;font-weight:600;color:var(--collection-text-primary);margin-bottom:1rem}.empty-state__button{margin-top:1rem}.manga-cover.naruto{background:var(--gradient-naruto)}.manga-cover.onepiece{background:var(--gradient-onepiece)}.manga-cover.demonslayer{background:var(--gradient-demonslayer)}.manga-cover.attackontitan{background:var(--gradient-attackontitan)}.manga-cover.myheroacademia{background:var(--gradient-myheroacademia)}.manga-cover.dragonball{background:var(--gradient-dragonball)}.manga-cover.jujutsu{background:var(--gradient-jujutsu)}.manga-cover.chainsaw{background:var(--gradient-chainsaw)}.manga-cover.fullmetal{background:var(--gradient-fullmetal)}.manga-cover.bleach{background:var(--gradient-bleach)}@media (max-width: 1200px){.collection__container{max-width:100%;padding:0 1.5rem}}@media (max-width: 768px){.collection__header{margin-bottom:1rem}.collection__title,.collection__subtitle{text-align:center}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.collection{animation:none}}@media (prefers-contrast: high){.collection .btn{border-width:3px}.collection .btn--primary{border:3px solid transparent}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection-controls{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);padding:1.5rem 2rem;margin-bottom:2rem;transition:all .3s ease}@media (max-width: 768px){.collection-controls{padding:1rem 1.5rem;margin-bottom:1rem}}.collection-controls__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.collection-controls__top{flex-direction:column;align-items:stretch}}.collection-controls__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.collection-controls__bottom{flex-direction:column;align-items:stretch;gap:.75rem}}.search-section{flex:1;max-width:500px}@media (max-width: 768px){.search-section{max-width:none}}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--collection-text-tertiary);font-size:1rem;z-index:2}.search-bar__input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--collection-input-border);border-radius:8px;font-size:1rem;background:var(--collection-input-bg);color:var(--collection-text-primary);transition:all .3s ease;min-height:44px}@media (max-width: 768px){.search-bar__input{padding:1rem 1rem 1rem 3rem}}.search-bar__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--collection-text-tertiary);font-size:1.25rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all,.2s ease .3s ease}.search-bar__clear:hover{background:var(--collection-hover-bg);color:var(--collection-text-secondary)}.controls-right{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.controls-right{flex-direction:column;align-items:stretch;gap:.75rem}}.view-controls{display:flex;gap:.5rem;border:2px solid var(--collection-border);border-radius:8px;padding:.25rem;background:var(--collection-card-bg)}@media (max-width: 768px){.view-controls{justify-content:center}}.view-btn{padding:.5rem .75rem;border:none;background:transparent;color:var(--collection-text-tertiary);border-radius:6px;cursor:pointer;transition:all,.2s ease .3s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px}.view-btn:hover:not(.view-btn--active){background:var(--collection-hover-bg);color:var(--collection-text-secondary)}.view-btn--active{background:var(--collection-purple);color:#fff;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.sort-section{width:100%}}.sort-select{padding:.75rem 1rem;border:2px solid var(--collection-input-border);border-radius:8px;background:var(--collection-input-bg);color:var(--collection-text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:180px;min-height:44px}@media (max-width: 768px){.sort-select{min-width:auto;width:100%}}.filters-section{flex:1}@media (max-width: 768px){.filters-section{width:100%}}.filters-list{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 768px){.filters-list{justify-content:center;gap:.5rem}}.filter-btn{padding:.5rem 1rem;border:2px solid var(--collection-border);background:var(--collection-card-bg);color:var(--collection-text-secondary);border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px}.filter-btn__icon{font-size:.9rem}.filter-btn:hover:not(.filter-btn--active){border-color:var(--collection-purple);color:var(--collection-purple);transform:translateY(-1px)}@media (max-width: 480px){.filter-btn{padding:.5rem;border-radius:50%;min-width:40px;justify-content:center}}.results-count{display:flex;align-items:center;color:var(--collection-text-tertiary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;background:var(--collection-hover-bg);border-radius:20px}.results-count__text{white-space:nowrap}@media (max-width: 768px){.results-count{align-self:center}}.filter-btn{animation:fadeInScale .6s ease-out}.filter-btn:nth-child(1){animation-delay:.05s}.filter-btn:nth-child(2){animation-delay:.1s}.filter-btn:nth-child(3){animation-delay:.15s}.filter-btn:nth-child(4){animation-delay:.2s}.filter-btn:nth-child(5){animation-delay:.25s}.filter-btn:nth-child(6){animation-delay:.3s}.filter-btn:nth-child(7){animation-delay:.35s}@media (prefers-reduced-motion: reduce){.filter-btn{animation:none}.filter-btn:hover{transform:none}}@media (prefers-contrast: high){.search-bar__input,.sort-select,.filter-btn{border-width:3px}.view-btn{border:2px solid transparent}.view-btn--active{border-color:#fff}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection-grid{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);overflow:hidden;margin-bottom:2rem;transition:all .3s ease}.collection-grid__header{padding:1.5rem 2rem;border-bottom:1px solid var(--collection-border);background:linear-gradient(135deg,#a855f70d,#ec48990d)}@media (max-width: 768px){.collection-grid__header{padding:1rem 1.5rem}}.collection-grid__title{font-size:1.5rem;font-weight:700;color:var(--collection-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.collection-grid__title{font-size:1.25rem;text-align:center}}.collection-grid__content{padding:2rem;transition:all .3s ease}@media (max-width: 768px){.collection-grid__content{padding:1rem}}.collection-grid__content--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem}@media (max-width: 1200px){.collection-grid__content--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}}@media (max-width: 768px){.collection-grid__content--grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}}@media (max-width: 480px){.collection-grid__content--grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.collection-grid__content--list{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.collection-grid__content--list{gap:.75rem}}.collection-grid__empty{min-height:400px;display:flex;align-items:center;justify-content:center;padding:2rem}.collection-grid__empty .empty-state{max-width:500px;width:100%}.collection-grid__content--grid .manga-card{animation:fadeInUp .6s ease-out}.collection-grid__content--grid .manga-card:nth-child(1){animation-delay:.05s}.collection-grid__content--grid .manga-card:nth-child(2){animation-delay:.1s}.collection-grid__content--grid .manga-card:nth-child(3){animation-delay:.15s}.collection-grid__content--grid .manga-card:nth-child(4){animation-delay:.2s}.collection-grid__content--grid .manga-card:nth-child(5){animation-delay:.25s}.collection-grid__content--grid .manga-card:nth-child(6){animation-delay:.3s}.collection-grid__content--grid .manga-card:nth-child(7){animation-delay:.35s}.collection-grid__content--grid .manga-card:nth-child(8){animation-delay:.4s}.collection-grid__content--grid .manga-card:nth-child(9){animation-delay:.45s}.collection-grid__content--grid .manga-card:nth-child(10){animation-delay:.5s}.collection-grid__content--grid .manga-card:nth-child(11){animation-delay:.55s}.collection-grid__content--grid .manga-card:nth-child(12){animation-delay:.6s}.collection-grid__content--grid .manga-card:nth-child(13){animation-delay:.65s}.collection-grid__content--grid .manga-card:nth-child(14){animation-delay:.7s}.collection-grid__content--grid .manga-card:nth-child(15){animation-delay:.75s}.collection-grid__content--grid .manga-card:nth-child(16){animation-delay:.8s}.collection-grid__content--grid .manga-card:nth-child(17){animation-delay:.85s}.collection-grid__content--grid .manga-card:nth-child(18){animation-delay:.9s}.collection-grid__content--grid .manga-card:nth-child(19){animation-delay:.95s}.collection-grid__content--grid .manga-card:nth-child(20){animation-delay:1s}.collection-grid__content--list .manga-card{animation:fadeInUp .6s ease-out}.collection-grid__content--list .manga-card:nth-child(1){animation-delay:.1s}.collection-grid__content--list .manga-card:nth-child(2){animation-delay:.2s}.collection-grid__content--list .manga-card:nth-child(3){animation-delay:.3s}.collection-grid__content--list .manga-card:nth-child(4){animation-delay:.4s}.collection-grid__content--list .manga-card:nth-child(5){animation-delay:.5s}.collection-grid__content--list .manga-card:nth-child(6){animation-delay:.6s}.collection-grid__content--list .manga-card:nth-child(7){animation-delay:.7s}.collection-grid__content--list .manga-card:nth-child(8){animation-delay:.8s}.collection-grid__content--list .manga-card:nth-child(9){animation-delay:.9s}.collection-grid__content--list .manga-card:nth-child(10){animation-delay:1s}.collection-grid__content{transition:all .3s ease}.collection-grid__content.view-transition{opacity:0;transform:translateY(20px)}.collection-grid__content.view-transition.view-transition-active{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.collection-grid__content .manga-card{animation:none}.collection-grid__content.view-transition{transition:none;opacity:1;transform:translateY(0)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.collection-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.collection-stats{grid-template-columns:1fr;gap:1rem}}.stat-card{background:var(--collection-card-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--collection-shadow);position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--collection-shadow-lg)}.stat-card__accent{position:absolute;top:0;left:0;width:4px;height:100%;transition:width .3s ease}.stat-card:hover .stat-card__accent{width:8px}.stat-card__icon{font-size:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background:rgba(var(--stat-color-rgb),.1)}@media (max-width: 768px){.stat-card__icon{font-size:2rem;width:50px;height:50px}}.stat-card__content{flex:1;min-width:0}.stat-card__number{font-size:2rem;font-weight:800;color:var(--collection-text-primary);margin-bottom:.25rem;line-height:1}@media (max-width: 768px){.stat-card__number{font-size:1.5rem}}@media (max-width: 480px){.stat-card__number{font-size:1.5rem}}.stat-card__label{color:var(--collection-text-secondary);font-weight:600;font-size:.9rem;line-height:1.2}@media (max-width: 480px){.stat-card__label{font-size:.8rem}}.stat-card--purple{--stat-color-rgb: 168, 85, 247}.stat-card--purple .stat-card__accent{background:var(--collection-purple)}.stat-card--purple .stat-card__icon{color:var(--collection-purple)}.stat-card--green{--stat-color-rgb: 16, 185, 129}.stat-card--green .stat-card__accent{background:var(--collection-green)}.stat-card--green .stat-card__icon{color:var(--collection-green)}.stat-card--blue{--stat-color-rgb: 59, 130, 246}.stat-card--blue .stat-card__accent{background:var(--collection-blue)}.stat-card--blue .stat-card__icon{color:var(--collection-blue)}.stat-card--orange{--stat-color-rgb: 245, 158, 11}.stat-card--orange .stat-card__accent{background:var(--collection-orange)}.stat-card--orange .stat-card__icon{color:var(--collection-orange)}@media (max-width: 480px){.stat-card{flex-direction:column;text-align:center;padding:1.25rem;gap:.75rem}.stat-card__icon{margin:0 auto}.stat-card__content{text-align:center}}.stat-card{animation:slideInUp .6s ease-out}@media (prefers-reduced-motion: reduce){.stat-card{animation:none}.stat-card:hover{transform:none}.stat-card__accent{transition:none}}@media (prefers-contrast: high){.stat-card{border:2px solid var(--collection-border)}.stat-card__accent{width:6px}.stat-card:hover .stat-card__accent{width:10px}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.missing-volumes{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);overflow:hidden;margin-bottom:2rem;transition:all .3s ease}.missing-volumes__header{background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.missing-volumes__header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}}.missing-volumes__header-content{flex:1}.missing-volumes__title{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.5rem}@media (max-width: 768px){.missing-volumes__title{font-size:1.25rem}}.missing-volumes__summary{font-size:.9rem;opacity:.9;font-weight:500}.missing-volumes__content{padding:2rem}@media (max-width: 768px){.missing-volumes__content{padding:1rem}}.missing-volumes__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.missing-volumes__list{grid-template-columns:1fr;gap:1rem}}.missing-volumes__empty{min-height:300px;display:flex;align-items:center;justify-content:center;padding:2rem}.missing-volumes__empty .empty-state{max-width:400px;width:100%}.missing-item{background:var(--collection-hover-bg);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer;border-left:4px solid var(--collection-red);position:relative;overflow:hidden}.missing-item:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,#ef44441a,#f59e0b1a);border-radius:0 0 0 60px}.missing-item:hover{background:var(--collection-card-bg);transform:translateY(-3px);box-shadow:var(--collection-shadow);border-left-color:var(--collection-orange)}.missing-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.missing-item__title{font-weight:600;color:var(--collection-text-primary);font-size:1.1rem;flex:1;line-height:1.3}.missing-item__count{background:var(--collection-red);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;white-space:nowrap}.missing-item__volumes{margin-bottom:1rem;line-height:1.5}.missing-item__label{color:var(--collection-text-secondary);font-size:.85rem;font-weight:500;display:block;margin-bottom:.25rem}.missing-item__list-volumes{color:var(--collection-text-primary);font-size:.9rem;font-weight:500}.missing-item__cost{margin-bottom:1.5rem}.missing-item__price{color:var(--collection-text-secondary);font-size:.85rem;font-weight:500}.missing-item__actions{display:flex;gap:.75rem}@media (max-width: 480px){.missing-item__actions{flex-direction:column;gap:.5rem}}.missing-item__decoration{position:absolute;bottom:-10px;right:-10px;width:40px;height:40px;background:linear-gradient(135deg,#ef44441a,#f59e0b1a);border-radius:50%;transform:rotate(45deg);opacity:.5}.action-btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;min-height:44px}.action-btn--buy{background:var(--collection-green);color:#fff;flex:2}.action-btn--buy:hover{background:#0d9367;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.action-btn--wishlist{background:var(--collection-blue);color:#fff;flex:1;position:relative}.action-btn--wishlist:hover{background:#1469f4;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.action-btn--wishlist .volume-count{display:inline-flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;padding:.125rem .5rem;font-size:.7rem;font-weight:700;margin-left:.25rem}@media (max-width: 480px){.action-btn{flex:1!important;padding:1rem}}.missing-item{animation:slideInLeft .6s ease-out}.missing-item:nth-child(1){animation-delay:.1s}.missing-item:nth-child(2){animation-delay:.2s}.missing-item:nth-child(3){animation-delay:.3s}.missing-item:nth-child(4){animation-delay:.4s}.missing-item:nth-child(5){animation-delay:.5s}.missing-item:nth-child(6){animation-delay:.6s}@media (max-width: 480px){.missing-volumes__list{grid-template-columns:1fr}.missing-item{padding:1rem}.missing-item__header{flex-direction:column;align-items:stretch;gap:.5rem}.missing-item__count{align-self:flex-start}.missing-item__title{font-size:1rem}.missing-item__volumes{margin-bottom:.75rem}.missing-item__label,.missing-item__list-volumes,.missing-item__price{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.missing-item{animation:none}.missing-item:hover,.action-btn:hover{transform:none}}@media (prefers-contrast: high){.missing-item{border-left-width:6px;border:2px solid var(--collection-border)}.action-btn{border:2px solid transparent}.action-btn--buy{border-color:var(--collection-green)}.action-btn--wishlist{border-color:var(--collection-blue)}.missing-volumes__header{border-bottom:2px solid rgba(255,255,255,.3)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.dashboard{min-height:100vh;width:100%;background:var(--dashboard-bg);display:flex;transition:background-color .3s ease;margin:0;padding:0;overflow-x:hidden}.dashboard--loading,.dashboard--error{display:block}@media (max-width: 768px){.dashboard{display:block;width:100vw;overflow-x:hidden}}.dashboard__container{flex:1;display:flex;flex-direction:column;min-width:0}@media (max-width: 768px){.dashboard__container{width:100%;margin:0;padding:0}}.dashboard__content{flex:1;width:100%;margin:0 auto;animation:fadeInUp .6s ease ease-out}@media (min-width: 1025px){.dashboard__content{max-width:1400px;padding:2rem}}@media (max-width: 1024px) and (min-width: 769px){.dashboard__content{padding:1.5rem}}@media (max-width: 768px){.dashboard__content{padding:1rem;max-width:100%;overflow-x:hidden}}@media (max-width: 480px){.dashboard__content{padding:.75rem}}.dashboard__grid-sections{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.dashboard__grid-sections{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.dashboard__grid-sections{gap:1rem;margin-bottom:1rem}}@media (max-width: 480px){.dashboard__grid-sections{gap:.75rem}}.dashboard__loading-screen,.dashboard__error-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh;color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width: 768px){.dashboard__loading-screen,.dashboard__error-screen{min-height:50vh;padding:1rem}}.dashboard__loading-screen p,.dashboard__error-screen p{margin-top:1rem;font-size:1.1rem;color:var(--text-secondary)}@media (max-width: 480px){.dashboard__loading-screen p,.dashboard__error-screen p{font-size:1rem}}.dashboard__spinner{width:40px;height:40px;border:4px solid var(--spinner-track);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard__retry-btn{padding:.75rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard__retry-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.dashboard__retry-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.dashboard__retry-btn:focus:not(:focus-visible){box-shadow:none}.dashboard__retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.dashboard__retry-btn{padding:.75rem 1.25rem;font-size:.9rem}}.dashboard__warning-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:12px;margin-bottom:1.5rem;color:var(--warning-text)}@media (max-width: 768px){.dashboard__warning-banner{padding:1rem;margin-bottom:1rem}}@media (max-width: 480px){.dashboard__warning-banner{padding:.75rem;gap:.75rem}}.dashboard__warning-icon{font-size:2rem;flex-shrink:0}@media (max-width: 480px){.dashboard__warning-icon{font-size:1.25rem}}.dashboard__warning-text{flex:1;font-size:.85rem;font-weight:500;line-height:1.4}@media (max-width: 480px){.dashboard__warning-text{font-size:.8rem}}.dashboard__warning-close{background:none;border:none;color:var(--warning-text);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all,.2s ease .3s ease;flex-shrink:0}.dashboard__warning-close:hover{background:var(--warning-hover)}.dashboard__warning-close:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.dashboard__warning-close:focus:not(:focus-visible){box-shadow:none}.dashboard__empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem;text-align:center;background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);margin:2rem 0}@media (max-width: 768px){.dashboard__empty-state{padding:3rem 1.5rem;margin:1.5rem 0}}@media (max-width: 480px){.dashboard__empty-state{padding:2rem 1rem;margin:1rem 0}}.dashboard__empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}@media (max-width: 480px){.dashboard__empty-icon{font-size:3rem;margin-bottom:1rem}}.dashboard__empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}@media (max-width: 768px){.dashboard__empty-title{font-size:1.25rem}}@media (max-width: 480px){.dashboard__empty-title{font-size:1.1rem}}.dashboard__empty-text{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;max-width:500px;line-height:1.6}@media (max-width: 768px){.dashboard__empty-text{font-size:.9375rem;margin-bottom:1.5rem}}@media (max-width: 480px){.dashboard__empty-text{font-size:.9rem;margin-bottom:1.25rem}}.dashboard__empty-action,.dashboard .dashboard__section-empty button{background:var(--accent-color);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard__empty-action:hover,.dashboard .dashboard__section-empty button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.dashboard__empty-action:focus,.dashboard .dashboard__section-empty button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.dashboard__empty-action:focus:not(:focus-visible),.dashboard .dashboard__section-empty button:focus:not(:focus-visible){box-shadow:none}.dashboard__empty-action:active,.dashboard .dashboard__section-empty button:active{transform:translateY(0)}@media (max-width: 480px){.dashboard__empty-action,.dashboard .dashboard__section-empty button{padding:.75rem 1.5rem;font-size:.9375rem}}.dashboard .dashboard__section-empty{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.dashboard .dashboard__section-empty-subtitle{color:var(--text-secondary);margin-top:.5rem}html,body{margin:0;padding:0;overflow-x:hidden;box-sizing:border-box;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}@media (max-width: 768px){.dashboard,.dashboard *,.dashboard *:before,.dashboard *:after{max-width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard *{margin-left:0;margin-right:0}img,svg{max-width:100%;height:auto}}h1,h2,h3,h4,p,span,div{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;color:var(--text-primary)}@media (prefers-contrast: high){.dashboard{border:2px solid var(--text-primary)}.dashboard__retry-btn,.dashboard__empty-action,.dashboard .dashboard__section-empty button{border:2px solid currentColor}.stats-grid__card,.collection-section,.missing-volumes-section,.reading-progress-section,.upcoming-releases-section{border:2px solid var(--card-border)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection-section{background:var(--card-bg);border-radius:20px;padding:1.5rem;border:1px solid var(--card-border)}.collection-section--loading{min-height:300px}@media (max-width: 768px){.collection-section{padding:1.25rem;border-radius:12px}}.collection-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (max-width: 480px){.collection-section__header{margin-bottom:1rem}}.collection-section__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 768px){.collection-section__title{font-size:1.1rem}}.collection-section__count{font-size:.85rem;color:var(--text-secondary);background:var(--item-hover-bg);padding:.75rem;border-radius:12px;font-weight:500}@media (max-width: 480px){.collection-section__count{font-size:.8rem;padding:.25rem .5rem}}.collection-section__loading,.collection-section__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3rem 1rem;color:var(--text-secondary);text-align:center}.collection-section__spinner{width:40px;height:40px;border:4px solid var(--spinner-track);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.collection-section__empty-icon{font-size:5rem;margin-bottom:1rem}.collection-section__empty-text{font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.collection-section__empty-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.collection-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}@media (max-width: 768px){.collection-section__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media (max-width: 480px){.collection-section__grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}.collection-section__footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--card-border);text-align:center}.collection-section__more-info{font-size:.85rem;color:var(--text-secondary);margin:0}.collection-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:all .3s ease;animation:fadeInUp .6s ease-out}.collection-item:nth-child(1){animation-delay:.05s}.collection-item:nth-child(2){animation-delay:.1s}.collection-item:nth-child(3){animation-delay:.15s}.collection-item:nth-child(4){animation-delay:.2s}.collection-item:nth-child(5){animation-delay:.25s}.collection-item:nth-child(6){animation-delay:.3s}.collection-item:nth-child(7){animation-delay:.35s}.collection-item:nth-child(8){animation-delay:.4s}.collection-item:nth-child(9){animation-delay:.45s}.collection-item:nth-child(10){animation-delay:.5s}.collection-item:nth-child(11){animation-delay:.55s}.collection-item:nth-child(12){animation-delay:.6s}.collection-item:nth-child(13){animation-delay:.65s}.collection-item:nth-child(14){animation-delay:.7s}.collection-item:nth-child(15){animation-delay:.75s}.collection-item:nth-child(16){animation-delay:.8s}.collection-item:nth-child(17){animation-delay:.85s}.collection-item:nth-child(18){animation-delay:.9s}.collection-item:nth-child(19){animation-delay:.95s}.collection-item:nth-child(20){animation-delay:1s}.collection-item:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-color)}.collection-item:hover .collection-item__overlay{opacity:1}.collection-item:hover .collection-item__image{transform:scale(1.05)}.collection-item:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.collection-item:focus:not(:focus-visible){box-shadow:none}.collection-item__cover{position:relative;width:100%;aspect-ratio:.6666666667;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}@supports not (aspect-ratio: 1/1){.collection-item__cover:before{content:"";float:left;padding-top:150%}.collection-item__cover:after{content:"";display:block;clear:both}}.collection-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-item__emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;position:absolute;top:0;left:0}@media (max-width: 768px){.collection-item__emoji{font-size:2.5rem}}@media (max-width: 480px){.collection-item__emoji{font-size:2rem}}.collection-item__overlay{position:absolute;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.collection-item__view-icon{font-size:2rem}@media (max-width: 480px){.collection-item__view-icon{font-size:1.25rem}}.collection-item__info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 480px){.collection-item__info{padding:.5rem}}.collection-item__title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.collection-item__title{font-size:.8rem}}.collection-item__volume{font-size:.7rem;color:var(--text-secondary);margin:0;font-weight:500}@media (max-width: 480px){.collection-item__volume{font-size:.7rem}}.collection-item__date{font-size:.7rem;color:var(--text-tertiary);margin:0}@media (max-width: 480px){.collection-item__date{font-size:.65rem}}@media (prefers-reduced-motion: reduce){.collection-item{animation:none}.collection-item:hover{transform:none}.collection-item .collection-item__image{transition:none}}@media (prefers-contrast: high){.collection-item{border:2px solid var(--text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.header{background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:1rem 2rem}@media (max-width: 768px){.header{padding:1rem}}.header__content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}@media (max-width: 768px){.header__content{flex-direction:column;gap:1rem;align-items:stretch}}.header__title-section{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.header__title-section{justify-content:center}}.header__mobile-menu-btn{display:none;width:40px;height:40px;padding:0;border:none;background:var(--btn-secondary-bg);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all,.2s ease .3s ease}.header__mobile-menu-btn:hover{background:var(--btn-secondary-hover);color:var(--text-primary)}.header__mobile-menu-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.header__mobile-menu-btn:focus:not(:focus-visible){box-shadow:none}@media (max-width: 768px){.header__mobile-menu-btn{display:flex}}.header__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}@media (max-width: 768px){.header__title{font-size:1.5rem}}.header__actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.header__actions{justify-content:center;flex-wrap:wrap;gap:.75rem}}.header__search-form{position:relative}@media (max-width: 640px){.header__search-form{order:-1;width:100%}}.header__search-wrapper{position:relative;display:flex;align-items:center}.header__search-input{width:300px;height:40px;padding:0 40px 0 1rem;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.85rem;transition:all,.2s ease .3s ease;min-height:44px}.header__search-input::placeholder{color:var(--text-tertiary)}.header__search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}@media (max-width: 640px){.header__search-input{width:100%}}@media (max-width: 480px){.header__search-input{width:100%}}.header__search-button{position:absolute;left:50%;transform:translate(-50%,-50%);right:4px;top:50%;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all,.2s ease .3s ease}.header__search-button:hover:not(:disabled){background:var(--btn-secondary-hover);color:var(--text-primary)}.header__search-button:disabled{opacity:.5;cursor:not-allowed}.header__search-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.header__search-button:focus:not(:focus-visible){box-shadow:none}.header__action-btn{height:40px;padding:0 1rem;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all,.2s ease .3s ease;position:relative;min-height:44px}.header__action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.header__action-btn:focus:not(:focus-visible){box-shadow:none}@media (max-width: 480px){.header__action-btn{flex:1;min-width:120px}}.header__add-btn{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.header__add-btn:hover{background:linear-gradient(135deg,#9c3df6,#ea318c);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.header__add-btn:active{transform:translateY(0)}.header__btn-tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:var(--tooltip-bg);color:var(--tooltip-text);font-size:.7rem;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all,.2s ease .3s ease;z-index:1000}.header__btn-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--tooltip-bg)}.header__action-btn:hover .header__btn-tooltip{opacity:1;visibility:visible}@media (prefers-reduced-motion: reduce){.header__action-btn,.header__search-button,.header__mobile-menu-btn{transition:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.missing-volumes-section{background:var(--card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--card-border)}.missing-volumes-section--loading{min-height:250px}@media (max-width: 768px){.missing-volumes-section{padding:1rem;border-radius:10px}}@media (max-width: 480px){.missing-volumes-section{padding:1rem;border-radius:8px}}.missing-volumes-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}@media (max-width: 480px){.missing-volumes-section__header{margin-bottom:1rem}}.missing-volumes-section__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 768px){.missing-volumes-section__title{font-size:1rem}}@media (max-width: 480px){.missing-volumes-section__title{font-size:.9375rem}}.missing-volumes-section__count{font-size:.8125rem;color:var(--text-secondary);background:var(--item-hover-bg);padding:.3rem .625rem;border-radius:10px;font-weight:500;white-space:nowrap}@media (max-width: 480px){.missing-volumes-section__count{font-size:.7rem;padding:.25rem .5rem}}.missing-volumes-section__loading,.missing-volumes-section__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2.25rem 1rem;color:var(--text-secondary);text-align:center}@media (max-width: 480px){.missing-volumes-section__loading,.missing-volumes-section__empty{padding:2rem .75rem}}.missing-volumes-section__spinner{width:36px;height:36px;border:3px solid var(--spinner-track);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.missing-volumes-section__empty-icon{font-size:3.25rem;margin-bottom:1rem}@media (max-width: 480px){.missing-volumes-section__empty-icon{font-size:2rem}}.missing-volumes-section__empty-text{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}@media (max-width: 480px){.missing-volumes-section__empty-text{font-size:.9375rem}}.missing-volumes-section__empty-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}@media (max-width: 480px){.missing-volumes-section__empty-subtitle{font-size:.7rem}}.missing-volumes-section__groups{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 480px){.missing-volumes-section__groups{gap:.75rem}}.manga-group{border:1px solid var(--card-border);border-radius:10px;overflow:hidden;background:var(--card-bg);transition:all .3s ease;animation:slideInLeft .6s ease-out}.manga-group:nth-child(1){animation-delay:.1s}.manga-group:nth-child(2){animation-delay:.2s}.manga-group:nth-child(3){animation-delay:.3s}.manga-group:nth-child(4){animation-delay:.4s}.manga-group:nth-child(5){animation-delay:.5s}.manga-group:nth-child(6){animation-delay:.6s}.manga-group:nth-child(7){animation-delay:.7s}.manga-group:nth-child(8){animation-delay:.8s}.manga-group:nth-child(9){animation-delay:.9s}.manga-group:nth-child(10){animation-delay:1s}.manga-group:hover{box-shadow:0 4px 6px -1px #0000001a 8px;border-color:var(--accent-color)}@media (max-width: 480px){.manga-group{border-radius:8px}}.manga-group__header{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background,.2s ease .3s ease;border-left:4px solid transparent}.manga-group__header:hover{background:var(--item-hover-bg)}.manga-group__header:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-group__header:focus:not(:focus-visible){box-shadow:none}.manga-group__header--high{border-left-color:var(--priority-high-text)}.manga-group__header--medium{border-left-color:var(--priority-medium-text)}.manga-group__header--low{border-left-color:var(--priority-low-text)}@media (max-width: 768px){.manga-group__header{padding:.75rem;gap:.75rem}}@media (max-width: 480px){.manga-group__header{padding:.75rem;gap:.75rem}}.manga-group__cover{width:56px;height:84px;border-radius:6px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.manga-group__cover{width:48px;height:72px}}@media (max-width: 480px){.manga-group__cover{width:44px;height:66px;border-radius:5px}}.manga-group__image{width:100%;height:100%;object-fit:cover;display:block}.manga-group__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fffc}.manga-group__info{flex:1;min-width:0}.manga-group__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.manga-group__title{font-size:.85rem}}@media (max-width: 480px){.manga-group__title{font-size:.8125rem}}.manga-group__summary{font-size:.7rem;color:var(--text-secondary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.manga-group__summary{font-size:.6875rem}}.manga-group__priorities{display:flex;gap:.25rem;flex-wrap:wrap}.manga-group__actions{display:flex;gap:.5rem;align-items:center}@media (max-width: 480px){.manga-group__actions{gap:.25rem}}.manga-group__action-btn,.manga-group__expand-btn{width:36px;height:36px;border:none;border-radius:8px;background:var(--item-hover-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all,.2s ease .3s ease}.manga-group__action-btn:hover,.manga-group__expand-btn:hover{transform:scale(1.1);background:var(--accent-color);color:#fff}.manga-group__action-btn:active,.manga-group__expand-btn:active{transform:scale(.95)}@media (max-width: 768px){.manga-group__action-btn,.manga-group__expand-btn{width:32px;height:32px;font-size:.85rem}}@media (max-width: 480px){.manga-group__action-btn,.manga-group__expand-btn{width:30px;height:30px;font-size:.8125rem;border-radius:6px}}.manga-group__action-btn--view:hover{background:var(--priority-medium-bg);color:var(--priority-medium-text)}.manga-group__expand-btn{font-size:.7rem}.manga-group__expand-btn--expanded{transform:rotate(180deg)}.manga-group__volumes{border-top:1px solid var(--card-border);background:var(--item-hover-bg);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;animation:slideDown .3s ease-out}@media (max-width: 480px){.manga-group__volumes{padding:.25rem;gap:.25rem}}.volume-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--card-bg);border-radius:8px;border-left:3px solid transparent;transition:all,.2s ease .3s ease;animation:fadeInScale .3s ease-out backwards;animation-delay:var(--animation-delay, 0s)}.volume-item:hover{transform:translate(4px);box-shadow:0 2px 4px #0000001a}.volume-item--high{border-left-color:var(--priority-high-text)}.volume-item--medium{border-left-color:var(--priority-medium-text)}.volume-item--low{border-left-color:var(--priority-low-text)}@media (max-width: 768px){.volume-item{padding:.5rem .75rem}}@media (max-width: 480px){.volume-item{padding:.5rem;border-radius:6px}}.volume-item__content{display:flex;align-items:center;gap:.75rem;flex:1}@media (max-width: 480px){.volume-item__content{gap:.5rem}}.volume-item__number{font-size:.8125rem;font-weight:600;color:var(--accent-color);min-width:60px}@media (max-width: 480px){.volume-item__number{font-size:.7rem;min-width:50px}}.volume-item__priority{font-size:.85rem}@media (max-width: 480px){.volume-item__priority{font-size:.7rem}}.volume-item__date{font-size:.7rem;color:var(--text-tertiary)}@media (max-width: 480px){.volume-item__date{font-size:.6875rem;display:none}}.volume-item__buy-btn{width:32px;height:32px;border:none;border-radius:6px;background:var(--priority-low-bg);color:var(--priority-low-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all,.2s ease .3s ease;flex-shrink:0}.volume-item__buy-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0ea2714d}.volume-item__buy-btn:active{transform:scale(.95)}@media (max-width: 480px){.volume-item__buy-btn{width:28px;height:28px;font-size:.7rem}}.priority-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:600}.priority-badge--high{background:var(--priority-high-bg);color:var(--priority-high-text)}.priority-badge--medium{background:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-badge--low{background:var(--priority-low-bg);color:var(--priority-low-text)}@media (max-width: 480px){.priority-badge{font-size:.625rem;padding:.15rem .4rem}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (prefers-contrast: high){.manga-group{border:2px solid var(--text-primary)}.volume-item{border:1px solid var(--text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading-progress-section{width:100%;margin-bottom:2rem;animation:fadeInUp .6s ease ease-out}@media (max-width: 768px){.reading-progress-section{margin-bottom:1.5rem}}.reading-progress-section--loading .reading-progress-section__loading{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem;gap:1rem}.reading-progress-section--loading .reading-progress-section__spinner{width:40px;height:40px;border:4px solid var(--card-border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.reading-progress-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}@media (max-width: 768px){.reading-progress-section__header{margin-bottom:1rem;padding:0}}.reading-progress-section__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.reading-progress-section__title{font-size:1.25rem}}@media (max-width: 480px){.reading-progress-section__title{font-size:1.1rem}}.reading-progress-section__count{font-size:.85rem;color:var(--text-secondary);background:var(--reading-card-bg);padding:.75rem;border-radius:12px;border:1px solid var(--reading-card-border);font-weight:600}@media (max-width: 480px){.reading-progress-section__count{font-size:.8rem;padding:.25rem .5rem}}.reading-progress-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 1400px){.reading-progress-section__grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}}@media (max-width: 1024px){.reading-progress-section__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media (max-width: 768px){.reading-progress-section__grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (max-width: 480px){.reading-progress-section__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.reading-progress-section__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem;text-align:center;background:var(--reading-card-bg);border:1px solid var(--reading-card-border);border-radius:20px}@media (max-width: 768px){.reading-progress-section__empty{padding:3rem 1.5rem}}@media (max-width: 480px){.reading-progress-section__empty{padding:2rem 1rem}}.reading-progress-section__empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}@media (max-width: 480px){.reading-progress-section__empty-icon{font-size:3rem;margin-bottom:1rem}}.reading-progress-section__empty-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}@media (max-width: 480px){.reading-progress-section__empty-text{font-size:1.1rem}}.reading-progress-section__empty-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}@media (max-width: 480px){.reading-progress-section__empty-subtitle{font-size:.85rem}}.reading-progress-item{background:var(--reading-card-bg);border:1px solid var(--reading-card-border);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeIn .5s ease-out backwards;animation-delay:var(--animation-delay, 0s)}.reading-progress-item:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-color);background:var(--reading-hover-bg)}.reading-progress-item:hover .reading-progress-item__image{transform:scale(1.05)}.reading-progress-item:hover .reading-progress-item__action-hint{opacity:1;transform:translateY(-50%) translate(0)}.reading-progress-item:active{transform:translateY(-3px)}.reading-progress-item:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading-progress-item:focus:not(:focus-visible){box-shadow:none}@media (max-width: 768px){.reading-progress-item{padding:.75rem}}@media (max-width: 480px){.reading-progress-item{padding:.5rem}}.reading-progress-item__cover{position:relative;width:100%;aspect-ratio:.6666666667;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;margin-bottom:.75rem}@supports not (aspect-ratio: 1/1){.reading-progress-item__cover:before{content:"";float:left;padding-top:150%}.reading-progress-item__cover:after{content:"";display:block;clear:both}}@media (max-width: 480px){.reading-progress-item__cover{margin-bottom:.5rem}}.reading-progress-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.reading-progress-item__emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:absolute;top:0;left:0;z-index:1}@media (max-width: 768px){.reading-progress-item__emoji{font-size:2rem}}@media (max-width: 480px){.reading-progress-item__emoji{font-size:1.5rem}}.reading-progress-item__badge{position:absolute;top:6px;right:6px;background:#3b82f6;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #0000001a;z-index:2;min-width:40px;text-align:center;backdrop-filter:blur(4px)}@media (max-width: 480px){.reading-progress-item__badge{padding:3px 6px;font-size:.65rem;min-width:36px;top:4px;right:4px}}.reading-progress-item__content{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 480px){.reading-progress-item__content{gap:.25rem}}.reading-progress-item__title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.reading-progress-item__title{font-size:.8125rem}}@media (max-width: 480px){.reading-progress-item__title{font-size:.7rem}}.reading-progress-item__volumes{display:flex;align-items:baseline;gap:.3rem;font-weight:600}.reading-progress-item__current{font-size:1.1rem;color:var(--accent-color);font-weight:700}@media (max-width: 480px){.reading-progress-item__current{font-size:1rem}}.reading-progress-item__separator{font-size:.7rem;color:var(--text-tertiary);opacity:.6}.reading-progress-item__total{font-size:.7rem;color:var(--text-secondary)}@media (max-width: 480px){.reading-progress-item__total{font-size:.7rem}}.reading-progress-item__progress-bar{position:relative;width:100%;height:6px;background:var(--card-border);border-radius:.3rem;overflow:visible;margin:.25rem 0}@media (max-width: 480px){.reading-progress-item__progress-bar{height:5px;margin:.3rem 0}}.reading-progress-item__progress-fill{height:100%;border-radius:.3rem;transition:width,.6s ease .3s ease;background:linear-gradient(90deg,#3b82f6,#7c3aed);position:relative;box-shadow:0 1px 4px #3b82f64d}.reading-progress-item__progress-text{position:absolute;top:-22px;right:0;font-size:.7rem;font-weight:700;color:var(--text-primary);background:var(--reading-card-bg);padding:2px 6px;border-radius:6px;border:1px solid var(--reading-card-border);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.reading-progress-item__progress-text{font-size:.65rem;padding:1px 4px;top:-20px}}.reading-progress-item--start .reading-progress-item__progress-fill{background:linear-gradient(90deg,#ef4444,#f59e0b)}.reading-progress-item--start .reading-progress-item__badge{background:#ef4444}.reading-progress-item--start .reading-progress-item__current{color:#ef4444}.reading-progress-item--low .reading-progress-item__progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.reading-progress-item--low .reading-progress-item__badge{background:#f59e0b}.reading-progress-item--low .reading-progress-item__current{color:#f59e0b}.reading-progress-item--medium .reading-progress-item__progress-fill{background:linear-gradient(90deg,#3b82f6,#7c3aed)}.reading-progress-item--medium .reading-progress-item__badge{background:#3b82f6}.reading-progress-item--medium .reading-progress-item__current{color:#3b82f6}.reading-progress-item--high .reading-progress-item__progress-fill{background:linear-gradient(90deg,#10b981,#0ea271)}.reading-progress-item--high .reading-progress-item__badge{background:#10b981}.reading-progress-item--high .reading-progress-item__current{color:#10b981}.reading-progress-item--complete{border-color:#10b981}.reading-progress-item--complete .reading-progress-item__progress-fill{background:linear-gradient(90deg,#0ea271,#0c8a60)}.reading-progress-item--complete .reading-progress-item__badge{background:linear-gradient(135deg,#10b981,#0ea271);animation:pulse 2s ease-in-out infinite}.reading-progress-item--complete .reading-progress-item__current{color:#10b981}.reading-progress-item__complete-badge{padding:.5rem .75rem;background:linear-gradient(135deg,#10b981,#0ea271);color:#fff;border-radius:8px;text-align:center;font-weight:700;font-size:.7rem;margin-top:.25rem;box-shadow:0 2px 8px #10b9814d;animation:pulseGreen 2s ease-in-out infinite}@media (max-width: 480px){.reading-progress-item__complete-badge{font-size:.7rem;padding:.4rem .6rem}}.reading-progress-item__last-read{font-size:.7rem;color:var(--text-tertiary);margin:0}@media (max-width: 480px){.reading-progress-item__last-read{font-size:.65rem}}.reading-progress-item__remaining{padding:.4rem;background:var(--item-hover-bg);color:var(--accent-color);border-radius:6px;text-align:center;font-weight:600;font-size:.7rem;border:1px solid var(--card-border)}@media (max-width: 480px){.reading-progress-item__remaining{font-size:.7rem;padding:.35rem}}.reading-progress-item__action-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%) translate(-10px);font-size:1.5rem;color:var(--text-secondary);opacity:0;transition:all .3s ease;pointer-events:none}@media (max-width: 768px){.reading-progress-item__action-hint{display:none}}@keyframes pulseGreen{0%,to{box-shadow:0 4px 12px #10b9814d}50%{box-shadow:0 6px 20px #10b98180}}@media (prefers-contrast: high){.reading-progress-item{border:2px solid var(--text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.stats-grid{display:grid;gap:1.5rem;margin-bottom:2rem;grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.stats-grid__card{position:relative;background:var(--card-bg);border-radius:20px;padding:1.5rem;border:1px solid var(--card-border);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1)}.stats-grid__card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #0000001a}.stats-grid__card:hover .stats-grid__shine{opacity:1;transform:translate(100%)}.stats-grid__card:hover .stats-grid__interaction-hint{opacity:1;transform:scale(1)}.stats-grid__card:focus{outline:none;box-shadow:0 0 0 3px var(--focus-color, #a855f7);transform:translateY(-2px)}.stats-grid__card:focus:not(:focus-visible){box-shadow:none}.stats-grid__card:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.stats-grid__card--purple{--icon-bg: linear-gradient(135deg, #7c3aed, #a855f7);--icon-shadow: rgba(124, 58, 237, .3);--focus-color: #a855f7}.stats-grid__card--blue{--icon-bg: linear-gradient(135deg, #06b6d4, rgb(5.2981651376, 160.7110091743, 187.2018348624));--icon-shadow: rgba(6, 182, 212, .3);--focus-color: #06b6d4}.stats-grid__card--green{--icon-bg: linear-gradient(135deg, #10b981, rgb(13.9701492537, 161.5298507463, 112.6343283582));--icon-shadow: rgba(16, 185, 129, .3);--focus-color: #10b981}.stats-grid__card--orange{--icon-bg: linear-gradient(135deg, #f59e0b, rgb(221.4251968504, 142.4744094488, 9.0748031496));--icon-shadow: rgba(245, 158, 11, .3);--focus-color: #f59e0b}@media (max-width: 1440px){.stats-grid__card{padding:1.25rem}}@media (max-width: 768px){.stats-grid__card{padding:1.25rem;border-radius:12px}}@media (max-width: 480px){.stats-grid__card{padding:1rem}.stats-grid__card:hover{transform:translateY(-2px) scale(1.01)}}.stats-grid__card-content{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:2}@media (max-width: 1400px){.stats-grid__card-content{gap:1rem}}@media (max-width: 768px){.stats-grid__card-content{flex-direction:column;text-align:center;gap:1rem}}.stats-grid__icon{width:64px;height:64px;border-radius:20px;background:var(--icon-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;box-shadow:0 8px 24px var(--icon-shadow);transition:all .3s ease}@media (max-width: 1400px){.stats-grid__icon{width:56px;height:56px;font-size:1.5rem}}@media (max-width: 768px){.stats-grid__icon{width:56px;height:56px;border-radius:12px;font-size:1.5rem}}@media (max-width: 480px){.stats-grid__icon{width:48px;height:48px;font-size:1.25rem}}.stats-grid__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.stats-grid__number{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin:0;word-break:break-word;overflow-wrap:break-word;hyphens:auto;transition:color .2s ease}@media (max-width: 1400px){.stats-grid__number{font-size:1.5rem}}@media (max-width: 1200px){.stats-grid__number{font-size:1.625rem}}@media (max-width: 768px){.stats-grid__number{font-size:1.875rem}}@media (max-width: 480px){.stats-grid__number{font-size:1.5rem}}.stats-grid__label{font-size:.9rem;font-weight:500;color:var(--text-secondary);line-height:1.3;margin:0}@media (max-width: 1400px){.stats-grid__label{font-size:.85rem}}@media (max-width: 768px){.stats-grid__label{font-size:.85rem}}@media (max-width: 480px){.stats-grid__label{font-size:.8rem}}.stats-grid__trend{font-size:.7rem;font-weight:600;color:var(--accent-color, #10b981);background:var(--accent-bg, rgba(16, 185, 129, .1));padding:.25rem .5rem;border-radius:12px;display:inline-block;width:fit-content;margin-top:.25rem}@media (max-width: 1400px){.stats-grid__trend{font-size:.7rem;padding:.2rem .45rem}}@media (max-width: 480px){.stats-grid__trend{font-size:.7rem;padding:.2rem .4rem}}.stats-grid__shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);opacity:0;transition:all .6s ease;pointer-events:none;z-index:1}.stats-grid__interaction-hint{position:absolute;top:1rem;right:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--hint-bg, rgba(0, 0, 0, .05));border-radius:50%;font-size:.85rem;opacity:0;transform:scale(.8);transition:all .3s ease;pointer-events:none;z-index:3}@media (max-width: 768px){.stats-grid__interaction-hint{display:none}}.stats-grid__card{animation:slideInUp .6s ease-out backwards}.stats-grid__card:nth-child(1){animation-delay:.1s}.stats-grid__card:nth-child(2){animation-delay:.2s}.stats-grid__card:nth-child(3){animation-delay:.3s}.stats-grid__card:nth-child(4){animation-delay:.4s}.dark .stats-grid__card:hover{box-shadow:0 20px 40px #0006}@media (prefers-reduced-motion: reduce){.stats-grid__card{animation:none!important;transition:none!important}.stats-grid__card:hover{transform:none;box-shadow:0 4px 8px #0000001a}.stats-grid__shine{display:none}}@media (prefers-contrast: high){.stats-grid__card{border:2px solid var(--text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.upcoming-releases-section{background:var(--card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--card-border);margin-bottom:2rem}.upcoming-releases-section--loading{min-height:200px}@media (max-width: 768px){.upcoming-releases-section{padding:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.upcoming-releases-section{padding:1rem;margin-bottom:1rem}}.upcoming-releases-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width: 480px){.upcoming-releases-section__header{margin-bottom:1rem}}.upcoming-releases-section__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 768px){.upcoming-releases-section__title{font-size:1rem}}@media (max-width: 480px){.upcoming-releases-section__title{font-size:.9375rem}}.upcoming-releases-section__count{font-size:.8125rem;color:var(--text-secondary);background:#a855f71a;padding:.3rem .625rem;border-radius:10px;font-weight:500}@media (max-width: 480px){.upcoming-releases-section__count{font-size:.7rem;padding:.25rem .5rem}}.upcoming-releases-section__loading,.upcoming-releases-section__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2.25rem 1rem;color:var(--text-secondary);text-align:center}.upcoming-releases-section__spinner{width:36px;height:36px;border:3px solid var(--card-border);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.upcoming-releases-section__empty-icon{font-size:3.25rem;margin-bottom:1rem}.upcoming-releases-section__empty-text{font-weight:500;color:var(--text-primary);font-size:1rem;margin:0}.upcoming-releases-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}@media (max-width: 1024px){.upcoming-releases-section__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.upcoming-releases-section__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}}@media (max-width: 480px){.upcoming-releases-section__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}}@media (max-width: 360px){.upcoming-releases-section__grid{grid-template-columns:repeat(2,1fr)}}.release-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;animation:fadeIn .5s ease-out backwards;animation-delay:var(--animation-delay, 0s)}.release-item:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-color)}.release-item:hover .release-item__image{transform:scale(1.05)}.release-item:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.release-item:focus:not(:focus-visible){box-shadow:none}.release-item:active{transform:translateY(-3px)}@media (max-width: 768px){.release-item{padding:.5rem;border-radius:8px}}@media (max-width: 480px){.release-item{padding:.4rem}}.release-item__cover{position:relative;width:100%;aspect-ratio:.6666666667;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a}@supports not (aspect-ratio: 1/1){.release-item__cover:before{content:"";float:left;padding-top:150%}.release-item__cover:after{content:"";display:block;clear:both}}@media (max-width: 768px){.release-item__cover{border-radius:6px;margin-bottom:.4rem}}@media (max-width: 480px){.release-item__cover{border-radius:5px;margin-bottom:.25rem}}.release-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.release-item__date-badge{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.6875rem;font-weight:700;color:#fff}@media (max-width: 480px){.release-item__date-badge{padding:.2rem .3rem;font-size:.625rem;gap:.2rem}}.release-item__date-badge--today{background:linear-gradient(135deg,#ef4444f2,#eb1515f2)}.release-item__date-badge--tomorrow{background:linear-gradient(135deg,#f59e0bf2,#c57f08f2)}.release-item__date-badge--week{background:linear-gradient(135deg,#3b82f6f2,#0b63f3f2)}.release-item__date-badge--month{background:linear-gradient(135deg,#7c3aedf2,#6c23ebf2)}.release-item__date-badge--past{background:linear-gradient(135deg,#10b981f2,#0c8a60f2)}.release-item__date-icon{font-size:.7rem;line-height:1}@media (max-width: 480px){.release-item__date-icon{font-size:.6875rem}}.release-item__date-text{line-height:1}.release-item__preorder-badge{position:absolute;top:4px;right:4px;padding:.15rem .35rem;background:linear-gradient(135deg,#10b981,#0ea271);color:#fff;font-size:.6rem;font-weight:700;border-radius:6px;text-transform:uppercase;box-shadow:0 2px 6px #10b98166;z-index:2}@media (max-width: 480px){.release-item__preorder-badge{padding:.125rem .3rem;font-size:.55rem;top:3px;right:3px}}.release-item__content{display:flex;flex-direction:column;gap:.25rem}.release-item__title{font-size:.7rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:1.8em}@media (max-width: 768px){.release-item__title{font-size:.6875rem;min-height:1.65em}}@media (max-width: 480px){.release-item__title{font-size:.625rem;-webkit-line-clamp:2;min-height:1.5em}}.release-item__volume{font-size:.6875rem;color:var(--accent-color);font-weight:600;background:#a855f71a;padding:.2rem .35rem;border-radius:6px;text-align:center;display:inline-block;align-self:flex-start}@media (max-width: 480px){.release-item__volume{font-size:.625rem;padding:.15rem .3rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.release-item{border:2px solid var(--text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-details{min-height:100vh;background:var(--collection-bg);color:var(--collection-text-primary);transition:background .3s ease,color .3s ease;padding:2rem 0;animation:fadeInUp .6s ease-out}.manga-details__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.manga-details__container{padding:0 1rem}}.manga-details__content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}@media (min-width: 768px){.manga-details__content{gap:3rem}}@media (min-width: 1024px){.manga-details__content{gap:4rem}}.manga-details__content>*{animation:fadeIn .4s ease-out backwards}.manga-details__content>*:nth-child(1){animation-delay:.1s}.manga-details__content>*:nth-child(2){animation-delay:.2s}.manga-details__content>*:nth-child(3){animation-delay:.3s}.manga-details__content>*:nth-child(4){animation-delay:.4s}.manga-details--loading,.manga-details--error{display:flex;align-items:center;justify-content:center;min-height:100vh}.manga-details__header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem;background:var(--collection-card-bg);border-radius:12px;margin-bottom:2rem;box-shadow:var(--collection-shadow);border:1px solid var(--collection-border);transition:all .3s ease}@media (max-width: 768px){.manga-details__header{flex-direction:column;gap:1.5rem;padding:1.5rem}}@media (max-width: 480px){.manga-details__header{padding:1rem}}.manga-details__header-content{flex:1;min-width:0}.manga-details__back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:var(--collection-text-secondary);background:transparent;border:1px solid var(--collection-border);border-radius:6px;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.manga-details__back-btn:hover{color:var(--collection-purple);border-color:var(--collection-purple);background:#a855f70d;transform:translate(-2px)}.manga-details__back-btn:active{transform:translate(0)}.manga-details__back-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-details__back-btn:focus:not(:focus-visible){box-shadow:none}@media (max-width: 480px){.manga-details__back-btn{padding:.375rem .75rem;font-size:.8125rem}}.manga-details__title{font-size:2rem;font-weight:700;color:var(--collection-text-primary);margin:0 0 .5rem;line-height:1.2;word-break:break-word}@media (max-width: 768px){.manga-details__title{font-size:1.75rem}}@media (max-width: 480px){.manga-details__title{font-size:1.5rem}}.manga-details__subtitle{font-size:1rem;color:var(--collection-text-secondary);margin:0 0 1rem;line-height:1.5}@media (max-width: 480px){.manga-details__subtitle{font-size:.8rem}}.manga-details__header-progress{display:flex;align-items:center;width:115%;gap:1rem;padding:.75rem 1rem;background:var(--collection-hover-bg);border-radius:8px;margin-bottom:.5rem}@media (max-width: 770px){.manga-details__header-progress{flex-wrap:wrap;width:100%;gap:.5rem;padding:.625rem .875rem}}@media (max-width: 480px){.manga-details__header-progress{flex-wrap:wrap;width:100%;gap:.5rem;padding:.625rem .875rem}}.manga-details__header-progress .progress-text{font-size:.8rem;font-weight:600;color:var(--collection-text-primary);white-space:nowrap}@media (max-width: 480px){.manga-details__header-progress .progress-text{font-size:.8125rem}}.manga-details__header-progress .progress-bar-mini{flex:1;height:8px;background:var(--collection-border);border-radius:6px;overflow:hidden;min-width:100px}@media (max-width: 480px){.manga-details__header-progress .progress-bar-mini{width:100%;min-width:unset}}.manga-details__header-progress .progress-fill-mini{height:100%;background:linear-gradient(90deg,var(--collection-purple),var(--collection-purple-light));transition:width .3s ease;border-radius:6px}.manga-details__header-progress .progress-percentage{font-size:.8rem;font-weight:600;color:var(--collection-purple);white-space:nowrap}@media (max-width: 480px){.manga-details__header-progress .progress-percentage{font-size:.8125rem}}.manga-details__header-error{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border-left:3px solid var(--collection-red);border-radius:6px;animation:slideDown .3s ease}@media (max-width: 480px){.manga-details__header-error{flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem}}.manga-details__header-error .error-icon{font-size:1.1rem;flex-shrink:0;color:var(--collection-red)}.manga-details__header-error .error-text{flex:1;font-size:.8rem;color:var(--collection-red);min-width:0;word-break:break-word}@media (max-width: 480px){.manga-details__header-error .error-text{font-size:.8125rem}}.manga-details__header-error .error-retry{padding:.375rem .75rem;font-size:.8rem;font-weight:500;color:var(--collection-red);background:transparent;border:1px solid var(--collection-red);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.manga-details__header-error .error-retry:hover:not(:disabled){background:var(--collection-red);color:#fff;transform:translateY(-1px)}.manga-details__header-error .error-retry:active:not(:disabled){transform:translateY(0)}.manga-details__header-error .error-retry:disabled{opacity:.6;cursor:not-allowed}.manga-details__header-error .error-retry:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-details__header-error .error-retry:focus:not(:focus-visible){box-shadow:none}.manga-details__header-actions{display:flex;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.manga-details__header-actions{width:100%;flex-wrap:wrap}.manga-details__header-actions .btn{flex:1;min-width:120px;justify-content:center}}@media (max-width: 480px){.manga-details__header-actions{flex-direction:column;gap:.5rem}.manga-details__header-actions .btn{width:100%;min-width:unset}}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn--primary,.btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:var(--collection-shadow)}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--collection-shadow-lg)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0)}.btn--secondary,.btn-secondary{background:transparent;color:var(--collection-purple);border:2px solid var(--collection-purple)}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--collection-purple);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}@media (max-width: 480px){.btn{padding:.625rem 1.25rem;font-size:.8rem}}@media (max-width: 1200px){.manga-details__container{max-width:100%;padding:0 1.5rem}}@media (max-width: 768px){.manga-details{padding:1rem 0}.manga-details__content{gap:1.5rem;margin-top:1rem}}.dark .manga-details{background:var(--collection-bg)}.dark .manga-details__header{background:var(--collection-card-bg);box-shadow:0 1px 3px #0000004d}.dark .manga-details__back-btn:hover{background:#a855f71a}.dark .manga-details__header-error{background:#ef444426}.dark .manga-details__header-error .error-text{color:#f58a8a}.dark .manga-details__header-error .error-retry{color:#f58a8a;border-color:#f58a8a}.dark .manga-details__header-error .error-retry:hover:not(:disabled){background:var(--collection-red);color:#fff}.dark .btn-secondary{color:var(--collection-text-secondary);border-color:var(--collection-border)}.dark .btn-secondary:hover:not(:disabled){background:var(--collection-hover-bg);border-color:var(--collection-border)}@media (prefers-reduced-motion: reduce){.manga-details,.manga-details__content>*{animation:none!important}.manga-details__header,.manga-details__back-btn,.error-retry,.btn,.progress-fill-mini{transition:none}@keyframes slideDown{0%,to{opacity:1;transform:translateY(0)}}}@media (prefers-contrast: high){.manga-details__header{border:2px solid var(--collection-border)}.manga-details__header-error{border-width:2px}.manga-details__header-progress{border:1px solid var(--collection-border)}.btn{border-width:3px}.btn-primary{border:3px solid transparent}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-hero-section{margin-bottom:2rem}.manga-hero{display:flex;background:var(--card-bg);color:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:var(--shadow)}@media (max-width: 768px){.manga-hero{flex-direction:column;align-items:center;text-align:center;padding:1rem;width:100%}}.manga-hero__cover{padding:1rem;width:50%;height:auto;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000004d}@media (max-width: 768px){.manga-hero__cover{width:100%;height:auto}}.manga-hero__cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:12px}.manga-hero__cover-image:hover{transform:scale(1.02)}.manga-hero__cover-placeholder{width:100%;height:100%;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(10px)}.manga-hero__content{width:50%;padding:2rem;display:flex;flex-direction:column;text-align:center;gap:2rem;position:relative;z-index:2}@media (max-width: 768px){.manga-hero__content{width:100%;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:2rem}}.manga-hero__header{display:flex;flex-direction:column;gap:.5rem}.manga-hero__title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.manga-hero__subtitle{font-size:1.1rem;opacity:.9;margin:0;font-style:italic}.manga-hero__subtitle .alternative-title{margin:0}.manga-hero__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.manga-hero__meta .meta-item{background:#fff3;width:100%;padding:1rem 3rem;border-radius:12px;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;margin-bottom:1rem;transition:all .3s ease}.manga-hero__meta .meta-item:hover{transform:translateY(-2px);background:#ffffff40}.manga-hero__meta .meta-item .meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-weight:600;text-align:center}.manga-hero__meta .meta-item .meta-value{font-size:.9rem;font-weight:700;line-height:1.3;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.manga-hero__meta .rating{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.manga-hero__meta .rating .rating-score{font-size:1.1rem;font-weight:700}.manga-hero__meta .rating .stars{display:flex;gap:.1rem}.manga-hero__meta .rating .stars .star{color:#fff6;font-size:.85rem}.manga-hero__meta .rating .stars .star.filled{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.8)}.manga-hero__meta .genres{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center;width:100%}.manga-hero__meta .genres .genre-tag{background:#ffffff4d;color:#fff;padding:.3rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;backdrop-filter:blur(10px);transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.manga-hero__meta .genres .genre-tag:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.manga-hero__meta .meta-item:has(.genres){padding:1rem 1.5rem;min-height:80px}.manga-hero__meta .publication{display:flex;flex-direction:column;align-items:center;gap:.25rem}.manga-hero__meta .publication .publication-date{font-weight:700}.manga-hero__meta .publication .publication-age{font-size:.8rem;opacity:.8;font-weight:500}.manga-hero__meta .status-icon{margin-right:.3rem}.manga-hero__auth-notice{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 568px){.manga-hero__auth-notice{flex-direction:column;text-align:center;gap:1rem}}.manga-hero__auth-notice p{margin:0;font-size:1rem;opacity:.95}.manga-hero__auth-notice .btn{background:#ffffffe6;color:#4facfe;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.manga-hero__auth-notice .btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.manga-hero__meta{grid-template-columns:1fr}.manga-hero__meta .meta-item{padding:1rem 1.5rem}.manga-hero__meta .genres{gap:.5rem}.manga-hero__meta .genres .genre-tag{font-size:.8rem;padding:.4rem .8rem}}@keyframes genreAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.genre-tag{animation:genreAppear .3s ease forwards}.genre-tag:nth-child(1){animation-delay:.05s}.genre-tag:nth-child(2){animation-delay:.1s}.genre-tag:nth-child(3){animation-delay:.15s}.genre-tag:nth-child(4){animation-delay:.2s}.genre-tag:nth-child(5){animation-delay:.25s}.genre-tag:nth-child(6){animation-delay:.3s}.genre-tag:nth-child(7){animation-delay:.35s}.genre-tag:nth-child(8){animation-delay:.4s}.genre-tag:nth-child(9){animation-delay:.45s}.genre-tag:nth-child(10){animation-delay:.5s}@media (prefers-reduced-motion: reduce){.manga-hero__cover-image{transition:none}.manga-hero__cover-image:hover{transform:none}.manga-hero__meta .meta-item{transition:none}.manga-hero__meta .meta-item:hover{transform:none}.genres .genre-tag{animation:none;transition:none}.genres .genre-tag:hover{transform:none}.manga-hero__auth-notice .btn{transition:none}.manga-hero__auth-notice .btn:hover{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-synopsis{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem;border:1px solid var(--card-border)}.manga-synopsis .synopsis-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid var(--card-border)}.manga-synopsis .synopsis-header:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:6px}.manga-synopsis .synopsis-header .synopsis-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.manga-synopsis .synopsis-content .synopsis-text{font-size:1rem;width:100%;line-height:1.7;color:var(--text-secondary);margin:0;text-align:justify;white-space:pre-wrap;word-break:break-word}.manga-synopsis .synopsis-content .synopsis-text--truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.manga-synopsis .synopsis-content .synopsis-toggle{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;color:#fff;font-weight:600;cursor:pointer;margin-top:1rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;transition:all .3s ease;box-shadow:0 2px 8px #a855f74d}.manga-synopsis .synopsis-content .synopsis-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 16px #a855f766}.manga-synopsis .synopsis-content .synopsis-toggle:active{transform:translateY(0)}.manga-synopsis .synopsis-content .synopsis-toggle:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-synopsis .synopsis-content .synopsis-toggle:focus:not(:focus-visible){box-shadow:none}@media (max-width: 768px){.manga-synopsis{padding:1.5rem}.manga-synopsis .synopsis-header .synopsis-title{font-size:1.1rem}.manga-synopsis .synopsis-content .synopsis-text{font-size:.9rem;text-align:left}}@media (prefers-reduced-motion: reduce){.manga-synopsis .synopsis-toggle{transition:none}.manga-synopsis .synopsis-toggle:hover{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volumes-section{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:3rem;border:1px solid var(--card-border)}.volumes-section .section-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--card-border);background:linear-gradient(135deg,#a855f70d,#ec48990d);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.volumes-section .section-header{padding:1.5rem 1rem 1rem;flex-direction:column;align-items:flex-start}}.volumes-section .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.volumes-section .section-meta .volume-count{font-size:.9rem;color:var(--text-secondary);font-weight:500;background:#a855f71a;padding:.4rem .8rem;border-radius:12px}.volumes-section .section-content{padding:2rem}@media (max-width: 768px){.volumes-section .section-content{padding:1rem}}.volumes-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.volumes-controls{flex-direction:column;align-items:stretch}}.volumes-controls .controls-left{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.volumes-controls .controls-left{flex-direction:column;align-items:stretch}}.volumes-controls .owned-count{color:var(--text-secondary);font-size:.9rem;background:var(--item-hover-bg);padding:.5rem 1rem;border-radius:20px;font-weight:600;white-space:nowrap}@media (max-width: 768px){.volumes-controls .owned-count{text-align:center}}.volumes-controls .filters{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.volumes-controls .filters{justify-content:center;width:100%}}.volumes-controls .filter-btn{padding:.5rem 1rem;border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:600;white-space:nowrap}.volumes-controls .filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.volumes-controls .filter-btn:hover:not(.active){border-color:var(--accent-color);color:var(--accent-color)}.volumes-controls .filter-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volumes-controls .filter-btn:focus:not(:focus-visible){box-shadow:none}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--card-border)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-small{padding:.5rem 1rem;font-size:.8rem}.volumes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.volumes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}}@media (max-width: 480px){.volumes-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.volume-card{background:var(--item-hover-bg);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;box-shadow:var(--shadow);border:2px solid transparent}.volume-card:hover:not(.operating){transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001a}.volume-card:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volume-card:focus:not(:focus-visible){box-shadow:none}.volume-card.owned{border-color:#10b981}.volume-card.owned:before{content:"✓";position:absolute;top:.5rem;right:.5rem;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:2}.volume-card.operating{opacity:.7;cursor:wait}.volume-card.operating:after{content:"";position:absolute;inset:0;background:#a855f71a;display:flex;align-items:center;justify-content:center;z-index:3}.volume-card.operating .volume-cover{filter:grayscale(.3)}.volume-card.new-release .volume-cover:after{content:"Nouveau";position:absolute;top:.5rem;left:.5rem;background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.6rem;font-weight:700;z-index:2}.volume-card .volume-cover{position:relative;width:100%;aspect-ratio:.6666666667;overflow:hidden;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}@supports not (aspect-ratio: 1/1){.volume-card .volume-cover:before{content:"";float:left;padding-top:150%}.volume-card .volume-cover:after{content:"";display:block;clear:both}}.volume-card .volume-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);z-index:0}.volume-card .volume-cover-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.volume-card .volume-cover .manga-image--placeholder .manga-image__img{object-fit:contain;padding:10px}.volume-card .volume-cover .volume-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.volume-card .volume-cover .volume-emoji{position:relative;z-index:1;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.volume-card .volume-cover .volume-number{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;z-index:10}.volume-card .volume-info{text-align:center;padding:1rem;background:var(--card-bg)}.volume-card .volume-title{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volume-card .volume-date{color:var(--text-secondary);font-size:.7rem;margin-bottom:.75rem}.volume-card .volume-actions{display:flex;gap:.5rem;margin-top:1rem}.volume-card .volume-btn{flex:1;padding:.5rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;min-height:40px}.volume-card .volume-btn.add-btn{background:#10b981;color:#fff}.volume-card .volume-btn.add-btn:hover:not(:disabled){background:#0ea271;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.volume-card .volume-btn.remove-btn{background:#ef4444;color:#fff}.volume-card .volume-btn.remove-btn:hover:not(:disabled){background:#ed2d2d;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.volume-card .volume-btn.login-prompt{background:#a855f7;color:#fff}.volume-card .volume-btn.login-prompt:hover:not(:disabled){background:#9c3df6;transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.volume-card .volume-btn.operating{background:#6b7280;color:#fff;cursor:wait;animation:pulse 2s ease-in-out infinite}.volume-card .volume-btn.operating .loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.volume-card .volume-btn.operating:hover{transform:none;box-shadow:none}.volume-card .volume-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.volume-card .volume-btn:disabled:hover{transform:none;box-shadow:none}.volume-card .volume-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volume-card .volume-btn:focus:not(:focus-visible){box-shadow:none}.empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:1rem;margin:0 0 2rem}.load-more-container{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--card-border)}.load-more-container .load-more-btn{background:#3b82f6;color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.load-more-container .load-more-btn:hover{background:#2372f5;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.load-more-container .load-more-btn:active{transform:translateY(0)}.load-more-container .load-more-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.load-more-container .load-more-btn:focus:not(:focus-visible){box-shadow:none}.load-more-container .progress-info{margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.volumes-section .section-header{padding:1.5rem 1rem 1rem}.volumes-section .section-content{padding:1rem}.volumes-controls,.volumes-controls .controls-left{flex-direction:column;align-items:stretch}.volumes-controls .controls-left .btn{width:100%}.volumes-controls .filters{width:100%;justify-content:center}.volume-card .volume-info{padding:.75rem}.volume-card .volume-title{font-size:.85rem}.volume-card .volume-btn{font-size:.7rem;padding:.4rem}.load-more-container .load-more-btn{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.volumes-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.volume-card .volume-cover .volume-number{font-size:.65rem;padding:.2rem .4rem}.volume-card .volume-info{padding:.5rem}.volume-card .volume-title{font-size:.8rem;margin-bottom:.4rem}.volume-card .volume-actions{gap:.25rem}.volume-card .volume-btn{font-size:.7rem;padding:.35rem;min-height:36px}.empty-state{padding:3rem 1rem}.empty-state .empty-icon{font-size:1.5rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9rem}}.dark .volume-card{background:var(--item-hover-bg)}.dark .volume-card .volume-info,.dark .volumes-section{background:var(--card-bg)}@media (prefers-reduced-motion: reduce){.volume-card,.filter-btn,.load-more-btn,.btn{transition:none;animation:none}.volume-card:hover,.filter-btn:hover,.load-more-btn:hover,.btn:hover{transform:none}.volume-btn.operating,.volume-btn.operating .loading-spinner{animation:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.collection-progress{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin-bottom:2rem;border:1px solid var(--card-border)}.collection-progress .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width: 768px){.collection-progress .progress-header{flex-direction:column;gap:.5rem;text-align:center}}.collection-progress .progress-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.collection-progress .progress-percentage{font-size:1.5rem;font-weight:800;color:var(--accent-color)}.collection-progress .progress-bar{width:100%;height:12px;background:var(--card-border);border-radius:6px;overflow:hidden;margin-bottom:1rem}.collection-progress .progress-fill{height:100%;background:linear-gradient(135deg,#a855f7,#ec4899);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:6px}.collection-progress .progress-stats{display:flex;justify-content:space-around;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.collection-progress .progress-stats{flex-direction:column;text-align:center;gap:1rem}}.collection-progress .progress-stats .progress-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#a855f70d;border-radius:8px;flex:1;min-width:120px}.collection-progress .progress-stats .progress-stat__icon{font-size:1.5rem}.collection-progress .progress-stats .progress-stat__value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.collection-progress .progress-stats .progress-stat__label{font-size:.8rem;color:var(--text-secondary)}.collection-progress .collection-actions{border-top:1px solid var(--card-border);padding-top:1.5rem;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.collection-progress .btn-remove-all{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#ef4444,#ed2d2d);color:#fff;box-shadow:0 4px 12px #ef44444d}.collection-progress .btn-remove-all .btn-icon{font-size:1.1rem;transition:transform .3s ease}.collection-progress .btn-remove-all .btn-text{flex:1;text-align:center}.collection-progress .btn-remove-all:hover:not(:disabled){background:linear-gradient(135deg,#ed2d2d,#eb1515);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.collection-progress .btn-remove-all:hover:not(:disabled) .btn-icon{transform:rotate(15deg) scale(1.1)}.collection-progress .btn-remove-all:hover:not(:disabled):before{left:100%}.collection-progress .btn-remove-all:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.collection-progress .btn-remove-all:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af;box-shadow:none}.collection-progress .btn-remove-all:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.collection-progress .btn-remove-all:focus:not(:focus-visible){box-shadow:none}@media (max-width: 768px){.collection-progress .btn-remove-all{padding:.875rem 1.5rem;font-size:.9rem}}.collection-progress .warning-text{font-size:.85rem;color:var(--text-secondary);text-align:center;margin:0;padding:.5rem;background:#ef44440d;border-radius:8px;border:1px solid rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.collection-progress .warning-text{font-size:.8rem;padding:.625rem}}@media (max-width: 768px){.collection-progress{padding:1.5rem}.collection-progress .progress-title,.collection-progress .progress-percentage{font-size:1.1rem}}.dark .collection-progress .warning-text{background:#ef44441a;border-color:#ef444433;color:#f9b9b9}.dark .collection-progress .btn-remove-all:hover:not(:disabled){box-shadow:0 8px 20px #ef444480}@media (prefers-reduced-motion: reduce){.collection-progress .progress-fill,.collection-progress .btn-remove-all{transition:none}.collection-progress .btn-remove-all:before{display:none}.collection-progress .btn-remove-all:hover:not(:disabled){transform:none}.collection-progress .btn-remove-all:hover:not(:disabled) .btn-icon{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-wishlist-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--manga-card-border)}@media (max-width: 768px){.manga-wishlist-actions{margin-top:1rem;padding-top:1rem}}.wishlist-action-btn{width:100%;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden}.wishlist-action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.wishlist-action-btn:hover:before{transform:translate(100%)}.wishlist-action-btn .btn-icon{font-size:1.5rem;transition:transform .3s ease}.wishlist-action-btn .btn-text{font-size:1rem;letter-spacing:.025em}.wishlist-action-btn--add{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;box-shadow:0 4px 12px #a855f74d}.wishlist-action-btn--add:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7c3aed66}.wishlist-action-btn--add:hover .btn-icon{transform:scale(1.2) rotate(5deg)}.wishlist-action-btn--add:active{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.wishlist-action-btn--remove{background:linear-gradient(135deg,#a855f7,#f472b6);color:#fff;box-shadow:0 4px 12px #a855f74d;animation:pulseGlow 2s ease-in-out infinite}.wishlist-action-btn--remove:hover{transform:translateY(-3px);box-shadow:0 8px 20px #a855f766;background:linear-gradient(135deg,#9c3df6,#ec4899)}.wishlist-action-btn--remove:hover .btn-icon{animation:heartBeat .6s ease}.wishlist-action-btn--remove:active{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.wishlist-action-btn--loading{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff;cursor:wait;pointer-events:none}.wishlist-action-btn--loading .btn-icon{animation:spin 1s linear infinite}.wishlist-action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.wishlist-action-btn:focus:not(:focus-visible){box-shadow:none}.wishlist-action-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #a855f74d}50%{box-shadow:0 4px 20px #a855f780}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.15)}75%{transform:scale(1.25)}}@media (max-width: 768px){.wishlist-action-btn{padding:.875rem 1.5rem}.wishlist-action-btn .btn-icon{font-size:1.1rem}.wishlist-action-btn .btn-text{font-size:.9rem}}@media (max-width: 480px){.wishlist-action-btn{padding:.75rem 1rem}.wishlist-action-btn .btn-icon{font-size:1.125rem}.wishlist-action-btn .btn-text{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.wishlist-action-btn,.wishlist-action-btn .btn-icon{animation:none!important;transition:none!important}.wishlist-action-btn:before{display:none}}.manga-hero__content .manga-wishlist-actions{margin-top:1.5rem}@media (max-width: 768px){.manga-hero__content .manga-wishlist-actions{margin-top:1rem}}.manga-hero__auth-notice{margin-top:1.5rem}.manga-hero__auth-notice+.manga-wishlist-actions{margin-top:1rem}.dark .manga-wishlist-actions{border-top-color:#ffffff1a}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist-heart-btn{width:44px;height:44px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.wishlist-heart-btn:hover:not(:disabled){transform:scale(1.15);box-shadow:0 4px 12px #a855f74d}.wishlist-heart-btn:active:not(:disabled){transform:scale(.95)}.wishlist-heart-btn--active{background:linear-gradient(135deg,#7c3aed,#ec4899);animation:heartBeat .3s ease}.wishlist-heart-btn--loading{cursor:wait;opacity:.6;animation:pulse 1.5s ease-in-out infinite}.wishlist-heart-btn:disabled{opacity:.5;cursor:not-allowed}.manga-overlay .wishlist-heart-btn{background:#fffffff2}.manga-overlay .wishlist-heart-btn:hover:not(:disabled){background:#fff}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.wishlist-heart-btn{animation:none!important;transition:none!important}.wishlist-heart-btn:hover:not(:disabled){transform:none}.wishlist-heart-btn:active:not(:disabled){transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e6edf4);display:flex;align-items:center;justify-content:center;padding:2rem;transition:background .3s ease}@media (max-width: 768px){.auth-page{padding:1rem}}.auth-container{width:100%;max-width:1200px;background:var(--collection-card-bg);border-radius:20px;box-shadow:var(--collection-shadow-lg);overflow:hidden;position:relative;transition:background-color .3s ease,box-shadow .3s ease}@media (max-width: 768px){.auth-container{max-width:500px;margin:0}}.auth-header{position:absolute;top:1.5rem;left:1.5rem;z-index:10}.auth-header .back-home{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--collection-text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease;background:#ffffffe6;backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:8px;border:1px solid transparent}.auth-header .back-home svg{width:16px;height:16px}.auth-header .back-home:hover{color:var(--collection-purple);transform:translate(-2px)}@media (max-width: 768px){.auth-header .back-home{position:fixed;top:1rem;left:1rem;z-index:1000}}.auth-form-container{padding:3rem;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.auth-form-container{padding:2rem 1.5rem}}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--collection-purple);font-weight:700;font-size:1.5rem;transition:color .2s ease}.auth-logo a .logo-icon{width:32px;height:32px;filter:brightness(1);transition:filter .2s ease}.auth-logo a:hover{color:var(--collection-purple-dark)}.form-header{text-align:center;margin-bottom:2rem}.form-header h1{font-size:1.875rem;font-weight:700;color:var(--collection-text-primary);margin-bottom:.5rem;transition:color .2s ease}@media (max-width: 768px){.form-header h1{font-size:1.5rem}}.form-header p{color:var(--collection-text-secondary);font-size:1rem;line-height:1.5;transition:color .2s ease}.error-banner{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:var(--collection-red);font-size:.9rem;transition:all .2s ease}.error-banner svg{width:20px;height:20px;flex-shrink:0}.auth-form .form-group{margin-bottom:1.5rem}.auth-form .form-group:last-of-type{margin-bottom:2rem}.auth-form .form-label{display:block;font-weight:500;color:var(--collection-text-primary);margin-bottom:.5rem;font-size:.9rem;transition:color .2s ease}.auth-form .input-container{position:relative}.auth-form .input-container .form-input,.auth-form .input-container .form-textarea{width:95%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--collection-input-border);border-radius:8px;font-size:1rem;transition:all .2s ease;background:var(--collection-input-bg);color:var(--collection-text-primary)}.auth-form .input-container .form-input:focus,.auth-form .input-container .form-textarea:focus{outline:none;border-color:var(--collection-purple);background:var(--collection-card-bg);box-shadow:0 0 0 3px #a855f71a}.auth-form .input-container .form-input.error,.auth-form .input-container .error.form-textarea{border-color:var(--collection-red);background:var(--collection-card-bg)}.auth-form .input-container .form-input::placeholder,.auth-form .input-container .form-textarea::placeholder{color:var(--collection-text-tertiary)}.auth-form .input-container .form-input:disabled,.auth-form .input-container .form-textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.auth-form .input-container .form-input,.auth-form .input-container .form-textarea{width:85%}}.auth-form .input-container .input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--collection-text-tertiary);pointer-events:none;transition:color .2s ease}.auth-form .input-container .password-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--collection-text-tertiary);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.auth-form .input-container .password-toggle:hover{color:var(--collection-text-secondary)}.auth-form .input-container .password-toggle:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.auth-form .input-container .password-toggle:focus:not(:focus-visible){box-shadow:none}.auth-form .input-container .password-toggle svg{width:18px;height:18px}.auth-form .error-message{display:block;color:var(--collection-red);font-size:.8rem;margin-top:.5rem;transition:color .2s ease}.auth-form .field-hint{display:block;color:var(--collection-text-tertiary);font-size:.8rem;margin-top:.5rem;transition:color .2s ease}.auth-form .password-strength{margin-top:.75rem}.auth-form .password-strength .strength-bar{width:100%;height:4px;background:var(--collection-input-border);border-radius:6px;overflow:hidden;margin-bottom:.5rem;transition:background-color .2s ease}.auth-form .password-strength .strength-bar .strength-fill{height:100%;border-radius:6px;transition:width .3s ease,background-color .3s ease}.auth-form .password-strength .strength-text{font-size:.8rem;font-weight:500}.auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (max-width: 480px){.auth-form .form-options{flex-direction:column;gap:1rem;align-items:flex-start}}.auth-form .form-options .forgot-link{color:var(--collection-purple);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.auth-form .form-options .forgot-link:hover{color:var(--collection-purple-dark)}.auth-form .checkbox-container{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.4;color:var(--collection-text-primary);transition:color .2s ease}.auth-form .checkbox-container input[type=checkbox]{display:none}.auth-form .checkbox-container .checkmark{width:18px;height:18px;border:2px solid var(--collection-input-border);border-radius:6px;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease;background:var(--collection-input-bg)}.auth-form .checkbox-container .checkmark.error{border-color:var(--collection-red)}.auth-form .checkbox-container .checkmark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:10px;border:2px solid white;border-left:none;border-top:none;transform:translate(-50%,-60%) rotate(45deg) scale(0);transform-origin:center;transition:transform .2s ease}.auth-form .checkbox-container input:checked+.checkmark{background:var(--collection-purple);border-color:var(--collection-purple)}.auth-form .checkbox-container input:checked+.checkmark:after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.auth-form .checkbox-container .checkbox-text{color:var(--collection-text-primary)}.auth-form .checkbox-container .checkbox-text .link{color:var(--collection-purple);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-form .checkbox-container .checkbox-text .link:hover{color:var(--collection-purple-dark);text-decoration:underline}.auth-form .submit-button{width:100%;background:var(--collection-purple);color:#fff;border:none;padding:.875rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.auth-form .submit-button:hover:not(:disabled){background:var(--collection-purple-dark);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.auth-form .submit-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.auth-form .submit-button:focus:not(:focus-visible){box-shadow:none}.auth-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-form .demo-button{width:100%;background:var(--collection-input-bg);color:var(--collection-text-primary);border:2px solid var(--collection-input-border);padding:.875rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-form .demo-button svg{width:18px;height:18px}.auth-form .demo-button:hover:not(:disabled){background:var(--collection-card-bg);border-color:var(--collection-purple)}.auth-form .demo-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.auth-form .demo-button:focus:not(:focus-visible){box-shadow:none}.auth-form .demo-button:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--collection-input-border);transition:border-color .2s ease}.form-footer p{color:var(--collection-text-secondary);font-size:.9rem;transition:color .2s ease}.form-footer p .switch-link{color:var(--collection-purple);text-decoration:none;font-weight:500;transition:color .2s ease}.form-footer p .switch-link:hover{color:var(--collection-purple-dark)}.auth-container{animation:fadeInUp .6s ease-out}.auth-theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffe6;color:var(--collection-text-primary);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.auth-theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 6px -1px #0000001a}.auth-theme-toggle:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.auth-theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.auth-theme-toggle:focus:not(:focus-visible){box-shadow:none}.auth-theme-toggle svg{width:20px;height:20px;transition:transform .3s ease}.auth-theme-toggle:active svg{transform:rotate(180deg)}@media (max-width: 768px){.auth-theme-toggle{top:1rem;right:1rem;width:40px;height:40px}.auth-theme-toggle svg{width:18px;height:18px}}.dark .auth-page{background:linear-gradient(135deg,#0f172a,#16213d)}.dark .auth-header .back-home{background:#1e293be6;border-color:#3341554d}.dark .auth-logo a .logo-icon{filter:brightness(1.2)}.dark .auth-theme-toggle{box-shadow:0 4px 6px -1px #0000004d;border:1px solid rgba(51,65,85,.3)}.dark .auth-theme-toggle:hover{box-shadow:0 4px 16px #0006}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.auth-form .form-input,.auth-form .form-textarea{border-width:3px}.auth-form .form-input:focus,.auth-form .form-textarea:focus{box-shadow:0 0 0 4px #a855f733}.auth-form .submit-button:focus{box-shadow:0 0 0 4px #a855f766}}.success-message-container{text-align:center;padding:3rem 1.5rem;animation:fadeInUp .6s ease-out}.success-message-container .success-icon{font-size:64px;margin-bottom:1.5rem;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55)}.success-message-container h1{font-size:2rem;font-weight:700;color:var(--collection-text-primary);margin-bottom:1rem;transition:color .2s ease}@media (max-width: 768px){.success-message-container h1{font-size:1.5rem}}.success-message-container p{color:var(--collection-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem;transition:color .2s ease}.success-message-container p strong{color:var(--collection-purple);font-weight:600}.success-message-container p.info-text{font-size:.9rem;color:var(--collection-text-tertiary);padding:1rem;background:#a855f70d;border-left:3px solid var(--collection-purple);border-radius:8px;margin-top:1.5rem;text-align:left;transition:all .2s ease}.success-message-container .actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.success-message-container .actions .btn{width:100%;padding:.875rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.success-message-container .actions .btn.btn-primary{background:var(--collection-purple);color:#fff}.success-message-container .actions .btn.btn-primary:hover{background:var(--collection-purple-dark);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.success-message-container .actions .btn.btn-secondary{background:var(--collection-input-bg);color:var(--collection-text-primary);border:2px solid var(--collection-input-border)}.success-message-container .actions .btn.btn-secondary:hover{background:var(--collection-card-bg);border-color:var(--collection-purple)}.success-message-container .actions .btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.success-message-container .actions .btn:focus:not(:focus-visible){box-shadow:none}@keyframes successPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.calendar{min-height:100vh;width:100%;background:var(--collection-bg);display:flex;flex-direction:column;transition:background-color .3s ease;padding:1rem;overflow-x:hidden}.calendar--loading,.calendar--error{display:block}@media (max-width: 768px){.calendar{width:100vw;padding:.75rem;overflow-x:hidden}}.calendar__container{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;margin:0 auto;animation:fadeInUp .6s ease-out}@media (min-width: 1025px){.calendar__container{max-width:1400px;padding:0 2rem}}@media (max-width: 1024px) and (min-width: 769px){.calendar__container{padding:0 1.5rem}}@media (max-width: 768px){.calendar__container{padding:0;max-width:100%;overflow-x:hidden}}.calendar__loading-screen,.calendar__error-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh;color:var(--collection-text-secondary);padding:2rem;text-align:center}@media (max-width: 768px){.calendar__loading-screen,.calendar__error-screen{min-height:50vh;padding:1rem}}.calendar__loading-screen p,.calendar__error-screen p{margin-top:1rem;font-size:1.1rem;color:var(--collection-text-secondary);transition:color .3s ease}@media (max-width: 480px){.calendar__loading-screen p,.calendar__error-screen p{font-size:1rem}}.calendar__loading-screen .loader--primary .loader__message{color:var(--collection-text-primary)}.calendar__loading-screen .loader--primary .loader__dot{background-color:var(--collection-purple)}.calendar__loading-screen .loader--primary .loader__particle{background-color:var(--collection-purple);opacity:.6}.calendar__error-screen{color:var(--collection-text-primary)}.calendar__error-screen h2{color:var(--collection-red);margin:1rem 0;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.calendar__error-screen h2{font-size:1.25rem}}.calendar__error-screen p{color:var(--collection-text-secondary);margin-bottom:2rem}.calendar__error-icon{font-size:4rem;margin-bottom:1rem;color:var(--collection-red)}@media (max-width: 480px){.calendar__error-icon{font-size:1.5rem}}.calendar__retry-btn{background:var(--collection-purple);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem}.calendar__retry-btn:hover{background:var(--collection-purple-dark);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.calendar__retry-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.calendar__retry-btn:focus:not(:focus-visible){box-shadow:none}.calendar__retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.calendar__retry-btn{padding:.625rem 1rem;font-size:.9rem}}.calendar__retry-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.calendar__header{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:1.5rem;flex-wrap:wrap;transition:all .3s ease}@media (max-width: 768px){.calendar__header{padding:2rem;flex-direction:column;align-items:stretch;text-align:center;margin-bottom:2rem}}.calendar__header-content{flex:1;min-width:0}.calendar__header-actions{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.calendar__header-actions{width:100%;justify-content:stretch;gap:.75rem}.calendar__header-actions .btn{flex:1;min-width:120px}}.calendar__title{font-size:2.5rem;font-weight:800;color:var(--collection-text-primary);margin:0 0 .5rem;transition:color .3s ease;line-height:1.2}@media (max-width: 1024px){.calendar__title{font-size:2.5rem}}@media (max-width: 768px){.calendar__title{font-size:2rem}}@media (max-width: 480px){.calendar__title{font-size:1.5rem}}.calendar__subtitle{color:var(--collection-text-secondary);font-size:1.1rem;margin:0;transition:color .3s ease;line-height:1.5}@media (max-width: 768px){.calendar__subtitle{font-size:1rem}}.calendar__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 1024px){.calendar__stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 640px){.calendar__stats{grid-template-columns:1fr;gap:1rem}}.stat-card{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}@media (max-width: 768px){.stat-card{padding:1.5rem}}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--collection-shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .2s ease}.stat-card:hover:before{width:6px}.stat-card--today:before{background:#10b981}.stat-card--week:before{background:#3b82f6}.stat-card--month:before{background:#f59e0b}.stat-card--alerts:before{background:#a855f7}.stat-card__icon{font-size:2.5rem;margin-bottom:.5rem}@media (max-width: 768px){.stat-card__icon{font-size:2rem}}.stat-card--today .stat-card__icon{color:#10b981}.stat-card--week .stat-card__icon{color:#3b82f6}.stat-card--month .stat-card__icon{color:#f59e0b}.stat-card--alerts .stat-card__icon{color:#a855f7}.stat-card__number{font-size:2.5rem;font-weight:800;color:var(--collection-text-primary);margin-bottom:.25rem;transition:color .3s ease;line-height:1}@media (max-width: 768px){.stat-card__number{font-size:2rem}}.stat-card__label{color:var(--collection-text-secondary);font-weight:500;font-size:.9rem;transition:color .3s ease}@media (max-width: 768px){.stat-card__label{font-size:.7rem}}.calendar__controls{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);padding:2rem;margin-bottom:2rem;transition:all .3s ease}@media (max-width: 768px){.calendar__controls{padding:1.5rem}}.calendar__controls-search{margin-bottom:1.5rem}.calendar__controls-right{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.calendar__controls-right{flex-direction:column;align-items:stretch;gap:.75rem}}.calendar__filters .filters{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.calendar__filters .filters{justify-content:center;gap:.75rem}}.calendar__navigation{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .3s ease}@media (max-width: 768px){.calendar__navigation{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}}.calendar__current-month{font-size:1.5rem;font-weight:700;color:var(--collection-text-primary);margin:0;text-transform:capitalize;transition:color .3s ease}@media (max-width: 768px){.calendar__current-month{font-size:1.25rem;width:100%;text-align:center;margin-bottom:.75rem}}.calendar__main{background:var(--collection-card-bg);border-radius:12px;box-shadow:var(--collection-shadow);overflow:hidden;margin-bottom:3rem;transition:all .3s ease}.calendar__list{padding:2rem}@media (max-width: 768px){.calendar__list{padding:1rem}}.calendar__month{padding:2rem}@media (max-width: 768px){.calendar__month{padding:1rem}}.calendar__week{margin-bottom:3rem}.calendar__week:last-child{margin-bottom:0}.calendar__week-title{color:var(--collection-purple);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}@media (max-width: 768px){.calendar__week-title{font-size:1.1rem;margin-bottom:1rem}}.calendar__week-releases{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.calendar__week-releases{grid-template-columns:1fr;gap:1rem}}.calendar__empty{text-align:center;padding:4rem 2rem;color:var(--collection-text-secondary)}.calendar__empty-icon{font-size:4rem;margin-bottom:1rem;color:var(--collection-text-tertiary)}.calendar__empty h3{color:var(--collection-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;transition:color .3s ease}@media (max-width: 768px){.calendar__empty h3{font-size:1.25rem}}.calendar__empty p{margin-bottom:2rem;font-size:1.1rem;transition:color .3s ease}@media (max-width: 768px){.calendar__empty p{font-size:1rem}}.search-bar{position:relative;max-width:500px;width:100%}@media (max-width: 768px){.search-bar{max-width:100%}}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--collection-text-secondary);font-size:1.25rem;pointer-events:none;transition:color .2s ease}.search-bar__input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--collection-input-border);border-radius:12px;font-size:1rem;background:var(--collection-input-bg);color:var(--collection-text-primary);transition:all .3s ease}.search-bar__input:focus{outline:none;border-color:var(--collection-input-focus);box-shadow:0 0 0 3px #a855f71a}.search-bar__input:focus~.search-bar__icon{color:var(--collection-input-focus)}.search-bar__input::placeholder{color:var(--collection-text-tertiary)}@media (max-width: 768px){.search-bar__input{font-size:.9rem;padding:.625rem .75rem .625rem 2.5rem}}.view-btn{padding:.75rem;border:2px solid var(--collection-border);background:var(--collection-card-bg);color:var(--collection-text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.view-btn--active{background:var(--collection-purple);border-color:var(--collection-purple);color:#fff;box-shadow:0 4px 12px #a855f74d}.view-btn:hover:not(.view-btn--active){border-color:var(--collection-purple);color:var(--collection-purple);background:var(--collection-hover-bg)}.filter-btn{padding:.75rem 1rem;border:2px solid var(--collection-border);background:var(--collection-card-bg);color:var(--collection-text-secondary);border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn--active{background:var(--collection-purple);border-color:var(--collection-purple);color:#fff;box-shadow:0 4px 12px #a855f74d}.filter-btn:hover:not(.filter-btn--active){border-color:var(--collection-purple);color:var(--collection-purple);background:var(--collection-hover-bg)}@media (max-width: 768px){.filter-btn{font-size:.8rem;padding:.5rem .75rem}}.sort-select{padding:.75rem 1rem;border-radius:8px;border:2px solid var(--collection-border);background:var(--collection-card-bg);color:var(--collection-text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.sort-select:focus{outline:none;border-color:var(--collection-input-focus);box-shadow:0 0 0 3px #a855f71a}.sort-select:hover{border-color:var(--collection-purple)}.sort-select option{background:var(--collection-card-bg);color:var(--collection-text-primary);padding:.5rem}@media (max-width: 768px){.sort-select{font-size:.8rem;padding:.5rem .75rem}}.nav-btn{padding:.75rem 1rem;border:2px solid var(--collection-border);background:var(--collection-card-bg);color:var(--collection-text-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.25rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.nav-btn:hover{border-color:var(--collection-purple);color:var(--collection-purple);background:var(--collection-hover-bg);transform:translateY(-1px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.nav-btn:focus:not(:focus-visible){box-shadow:none}@media (max-width: 768px){.nav-btn{padding:.75rem;font-size:1rem}}.release-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--collection-card-bg);border:1px solid var(--collection-border);border-radius:8px;transition:all .3s ease;margin-bottom:1rem}@media (max-width: 768px){.release-item{padding:1rem;gap:1rem}}.release-item:hover{border-color:var(--collection-purple);transform:translateY(-2px);box-shadow:var(--collection-shadow-lg)}.release-item:last-child{margin-bottom:0}.release-item__cover{width:80px;height:110px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.release-item__cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.release-item__cover--emoji{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}@media (max-width: 768px){.release-item__cover{width:65px;height:90px}.release-item__cover--emoji{font-size:1.5rem}}.release-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.release-item__title{font-weight:700;color:var(--collection-text-primary);margin:0;font-size:1.1rem;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.release-item__title{font-size:1rem}}.release-item__details{font-size:.9rem;color:var(--collection-text-secondary);margin:0;transition:color .3s ease;line-height:1.5}.release-item__date{font-size:.9rem;color:var(--collection-purple);font-weight:600;transition:color .3s ease;margin-top:auto}.release-item__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}@media (max-width: 768px){.release-item__actions{flex-direction:column;align-items:stretch}}.release-card{display:flex;flex-direction:column;align-items:center;background:var(--collection-card-bg);border:1px solid var(--collection-border);border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer}@media (max-width: 768px){.release-card{padding:1rem}}.release-card:hover{border-color:var(--collection-purple);transform:translateY(-3px);box-shadow:var(--collection-shadow-lg)}.release-card__cover{width:100px;height:140px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:8px;position:relative;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0}.release-card__cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.release-card__cover--emoji{display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}@media (max-width: 768px){.release-card__cover{width:80px;height:110px}.release-card__cover--emoji{font-size:2rem}}.release-card__content{text-align:center;width:100%}.release-card__title{font-weight:600;color:var(--collection-text-primary);margin-bottom:.5rem;font-size:1rem;line-height:1.3;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.release-card__details{font-size:.8rem;color:var(--collection-text-secondary);margin-bottom:.5rem;transition:color .3s ease}.release-card__date{font-size:.8rem;color:var(--collection-purple);font-weight:600;margin-bottom:1rem;transition:color .3s ease}.release-card__actions{display:flex;gap:.5rem;justify-content:center;width:100%}.manga-cover-calendar{width:80px;height:110px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 4px 6px -1px #0000001a}.manga-cover-calendar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.manga-cover-calendar--emoji{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}@media (max-width: 768px){.manga-cover-calendar{width:65px;height:90px}.manga-cover-calendar--emoji{font-size:1.5rem}}@media (min-width: 1400px){.release-card__cover,.release-item__cover,.manga-cover-calendar{width:90px;height:125px}.release-card__cover--emoji,.manga-cover-calendar--emoji{font-size:3.25rem}}@media (max-width: 480px){.release-card__cover,.release-item__cover,.manga-cover-calendar{width:60px;height:85px}.release-card__cover--emoji,.manga-cover-calendar--emoji{font-size:1.5rem}}.action-btn{padding:.75rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.25rem;display:flex;align-items:center;justify-content:center;position:relative}.action-btn--alert{background:#f59e0b;color:#fff}.action-btn--alert:hover{background:#c57f08;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.action-btn--alert-active{background:#10b981;color:#fff}.action-btn--alert-active:hover{background:#0c8a60;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.action-btn--preorder{background:#3b82f6;color:#fff}.action-btn--preorder:hover{background:#0b63f3;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.action-btn{padding:.5rem;font-size:1rem}}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;white-space:nowrap;line-height:1}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 4px 12px #a855f74d}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--collection-purple);border:2px solid var(--collection-purple)}.btn--secondary:hover{background:var(--collection-purple);color:#fff;box-shadow:0 4px 12px #a855f74d}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--outline{background:transparent;color:var(--collection-text-primary);border:2px solid var(--collection-border)}.btn--outline:hover{background:var(--collection-hover-bg);border-color:var(--collection-purple);color:var(--collection-purple)}.btn--large{padding:1rem 2rem;font-size:1rem}@media (max-width: 768px){.btn{padding:.75rem 1rem;font-size:.8rem}}.notifications{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}@media (max-width: 768px){.notifications{top:1rem;right:1rem;left:1rem;max-width:none}}.notification{background:var(--collection-card-bg);border-radius:8px;box-shadow:0 25px 50px -12px #00000040;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;animation:slideInRight .3s ease ease;transition:all .3s ease;pointer-events:auto;border-left:4px solid transparent}.notification--success{border-left-color:#10b981}.notification--error{border-left-color:#ef4444}.notification--info{border-left-color:#a855f7}.notification--warning{border-left-color:#f59e0b}.notification:hover{transform:translate(-4px);box-shadow:0 25px 50px -12px #00000040,0 0 20px #0000001a}.notification--success .notification__icon{color:#10b981}.notification--error .notification__icon{color:#ef4444}.notification--info .notification__icon{color:#a855f7}.notification--warning .notification__icon{color:#f59e0b}.notification__message{color:var(--collection-text-primary);font-size:.9rem;flex:1;transition:color .3s ease;line-height:1.5}.notification__close{background:transparent;border:none;color:var(--collection-text-tertiary);cursor:pointer;padding:.25rem;font-size:1rem;transition:color .2s ease;flex-shrink:0}.notification__close:hover{color:var(--collection-text-primary)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--new{background:#10b9811a;color:#0c8a60}.badge--alert{background:#f59e0b1a;color:#c57f08}.badge--preorder{background:#3b82f61a;color:#0b63f3}.badge--upcoming{background:#a855f71a;color:#8f24f5}.tooltip{position:relative;display:inline-block}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--tooltip-bg, #374151);color:var(--tooltip-text, white);padding:.5rem .75rem;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:0 20px 25px -5px #0000001a}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--tooltip-bg, #374151)}.tooltip:hover .tooltip__content{opacity:1}.spinner{width:40px;height:40px;border:4px solid var(--spinner-track, #e5e7eb);border-top-color:var(--collection-purple);border-radius:50%;animation:spin .8s linear infinite}.spinner--small{width:20px;height:20px;border-width:2px}.spinner--large{width:60px;height:60px;border-width:6px}.skeleton{background:linear-gradient(90deg,var(--collection-border) 0%,var(--collection-hover-bg) 50%,var(--collection-border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton--text{height:1em;margin-bottom:.5rem}.skeleton--title{height:2em;width:60%;margin-bottom:1rem}.skeleton--card{height:200px}.skeleton--cover{width:80px;height:110px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease ease}.modal{background:var(--collection-card-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:fadeInScale .3s ease ease}.modal__header{padding:1.5rem;border-bottom:1px solid var(--collection-border);display:flex;justify-content:space-between;align-items:center}.modal__title{font-size:1.25rem;font-weight:700;color:var(--collection-text-primary);margin:0}.modal__close{background:transparent;border:none;color:var(--collection-text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;transition:color .2s ease}.modal__close:hover{color:var(--collection-text-primary)}.modal__body{padding:1.5rem}.modal__footer{padding:1.5rem;border-top:1px solid var(--collection-border);display:flex;justify-content:flex-end;gap:.75rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.calendar,.calendar *,.calendar *:before,.calendar *:after{max-width:100%;overflow-x:hidden;box-sizing:border-box}img,svg{max-width:100%;height:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.calendar{border:2px solid var(--collection-text-primary)}.stat-card,.calendar__main,.release-item,.release-card{border:2px solid var(--collection-border)}.btn--primary{border:2px solid white}}*:focus-visible{outline:3px solid var(--collection-purple);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.u-hidden{display:none!important}.u-visible{display:block!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-mt-0{margin-top:0!important}.u-mt-1{margin-top:.5rem!important}.u-mt-2{margin-top:1rem!important}.u-mt-3{margin-top:1.5rem!important}.u-mt-4{margin-top:2rem!important}.u-mb-0{margin-bottom:0!important}.u-mb-1{margin-bottom:.5rem!important}.u-mb-2{margin-bottom:1rem!important}.u-mb-3{margin-bottom:1.5rem!important}.u-mb-4{margin-bottom:2rem!important}@media print{.calendar__header-actions,.calendar__controls,.calendar__navigation,.notifications,.btn,.action-btn{display:none!important}.calendar{background:#fff;color:#000}.stat-card,.release-item,.release-card{break-inside:avoid;page-break-inside:avoid}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.home{min-height:100vh;background:var(--home-bg);color:var(--home-text-primary);transition:background-color .3s ease,color .3s ease;animation:fadeInUp .8s ease-out}.home.home--dark{background:var(--home-bg);color:var(--home-text-primary)}.home__hero{padding:6rem 0 4rem;background:var(--home-hero-bg);color:var(--home-text-primary);text-align:center;position:relative;transition:background-color .3s ease,color .3s ease}@media (max-width: 768px){.home__hero{padding:4rem 0 3rem}}@media (max-width: 480px){.home__hero{padding:3rem 0 2rem}}.home__hero .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.home__hero .container{padding:0 1rem}}@media (max-width: 480px){.home__hero .container{padding:0 1rem}}.home__hero .hero-content{max-width:800px;margin:0 auto}.home__hero .hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.home__hero .hero-title{font-size:2rem}.home__hero .hero-title br{display:none}}.home__hero .hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;color:var(--home-text-secondary);transition:color .3s ease}@media (max-width: 768px){.home__hero .hero-description{font-size:1rem;margin-bottom:2rem}}.home__hero .cta-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.home__hero .cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 4px 12px #a855f74d}.home__hero .cta-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.home__hero .cta-button:focus:not(:focus-visible){box-shadow:none}@media (max-width: 480px){.home__hero .cta-button{width:100%;max-width:280px;padding:1rem 2rem;font-size:1rem}}.home__hero .user-welcome .welcome-text{font-size:1.1rem;margin-bottom:1.5rem;color:var(--home-welcome-text);transition:color .3s ease}.home__hero .user-welcome .welcome-text strong{color:var(--home-welcome-accent);transition:color .3s ease}.home__recent{background:var(--home-bg);padding:4rem 0;transition:background-color .3s ease}@media (max-width: 768px){.home__recent{padding:3rem 0}}@media (max-width: 480px){.home__recent{padding:2rem 0}}.home__recent .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.home__recent .container{padding:0 1rem}}.home__recent .section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--home-text-primary);margin-bottom:3rem;transition:color .3s ease}@media (max-width: 768px){.home__recent .section-title{font-size:1.5rem;margin-bottom:2rem}}@media (max-width: 480px){.home__recent .section-title{font-size:1.625rem;margin-bottom:1.5rem}}.home__recent .manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.home__recent .manga-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}}@media (max-width: 480px){.home__recent .manga-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1400px){.home__recent .manga-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3rem}}.home__recent .manga-card{background:var(--home-card-bg);border:1px solid var(--home-card-border);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer}.home__recent .manga-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;background:var(--home-card-hover-bg);border-color:var(--home-accent-color)}.home__recent .manga-card:hover .manga-info .manga-title{color:var(--home-accent-color)}.home__recent .manga-card:hover .manga-info .manga-volumes{background:var(--home-accent-color);color:#fff}.home__recent .manga-card .manga-cover{aspect-ratio:.6666666667;overflow:hidden;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}@supports not (aspect-ratio: 1/1){.home__recent .manga-card .manga-cover:before{content:"";float:left;padding-top:150%}.home__recent .manga-card .manga-cover:after{content:"";display:block;clear:both}}.home__recent .manga-card .manga-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.home__recent .manga-card .manga-cover:hover img{transform:scale(1.05)}.home__recent .manga-card .manga-info{padding:1.5rem;text-align:center}@media (max-width: 768px){.home__recent .manga-card .manga-info{padding:1rem}}@media (max-width: 480px){.home__recent .manga-card .manga-info{padding:1rem}}.home__recent .manga-card .manga-info .manga-title{font-size:1rem;font-weight:600;color:var(--home-text-primary);line-height:1.4;margin:0 0 .5rem;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.home__recent .manga-card .manga-info .manga-title{font-size:.9rem}}.home__recent .manga-card .manga-info .manga-author{font-size:.8rem;color:var(--home-text-secondary);margin:0 0 .5rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}@media (max-width: 480px){.home__recent .manga-card .manga-info .manga-author{font-size:.7rem}}.home__recent .manga-card .manga-info .manga-volumes{display:inline-block;font-size:.7rem;color:var(--home-text-tertiary);background:var(--home-card-border);padding:.3125rem .625rem;border-radius:6px;font-weight:500;transition:all .3s ease}.home__recent .loading-content{text-align:center;padding:3rem 0}.home__recent .error-message{text-align:center;padding:2rem;background:var(--home-error-bg);border:1px solid var(--home-error-border);border-radius:8px;color:var(--home-error-text);transition:all .3s ease}.home__recent .error-message p{margin-bottom:1rem;font-weight:500}.home__recent .error-message .retry-button{background:var(--home-error-text);color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:opacity .2s ease}.home__recent .error-message .retry-button:hover{opacity:.9}.home__recent .error-message .retry-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.home__recent .error-message .retry-button:focus:not(:focus-visible){box-shadow:none}.home__features{background:var(--home-section-bg);padding:4rem 0;transition:background-color .3s ease}@media (max-width: 768px){.home__features{padding:3rem 0}}@media (max-width: 480px){.home__features{padding:2rem 0}}.home__features .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.home__features .container{padding:0 1rem}}.home__features .section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--home-text-primary);margin-bottom:3rem;transition:color .3s ease}@media (max-width: 768px){.home__features .section-title{font-size:1.5rem;margin-bottom:2rem}}@media (max-width: 480px){.home__features .section-title{font-size:1.625rem;margin-bottom:1.5rem}}.home__features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.home__features .features-grid{grid-template-columns:1fr;gap:1.5rem}}.home__features .feature-card{background:var(--home-card-bg);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--home-card-border)}.home__features .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--home-accent-color)}@media (max-width: 768px){.home__features .feature-card{padding:1.5rem}}.home__features .feature-card .feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.home__features .feature-card .feature-icon svg{width:28px;height:28px}@media (max-width: 480px){.home__features .feature-card .feature-icon{width:50px;height:50px;margin-bottom:1rem}.home__features .feature-card .feature-icon svg{width:24px;height:24px}}.home__features .feature-card h3{font-size:1.1rem;font-weight:600;color:var(--home-text-primary);margin-bottom:1rem;transition:color .3s ease}@media (max-width: 480px){.home__features .feature-card h3{font-size:1rem}}.home__features .feature-card p{color:var(--home-text-secondary);line-height:1.6;font-size:.9rem;transition:color .3s ease}@media (max-width: 480px){.home__features .feature-card p{font-size:.8rem}}.home__stats{background:var(--home-section-bg);padding:4rem 0;transition:background-color .3s ease}@media (max-width: 768px){.home__stats{padding:3rem 0}}@media (max-width: 480px){.home__stats{padding:2rem 0}}.home__stats .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.home__stats .container{padding:0 1rem}}.home__stats .stats-loading{text-align:center;padding:2rem 0}.home__stats .stats-error{text-align:center;padding:1rem;margin-top:1rem}.home__stats .stats-error .stats-error-message{color:var(--home-error-text);font-size:.8rem;transition:color .3s ease}.home__stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}@media (max-width: 768px){.home__stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.home__stats .stats-grid{grid-template-columns:1fr;gap:1.5rem}}.home__stats .stat-item{background:var(--home-card-bg);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--home-card-border)}.home__stats .stat-item:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--home-accent-color)}@media (max-width: 768px){.home__stats .stat-item{padding:1.5rem}}.home__stats .stat-item .stat-number{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--home-accent-color);line-height:1;margin-bottom:.5rem;transition:color .3s ease}@media (max-width: 480px){.home__stats .stat-item .stat-number{font-size:2rem}}.home__stats .stat-item .stat-label{font-size:1rem;color:var(--home-text-secondary);line-height:1.4;transition:color .3s ease}@media (max-width: 480px){.home__stats .stat-item .stat-label{font-size:.9rem}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f7,#ec4899);transition:background .3s ease}.loading-screen--dark{background:linear-gradient(135deg,#a855f7,#ec4899)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.home{animation:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.manga-search{min-height:100vh;background:var(--search-bg);padding:2rem 0;transition:background-color .3s ease}@media (max-width: 768px){.manga-search{padding:1rem 0}}.manga-search__container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.manga-search__container{padding:0 .75rem}}.manga-search__header{text-align:center;margin-bottom:3rem}.manga-search__header .search-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media (max-width: 768px){.manga-search__header .search-title{font-size:2rem}}.manga-search__header .search-subtitle{font-size:1.1rem;color:var(--search-text-secondary);max-width:600px;margin:0 auto;line-height:1.6;transition:color .3s ease}.manga-search__search-bar{margin-bottom:2rem}.manga-search__search-bar .search-form{display:flex;gap:1rem;align-items:flex-start;max-width:800px;margin:0 auto}@media (max-width: 768px){.manga-search__search-bar .search-form{flex-direction:column;gap:.5rem}}.manga-search__search-bar .search-input-container{flex:1;position:relative;width:100%;min-width:0}.manga-search__search-bar .search-input-wrapper{position:relative;display:flex;background:var(--search-card-bg);border-radius:12px;box-shadow:var(--search-shadow);transition:all .3s ease}.manga-search__search-bar .search-input-wrapper:focus-within{box-shadow:var(--search-shadow-hover),0 4px 12px #a855f74d;transform:translateY(-2px)}.manga-search__search-bar .search-input{flex:1;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;background:transparent;color:var(--search-text-primary);transition:color .3s ease}.manga-search__search-bar .search-input:focus{outline:none}.manga-search__search-bar .search-input::placeholder{color:var(--search-text-tertiary)}.manga-search__search-bar .search-input:disabled{background:var(--search-disabled-bg);cursor:not-allowed}.manga-search__search-bar .search-button{padding:1rem 1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:0 12px 12px 0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:60px}.manga-search__search-bar .search-button:hover:not(:disabled){transform:scale(1.05)}.manga-search__search-bar .search-button:disabled{opacity:.5;cursor:not-allowed}.manga-search__search-bar .search-button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-search__search-bar .search-button:focus:not(:focus-visible){box-shadow:none}.manga-search__search-bar .search-button svg{width:20px;height:20px}.manga-search__search-bar .search-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.manga-search__search-bar .filters-toggle{padding:1rem 1.5rem;background:var(--search-card-bg);color:var(--search-text-secondary);border:2px solid var(--search-border);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;position:relative}@media (max-width: 768px){.manga-search__search-bar .filters-toggle{width:100%;justify-content:center}}.manga-search__search-bar .filters-toggle:hover{border-color:var(--search-accent);color:var(--search-accent)}.manga-search__search-bar .filters-toggle.active{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:transparent}.manga-search__search-bar .filters-toggle:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-search__search-bar .filters-toggle:focus:not(:focus-visible){box-shadow:none}.manga-search__search-bar .filters-toggle svg{width:18px;height:18px}.manga-search__search-bar .filters-toggle .filters-count{background:#fff3;color:#fff;font-size:.7rem;padding:.1875rem .5rem;border-radius:20px;min-width:20px;text-align:center;margin-left:auto}.manga-search__search-bar .suggestions-dropdown,.manga-search__search-bar .search-history{position:absolute;top:100%;left:0;right:0;background:var(--search-card-bg);border-radius:0 0 12px 12px;box-shadow:0 20px 25px -5px #0000001a;z-index:10;max-height:300px;overflow-y:auto}.manga-search__search-bar .suggestion-item,.manga-search__search-bar .history-item{width:100%;padding:.75rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--search-text-primary)}.manga-search__search-bar .suggestion-item:hover,.manga-search__search-bar .history-item:hover{background:var(--search-hover-bg)}.manga-search__search-bar .suggestion-item svg,.manga-search__search-bar .history-item svg{width:16px;height:16px;color:var(--search-text-tertiary);flex-shrink:0}.manga-search__search-bar .search-history .history-header{padding:.75rem 1.5rem .5rem;font-size:.7rem;font-weight:600;color:var(--search-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--search-border-subtle)}.manga-search__filters{margin-bottom:2rem}.manga-search__filters .filters-panel{background:var(--search-card-bg);border-radius:20px;padding:2rem;box-shadow:var(--search-shadow);transition:background-color .3s ease}@media (max-width: 768px){.manga-search__filters .filters-panel{padding:1.5rem}}.manga-search__filters .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.manga-search__filters .filters-header h3{font-size:1.25rem;font-weight:600;color:var(--search-text-primary);margin:0;transition:color .3s ease}.manga-search__filters .filters-header .reset-filters{background:none;border:none;color:var(--search-text-secondary);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .2s ease}.manga-search__filters .filters-header .reset-filters:hover{color:var(--search-accent)}.manga-search__filters .filters-header .reset-filters:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-search__filters .filters-header .reset-filters:focus:not(:focus-visible){box-shadow:none}.manga-search__filters .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media (max-width: 768px){.manga-search__filters .filters-grid{grid-template-columns:1fr;gap:1rem}}.manga-search__filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.manga-search__filters .filter-group label{font-weight:500;color:var(--search-text-primary);font-size:.9rem;transition:color .3s ease}.manga-search__filters .filter-group select,.manga-search__filters .filter-group input{padding:.75rem;border:2px solid var(--search-input-border);border-radius:8px;font-size:.9rem;background:var(--search-input-bg);color:var(--search-text-primary);transition:all .2s ease}.manga-search__filters .filter-group select:focus,.manga-search__filters .filter-group input:focus{outline:none;border-color:var(--search-input-focus);box-shadow:0 0 0 3px #a855f71a}.manga-search__filters .filter-group select option{background:var(--search-card-bg);color:var(--search-text-primary)}.manga-search__error{margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.manga-search__error .error-message{background:var(--search-error-bg);color:var(--search-error-text);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--search-error-border);display:flex;align-items:center;gap:.75rem;max-width:500px}.manga-search__error .error-message svg{width:20px;height:20px;flex-shrink:0}.manga-search__results .results-header{margin-bottom:2rem;text-align:center}.manga-search__results .results-header h2{font-size:1.5rem;color:var(--search-text-primary);margin:0;font-weight:700;transition:color .3s ease}.manga-search__results .loading-state{text-align:center;padding:4rem 0}.manga-search__results .loading-state p{margin-top:1rem;color:var(--search-text-secondary);font-size:1.1rem;transition:color .3s ease}.manga-search__results .manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.manga-search__results .manga-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}}@media (max-width: 480px){.manga-search__results .manga-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1400px){.manga-search__results .manga-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3rem}}.manga-search__results .manga-card{background:var(--search-card-bg);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:var(--search-shadow);border:1px solid var(--search-border)}.manga-search__results .manga-card:hover{transform:translateY(-8px);box-shadow:var(--search-shadow-hover);border-color:var(--search-accent)}.manga-search__results .manga-card .manga-cover{position:relative;aspect-ratio:.6666666667;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}@supports not (aspect-ratio: 1/1){.manga-search__results .manga-card .manga-cover:before{content:"";float:left;padding-top:150%}.manga-search__results .manga-card .manga-cover:after{content:"";display:block;clear:both}}.manga-search__results .manga-card .manga-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.manga-search__results .manga-card .manga-cover .manga-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.manga-search__results .manga-card .manga-cover:hover img{transform:scale(1.1)}.manga-search__results .manga-card .manga-cover:hover .manga-overlay{opacity:1}.manga-search__results .manga-card .manga-cover .manga-actions{display:flex;gap:.5rem;width:100%}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn{padding:.75rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex:1}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn svg{width:18px;height:18px}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.view-btn{background:#ffffffe6;color:#1f2937}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.view-btn:hover{background:#fff;transform:scale(1.05)}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.add-btn{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.add-btn:hover{transform:scale(1.05)}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.in-collection{background:#10b981;color:#fff;cursor:default}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn.in-collection:hover{transform:none}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-search__results .manga-card .manga-cover .manga-actions .action-btn:focus:not(:focus-visible){box-shadow:none}.manga-search__results .manga-card .manga-info{padding:1.5rem}@media (max-width: 480px){.manga-search__results .manga-card .manga-info{padding:1rem}}.manga-search__results .manga-card .manga-info .manga-title{font-size:1.1rem;font-weight:700;color:var(--search-text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}@media (max-width: 480px){.manga-search__results .manga-card .manga-info .manga-title{font-size:1rem}}.manga-search__results .manga-card .manga-info .manga-author{color:var(--search-text-secondary);font-size:.9rem;margin:0 0 1rem;transition:color .3s ease}@media (max-width: 480px){.manga-search__results .manga-card .manga-info .manga-author{font-size:.8rem}}.manga-search__results .manga-card .manga-info .manga-meta{margin-bottom:1rem}.manga-search__results .manga-card .manga-info .manga-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.manga-search__results .manga-card .manga-info .manga-genres .genre-tag{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.3125rem .8125rem;border-radius:20px;font-size:.7rem;font-weight:500}.manga-search__results .manga-card .manga-info .manga-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--search-text-secondary);transition:color .3s ease}.manga-search__results .manga-card .manga-info .manga-stats .stat-item{display:flex;align-items:center;gap:.25rem}.manga-search__results .manga-card .manga-info .manga-stats .stat-item svg{width:14px;height:14px}.manga-search__results .manga-card .manga-info .manga-status .status-badge{padding:.3125rem .8125rem;border-radius:20px;font-size:.7rem;font-weight:500}.manga-search__results .manga-card .manga-info .manga-status .status-badge.ongoing{background:var(--status-ongoing-bg);color:var(--status-ongoing-text)}.manga-search__results .manga-card .manga-info .manga-status .status-badge.completed{background:var(--status-complete-bg);color:var(--status-complete-text)}.manga-search__results .manga-card .manga-info .manga-status .status-badge.hiatus{background:var(--status-paused-bg);color:var(--status-paused-text)}.manga-search__results .manga-card .manga-info .manga-status .status-badge.cancelled{background:var(--status-dropped-bg);color:var(--status-dropped-text)}.manga-search__pagination{display:flex;align-items:center;justify-content:center;margin-top:3rem}.manga-search__pagination .pagination{display:flex;align-items:center;gap:2rem;background:var(--search-card-bg);padding:1rem 2rem;border-radius:20px;box-shadow:var(--search-shadow)}@media (max-width: 768px){.manga-search__pagination .pagination{gap:1rem;padding:.75rem 1rem}}.manga-search__pagination .pagination-btn{padding:.75rem 1.5rem;background:none;border:2px solid var(--search-border);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--search-text-primary)}.manga-search__pagination .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:transparent;transform:translateY(-2px)}.manga-search__pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.manga-search__pagination .pagination-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-search__pagination .pagination-btn:focus:not(:focus-visible){box-shadow:none}.manga-search__pagination .pagination-btn svg{width:16px;height:16px}.manga-search__pagination .pagination-info{text-align:center}.manga-search__pagination .pagination-info span{display:block;font-size:.9rem}.manga-search__pagination .pagination-info span:first-child{font-weight:600;color:var(--search-text-primary);transition:color .3s ease}.manga-search__pagination .pagination-info span.results-count{font-size:.7rem;color:var(--search-text-secondary);margin-top:.25rem;transition:color .3s ease}@media (prefers-reduced-motion: reduce){.manga-search .manga-card,.manga-search .search-input-wrapper,.manga-search .filters-toggle,.manga-search .pagination-btn{transition:none}.manga-search .manga-card:hover,.manga-search .search-input-wrapper:hover,.manga-search .filters-toggle:hover,.manga-search .pagination-btn:hover{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.not-found{min-height:100vh;background:var(--dashboard-bg);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;transition:background-color .3s ease}@media (max-width: 768px){.not-found{padding:3rem 1rem 1rem;align-items:flex-start}}@media (max-width: 480px){.not-found{padding:.75rem}}.not-found--dark{background:var(--dashboard-bg);color:var(--text-primary)}.not-found__container{max-width:800px;width:100%;position:relative;z-index:2}.not-found__bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.not-found__bg-animation .floating-manga{position:absolute;font-size:2.5rem;opacity:.1;animation:float 6s ease-in-out infinite}.not-found__bg-animation .floating-manga:nth-child(1){top:10%;left:10%;animation-delay:0s}.not-found__bg-animation .floating-manga:nth-child(2){top:20%;right:15%;animation-delay:2s}.not-found__bg-animation .floating-manga:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.not-found__bg-animation .floating-manga:nth-child(4){bottom:10%;right:10%;animation-delay:1s}@media (max-width: 768px){.not-found__bg-animation .floating-manga{font-size:2rem}}.not-found__content{background:var(--card-bg);border-radius:12px;box-shadow:var(--collection-shadow-lg);padding:3rem;text-align:center;border:1px solid var(--card-border);transition:all .3s ease;animation:slideInUp .6s ease-out}@media (max-width: 768px){.not-found__content{padding:2rem 1.5rem}}@media (max-width: 480px){.not-found__content{padding:1.5rem 1rem}}.not-found__hero{margin-bottom:3rem}@media (max-width: 768px){.not-found__hero{margin-bottom:2rem}}.not-found__error-code{font-size:8rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1;animation:pulse 2s ease-in-out infinite}@media (max-width: 1024px){.not-found__error-code{font-size:6rem}}@media (max-width: 768px){.not-found__error-code{font-size:4rem}}@media (max-width: 480px){.not-found__error-code{font-size:3rem}}.not-found__title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;transition:color .3s ease}@media (max-width: 768px){.not-found__title{font-size:2rem}}@media (max-width: 480px){.not-found__title{font-size:1.75rem}}.not-found__subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;transition:color .3s ease}@media (max-width: 768px){.not-found__subtitle{font-size:1rem;margin-bottom:1.5rem}}.not-found__attempted-path{background:#a855f71a;border:1px solid var(--card-border);border-radius:12px;padding:1rem;margin-bottom:2rem;font-size:.9rem}.not-found__attempted-path strong{color:var(--text-primary);font-weight:600;transition:color .3s ease}.not-found__attempted-path code{background:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-left:.5rem;word-break:break-all;font-size:.8rem}@media (max-width: 480px){.not-found__attempted-path code{display:block;margin-left:0;margin-top:.5rem}}.not-found__suggestions{margin-bottom:3rem;text-align:left}@media (max-width: 768px){.not-found__suggestions{margin-bottom:2rem}}.not-found__suggestions h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}@media (max-width: 768px){.not-found__suggestions h3{font-size:1.25rem}}.not-found .suggestions-grid{display:grid;gap:1rem}@media (min-width: 768px){.not-found .suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.not-found .suggestion-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;text-decoration:none;transition:all .3s ease;animation:slideInUp .6s ease-out;animation-fill-mode:both}.not-found .suggestion-card:nth-child(1){animation-delay:.1s}.not-found .suggestion-card:nth-child(2){animation-delay:.2s}.not-found .suggestion-card:nth-child(3){animation-delay:.3s}.not-found .suggestion-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;background:var(--item-hover-bg)}.not-found .suggestion-card:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.not-found .suggestion-card:focus:not(:focus-visible){box-shadow:none}@media (max-width: 320px){.not-found .suggestion-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}}.not-found .suggestion-card__icon{font-size:2rem;flex-shrink:0}.not-found .suggestion-card__content{text-align:left}@media (max-width: 320px){.not-found .suggestion-card__content{text-align:center}}.not-found .suggestion-card__content h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600;transition:color .3s ease}.not-found .suggestion-card__content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4;transition:color .3s ease}.not-found__quick-nav{margin-bottom:3rem}@media (max-width: 768px){.not-found__quick-nav{margin-bottom:2rem}}.not-found__quick-nav h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;transition:color .3s ease}@media (max-width: 768px){.not-found__quick-nav h3{font-size:1.25rem}}.not-found .quick-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}@media (max-width: 768px){.not-found .quick-nav-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.not-found .quick-nav-grid{grid-template-columns:1fr}}@media (max-width: 320px){.not-found .quick-nav-grid{gap:.5rem}}.not-found .quick-nav-btn{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--card-bg);color:var(--text-primary);border:2px solid var(--card-border);border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out;animation-fill-mode:both}.not-found .quick-nav-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);background:var(--item-hover-bg)}.not-found .quick-nav-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.not-found .quick-nav-btn:focus:not(:focus-visible){box-shadow:none}.not-found .quick-nav-btn--primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:transparent}.not-found .quick-nav-btn--primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 4px 12px #a855f74d;background:linear-gradient(135deg,#a855f7,#ec4899);opacity:.9}.not-found .quick-nav-btn--secondary{background:var(--text-secondary);color:#fff;border-color:transparent}.not-found .quick-nav-btn--secondary:hover{background:var(--text-primary);color:#fff}.not-found__auto-redirect{margin-bottom:2rem}.not-found .auto-redirect-card{background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid var(--accent-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 768px){.not-found .auto-redirect-card{flex-direction:column;text-align:center;gap:1rem}}.not-found .auto-redirect-card p{margin:0;color:var(--text-primary);font-size:.9rem;transition:color .3s ease}.not-found .auto-redirect-card p strong{color:var(--accent-color);font-weight:700}.not-found .auto-redirect-card .btn-stop-redirect{padding:.5rem 1rem;background:var(--error-color);color:#fff;border:none;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease}.not-found .auto-redirect-card .btn-stop-redirect:hover{opacity:.9;transform:translateY(-1px)}.not-found .auto-redirect-card .btn-stop-redirect:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.not-found .auto-redirect-card .btn-stop-redirect:focus:not(:focus-visible){box-shadow:none}.not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}@media (max-width: 768px){.not-found__actions{flex-direction:column;align-items:stretch}}.not-found .btn-report,.not-found .btn-contact{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-primary);font-size:.9rem}.not-found .btn-report:hover,.not-found .btn-contact:hover{border-color:#f59e0b;color:#f59e0b;transform:translateY(-1px);background:var(--item-hover-bg)}.not-found .btn-report:disabled,.not-found .btn-contact:disabled{opacity:.6;cursor:not-allowed;transform:none}.not-found .btn-report:focus,.not-found .btn-contact:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.not-found .btn-report:focus:not(:focus-visible),.not-found .btn-contact:focus:not(:focus-visible){box-shadow:none}.not-found .btn-contact:hover{border-color:#3b82f6;color:#3b82f6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-manga,.not-found__error-code{animation:none}.suggestion-card:hover,.quick-nav-btn:hover{transform:none}}@media (prefers-contrast: high){.not-found .suggestion-card,.not-found .quick-nav-btn{border-width:3px}}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 320px){.not-found{padding:.5rem}.not-found__content{padding:1rem}.not-found__error-code{font-size:2.5rem}.not-found__title{font-size:1.5rem}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}*{margin:0;padding:0;box-sizing:border-box}.legal-notice{font-size:.85rem;background-color:var(--collection-bg);color:var(--collection-text-primary);min-height:100vh;padding:.75rem}@media (max-width: 768px){.legal-notice{padding:1rem}}@media (max-width: 1024px){.legal-notice{padding:1.5rem}}.legal-notice__header{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:20px;color:#fff;box-shadow:0 4px 12px #a855f74d}@media (max-width: 768px){.legal-notice__header{padding:3rem 2rem}}.legal-notice__title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;margin-bottom:.75rem;letter-spacing:-.5px}.legal-notice__subtitle{font-size:1rem;opacity:.95;font-weight:400}.legal-notice__nav{background:var(--collection-card-bg);border:1px solid var(--collection-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;box-shadow:var(--collection-shadow);transition:all .3s ease}.legal-notice__nav:hover{box-shadow:var(--collection-shadow-lg)}.legal-notice__nav-title{font-size:1.25rem;font-weight:700;color:var(--collection-purple);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--collection-purple)}.legal-notice__nav-list{list-style:none;display:grid;gap:.5rem;grid-template-columns:1fr}@media (max-width: 768px){.legal-notice__nav-list{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 1024px){.legal-notice__nav-list{grid-template-columns:repeat(3,1fr)}}.legal-notice__nav-link{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;background:var(--collection-hover-bg);border:1px solid var(--collection-border);border-radius:8px;color:var(--collection-purple);text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;text-align:left;font-size:.9rem}.legal-notice__nav-link:hover{background:var(--collection-purple);color:#fff;border-color:var(--collection-purple);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.legal-notice__nav-link:focus:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.legal-notice__nav-link:focus:focus:not(:focus-visible){box-shadow:none}.legal-notice__nav-link:active{transform:translateY(0)}.legal-notice__content{max-width:1400px;margin:0 auto;background:var(--collection-card-bg);border-radius:20px;padding:1rem;box-shadow:var(--collection-shadow-lg)}@media (max-width: 768px){.legal-notice__content{padding:2rem}}@media (max-width: 1024px){.legal-notice__content{padding:3rem}}.legal-notice__section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--collection-border);animation:fadeInUp .6s ease-out}.legal-notice__section:last-child{border-bottom:none;margin-bottom:0}.legal-notice__section-title{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;color:var(--collection-text-primary);margin-bottom:1.5rem;position:relative;padding-left:1rem}.legal-notice__section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--collection-purple);border-radius:6px}.legal-notice__subsection-title{font-size:1.1rem;font-weight:600;color:var(--collection-text-primary);margin-top:2rem;margin-bottom:1rem}.legal-notice__text{margin-bottom:1rem;color:var(--collection-text-secondary);line-height:1.7;font-size:.9rem}.legal-notice__text strong{color:var(--collection-text-primary);font-weight:600}.legal-notice__text--highlight{padding:1rem;background:var(--collection-hover-bg);border-left:4px solid var(--collection-purple);border-radius:8px;font-weight:500}.legal-notice__link{color:var(--collection-purple);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease;word-break:break-word}.legal-notice__link:hover{color:var(--collection-purple-dark);border-bottom-color:var(--collection-purple)}.legal-notice__link:focus{border-radius:6px}.legal-notice__link:focus:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.legal-notice__link:focus:focus:not(:focus-visible){box-shadow:none}.legal-notice__link:active{color:var(--collection-purple-dark)}.legal-notice__list{margin-left:1.5rem;margin-bottom:1rem;list-style-position:outside}.legal-notice__list li{margin-bottom:.75rem;padding-left:.5rem;line-height:1.7;color:var(--collection-text-secondary)}.legal-notice__list li::marker{color:var(--collection-purple)}.legal-notice__list li strong{color:var(--collection-text-primary)}.legal-notice__info-list{list-style:none;margin-left:0;margin-bottom:1rem}.legal-notice__info-list li{padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px dashed var(--collection-border-light);color:var(--collection-text-secondary)}.legal-notice__info-list li:last-child{border-bottom:none}.legal-notice__info-list li strong{display:inline-block;min-width:120px;color:var(--collection-text-primary);font-weight:600}.legal-notice__card{background:var(--collection-hover-bg);border:1px solid var(--collection-border);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:var(--collection-shadow);transition:all .3s ease}.legal-notice__card:hover{box-shadow:var(--collection-shadow-lg)}.legal-notice__notice{display:flex;align-items:flex-start;gap:.75rem;padding:1.5rem;border-radius:12px;margin:1rem 0;border-left:4px solid;animation:slideInLeft .4s ease-out}@media (prefers-reduced-motion: reduce){.legal-notice__notice{animation:none}}.legal-notice__notice p{margin:0;flex:1;font-size:.9rem}.legal-notice__notice--info{background:#3b82f61a;border-left-color:var(--collection-blue);color:var(--collection-blue)}.legal-notice__notice--warning{background:#f59e0b1a;border-left-color:var(--collection-orange);color:var(--collection-orange)}.legal-notice__notice--error{background:#ef44441a;border-left-color:var(--collection-red);color:var(--collection-red)}.legal-notice__notice-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.legal-notice__footer{max-width:1400px;margin:3rem auto 0;padding:2rem;text-align:center;background:var(--collection-card-bg);border-radius:20px;box-shadow:var(--collection-shadow);border:1px solid var(--collection-border)}.legal-notice__footer-text{margin-bottom:.75rem;color:var(--collection-text-tertiary);font-size:.8rem}.legal-notice__footer-text:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){.legal-notice__section,.legal-notice__notice{animation:none!important}*{transition-duration:.01ms!important}}@media print{.legal-notice{background:#fff;padding:0}.legal-notice__header{background:none;color:#000;box-shadow:none}.legal-notice__nav{display:none}.legal-notice__content,.legal-notice__card,.legal-notice__footer{box-shadow:none;border:1px solid #ddd}.legal-notice__link{color:#000;text-decoration:underline}.legal-notice__section{page-break-inside:avoid}}@media (max-width: 480px){.legal-notice__header{padding:1.5rem 1rem}.legal-notice__title{font-size:1.25rem}.legal-notice__subtitle{font-size:.85rem}.legal-notice__content{padding:1rem}.legal-notice__section-title{font-size:1.1rem;padding-left:.75rem}.legal-notice__subsection-title{font-size:1rem}.legal-notice__nav-list{grid-template-columns:1fr}.legal-notice__info-list li strong{display:block;margin-bottom:.25rem}.legal-notice__notice{padding:1rem}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}::selection{background:#a855f74d;color:var(--collection-text-primary)}::-moz-selection{background:#a855f74d;color:var(--collection-text-primary)}.legal-notice a:focus-visible,.legal-notice button:focus-visible{outline:2px solid var(--collection-purple);outline-offset:2px;border-radius:6px}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading{min-height:100vh;width:100%;background:var(--reading-bg);display:flex;transition:background-color .3s ease;margin:0;padding:0;overflow-x:hidden}.reading--loading,.reading--error{display:block}.reading__container{flex:1;display:flex;flex-direction:column;min-width:0;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width: 768px){.reading__container{width:100%;margin:0;padding:1rem}}@media (max-width: 480px){.reading__container{padding:.75rem}}.reading__content{flex:1;width:100%;margin:0 auto}@media (min-width: 1025px){.reading__content{max-width:1400px;padding:0}}@media (max-width: 768px){.reading__content{padding:0;max-width:100%;overflow-x:hidden}}.reading__header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem;background:var(--reading-card-bg);border-radius:12px;margin-bottom:2rem;box-shadow:var(--reading-shadow);transition:all .3s ease}@media (max-width: 768px){.reading__header{flex-direction:column;gap:1.5rem;padding:1.5rem}}@media (max-width: 480px){.reading__header{padding:1rem}}.reading__header-content{flex:1;min-width:0}.reading__title{font-size:2rem;font-weight:700;color:var(--reading-text-primary);margin:0 0 .5rem;line-height:1.2;transition:color .3s ease}@media (max-width: 768px){.reading__title{font-size:1.75rem}}@media (max-width: 480px){.reading__title{font-size:1.5rem}}.reading__subtitle{font-size:1rem;color:var(--reading-text-secondary);margin:0;line-height:1.5;transition:color .3s ease}@media (max-width: 480px){.reading__subtitle{font-size:.8rem}}.reading__header-error{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:var(--priority-high-bg);border-left:4px solid var(--reading-error);border-radius:6px;animation:slideDown .3s ease}@media (max-width: 480px){.reading__header-error{flex-wrap:wrap;gap:.5rem}}.reading__error-icon{font-size:1.25rem;flex-shrink:0;color:var(--reading-error)}.reading__error-text{flex:1;font-size:.8rem;color:var(--priority-high-text);min-width:0;word-break:break-word}.reading__error-retry{padding:.375rem .75rem;font-size:.8rem;font-weight:500;color:var(--reading-error);background:transparent;border:1px solid var(--reading-error);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.reading__error-retry:hover:not(:disabled){background:var(--reading-error);color:#fff;transform:translateY(-1px)}.reading__error-retry:active:not(:disabled){transform:translateY(0)}.reading__error-retry:disabled{opacity:.6;cursor:not-allowed}.reading__error-retry:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading__error-retry:focus:not(:focus-visible){box-shadow:none}.reading__header-actions{display:flex;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.reading__header-actions{width:100%}.reading__header-actions .btn{flex:1;justify-content:center}}@media (max-width: 480px){.reading__header-actions{flex-direction:column;gap:.5rem}.reading__header-actions .btn{width:100%}}.reading__loading-screen,.reading__error-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh;color:var(--reading-text-secondary);padding:2rem;text-align:center}@media (max-width: 768px){.reading__loading-screen,.reading__error-screen{min-height:50vh;padding:1rem}}.reading__loading-screen h2,.reading__error-screen h2{color:var(--reading-text-primary);margin:1rem 0;font-size:1.5rem;font-weight:600;transition:color .3s ease}@media (max-width: 768px){.reading__loading-screen h2,.reading__error-screen h2{font-size:1.25rem}}.reading__loading-screen p,.reading__error-screen p{color:var(--reading-text-secondary);margin:1rem 0 2rem;font-size:1.1rem;max-width:400px;transition:color .3s ease}@media (max-width: 480px){.reading__loading-screen p,.reading__error-screen p{font-size:1rem}}.reading__error-screen h2{color:var(--reading-error)}.reading__error-screen .reading__error-icon{font-size:4rem;margin-bottom:1rem;color:var(--reading-error)}@media (max-width: 480px){.reading__error-screen .reading__error-icon{font-size:2.5rem}}.reading__retry-btn{background:var(--reading-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.reading__retry-btn:hover:not(:disabled){background:var(--reading-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.reading__retry-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading__retry-btn:focus:not(:focus-visible){box-shadow:none}.reading__retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.reading__retry-btn{padding:.75rem 1.5rem;font-size:.9rem}}.reading__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:40vh;padding:3rem 2rem;text-align:center;background:var(--reading-card-bg);border-radius:12px;margin-top:2rem;transition:background-color .3s ease}.reading__empty h3{font-size:1.5rem;font-weight:700;color:var(--reading-text-primary);margin:0 0 .5rem;transition:color .3s ease}.reading__empty p{font-size:1rem;color:var(--reading-text-secondary);margin:0 0 1.5rem;max-width:400px;transition:color .3s ease}.reading-stats,.quick-actions,.reading-controls,.reading-grid,.reading-goals{margin-bottom:2rem}@media (max-width: 768px){.reading-stats,.quick-actions,.reading-controls,.reading-grid,.reading-goals{margin-bottom:1rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reading__content{animation:fadeInUp .6s ease-out}@media (max-width: 768px){.reading,.reading *,.reading *:before,.reading *:after{max-width:100%;overflow-x:hidden;box-sizing:border-box}img,svg{max-width:100%;height:auto}}.reading *:focus-visible{outline:2px solid var(--reading-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}@keyframes slideDown{0%,to{opacity:1;transform:translateY(0)}}}@media (prefers-contrast: high){.reading__header{border:2px solid var(--reading-border)}.reading__header-error{border-width:2px}.reading{border:2px solid var(--reading-text-primary)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.quick-actions{background:var(--reading-card-bg);border-radius:12px;box-shadow:var(--reading-shadow);padding:2rem;margin-bottom:2rem;transition:all .3s ease}@media (max-width: 768px){.quick-actions{padding:1.5rem}}.quick-actions__header{margin-bottom:1.5rem}.quick-actions__title{font-size:1.25rem;font-weight:600;color:var(--reading-text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}@media (max-width: 768px){.quick-actions__title{font-size:1.1rem}}.quick-actions__subtitle{color:var(--reading-text-secondary);font-size:.9rem;transition:color .3s ease}.quick-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.quick-actions__grid{grid-template-columns:1fr;gap:.75rem}}.quick-actions__button{background:var(--reading-accent);color:#fff;border:none;border-radius:12px;padding:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;text-align:left;font-family:inherit;min-height:56px}@media (hover: hover){.quick-actions__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--reading-shadow-lg),0 4px 12px #a855f74d}}.quick-actions__button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.quick-actions__button:focus:not(:focus-visible){box-shadow:none}@media (hover: none) and (pointer: coarse){.quick-actions__button:hover{transform:none}.quick-actions__button:active:not(:disabled){transform:scale(.98);opacity:.9}}.quick-actions__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-actions__button--secondary{background:var(--reading-hover-bg);color:var(--reading-text-primary)}@media (hover: hover){.quick-actions__button--secondary:hover:not(:disabled){background:var(--reading-border);box-shadow:var(--reading-shadow)}}@media (max-width: 768px){.quick-actions__button{padding:.75rem 1rem;font-size:.8rem}}.quick-actions__icon{font-size:1.25rem;flex-shrink:0}.quick-actions__label{flex:1}.quick-actions__volume-section{grid-column:1/-1;background:var(--reading-quick-action-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--reading-quick-action-border);transition:all .3s ease}@media (max-width: 768px){.quick-actions__volume-section{padding:1rem}}.quick-actions__empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:2rem;background:var(--reading-quick-action-bg);border-radius:12px;border:2px dashed var(--reading-border);transition:all .3s ease}.quick-actions__empty .empty-icon{font-size:2.5rem;opacity:.5;color:var(--reading-text-tertiary)}.quick-actions__empty .empty-text{font-size:.9rem;color:var(--reading-text-secondary);font-weight:500;transition:color .3s ease}.manga-selector{position:relative;margin-bottom:1rem}.manga-selector:before{content:"";position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9}@media (max-width: 1024px){.manga-selector:before{display:block}}@media (prefers-color-scheme: dark){.manga-selector:before{background:#000000bf}}.manga-selector:has(.manga-selector__dropdown):before{opacity:1;pointer-events:auto}.manga-selector__trigger{width:100%;padding:.875rem 1rem;background:var(--reading-card-bg);border:2px solid var(--reading-border);border-radius:8px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;font-family:inherit}@media (max-width: 768px){.manga-selector__trigger{padding:1rem;min-height:56px}}@media (max-width: 480px){.manga-selector__trigger{padding:.75rem;min-height:48px}}@media (hover: hover){.manga-selector__trigger:hover{border-color:var(--reading-accent);box-shadow:0 4px 12px #a855f726}}.manga-selector__trigger:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.manga-selector__trigger:focus:not(:focus-visible){box-shadow:none}@media (hover: none) and (pointer: coarse){.manga-selector__trigger:hover{transform:none}.manga-selector__trigger:active:not(:disabled){transform:scale(.98);opacity:.9}}.manga-selector__trigger[aria-expanded=true]{border-color:var(--reading-accent);background:var(--reading-hover-bg)}.manga-selector__icon{font-size:1.25rem;flex-shrink:0}.manga-selector__title{flex:1;text-align:left;font-weight:600;font-size:.9rem;color:var(--reading-text-primary);transition:color .3s ease}@media (max-width: 480px){.manga-selector__title{font-size:.8rem}}.manga-selector__arrow{font-size:.7rem;color:var(--reading-text-secondary);transition:transform .2s ease,color .3s ease}.manga-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--reading-dropdown-bg);border:1px solid var(--reading-dropdown-border);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;z-index:10;overflow:hidden;max-height:400px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media (max-width: 768px){.manga-selector__dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:70vh;border-radius:20px;animation:slideUpMobile .3s ease-out}}@media (max-width: 480px){.manga-selector__dropdown{width:95vw;max-height:75vh}}@media (prefers-color-scheme: dark){.manga-selector__dropdown{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}}.manga-selector__header{padding:.875rem 1rem;background:var(--reading-quick-action-bg);border-bottom:1px solid var(--reading-dropdown-border);font-weight:600;font-size:.8rem;color:var(--reading-text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;flex-shrink:0}@media (max-width: 768px){.manga-selector__header{padding:1rem;font-size:.9rem}}.manga-selector__list{overflow-y:auto;max-height:320px;flex:1;-webkit-overflow-scrolling:touch}.manga-selector__list::-webkit-scrollbar{width:8px}@media (max-width: 768px){.manga-selector__list::-webkit-scrollbar{width:6px}}.manga-selector__list::-webkit-scrollbar-track{background:var(--reading-quick-action-bg)}.manga-selector__list::-webkit-scrollbar-thumb{background:var(--reading-border);border-radius:6px}.manga-selector__list::-webkit-scrollbar-thumb:hover{background:var(--reading-text-tertiary)}@media (max-width: 768px){.manga-selector__list{max-height:calc(70vh - 60px)}}.manga-selector__item{width:100%;padding:.875rem 1rem;border:none;background:transparent;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:background .2s ease;font-family:inherit}@media (max-width: 768px){.manga-selector__item{padding:1rem;min-height:72px}}@media (max-width: 480px){.manga-selector__item{padding:.75rem;min-height:64px}}@media (hover: hover){.manga-selector__item:hover{background:var(--reading-dropdown-hover)}}.manga-selector__item:active{background:var(--reading-dropdown-hover)}.manga-selector__item--active{background:#a855f71a;border-left:4px solid var(--reading-accent)}.manga-selector__item:not(:last-child){border-bottom:1px solid var(--reading-border-subtle)}.manga-selector__item:focus-visible{outline:2px solid var(--reading-accent);outline-offset:-2px;background:var(--reading-dropdown-hover)}.manga-selector__cover{width:40px;height:56px;object-fit:cover;border-radius:6px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.manga-selector__cover{width:48px;height:64px}}@media (max-width: 480px){.manga-selector__cover{width:36px;height:50px}}.manga-selector__cover-placeholder{width:40px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--reading-quick-action-bg);border-radius:6px;font-size:1.5rem;flex-shrink:0}@media (max-width: 768px){.manga-selector__cover-placeholder{width:48px;height:64px}}@media (max-width: 480px){.manga-selector__cover-placeholder{width:36px;height:50px;font-size:1.1rem}}.manga-selector__info{flex:1;display:flex;flex-direction:column;gap:.25rem;text-align:left;min-width:0}.manga-selector__name{font-weight:600;font-size:.9rem;color:var(--reading-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}@media (max-width: 480px){.manga-selector__name{font-size:.8rem}}.manga-selector__progress{font-size:.7rem;color:var(--reading-text-secondary);transition:color .3s ease}@media (max-width: 480px){.manga-selector__progress{font-size:.6875rem}}.manga-selector__check{color:var(--reading-success);font-weight:600;font-size:1.25rem}.quick-volume-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width: 768px){.quick-volume-actions{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.quick-volume-actions{gap:.5rem}}.quick-action{position:relative;flex:1;min-width:200px}@media (max-width: 768px){.quick-action{min-width:100%}}.quick-action:before{content:"";position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9}@media (max-width: 1024px){.quick-action:before{display:block}}@media (prefers-color-scheme: dark){.quick-action:before{background:#000000bf}}.quick-action:has(.volume-dropdown):before,.quick-action:has(.confirm-popup):before{opacity:1;pointer-events:auto}.quick-action-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}@media (max-width: 768px){.quick-action-btn{padding:1rem;min-height:56px;font-size:1rem}}@media (max-width: 480px){.quick-action-btn{padding:.625rem .75rem;min-height:48px;font-size:.8rem}}.quick-action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.quick-action-btn:focus:not(:focus-visible){box-shadow:none}@media (hover: none) and (pointer: coarse){.quick-action-btn:hover{transform:none}.quick-action-btn:active:not(:disabled){transform:scale(.98);opacity:.9}}.quick-action-btn .icon{font-size:1.25rem;flex-shrink:0}@media (max-width: 768px){.quick-action-btn .icon{font-size:1.25rem}}@media (max-width: 480px){.quick-action-btn .icon{font-size:1.1rem}}.quick-action-btn .text{font-weight:600}@media (max-width: 480px){.quick-action-btn .text{font-size:.8rem}}.quick-action-btn .arrow{margin-left:auto;font-size:.7rem;transition:transform .2s ease}.quick-action-btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.quick-action-btn .spinner{width:18px;height:18px;border-width:4px}}@media (max-width: 480px){.quick-action-btn .spinner{width:16px;height:16px}}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed}@media (hover: hover){.quick-action-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}}.quick-action-btn[aria-expanded=true] .arrow{transform:rotate(180deg)}.quick-action-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #a855f74d}@media (hover: hover){.quick-action-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #a855f780}}.quick-action-btn--success{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;box-shadow:0 4px 12px #10b9814d}@media (hover: hover){.quick-action-btn--success:hover:not(:disabled){box-shadow:0 6px 16px #10b98180}}.volume-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--reading-dropdown-bg);border:1px solid var(--reading-dropdown-border);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;z-index:100;overflow:hidden;max-height:400px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media (max-width: 768px){.volume-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:70vh;border-radius:20px;animation:slideUpMobile .3s ease-out}}@media (max-width: 480px){.volume-dropdown{width:95vw;max-height:75vh}}@media (prefers-color-scheme: dark){.volume-dropdown{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}}.volume-dropdown__header{padding:.875rem 1rem;background:var(--reading-quick-action-bg);border-bottom:1px solid var(--reading-dropdown-border);font-weight:600;font-size:.9rem;color:var(--reading-text-secondary);transition:all .3s ease;flex-shrink:0}@media (max-width: 768px){.volume-dropdown__header{padding:1rem;font-size:1rem}}@media (max-width: 480px){.volume-dropdown__header{padding:.75rem;font-size:.9rem}}.volume-dropdown__list{overflow-y:auto;max-height:320px;flex:1;-webkit-overflow-scrolling:touch}.volume-dropdown__list::-webkit-scrollbar{width:8px}@media (max-width: 768px){.volume-dropdown__list::-webkit-scrollbar{width:6px}}.volume-dropdown__list::-webkit-scrollbar-track{background:var(--reading-quick-action-bg)}.volume-dropdown__list::-webkit-scrollbar-thumb{background:var(--reading-border);border-radius:6px}.volume-dropdown__list::-webkit-scrollbar-thumb:hover{background:var(--reading-text-tertiary)}@media (max-width: 768px){.volume-dropdown__list{max-height:none}}.volume-dropdown__item{width:100%;padding:.875rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.75rem;font-family:inherit;color:var(--reading-text-primary);font-size:.9rem}@media (max-width: 768px){.volume-dropdown__item{padding:1rem;min-height:64px;gap:.75rem}}@media (max-width: 480px){.volume-dropdown__item{padding:.75rem;min-height:56px}}.volume-dropdown__item .volume-icon{font-size:1.25rem;flex-shrink:0}@media (max-width: 768px){.volume-dropdown__item .volume-icon{font-size:1.5rem}}@media (max-width: 480px){.volume-dropdown__item .volume-icon{font-size:1.25rem}}.volume-dropdown__item .volume-label{flex:1;font-weight:500}@media (max-width: 768px){.volume-dropdown__item .volume-label{font-size:1rem}}@media (max-width: 480px){.volume-dropdown__item .volume-label{font-size:.9rem}}.volume-dropdown__item .volume-action{color:var(--reading-success);font-weight:600;font-size:1.25rem;opacity:0;transition:opacity .2s ease}@media (max-width: 768px){.volume-dropdown__item .volume-action{font-size:1.25rem}}@media (max-width: 480px){.volume-dropdown__item .volume-action{font-size:1.1rem}}@media (hover: none) and (pointer: coarse){.volume-dropdown__item .volume-action{opacity:1}}@media (hover: hover){.volume-dropdown__item:hover{background:var(--reading-dropdown-hover)}.volume-dropdown__item:hover .volume-action{opacity:1}}.volume-dropdown__item:active{background:var(--reading-dropdown-hover)}.volume-dropdown__item:active .volume-action{opacity:1}.volume-dropdown__item:not(:last-child){border-bottom:1px solid var(--reading-border-subtle)}.volume-dropdown__item:focus-visible{outline:2px solid var(--reading-accent);outline-offset:-2px;background:var(--reading-dropdown-hover)}.volume-dropdown__item:focus-visible .volume-action{opacity:1}.volume-dropdown__more{padding:.875rem 1rem;text-align:center;font-size:.8rem;color:var(--reading-text-secondary);background:var(--reading-quick-action-bg);border-top:1px solid var(--reading-dropdown-border);transition:all .3s ease;font-weight:500;flex-shrink:0}@media (max-width: 768px){.volume-dropdown__more{padding:1rem;font-size:.9rem}}@media (max-width: 480px){.volume-dropdown__more{padding:.75rem;font-size:.8rem}}.confirm-popup{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--reading-popup-bg);border:1px solid var(--reading-dropdown-border);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;z-index:100;overflow:hidden;animation:slideUp .3s ease-out}@media (max-width: 768px){.confirm-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:450px;border-radius:20px;animation:slideUpMobile .3s ease-out}}@media (max-width: 480px){.confirm-popup{width:95vw}}@media (prefers-color-scheme: dark){.confirm-popup{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}}.confirm-popup__content{padding:1.5rem}@media (max-width: 768px){.confirm-popup__content{padding:2rem}}@media (max-width: 480px){.confirm-popup__content{padding:1.5rem}}.confirm-popup__title{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--reading-text-primary);transition:color .3s ease}@media (max-width: 768px){.confirm-popup__title{font-size:1.25rem;margin-bottom:.75rem}}@media (max-width: 480px){.confirm-popup__title{font-size:1.1rem}}.confirm-popup__text{font-size:.9rem;color:var(--reading-text-secondary);margin-bottom:1rem;transition:color .3s ease;line-height:1.6}@media (max-width: 768px){.confirm-popup__text{font-size:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.confirm-popup__text{font-size:.9rem}}.confirm-popup__text strong{color:var(--reading-text-primary);font-weight:600}.confirm-popup__actions{display:flex;gap:.75rem}@media (max-width: 768px){.confirm-popup__actions{gap:.75rem}}@media (max-width: 480px){.confirm-popup__actions{flex-direction:column;gap:.5rem}}.confirm-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.confirm-btn{padding:.75rem 1.5rem;font-size:1rem;min-height:52px}}@media (max-width: 480px){.confirm-btn{padding:.75rem;font-size:.9rem;min-height:48px}}.confirm-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.confirm-btn:focus:not(:focus-visible){box-shadow:none}@media (hover: none) and (pointer: coarse){.confirm-btn:hover{transform:none}.confirm-btn:active:not(:disabled){transform:scale(.98);opacity:.9}}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.confirm-btn .spinner{width:16px;height:16px}}.confirm-btn--cancel{background:var(--reading-quick-action-bg);color:var(--reading-text-primary);border:1px solid var(--reading-border)}@media (hover: hover){.confirm-btn--cancel:hover:not(:disabled){background:var(--reading-hover-bg);border-color:var(--reading-text-tertiary)}}.confirm-btn--cancel:active:not(:disabled){background:var(--reading-border)}.confirm-btn--confirm{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;box-shadow:0 2px 8px #10b9814d}@media (hover: hover){.confirm-btn--confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}}.confirm-btn--confirm:active:not(:disabled){transform:translateY(0)}.empty-action-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 6px -1px #0000001a}.empty-action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.empty-action-btn:focus:not(:focus-visible){box-shadow:none}@media (hover: none) and (pointer: coarse){.empty-action-btn:hover{transform:none}.empty-action-btn:active:not(:disabled){transform:scale(.98);opacity:.9}}@media (hover: hover){.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a855f766}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion: reduce){.manga-selector__dropdown,.volume-dropdown,.confirm-popup{animation:none}.quick-actions__button,.manga-selector__trigger,.manga-selector__item,.quick-action-btn,.volume-dropdown__item,.confirm-btn,.empty-action-btn{transition:none}.quick-actions__button:hover,.quick-actions__button:active,.manga-selector__trigger:hover,.manga-selector__trigger:active,.manga-selector__item:hover,.manga-selector__item:active,.quick-action-btn:hover,.quick-action-btn:active,.volume-dropdown__item:hover,.volume-dropdown__item:active,.confirm-btn:hover,.confirm-btn:active,.empty-action-btn:hover,.empty-action-btn:active{transform:none}.spinner{animation:none;border-top-color:transparent}}@media (prefers-contrast: high){.manga-selector__dropdown,.volume-dropdown,.confirm-popup{border-width:2px}.manga-selector__item:focus-visible,.volume-dropdown__item:focus-visible{outline-width:4px}.quick-action-btn--primary,.quick-action-btn--success{border:2px solid currentColor}}@media (max-width: 768px) and (orientation: landscape){.manga-selector__dropdown,.volume-dropdown,.confirm-popup{max-height:85vh}.manga-selector__list,.volume-dropdown__list{max-height:calc(85vh - 80px)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading-actions{margin:1rem 0 0;width:100%}.reading-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;position:relative}.reading-btn .icon{font-size:1.25rem}.reading-btn .text{font-weight:600}.reading-btn .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.reading-btn:disabled{cursor:not-allowed}.reading-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.reading-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading-btn:focus:not(:focus-visible){box-shadow:none}.reading-btn--add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #a855f766}.reading-btn--add:hover:not(:disabled){box-shadow:0 6px 20px #a855f799}.reading-btn--mark-read{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;box-shadow:0 4px 12px #10b98166}.reading-btn--mark-read:hover:not(:disabled){box-shadow:0 6px 20px #10b98199}.reading-btn--in-reading{background:linear-gradient(135deg,#3b82f6,#0b63f3);color:#fff;opacity:.7;cursor:default;box-shadow:0 2px 8px #3b82f64d}.reading-btn--in-reading:hover{transform:none;box-shadow:0 2px 8px #3b82f64d}.reading-btn--completed{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;opacity:.7;cursor:default;box-shadow:0 2px 8px #10b9814d}.reading-btn--completed:hover{transform:none;box-shadow:0 2px 8px #10b9814d}@media (max-width: 768px){.reading-btn{padding:1rem 1.5rem;font-size:.9rem}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading-controls{background:var(--reading-card-bg);border-radius:12px;box-shadow:var(--reading-shadow);padding:1.5rem 2rem;margin-bottom:2rem;transition:all .3s ease}@media (max-width: 768px){.reading-controls{padding:1rem}}.reading-controls__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.reading-controls__top{flex-direction:column;align-items:stretch}}.reading-controls__search{flex:1;min-width:300px}@media (max-width: 768px){.reading-controls__search{min-width:auto}}.reading-controls__actions{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.reading-controls__actions{justify-content:space-between}}.reading-controls__filters{margin-bottom:1rem}.reading-controls__results{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--reading-text-secondary);transition:color .3s ease}.reading-controls__search-info,.reading-controls__filter-info{background:var(--reading-hover-bg);padding:.25rem .75rem;border-radius:20px;transition:background-color .3s ease}.reading-controls__reset{background:var(--reading-warning);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.7rem;cursor:pointer;transition:all .2s ease;font-weight:500}.reading-controls__reset:hover{opacity:.9;transform:translateY(-1px)}.reading-controls__reset:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading-controls__reset:focus:not(:focus-visible){box-shadow:none}.search-bar{position:relative;width:100%}.search-bar__input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--reading-border);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--reading-card-bg);color:var(--reading-text-primary)}.search-bar__input:focus{outline:none;border-color:var(--reading-accent);box-shadow:0 0 0 3px #a855f71a}.search-bar__input::placeholder{color:var(--reading-text-tertiary)}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--reading-text-tertiary);pointer-events:none}.search-bar__clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--reading-text-tertiary);cursor:pointer;font-size:1rem;padding:.25rem;transition:color .2s ease}.search-bar__clear:hover{color:var(--reading-text-primary)}.search-bar__clear:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.search-bar__clear:focus:not(:focus-visible){box-shadow:none}.view-controls__btn{padding:.5rem;border:2px solid var(--reading-border);background:var(--reading-card-bg);color:var(--reading-text-tertiary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;justify-content:center}.view-controls__btn--active{background:var(--reading-accent);border-color:var(--reading-accent);color:#fff}.view-controls__btn:hover:not(.view-controls__btn--active){border-color:var(--reading-accent);color:var(--reading-accent)}.view-controls__btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.view-controls__btn:focus:not(:focus-visible){box-shadow:none}.sort-controls__select{padding:.75rem;border-radius:8px;border:2px solid var(--reading-border);background:var(--reading-card-bg);color:var(--reading-text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem}.sort-controls__select:focus{outline:none;border-color:var(--reading-accent);box-shadow:0 0 0 3px #a855f71a}.sort-controls__select option{background:var(--reading-card-bg);color:var(--reading-text-primary)}.filter-tabs{display:flex;gap:1rem;flex-wrap:wrap}.filter-tabs__btn{padding:.5rem 1rem;border:2px solid var(--reading-border);background:var(--reading-card-bg);color:var(--reading-text-tertiary);border-radius:20px;font-size:.7rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.filter-tabs__btn--active{background:var(--reading-accent);border-color:var(--reading-accent);color:#fff}.filter-tabs__btn:hover:not(.filter-tabs__btn--active){border-color:var(--reading-accent);color:var(--reading-accent)}.filter-tabs__btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.filter-tabs__btn:focus:not(:focus-visible){box-shadow:none}.filter-tabs__icon{font-size:1rem}.filter-tabs__label{font-weight:500}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading-grid{background:var(--reading-card-bg);border-radius:12px;box-shadow:var(--reading-shadow);overflow:hidden;margin-bottom:2rem;transition:all .3s ease}.reading-grid__header{padding:1.5rem 2rem;border-bottom:1px solid var(--reading-border);background:linear-gradient(135deg,#a855f70d,#ec48990d)}@media (max-width: 768px){.reading-grid__header{padding:1rem}}.reading-grid__title{font-size:1.5rem;font-weight:700;color:var(--reading-text-primary);margin:0;transition:color .3s ease}@media (max-width: 768px){.reading-grid__title{font-size:1.25rem}}.reading-grid__container{padding:1.5rem}.reading-grid__container--grid{display:grid;gap:1rem}@media (min-width: 1400px){.reading-grid__container--grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px) and (max-width: 1399px){.reading-grid__container--grid{grid-template-columns:repeat(5,1fr);gap:.875rem}}@media (min-width: 900px) and (max-width: 1199px){.reading-grid__container--grid{grid-template-columns:repeat(4,1fr);gap:.875rem}}@media (max-width: 1024px){.reading-grid__container--grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (max-width: 768px){.reading-grid__container--grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}}.reading-grid__container--list{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.reading-grid__container{padding:1rem}}.reading-grid__footer{padding:1rem 2rem;border-top:1px solid var(--reading-border);background:var(--reading-hover-bg);transition:all .3s ease}@media (max-width: 768px){.reading-grid__footer{padding:.75rem 1rem}}.reading-grid__count{color:var(--reading-text-secondary);font-size:.9rem;margin:0;transition:color .3s ease}.reading-grid__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem;text-align:center;min-height:300px}.reading-grid__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:var(--reading-text-tertiary)}.reading-grid__empty h3{font-size:1.5rem;font-weight:600;color:var(--reading-text-primary);margin:0 0 .5rem;transition:color .3s ease}.reading-grid__empty p{color:var(--reading-text-secondary);margin:0 0 2rem;max-width:400px;line-height:1.6;transition:color .3s ease}.reading-grid__empty-btn{background:var(--reading-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.reading-grid__empty-btn:hover{background:var(--reading-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.reading-grid__empty-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading-grid__empty-btn:focus:not(:focus-visible){box-shadow:none}.reading-card__cover{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.reading-card__cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.reading-card__cover-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.reading-card__cover-fallback--hidden{display:none!important}.reading-card__cover-fallback .cover-emoji{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.reading-card__status-badge{position:absolute;top:.75rem;right:.75rem;padding:.5rem .875rem;border-radius:20px;font-size:.7rem;font-weight:600;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a;z-index:2}.reading-card__status-badge--active{background:var(--reading-status-active-bg);color:#fff}.reading-card__status-badge--paused{background:var(--reading-status-paused-bg);color:#fff}.reading-card__status-badge--completed{background:var(--reading-status-completed-bg);color:#fff}.reading-card:hover .reading-card__cover-image{transform:scale(1.05)}.reading-grid--list .reading-card__cover{height:180px;width:120px;flex-shrink:0}.reading-grid--list .reading-card__cover-fallback .cover-emoji{font-size:2.5rem}@media (max-width: 768px){.reading-card__cover{height:220px}.reading-card__cover-fallback .cover-emoji{font-size:2.5rem}.reading-card__status-badge{font-size:.75rem;padding:.4rem .75rem;top:.5rem;right:.5rem}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.reading-item{background:var(--reading-card-bg);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column}.reading-item:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001a}.reading-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;z-index:2}.reading-item--active:before{background:#10b981}.reading-item--paused:before{background:#f59e0b}.reading-item--completed:before{background:#3b82f6}.reading-item--list{flex-direction:row}.reading-item--list .reading-item__cover{width:160px;height:240px;flex-shrink:0}.reading-item--list .reading-item__content{flex:1}.reading-item__cover{position:relative;width:100%;height:320px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.reading-item__cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.reading-item__cover-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.reading-item__cover-fallback--naruto{background:var(--reading-gradient-naruto)}.reading-item__cover-fallback--onepiece{background:var(--reading-gradient-onepiece)}.reading-item__cover-fallback--demonslayer{background:var(--reading-gradient-demonslayer)}.reading-item__cover-fallback--default{background:var(--reading-gradient-default)}.reading-item__cover-fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.reading-item__cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .3s ease;z-index:5}.reading-item__cover-overlay .overlay-icon{font-size:2.5rem;color:#fff}.reading-item__cover-overlay .overlay-text{font-size:1rem;font-weight:600;color:#fff}.reading-item__cover:hover .reading-item__cover-image{transform:scale(1.1)}.reading-item__cover:hover .reading-item__cover-overlay{opacity:1}.reading-item__emoji{font-size:4rem;z-index:1;position:relative;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:float 3s ease-in-out infinite}.reading-item__status{position:absolute;top:.75rem;right:.75rem;padding:.4rem .875rem;border-radius:20px;font-size:.7rem;font-weight:700;z-index:6;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a}.reading-item__status--active{background:var(--reading-status-active-bg);color:#fff}.reading-item__status--paused{background:var(--reading-status-paused-bg);color:#fff}.reading-item__status--completed{background:var(--reading-status-completed-bg);color:#fff}.reading-item__complete-badge{position:absolute;top:.75rem;left:.75rem;padding:.4rem .875rem;border-radius:20px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a;z-index:6;animation:pulse 2s ease-in-out infinite}.reading-item__priority{position:absolute;bottom:.75rem;left:.75rem;width:10px;height:10px;border-radius:50%;z-index:6;box-shadow:0 2px 8px #0000004d}.reading-item__priority--high{background:#ef4444}.reading-item__priority--normal{background:#f59e0b}.reading-item__priority--low{background:#9ca3af}.reading-item__content{padding:1.5rem;background:var(--reading-card-bg);display:flex;flex-direction:column;gap:1rem;flex:1;transition:background-color .3s ease}@media (max-width: 768px){.reading-item__content{padding:1rem}}.reading-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.reading-item__info{flex:1;min-width:0}.reading-item__title{font-size:1.1rem;font-weight:700;color:var(--reading-text-primary);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.reading-item__title:hover{color:var(--reading-accent)}@media (max-width: 768px){.reading-item__title{font-size:.9rem}}.reading-item__author{font-size:.8rem;color:var(--reading-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.reading-item__last-read{background:var(--reading-accent);color:#fff;padding:.35rem .75rem;border-radius:.875rem;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.reading-item__progress{display:flex;flex-direction:column;gap:.5rem}.reading-item__progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.reading-item__percentage{color:var(--reading-accent);font-weight:700;transition:color .3s ease}.reading-item__progress-bar{width:100%;height:8px;background:var(--reading-progress-bg);border-radius:6px;overflow:hidden;transition:background-color .3s ease}.reading-item__progress-fill{height:100%;background:var(--reading-progress-fill);transition:width .8s ease;border-radius:6px}.reading-item__meta{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--reading-text-secondary);gap:.5rem;padding-top:.5rem;border-top:1px solid var(--reading-border);transition:all .3s ease}.reading-item__genre{background:var(--reading-hover-bg);padding:.35rem .75rem;border-radius:12px;font-weight:500;flex-shrink:0;transition:background-color .3s ease}.reading-item__time{display:flex;align-items:center;gap:.25rem}.reading-item__actions{display:flex;gap:.5rem;margin-top:auto}.reading-item__btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:44px;font-family:inherit}.reading-item__btn:hover:not(:disabled){transform:translateY(-2px)}.reading-item__btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.reading-item__btn:focus:not(:focus-visible){box-shadow:none}.reading-item__btn--continue{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;box-shadow:0 4px 12px #10b98140}.reading-item__btn--continue:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.reading-item__btn--pause{background:linear-gradient(135deg,#f59e0b,#c57f08);color:#fff;flex:0 0 auto;width:44px;padding:0;box-shadow:0 4px 12px #f59e0b40}.reading-item__btn--pause:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66}.reading-item__btn--resume{background:linear-gradient(135deg,#10b981,#0c8a60);color:#fff;box-shadow:0 4px 12px #10b98140}.reading-item__btn--resume:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.reading-item__btn--completed{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 4px 12px #6366f140;cursor:pointer}.reading-item__btn--completed:hover{box-shadow:0 6px 16px #6366f166}.reading-item__btn--details{background:var(--reading-border);color:var(--reading-text-primary);flex:0 0 auto;width:44px;padding:0}.reading-item__btn--details:hover:not(:disabled){background:var(--reading-hover-bg)}.reading-item__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reading-item__btn:disabled:hover{transform:none;box-shadow:none}.reading-item__loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;color:var(--reading-text-secondary);font-size:.8rem;background:var(--reading-hover-bg);border-radius:8px;transition:all .3s ease}@media (max-width: 768px){.reading-item__cover{height:280px}.reading-item__emoji{font-size:2.5rem}.reading-item__actions{gap:.375rem}.reading-item__btn{padding:.65rem .875rem;font-size:.7rem;min-height:40px}.reading-item--list{flex-direction:column}.reading-item--list .reading-item__cover{width:100%;height:240px}}@media (max-width: 480px){.reading-item__header{flex-direction:column;gap:.5rem}.reading-item__last-read{align-self:flex-start}.reading-item__cover{height:240px}.reading-item__emoji{font-size:2rem}.reading-item__content{padding:1rem}.reading-item__btn{font-size:.75rem;padding:.6rem .75rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.quick-action-btn,.reading-btn,.confirm-btn,.reading-item,.reading-card{transition:none;animation:none}.quick-action-btn:hover,.reading-btn:hover,.confirm-btn:hover,.reading-item:hover,.reading-card:hover{transform:none}.reading-item__cover-image,.reading-card__cover-image{transition:none}.reading-item__cover-image:hover,.reading-card__cover-image:hover{transform:none}.reading-item__emoji,.reading-item__complete-badge{animation:none}}:root{--font-size-base: 16px}:root[data-font-size=small]{--font-size-base: 14px}:root[data-font-size=normal]{--font-size-base: 16px}:root[data-font-size=large]{--font-size-base: 18px}:root[data-font-size=xlarge]{--font-size-base: 20px}.settings{min-height:100vh;background:#f8fafc;color:#1f2937;transition:all .3s ease;padding:2rem 0;font-size:var(--font-size-base)}.settings--dark{background:#0f172a;color:#f9fafb}.settings__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.settings__container{padding:0 1rem}}.settings__header{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;transition:all .3s ease}.settings--dark .settings__header{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}@media (max-width: 768px){.settings__header{flex-direction:column;align-items:stretch;padding:1.5rem}}.settings__header-content{flex:1}.settings__title{font-size:calc(var(--font-size-base) * 1.875);font-weight:800;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings--dark .settings__title{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.settings__title{font-size:calc(var(--font-size-base) * 1.5);text-align:center}}.settings__subtitle{color:#6b7280;font-size:calc(var(--font-size-base) * 1.0625);margin:0}.settings--dark .settings__subtitle{color:#e2e8f0}@media (max-width: 768px){.settings__subtitle{text-align:center}}.settings__unsaved-warning{color:#f59e0b;font-size:calc(var(--font-size-base) * .875);margin-top:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.settings__unsaved-warning:before{content:"⚠️"}@media (max-width: 768px){.settings__unsaved-warning{justify-content:center}}.settings__header-actions{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.settings__header-actions{width:100%}.settings__header-actions .btn{flex:1;justify-content:center}}.settings__layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.settings__layout{grid-template-columns:1fr;gap:1rem}}.settings__content{display:flex;flex-direction:column;gap:2rem;min-width:0}.settings__auth-required,.settings__error{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.settings--dark .settings__auth-required,.settings--dark .settings__error{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}.settings__auth-required h2,.settings__error h2{font-size:calc(var(--font-size-base) * 1.75);font-weight:700;color:#1f2937;margin-bottom:1rem}.settings--dark .settings__auth-required h2,.settings--dark .settings__error h2{color:#f9fafb}.settings__auth-required p,.settings__error p{color:#6b7280;margin-bottom:2rem;font-size:calc(var(--font-size-base) * 1.0625)}.settings--dark .settings__auth-required p,.settings--dark .settings__error p{color:#cbd5e1}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;position:sticky;top:2rem;transition:all .3s ease}.settings--dark .settings-sidebar{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}@media (max-width: 768px){.settings-sidebar__nav{flex-direction:row;flex-wrap:wrap;overflow-x:auto;padding:.5rem;scrollbar-width:none}.settings-sidebar__nav::-webkit-scrollbar{display:none}}.settings-sidebar__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#6b7280;text-decoration:none;transition:all .3s ease;cursor:pointer;font-weight:500;border:none;background:transparent;font-size:.95rem;width:100%;text-align:left}.settings--dark .settings-sidebar__item{color:#e2e8f0}@media (max-width: 768px){.settings-sidebar__item{white-space:nowrap;justify-content:center;padding:.5rem .75rem;font-size:.85rem;width:auto;flex:1;min-width:120px}}.settings-sidebar__item:hover:not(.settings-sidebar__item--active){background:#f9fafb;color:#1f2937;transform:translate(4px)}.settings--dark .settings-sidebar__item:hover:not(.settings-sidebar__item--active){background:#334155;color:#f9fafb}.settings-sidebar__item--active{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-weight:600;box-shadow:0 4px 6px -1px #a855f74d}.settings--dark .settings-sidebar__item--active{background:linear-gradient(135deg,#c084fc,#f472b6)}.settings-sidebar__item-icon{font-size:1.2rem;flex-shrink:0}@media (max-width: 768px){.settings-sidebar__item-icon{font-size:1.1rem}}.settings-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease}.settings--dark .settings-section{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}.settings-section__header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.settings--dark .settings-section__header{border-bottom-color:#334155}@media (max-width: 768px){.settings-section__header{padding:1.5rem 1.5rem 1rem}}.settings-section__title{font-size:calc(var(--font-size-base) * 1.5);font-weight:700;color:#1f2937;margin-bottom:.5rem}.settings--dark .settings-section__title{color:#f9fafb}.settings-section__description{color:#6b7280;font-size:calc(var(--font-size-base) * .9375);line-height:1.5}.settings--dark .settings-section__description{color:#cbd5e1}.settings-section__content{padding:2rem}@media (max-width: 768px){.settings-section__content{padding:1.5rem}}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid #e5e7eb;transition:all .3s ease}.settings--dark .setting-item{border-bottom-color:#334155}@media (max-width: 640px){.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}}.setting-item__title{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:var(--font-size-base)}.settings--dark .setting-item__title{color:#f9fafb}.setting-item__description{font-size:calc(var(--font-size-base) * .875);color:#6b7280;line-height:1.5}.settings--dark .setting-item__description{color:#cbd5e1}@media (max-width: 640px){.setting-item__control{margin-left:0;width:100%}}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:#1f2937;font-size:calc(var(--font-size-base) * .9375)}.settings--dark .form-label{color:#f9fafb}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:var(--font-size-base);font-family:inherit;transition:all .3s ease;background:#fff;color:#1f2937}.settings--dark .form-input,.settings--dark .form-textarea{background:#0f172a;border-color:#334155;color:#f9fafb}.form-input:focus,.form-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.settings--dark .form-input::placeholder,.settings--dark .form-textarea::placeholder{color:#6b7280}.form-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #d1d5db;border-radius:8px;font-size:var(--font-size-base);font-family:inherit;font-weight:500;transition:all .3s ease;background:#fff;color:#1f2937;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.settings--dark .form-select{background-color:#1e293b;border-color:#475569;color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-select:hover{border-color:#a855f7}.settings--dark .form-select:hover{border-color:#c084fc;background-color:#334155}.form-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.settings--dark .form-select:focus{border-color:#c084fc;background-color:#334155}.form-select option{background:#fff;color:#1f2937;padding:.5rem;font-weight:500}.settings--dark .form-select option{background:#1e293b;color:#f1f5f9}.form-select:disabled{opacity:.6;cursor:not-allowed;border-color:#e5e7eb}.settings--dark .form-select:disabled{border-color:#334155}.form-textarea{resize:vertical;min-height:100px}.form-description{font-size:calc(var(--font-size-base) * .875);color:#6b7280;margin-top:.5rem;line-height:1.5}.settings--dark .form-description{color:#cbd5e1}.form-error{color:#ef4444;font-size:calc(var(--font-size-base) * .875);margin-top:.5rem;display:block}.settings--dark .form-error{color:#fca5a5}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:calc(var(--font-size-base) * .9375);text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;font-family:inherit}.btn--secondary{background:transparent;color:#a855f7;border:2px solid #a855f7}.settings--dark .btn--secondary{color:#c084fc;border-color:#c084fc}.btn--secondary:hover:not(:disabled){background:#a855f7;color:#fff}.settings--dark .btn--secondary:hover:not(:disabled){background:#c084fc}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--small{padding:.5rem 1rem;font-size:calc(var(--font-size-base) * .875)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input:checked+.toggle-switch__slider{background:#a855f7}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-switch__slider{box-shadow:0 0 0 3px #a855f74d}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e0;transition:.3s;border-radius:28px}.settings--dark .toggle-switch__slider{background-color:#4a5568}.toggle-switch__slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.settings{animation:fadeInUp .6s ease-out}.settings-section{animation:fadeInUp .5s ease-out backwards}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}@media (max-width: 1200px){.settings__container{max-width:100%;padding:0 1.5rem}}@media (max-width: 768px){.settings{padding:1rem 0}.settings__header{margin-bottom:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.settings,.settings-section,.settings-sidebar{animation:none}}@media (prefers-contrast: high){.settings .btn{border-width:3px}.settings .btn--primary{border:3px solid transparent}.settings .form-input,.settings .form-select,.settings .form-textarea{border-width:3px}}:focus-visible{outline:3px solid #a855f7;outline-offset:2px}@media print{.settings__header-actions,.settings .settings-sidebar,.settings .btn,.settings .toggle-switch,.settings .danger-zone{display:none}.settings__content{max-width:100%}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.danger-zone{background:var(--settings-danger-bg);border:2px solid var(--settings-danger-border);border-radius:8px;padding:1.5rem;margin-top:2rem;transition:all .3s ease}.danger-zone__title{color:var(--settings-danger-text);font-weight:700;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.danger-zone .setting-item{border-bottom-color:#ef44441a;padding:1rem 0}.danger-zone .setting-item:first-of-type{padding-top:0}.danger-zone .setting-item:last-child{border-bottom:none;padding-bottom:0}.danger-zone .setting-item:hover{background:#ef444408}.dark .danger-zone .setting-item:hover,.settings--dark .danger-zone .setting-item:hover{background:#ef44440d}.btn--danger{background:#ef4444;color:#fff;border:none}.btn--danger:hover:not(:disabled){background:#eb1515;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef444466}.btn--danger:active:not(:disabled){transform:translateY(0)}.btn--danger:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.btn--danger:focus:not(:focus-visible){box-shadow:none}.btn--danger:disabled{opacity:.5;cursor:not-allowed}.sessions-list{background:var(--settings-data-item-bg);padding:1rem;border-radius:8px;margin-top:.5rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--settings-border)}@media (max-width: 480px){.session-item{flex-direction:column;align-items:flex-start;gap:1rem}}.session-item:last-child{border-bottom:none;padding-bottom:0}.session-item:first-child{padding-top:0}.session-item__info{flex:1}.session-item__info strong{display:block;color:var(--settings-text-primary);margin-bottom:.25rem;font-weight:600}.session-item__info small{color:var(--settings-text-secondary);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.session-item__status{color:#10b981;font-size:.8rem;display:flex;align-items:center;gap:.3rem;margin-right:1rem;font-weight:600}@media (max-width: 480px){.session-item__status{margin-right:0}}.session-item__status:before{content:"●";font-size:1rem;animation:pulse 2s ease-in-out infinite}.session-item__status--offline{color:#6b7280}.session-item__status--offline:before{animation:none}.dark .session-item__status--offline,.settings--dark .session-item__status--offline{color:#94a3b8}.modal{display:none;position:fixed;inset:0;background:var(--settings-modal-overlay);z-index:100;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal--active{display:flex}.modal__content{background:var(--settings-modal-bg);border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@media (max-width: 480px){.modal__content{padding:1.5rem;margin:1rem;max-width:calc(100% - 2rem)}}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal__title{font-size:1.25rem;font-weight:700;color:var(--settings-text-primary);display:flex;align-items:center;gap:.5rem}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--settings-text-secondary);transition:color .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal__close:hover{color:var(--settings-text-primary);background:var(--settings-hover-bg)}.modal__body{color:var(--settings-text-secondary);line-height:1.6;margin-bottom:1.5rem}.modal__body p{margin-bottom:1rem}.modal__body p strong{color:var(--settings-danger-text);font-weight:700}.modal__body ul{margin:1rem 0;padding-left:1.5rem}.modal__body ul li{margin-bottom:.5rem;color:var(--settings-text-primary)}.modal__actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 480px){.modal__actions{flex-direction:column-reverse}.modal__actions .btn{width:100%;justify-content:center}}.security-alert{background:var(--settings-badge-warning-bg);border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;gap:.75rem}.security-alert__icon{font-size:1.5rem;color:#f59e0b;flex-shrink:0}.security-alert__content{flex:1}.security-alert__title{font-weight:600;color:var(--settings-badge-warning-text);margin-bottom:.25rem}.security-alert__text{font-size:.85rem;color:var(--settings-badge-warning-text);line-height:1.5}@media (prefers-reduced-motion: reduce){.modal,.modal__content{animation:none}.session-item__status:before{animation:none}.btn--danger:hover{transform:none}}@media (prefers-contrast: high){.danger-zone{border-width:3px}.btn--danger{border:3px solid rgb(234.9802955665,21.0197044335,21.0197044335)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--settings-toggle-bg);transition:.3s ease;border-radius:24px}.toggle-switch__slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--settings-toggle-knob);transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-switch__slider{background-color:var(--settings-toggle-active)}input:checked+.toggle-switch__slider:before{transform:translate(26px)}input:focus+.toggle-switch__slider{box-shadow:0 0 0 3px #a855f74d}input:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.toggle-switch:hover input:not(:disabled)+.toggle-switch__slider{background-color:#808998}.dark .toggle-switch:hover input:not(:disabled)+.toggle-switch__slider,.settings--dark .toggle-switch:hover input:not(:disabled)+.toggle-switch__slider{background-color:#708198}.toggle-switch:hover input:checked:not(:disabled)+.toggle-switch__slider{background-color:#9c3df6}.dark .toggle-switch:hover input:checked:not(:disabled)+.toggle-switch__slider,.settings--dark .toggle-switch:hover input:checked:not(:disabled)+.toggle-switch__slider{background-color:#b46df8}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--settings-border);transition:all .3s ease}@media (max-width: 480px){.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--settings-hover-bg);margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:8px}.setting-item__info{flex:1}.setting-item__title{font-weight:600;color:var(--settings-text-primary);margin-bottom:.25rem;font-size:1rem}.setting-item__description{font-size:.85rem;color:var(--settings-text-secondary);line-height:1.5}.setting-item__control{margin-left:2rem}@media (max-width: 480px){.setting-item__control{margin-left:0;width:100%}}.form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--settings-input-border);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--settings-input-bg);color:var(--settings-text-primary);font-family:inherit;cursor:pointer;appearance:none;background-image:var(--settings-select-arrow);background-repeat:no-repeat;background-position:right 1rem center}.form-select:hover{border-color:var(--settings-accent)}.form-select:focus{outline:none;border-color:var(--settings-input-focus);box-shadow:0 0 0 3px #a855f71a}.form-select:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.toggle-switch__slider:before{transition:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.data-item{background:var(--settings-data-item-bg);padding:1.5rem;border-radius:8px;margin-bottom:1rem;transition:all .3s ease;border:2px solid transparent;animation:slideInUp .4s ease-out backwards}.data-item:nth-child(1){animation-delay:.1s}.data-item:nth-child(2){animation-delay:.2s}.data-item:nth-child(3){animation-delay:.3s}.data-item:nth-child(4){animation-delay:.4s}.data-item:nth-child(5){animation-delay:.5s}.data-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:var(--settings-accent);transform:translateY(-2px)}.data-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width: 480px){.data-item__header{flex-direction:column;align-items:flex-start;gap:.5rem}}.data-item__title{font-weight:600;color:var(--settings-text-primary);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.data-item__size{font-size:.85rem;color:var(--settings-text-secondary);font-weight:500}.data-item__description{font-size:.85rem;color:var(--settings-text-secondary);margin-bottom:1rem;line-height:1.5}.data-item__actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 480px){.data-item__actions{width:100%}.data-item__actions .btn{flex:1;min-width:120px}}.data-progress{width:100%;height:8px;background:var(--settings-data-progress-bg);border-radius:6px;overflow:hidden;margin-top:.5rem;position:relative}.data-progress__bar{height:100%;background:var(--settings-data-progress-fill);border-radius:6px;transition:width .3s ease;position:relative}.data-progress__bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.data-progress__label{font-size:.7rem;color:var(--settings-text-secondary);margin-top:.25rem;display:block}.recent-exports{margin-top:1.5rem}.recent-exports__title{font-weight:600;color:var(--settings-text-primary);margin-bottom:.75rem;font-size:.85rem}.recent-exports__list{display:flex;flex-direction:column;gap:.5rem}.recent-exports__item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--settings-data-export-bg);border-radius:6px;border:1px solid var(--settings-data-export-border);transition:all .3s ease}.recent-exports__item:hover{border-color:var(--settings-accent);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.recent-exports__item{flex-direction:column;align-items:flex-start;gap:.75rem}}.recent-exports__info{flex:1}.recent-exports__info strong{display:block;color:var(--settings-text-primary);font-size:.85rem;margin-bottom:.25rem}.recent-exports__info small{color:var(--settings-text-secondary);font-size:.8rem}.recent-exports__action{padding:.4rem .8rem;font-size:.8rem;background:transparent;color:var(--settings-accent);border:1px solid var(--settings-accent);border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}.recent-exports__action:hover{background:var(--settings-accent);color:#fff}@media (max-width: 480px){.recent-exports__action{width:100%;text-align:center}}.data-empty{text-align:center;padding:3rem 1rem;color:var(--settings-text-tertiary)}.data-empty__icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.data-empty__text{font-size:.85rem;line-height:1.5}.data-status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600}.data-status--success{background:var(--settings-badge-success-bg);color:var(--settings-badge-success-text)}.data-status--processing{background:var(--settings-badge-info-bg);color:var(--settings-badge-info-text)}.data-status--error{background:var(--settings-badge-error-bg);color:var(--settings-badge-error-text)}.data-status__icon{font-size:1rem}.data-status__icon:before{content:"●"}.data-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.data-stats__card{background:var(--settings-card-bg);padding:1.5rem;border-radius:8px;border:2px solid var(--settings-border);text-align:center;transition:all .3s ease;animation:slideInUp .4s ease-out backwards}.data-stats__card:nth-child(1){animation-delay:.1s}.data-stats__card:nth-child(2){animation-delay:.2s}.data-stats__card:nth-child(3){animation-delay:.3s}.data-stats__card:nth-child(4){animation-delay:.4s}.data-stats__card:hover{border-color:var(--settings-accent);transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a}.data-stats__icon{font-size:2rem;margin-bottom:.5rem;color:var(--settings-accent)}.data-stats__value{font-size:1.5rem;font-weight:700;color:var(--settings-text-primary);margin-bottom:.25rem}.data-stats__label{font-size:.8rem;color:var(--settings-text-secondary)}.file-type-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.file-type-icon--json{background:var(--settings-badge-info-bg);color:var(--settings-badge-info-text)}.file-type-icon--csv{background:var(--settings-badge-success-bg);color:var(--settings-badge-success-text)}.file-type-icon--pdf{background:var(--settings-badge-error-bg);color:var(--settings-badge-error-text)}.file-type-icon--zip{background:var(--settings-badge-warning-bg);color:var(--settings-badge-warning-text)}.import-modal__dropzone{border:2px dashed var(--settings-border);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--settings-data-item-bg)}.import-modal__dropzone:hover{border-color:var(--settings-accent);background:#a855f70d}.import-modal__dropzone--active{border-color:var(--settings-accent);background:#a855f71a;border-style:solid}.import-modal__icon{font-size:4rem;color:var(--settings-accent);margin-bottom:1rem}.import-modal__title{font-weight:600;color:var(--settings-text-primary);margin-bottom:.5rem}.import-modal__text{font-size:.85rem;color:var(--settings-text-secondary)}.import-modal__formats{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.import-modal__format{padding:.25rem .5rem;background:var(--settings-card-bg);border-radius:6px;font-size:.7rem;color:var(--settings-text-secondary);border:1px solid var(--settings-border)}.data-tooltip{position:relative}.data-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--settings-text-primary);color:var(--settings-card-bg);padding:.5rem .75rem;border-radius:6px;font-size:.7rem;white-space:nowrap;margin-bottom:.5rem;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.data-tooltip:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--settings-text-primary);margin-bottom:-6px;z-index:1000}.alert{padding:1rem;border-radius:8px;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem}.alert--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.alert--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.toggle-group{display:flex;align-items:center;gap:1rem}.toggle-label{color:var(--settings-text-primary);font-size:.85rem}.modal__content--small{max-width:500px}.format-choices{display:flex;flex-direction:column;gap:1rem}.format-choice-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--settings-card-bg);border:2px solid var(--settings-border);border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.format-choice-btn:hover{border-color:var(--settings-accent);background:var(--settings-hover-bg);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.format-choice-btn:active{transform:translateY(0)}.format-choice-icon{font-size:2.5rem;flex-shrink:0}.format-choice-content{flex:1}.format-choice-title{font-size:1.1rem;font-weight:600;color:var(--settings-text-primary);margin-bottom:.25rem}.format-choice-description{font-size:.85rem;color:var(--settings-text-secondary);line-height:1.4}@media (prefers-reduced-motion: reduce){.data-item,.data-stats__card{animation:none}.data-item:hover,.data-stats__card:hover{transform:none}.data-progress__bar:after{animation:none}}@media (max-width: 480px){.data-stats{grid-template-columns:1fr}.data-item{padding:1rem}.import-modal__dropzone{padding:1.5rem 1rem}}.import-modal__dropzone:focus-visible{outline:3px solid var(--settings-accent);outline-offset:2px}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.avatar-section{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--settings-avatar-bg);border-radius:12px;transition:all .3s ease;animation:fadeIn .5s ease-out}@media (max-width: 480px){.avatar-section{flex-direction:column;align-items:flex-start;padding:1rem;gap:1.5rem}}.avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--settings-avatar-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.avatar-preview:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a}.avatar-preview img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.avatar-preview{width:64px;height:64px;font-size:1.5rem}}.avatar-upload{position:relative;flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--settings-hover-bg);border-radius:8px}.avatar-upload input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0;z-index:2}.avatar-upload .btn{position:relative;z-index:1;width:auto}@media (max-width: 480px){.avatar-upload .btn{width:100%}}.avatar-upload .form-description{margin-top:.5rem}.avatar-upload__preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--settings-border);background:var(--settings-input-bg);display:flex;align-items:center;justify-content:center;margin:0 auto}.avatar-upload__preview img{width:100%;height:100%;object-fit:cover}.avatar-upload__placeholder{font-size:4rem;color:var(--settings-text-tertiary)}.avatar-upload__overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.avatar-upload__progress{width:80%;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.avatar-upload__progress-bar{height:100%;background:linear-gradient(135deg,#a855f7,#ec4899);transition:width .3s ease;border-radius:3px}.avatar-upload__controls{display:flex;justify-content:center;gap:.5rem}.form-group{margin-bottom:2rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--settings-text-primary);font-size:.85rem;transition:color .3s ease}.form-description{font-size:.8rem;color:var(--settings-text-secondary);margin-top:.5rem;line-height:1.5}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--settings-input-border);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--settings-input-bg);color:var(--settings-text-primary);font-family:inherit}.form-input:hover,.form-textarea:hover{border-color:var(--settings-accent)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--settings-input-focus);box-shadow:0 0 0 3px #a855f71a}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--settings-hover-bg)}.form-input::placeholder,.form-textarea::placeholder{color:var(--settings-text-tertiary)}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn--primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:transparent;color:var(--settings-accent);border:2px solid var(--settings-accent)}.btn--secondary:hover:not(:disabled){background:var(--settings-accent);color:#fff}.btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.btn:focus:not(:focus-visible){box-shadow:none}@media (prefers-reduced-motion: reduce){.avatar-preview:hover,.btn:hover{transform:none}.avatar-section{animation:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.privacy-warning{background:var(--settings-privacy-warning-bg);border:2px solid var(--settings-privacy-warning-border);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start}.privacy-warning__icon{font-size:1.5rem;flex-shrink:0}.privacy-warning__content{flex:1}.privacy-warning__title{font-weight:600;color:var(--settings-privacy-warning-text);margin-bottom:.25rem}.privacy-warning__text{font-size:.85rem;color:var(--settings-privacy-warning-text);line-height:1.5}.privacy-level{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}@media (max-width: 480px){.privacy-level{grid-template-columns:1fr}}.privacy-level__option{padding:1rem;background:var(--settings-privacy-level-bg);border:2px solid var(--settings-border);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;animation:fadeInUp .4s ease-out backwards}.privacy-level__option:nth-child(1){animation-delay:.1s}.privacy-level__option:nth-child(2){animation-delay:.2s}.privacy-level__option:nth-child(3){animation-delay:.3s}.privacy-level__option:hover:not(.privacy-level__option--active){border-color:var(--settings-accent);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.privacy-level__option--active{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:var(--settings-accent);color:#fff}.privacy-level__option--active .privacy-level__icon{filter:brightness(0) invert(1)}.privacy-level__option--active .privacy-level__title,.privacy-level__option--active .privacy-level__description{color:#fff}.privacy-level__option:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.privacy-level__option:focus:not(:focus-visible){box-shadow:none}.privacy-level__icon{font-size:2rem;margin-bottom:.5rem;transition:all .3s ease}.privacy-level__title{font-weight:600;color:var(--settings-text-primary);margin-bottom:.25rem;font-size:.85rem}.privacy-level__description{font-size:.8rem;color:var(--settings-text-secondary);line-height:1.4}.privacy-summary{background:var(--settings-privacy-summary-bg);padding:1.5rem;border-radius:8px;margin-top:1.5rem}.privacy-summary__title{font-weight:600;color:var(--settings-text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.privacy-summary__list{display:flex;flex-direction:column;gap:.75rem}.privacy-summary__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--settings-card-bg);border-radius:6px;border-left:3px solid var(--settings-border)}.privacy-summary__item--public{border-left-color:#10b981}.privacy-summary__item--private{border-left-color:#ef4444}.privacy-summary__icon{font-size:1.25rem;flex-shrink:0}.privacy-summary__icon--public{color:#10b981}.privacy-summary__icon--private{color:#ef4444}.privacy-summary__text{flex:1;font-size:.85rem;color:var(--settings-text-primary)}.privacy-summary__text strong{font-weight:600}.privacy-shield{text-align:center;padding:2rem 1rem;margin-top:1.5rem}.privacy-shield__icon{font-size:4rem;color:#10b981;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.dark .privacy-shield__icon,.settings--dark .privacy-shield__icon{color:#40efb5}.privacy-shield__title{font-weight:700;color:var(--settings-text-primary);font-size:1.1rem;margin-bottom:.5rem}.privacy-shield__text{color:var(--settings-text-secondary);font-size:.85rem;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.privacy-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600}.privacy-badge--public{background:var(--settings-badge-success-bg);color:var(--settings-badge-success-text)}.privacy-badge--private{background:var(--settings-badge-error-bg);color:var(--settings-badge-error-text)}.privacy-badge--limited{background:var(--settings-badge-warning-bg);color:var(--settings-badge-warning-text)}.privacy-badge__icon{font-size:1rem}@media (prefers-reduced-motion: reduce){.privacy-shield__icon,.privacy-level__option{animation:none}.privacy-level__option:hover:not(.privacy-level__option--active){transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.settings-sidebar{background:var(--settings-sidebar-bg);border-radius:12px;box-shadow:var(--settings-shadow);padding:1.5rem;height:fit-content;position:sticky;top:2rem;transition:all .3s ease}.settings-sidebar__nav{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.settings-sidebar__nav{width:100%;flex-direction:row;flex-wrap:wrap;overflow-x:auto;padding:.5rem;scrollbar-width:none}.settings-sidebar__nav::-webkit-scrollbar{display:none}}.settings-sidebar__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--settings-text-secondary);text-decoration:none;transition:all .3s ease;cursor:pointer;font-weight:500;border:none;background:transparent;font-size:.85rem;width:100%}@media (max-width: 768px){.settings-sidebar__item{white-space:nowrap;justify-content:center;padding:.5rem .75rem;font-size:.8rem;width:32.5%}}@media (max-width: 440px){.settings-sidebar__item{width:31.67%}}.settings-sidebar__item:hover:not(.settings-sidebar__item--active){background:var(--settings-sidebar-hover);color:var(--settings-text-primary);transform:translate(4px)}@media (max-width: 768px){.settings-sidebar__item:hover:not(.settings-sidebar__item--active){transform:translate(0) scale(1.05)}}.settings-sidebar__item--active{background:var(--settings-sidebar-active-gradient);color:#fff;font-weight:600;box-shadow:0 4px 12px #a855f74d}.settings-sidebar__item:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.settings-sidebar__item:focus:not(:focus-visible){box-shadow:none}.settings-sidebar__item-icon{font-size:1.25rem;flex-shrink:0}@media (max-width: 768px){.settings-sidebar__item-icon{font-size:1rem}}@media (max-width: 768px){.settings-sidebar{position:static;padding:1rem;margin-bottom:1rem}}.settings-sidebar{animation:slideInLeft .4s ease-out}@media (prefers-reduced-motion: reduce){.settings-sidebar{animation:none}.settings-sidebar__item{transition:none}.settings-sidebar__item:hover:not(.settings-sidebar__item--active){transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volume-details-page{min-height:100vh;background:var(--volume-bg);color:var(--volume-text-primary);transition:all .3s ease;padding:2rem 0}.volume-details-page__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.volume-details-page__container{padding:0 1rem}}.volume-details-page__loading,.volume-details-page__error{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh;text-align:center;padding:2rem}.volume-details-page__error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.volume-details-page__error-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.volume-details-page__error-actions{flex-direction:column;width:100%}}.volume-details-page__breadcrumb{background:var(--volume-card-bg);padding:1rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:var(--volume-shadow);border:1px solid var(--volume-border);display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--volume-text-secondary);transition:all .3s ease}@media (max-width: 768px){.volume-details-page__breadcrumb{padding:1rem;flex-wrap:wrap}}.volume-details-page__breadcrumb .breadcrumb-link{background:none;border:none;color:var(--volume-purple);text-decoration:none;cursor:pointer;transition:color .3s ease;font:inherit}.volume-details-page__breadcrumb .breadcrumb-link:hover{color:var(--volume-purple-dark);text-decoration:underline}.volume-details-page__breadcrumb .breadcrumb-link:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volume-details-page__breadcrumb .breadcrumb-link:focus:not(:focus-visible){box-shadow:none}.volume-details-page__breadcrumb .breadcrumb-separator{color:var(--volume-text-tertiary);margin:0 .25rem}.volume-details-page__breadcrumb .breadcrumb-current{color:var(--volume-text-primary);font-weight:600}.volume-details-page__content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width: 1024px){.volume-details-page__content{grid-template-columns:1fr;gap:2rem}}.volume-details-page__main,.volume-details-page__sidebar{display:flex;flex-direction:column;gap:2rem}.volume-details-page__section{background:var(--volume-card-bg);border-radius:12px;box-shadow:var(--volume-shadow);overflow:hidden;border:1px solid var(--volume-border);transition:all .3s ease}.volume-details-page__section:hover{box-shadow:var(--volume-shadow-lg)}.volume-details-page__section .section-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--volume-border);background:linear-gradient(135deg,#a855f70d,#ec48990d)}@media (max-width: 768px){.volume-details-page__section .section-header{padding:1rem 1.5rem}}.volume-details-page__section .section-title{font-size:1.25rem;font-weight:700;color:var(--volume-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.volume-details-page__section .section-content{padding:2rem}@media (max-width: 768px){.volume-details-page__section .section-content{padding:1.5rem}}.volume-details-page .synopsis-text{line-height:1.7;color:var(--volume-text-secondary);font-size:1rem;margin:0}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px}.btn--primary{background:var(--gradient-hero);color:#fff;box-shadow:var(--volume-shadow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--volume-shadow-lg)}.btn--primary:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.btn--primary:focus:not(:focus-visible){box-shadow:none}.btn--secondary{background:transparent;color:var(--volume-purple);border:2px solid var(--volume-purple)}.btn--secondary:hover:not(:disabled){background:var(--volume-purple);color:#fff}.btn--secondary:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.btn--secondary:focus:not(:focus-visible){box-shadow:none}.btn--success{background:var(--volume-green);color:#fff}.btn--success:hover:not(:disabled){background:#0c8a60;transform:translateY(-1px)}.btn--danger{background:var(--volume-red);color:#fff}.btn--danger:hover:not(:disabled){background:#eb1515;transform:translateY(-1px)}.btn--small{padding:.5rem 1rem;font-size:.8rem;min-height:36px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:var(--volume-shadow)}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem 2rem;color:var(--volume-text-secondary)}.empty-state__icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state__title{font-size:1.5rem;font-weight:600;color:var(--volume-text-primary);margin-bottom:1rem}.empty-state__description{font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.skeleton{background:linear-gradient(90deg,var(--volume-border-light) 25%,var(--volume-border) 50%,var(--volume-border-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.volume-details-page{animation:fadeInUp .6s ease-out}@media (max-width: 1200px){.volume-details-page__container{max-width:100%;padding:0 1.5rem}}@media (max-width: 768px){.volume-details-page{padding:1rem 0}.volume-details-page__breadcrumb{margin-bottom:1rem}.volume-details-page__content{gap:1.5rem}.btn{justify-content:center}}@media (max-width: 480px){.volume-details-page__container{padding:0 .75rem}.volume-details-page__section .section-content{padding:1rem}.btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.volume-details-page{animation:none}.skeleton,.skeleton:after{animation:none}}@media (prefers-contrast: high){.volume-details-page{--volume-border: #000000;--volume-text-secondary: #000000}.volume-details-page .btn{border-width:3px}.volume-details-page .btn--primary{border:3px solid transparent}}.volume-details-page *:focus-visible{outline:2px solid var(--volume-purple);outline-offset:2px;border-radius:6px}@media (hover: hover){.volume-details-page__section:hover{transform:translateY(-2px)}.btn:hover:not(:disabled){filter:brightness(1.05)}}@media print{.volume-details-page{background:#fff;color:#000}.volume-details-page__breadcrumb,.volume-details-page .btn{display:none}.volume-details-page__section{box-shadow:none;border:1px solid #ccc;break-inside:avoid;margin-bottom:1rem}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volume-actions{background:var(--volume-card-bg);padding:1.5rem 2rem;border-radius:12px;box-shadow:var(--volume-shadow);margin-bottom:2rem;border:1px solid var(--volume-border);transition:all .3s ease}@media (max-width: 768px){.volume-actions{padding:1rem}}.volume-actions__container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.volume-actions__container{flex-direction:column;align-items:stretch}}.volume-actions__status .status-badge{padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.5rem;border:2px solid}.volume-actions__status .status-badge--owned{background:#10b9811a;color:var(--volume-green);border-color:var(--volume-green)}.volume-actions__status .status-badge--missing{background:#ef44441a;color:var(--volume-red);border-color:var(--volume-red)}.volume-actions__status .status-badge .status-icon{font-size:1.25rem}.volume-actions__buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.volume-actions__buttons{width:100%;justify-content:center}.volume-actions__buttons .btn{flex:1;min-width:0}}@media (max-width: 480px){.volume-actions__buttons{flex-direction:column}.volume-actions__buttons .btn{width:100%}}.volume-actions__buttons .auth-prompt{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.volume-actions__buttons .auth-prompt{flex-direction:column;text-align:center;width:100%}}.volume-actions__buttons .auth-prompt__text{color:var(--volume-text-secondary);font-size:.85rem}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volume-details-card{background:var(--volume-card-bg);border-radius:12px;box-shadow:var(--volume-shadow);border:1px solid var(--volume-border);overflow:hidden;transition:all .3s ease}.volume-details-card:hover{box-shadow:var(--volume-shadow-lg);transform:translateY(-2px)}.volume-details-card:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volume-details-card:focus:not(:focus-visible){box-shadow:none}.volume-details-card__header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--volume-border);background:linear-gradient(135deg,#a855f70d,#ec48990d)}@media (max-width: 768px){.volume-details-card__header{padding:1rem 1.5rem .75rem}}.volume-details-card__title{font-size:1.25rem;font-weight:700;color:var(--volume-text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.volume-details-card__subtitle{font-size:.85rem;color:var(--volume-text-secondary);margin:0;opacity:.8}.volume-details-card__content{padding:2rem}@media (max-width: 768px){.volume-details-card__content{padding:1.5rem}}@media (max-width: 480px){.volume-details-card__content{padding:1rem}}.volume-details-card__footer{padding:1rem 2rem 2rem;border-top:1px solid var(--volume-border);background:var(--volume-hover-bg)}@media (max-width: 768px){.volume-details-card__footer{padding:1rem 1.5rem 1.5rem}}.volume-details-card__empty{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.volume-details-card__error{padding:1rem;background:#ef44441a;color:var(--volume-red);border-radius:8px;text-align:center;font-weight:600}.volume-details-list{display:flex;flex-direction:column;gap:1.5rem;margin:0}@media (max-width: 768px){.volume-details-list{gap:1rem}}.volume-detail-item{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:center;padding:1rem;background:var(--volume-hover-bg);border-radius:8px;transition:all .3s ease;border-left:4px solid transparent}.volume-detail-item:hover{background:var(--volume-border-light);border-left-color:var(--volume-purple);transform:translate(3px)}@media (max-width: 640px){.volume-detail-item{grid-template-columns:1fr;gap:.5rem;text-align:left}}.volume-detail-item__label{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--volume-text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin:0}.volume-detail-item__icon{font-size:1.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--volume-purple);color:#fff;border-radius:6px;flex-shrink:0}@media (max-width: 480px){.volume-detail-item__icon{width:20px;height:20px;font-size:1rem}}.volume-detail-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.volume-detail-item__text{white-space:normal}}.volume-detail-item__value{font-size:1rem;font-weight:600;color:var(--volume-text-primary);margin:0;word-break:break-word;line-height:1.4}.volume-detail-item__value[data-priority=high]{color:var(--volume-purple);font-weight:700}@media (max-width: 640px){.volume-detail-item__value{font-size:.85rem;padding-left:2rem}}.volume-genres__title{font-size:1rem;font-weight:700;color:var(--volume-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.volume-genres__list{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 480px){.volume-genres__list{gap:.5rem}}.volume-genre-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;transition:all .3s ease;cursor:default;user-select:none}.volume-genre-tag--genre{background:#a855f71a;color:var(--volume-purple);border:2px solid var(--volume-purple-light)}.volume-genre-tag--genre:hover{background:#a855f733;transform:translateY(-2px)}.volume-genre-tag--tag{background:#10b9811a;color:var(--volume-green);border:2px solid rgba(16,185,129,.3)}.volume-genre-tag--tag:hover{background:#10b98133;transform:translateY(-2px)}@media (max-width: 480px){.volume-genre-tag{padding:.4rem .8rem;font-size:.7rem}}.empty-state__message{color:var(--volume-text-secondary);font-size:1rem;line-height:1.5;max-width:300px;margin:0 auto}.volume-details-card{animation:fadeInUp .6s ease-out}.volume-detail-item{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.volume-detail-item:nth-child(1){animation-delay:.1s}.volume-detail-item:nth-child(2){animation-delay:.2s}.volume-detail-item:nth-child(3){animation-delay:.3s}.volume-detail-item:nth-child(4){animation-delay:.4s}.volume-detail-item:nth-child(5){animation-delay:.5s}.volume-detail-item:nth-child(6){animation-delay:.6s}.volume-detail-item:nth-child(7){animation-delay:.7s}.volume-detail-item:nth-child(8){animation-delay:.8s}.volume-detail-item:nth-child(9){animation-delay:.9s}.volume-detail-item:nth-child(10){animation-delay:1s}@media (prefers-reduced-motion: reduce){.volume-details-card,.volume-detail-item,.volume-genre-tag{animation:none;transition:none}.volume-details-card:hover,.volume-detail-item:hover,.volume-genre-tag:hover{transform:none}}@media (prefers-contrast: high){.volume-details-card{border-width:3px;border-color:#000}.volume-detail-item{border:2px solid #000000}.volume-genre-tag{border-width:3px;font-weight:800}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volume-hero{position:relative;background:var(--gradient-onepiece);color:#fff;padding:3rem 0;margin-bottom:2rem;border-radius:12px;overflow:hidden}.volume-hero__background{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="3" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 8s ease-in-out infinite}.volume-hero__content{position:relative;z-index:2;display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 1024px){.volume-hero__content{grid-template-columns:1fr;text-align:center;gap:2rem}}@media (max-width: 768px){.volume-hero__content{padding:0 1rem}}.volume-hero__cover{display:flex;justify-content:center}.volume-hero .volume-cover-large{height:333px;border-radius:12px;background:inherit;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:var(--volume-shadow-lg);position:relative;overflow:hidden}.volume-hero .volume-cover-large:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}@media (max-width: 768px){.volume-hero .volume-cover-large{width:200px;height:266px;font-size:2rem}}.volume-hero .volume-cover-emoji{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.volume-hero .volume-number-badge{position:absolute;bottom:1rem;right:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;z-index:1}.volume-hero__info{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (max-width: 1024px){.volume-hero__info{align-items:center}}.volume-hero__title{font-size:2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}@media (max-width: 768px){.volume-hero__title{font-size:1.5rem}}.volume-hero__subtitle{font-size:1.5rem;opacity:.9;margin:0}@media (max-width: 768px){.volume-hero__subtitle{font-size:1.25rem}}.volume-hero__meta{display:flex;gap:2rem;flex-wrap:wrap;font-weight:600}@media (max-width: 1024px){.volume-hero__meta{justify-content:center}}@media (max-width: 768px){.volume-hero__meta{gap:1rem;font-size:.85rem}}.volume-hero__meta .meta-item{background:#fff3;padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(10px)}.volume-hero__badges{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 1024px){.volume-hero__badges{justify-content:center}}.volume-hero__badges .badge{background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.volume-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}@media (max-width: 1024px){.volume-hero__stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.volume-hero__stats{gap:.75rem}}@media (max-width: 480px){.volume-hero__stats{grid-template-columns:1fr;gap:1rem}}.volume-hero__stats .stat-item{background:#ffffff40;backdrop-filter:blur(10px);border-radius:12px;padding:1rem;border:2px solid rgba(255,255,255,.4);text-align:center;min-height:85px;display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #00000026}@media (max-width: 1024px){.volume-hero__stats .stat-item{padding:.75rem;min-height:80px}}@media (max-width: 768px){.volume-hero__stats .stat-item{padding:.75rem;min-height:75px}}@media (max-width: 480px){.volume-hero__stats .stat-item{padding:1rem;min-height:80px}}.volume-hero__stats .stat-item .stat-number{font-size:1.5rem;font-weight:800;margin-bottom:.25rem;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 1024px){.volume-hero__stats .stat-item .stat-number{font-size:1.25rem}}@media (max-width: 768px){.volume-hero__stats .stat-item .stat-number{font-size:1.1rem}}@media (max-width: 480px){.volume-hero__stats .stat-item .stat-number{font-size:1.25rem}}.volume-hero__stats .stat-item .stat-label{font-size:.85rem;color:#fff;font-weight:600;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.25)}@media (max-width: 768px){.volume-hero__stats .stat-item .stat-label{font-size:.8rem}}@media (max-width: 480px){.volume-hero__stats .stat-item .stat-label{font-size:.9rem}}.volume-hero__stats .stat-item:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 8px 20px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.volume-stats-card{background:var(--volume-card-bg);border-radius:12px;box-shadow:var(--volume-shadow);border:1px solid var(--volume-border);overflow:hidden;transition:all .3s ease}.volume-stats-card:hover{box-shadow:var(--volume-shadow-lg)}.volume-stats-card__header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--volume-border);background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}@media (max-width: 768px){.volume-stats-card__header{padding:1rem 1.5rem .75rem}}.volume-stats-card__title{font-size:1.25rem;font-weight:700;color:var(--volume-text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.volume-stats-card__subtitle{font-size:.85rem;color:var(--volume-text-secondary);margin:0;opacity:.8}.volume-stats-card__tabs{padding:0 2rem;border-bottom:1px solid var(--volume-border)}@media (max-width: 768px){.volume-stats-card__tabs{padding:0 1.5rem}}@media (max-width: 480px){.volume-stats-card__tabs{padding:0 1rem}}.volume-stats-card__content{padding:2rem}@media (max-width: 768px){.volume-stats-card__content{padding:1.5rem}}@media (max-width: 480px){.volume-stats-card__content{padding:1rem}}.volume-stats-card__error{padding:1rem;background:#ef44441a;color:var(--volume-red);border-radius:8px;text-align:center;font-weight:600}.stats-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.stats-tabs::-webkit-scrollbar{height:3px}.stats-tabs::-webkit-scrollbar-track{background:transparent}.stats-tabs::-webkit-scrollbar-thumb{background:var(--volume-border);border-radius:2px}.stats-tabs::-webkit-scrollbar-thumb:hover{background:var(--volume-text-secondary)}@media (max-width: 1024px){.stats-tabs{gap:.25rem;padding:.75rem 0}}@media (max-width: 640px){.stats-tabs{gap:.25rem}}@media (max-width: 480px){.stats-tabs{justify-content:center;flex-wrap:wrap;overflow-x:visible;gap:.5rem}}.stats-tab{background:transparent;border:2px solid var(--volume-border);border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.85rem;font-weight:600;color:var(--volume-text-secondary);flex-shrink:0}.stats-tab:hover{border-color:var(--volume-blue);background:#3b82f60d}.stats-tab:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.stats-tab:focus:not(:focus-visible){box-shadow:none}.stats-tab--active{border-color:var(--volume-blue);background:var(--volume-blue);color:#fff}.stats-tab__icon{font-size:1rem;flex-shrink:0}@media (max-width: 768px){.stats-tab__label{display:none}}@media (max-width: 480px){.stats-tab__label{display:inline}}@media (max-width: 1024px){.stats-tab{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 768px){.stats-tab{padding:.75rem;min-width:48px;justify-content:center}}@media (max-width: 480px){.stats-tab{padding:.5rem .75rem;min-width:auto;flex:1;justify-content:center;max-width:120px}}.stats-panel{min-height:200px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:1rem}}.stat-card{background:var(--volume-hover-bg);border-radius:12px;padding:1rem;transition:all .3s ease;border-left:4px solid var(--volume-blue);min-height:100px;width:100%;box-sizing:border-box}.stat-card:hover{background:var(--volume-border-light);transform:translateY(-2px);box-shadow:var(--volume-shadow)}@media (max-width: 1024px){.stat-card{padding:.75rem;min-height:90px}}@media (max-width: 768px){.stat-card{padding:.75rem;min-height:85px}}@media (max-width: 480px){.stat-card{padding:1rem;min-height:auto}}.stat-card__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}@media (max-width: 768px){.stat-card__header{gap:.5rem;margin-bottom:.25rem}}.stat-card__icon{width:36px;height:36px;background:var(--volume-card-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--volume-shadow);flex-shrink:0}@media (max-width: 1024px){.stat-card__icon{width:32px;height:32px;font-size:1rem}}@media (max-width: 768px){.stat-card__icon{width:28px;height:28px;font-size:1rem}}.stat-card__info{flex:1;min-width:0;overflow:hidden}.stat-card__value{font-size:1.25rem;font-weight:800;color:var(--volume-text-primary);margin-bottom:.25rem;line-height:1.1;word-break:break-word}@media (max-width: 1024px){.stat-card__value{font-size:1.1rem}}@media (max-width: 768px){.stat-card__value{font-size:1rem}}.stat-card__label{font-size:.7rem;color:var(--volume-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}@media (max-width: 768px){.stat-card__label{font-size:.7rem;letter-spacing:.2px}}.stat-card__description{font-size:.7rem;color:var(--volume-text-secondary);line-height:1.3;opacity:.8;margin-top:.25rem}@media (max-width: 768px){.stat-card__description{font-size:.65rem;display:none}}@media (max-width: 480px){.stat-card__description{display:block;font-size:.7rem}}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--volume-hover-bg);border-radius:8px;transition:all .3s ease}.stat-item:hover{background:var(--volume-border-light)}.stat-item__icon{width:40px;height:40px;background:var(--volume-card-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:var(--volume-shadow)}.stat-item__content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0}@media (max-width: 480px){.stat-item__content{flex-direction:column;align-items:flex-start;gap:.5rem}}.stat-item__label{font-size:.85rem;font-weight:600;color:var(--volume-text-secondary)}.stat-item__value{font-size:1.1rem;font-weight:700;color:var(--volume-text-primary);text-align:right}@media (max-width: 480px){.stat-item__value{text-align:left}}.rating-chart{background:var(--volume-hover-bg);border-radius:12px;padding:1.5rem}@media (max-width: 480px){.rating-chart{padding:1rem}}.rating-chart__title{font-size:1.1rem;font-weight:700;color:var(--volume-text-primary);margin:0 0 1.5rem;text-align:center}.rating-bars{display:flex;flex-direction:column;gap:1rem}.rating-bar{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}@media (max-width: 480px){.rating-bar{gap:.75rem}}.rating-bar__label{font-size:.85rem;font-weight:600;color:var(--volume-text-secondary);white-space:nowrap}.rating-bar__track{background:var(--volume-border);border-radius:10px;height:20px;overflow:hidden;position:relative}.rating-bar__fill{height:100%;border-radius:10px;transition:width .8s ease;background:linear-gradient(90deg,var(--volume-orange) 0%,#fbbf24 100%);position:relative}.rating-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:10px}.rating-bar__count{font-size:.8rem;font-weight:600;color:var(--volume-text-primary);min-width:30px;text-align:right}.stats-message{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;text-align:center;background:var(--volume-hover-bg);border-radius:12px}.stats-message__icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.stats-message__text{font-size:1rem;color:var(--volume-text-secondary);line-height:1.5;margin:0;max-width:300px}.stats-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.empty-state{text-align:center}.empty-state__icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state__title{font-size:1.25rem;font-weight:600;color:var(--volume-text-primary);margin:0 0 .75rem}.empty-state__description{color:var(--volume-text-secondary);font-size:1rem;line-height:1.5;max-width:300px;margin:0 auto}.stats-panel{animation:fadeInScale .4s ease-out}.stat-card{animation:fadeInScale .5s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-card:nth-child(7){animation-delay:.7s}.stat-card:nth-child(8){animation-delay:.8s}.rating-bar__fill{animation:fillBar 1s ease-out .5s both}@keyframes fillBar{0%{width:0%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.stats-panel,.stat-card,.rating-bar__fill{animation:none;transition:none}.stat-card:hover{transform:none}}@media (prefers-contrast: high){.stat-card,.stat-item{border:3px solid #000000}.stats-tab{border-width:3px}.stats-tab--active{border-color:#000;background:#000}.rating-bar__fill{background:#000}}@media print{.volume-stats-card{box-shadow:none;border:2px solid #000000;background:#fff;color:#000;break-inside:avoid}.volume-stats-card__tabs{display:none}.stat-card,.stat-item,.rating-chart{background:#fff;border:1px solid #cccccc;break-inside:avoid}.rating-bar__fill{background:#ccc}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist-volume-btn{transition:all .3s ease}.wishlist-volume-btn--active{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:var(--volume-purple)}.wishlist-volume-btn--active:hover:not(:disabled){background:linear-gradient(135deg,#9c3df6,#ec4899);transform:translateY(-2px)}.wishlist-volume-btn:disabled{opacity:.6;cursor:not-allowed}.review-card{padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.review-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.review-card--private{border-left:4px solid #f59e0b;background:linear-gradient(to right,rgba(245,158,11,.05),transparent)}.review-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.review-card__user{display:flex;align-items:center;gap:1rem;flex:1}.review-card__rating{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:80px}.review-card__comment{margin:1rem 0;padding:1rem;background:var(--surface-secondary);border-radius:8px;line-height:1.6}.review-card__comment p{margin:0;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.review-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.review-card__badges{display:flex;gap:.5rem;flex-wrap:wrap}.review-card__actions{display:flex;gap:.5rem}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.user-avatar--default{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1.2rem}.user-info{flex:1}.user-info__name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.user-info__date{display:block;font-size:.85rem;color:var(--text-secondary)}.user-badge{display:inline-block;font-size:.8rem}.user-badge--premium{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.rating-display{display:flex;align-items:baseline;gap:.25rem;font-weight:700}.rating-display .rating-value{font-size:1.5rem;color:#667eea}.rating-display .rating-max{font-size:1rem;color:var(--text-secondary)}.rating-bar{width:80px;height:6px;background:var(--surface-secondary);border-radius:3px;overflow:hidden}.rating-bar__fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.badge{padding:.4rem 1rem;font-size:.8rem;border-radius:20px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem}.badge--private{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f;box-shadow:0 2px 8px #f59e0b4d}.badge--volume{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;font-weight:700}.btn-action{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}.btn-action:hover{background:var(--surface-secondary);transform:scale(1.05)}.btn-action--delete:hover{background:#fee2e2;border-color:#ef4444}.btn-action--visibility:hover{background:#dbeafe;border-color:#3b82f6}@media (max-width: 768px){.review-card{padding:1rem}.review-card__header{flex-direction:column;gap:1rem}.review-card__rating{align-items:flex-start;width:100%}.review-card__footer{flex-direction:column;align-items:flex-start;gap:1rem}.review-card__actions{width:100%;justify-content:flex-end}.rating-bar{width:100%}}.review-form{padding:1.5rem;background:var(--card-background);border-radius:12px}.review-form__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.review-form__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.review-form__field{margin-bottom:1.5rem}.review-form__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.required{color:#ef4444}.rating-selector{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem;margin-bottom:.75rem}.rating-btn{aspect-ratio:1;padding:.75rem;background:var(--surface-secondary);border:2px solid var(--border-color);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.rating-btn:hover{transform:scale(1.1);background:#e0e7ff;border-color:#818cf8;color:#4f46e5}.rating-btn--active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.rating-btn--hovered{background:#e0e7ff;border-color:#818cf8;color:#4f46e5}.rating-preview{padding:.75rem 1rem;background:var(--surface-secondary);border-radius:8px;font-size:.9rem;color:var(--text-secondary);text-align:center}.rating-preview strong{color:#667eea;font-weight:700}.form-textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;transition:all .2s ease;background:var(--card-background);color:var(--text-primary)}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea::placeholder{color:var(--text-secondary)}.form-checkbox{display:flex;align-items:flex-start;gap:.75rem}.form-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.checkbox-icon{font-size:1.2rem}.checkbox-text{font-size:.95rem;color:var(--text-primary)}.form-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.form-error{margin-top:.5rem;padding:.5rem .75rem;background:#fee2e2;border-left:3px solid #ef4444;border-radius:4px;color:#991b1b;font-size:.85rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn--secondary{background:var(--surface-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--border-color)}@media (max-width: 768px){.review-form{padding:1rem}.review-form__actions{flex-direction:column-reverse}.rating-selector{grid-template-columns:repeat(5,1fr)}.rating-btn{font-size:.9rem}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.rating-selector{gap:.25rem}.rating-btn{padding:.5rem;font-size:.85rem}}.volume-review-section{margin-top:2rem;padding:2rem;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a}.volume-review-section--loading{display:flex;justify-content:center;align-items:center;min-height:200px}.volume-review-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.volume-review-section__form{margin-bottom:2rem;padding:1.5rem;background:var(--surface-secondary);border-radius:8px;border:2px dashed var(--border-color)}.volume-review-section__login-prompt{padding:2rem;text-align:center;background:var(--surface-secondary);border-radius:8px;margin-bottom:2rem}.volume-review-section__login-prompt p{margin:0;color:var(--text-secondary);font-size:1rem}.volume-review-section__list{display:flex;flex-direction:column;gap:1.5rem}.volume-review-section__empty{padding:3rem 2rem;text-align:center;background:var(--surface-secondary);border-radius:8px;color:var(--text-secondary)}.volume-review-section__empty p{margin:0;font-size:1rem}.review-stats{display:flex;align-items:center;gap:2rem}.review-stats__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.review-stats__summary{display:flex;align-items:center;gap:1rem}.review-stats__rating{display:flex;align-items:baseline;gap:.25rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);border-radius:12px;color:#fff;box-shadow:0 4px 15px #8b5cf666;position:relative;overflow:hidden}.review-stats__rating:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.review-stats__count{font-size:.95rem;color:var(--text-secondary);font-weight:500}.rating-value{font-size:2.25rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rating-max{font-size:1.25rem;opacity:.95;font-weight:600}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.volume-review-section{padding:1.5rem}.volume-review-section__header{flex-direction:column;align-items:flex-start;gap:1rem}.review-stats{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.review-stats__summary{width:100%;justify-content:space-between}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist{min-height:100vh;background:var(--wishlist-bg);display:flex;transition:background-color .3s ease}.wishlist--fullwidth{width:100%}.wishlist__container{flex:1;display:flex;flex-direction:column;min-width:0}.wishlist__content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.wishlist-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--wishlist-bg)}.wishlist__header h1{font-size:2rem;font-weight:800;color:var(--wishlist-text-primary);margin:0}.wishlist__header-content{flex:1}@media (max-width: 480px){.wishlist__header-actions{width:100%;justify-content:stretch}.wishlist__header-actions .btn{flex:1}}.wishlist__subtitle{color:var(--wishlist-text-secondary);margin:.5rem 0 0;font-size:1.1rem}.stat-card__icon{font-size:2rem;margin-bottom:.5rem}.stat-card__number{font-size:2rem;font-weight:800;color:var(--wishlist-text-primary);margin-bottom:.25rem}.stat-card__label{color:var(--wishlist-text-secondary);font-weight:500;font-size:.85rem}@media (max-width: 480px){.stat-card{padding:1rem}.stat-card__number{font-size:1.5rem}}.wishlist__section-header h3{font-size:1.5rem;font-weight:700;color:var(--wishlist-text-primary);margin:0}.search-bar{position:relative;min-width:300px}@media (max-width: 768px){.search-bar{min-width:auto;width:100%}}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--wishlist-text-tertiary)}.search-bar__input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--wishlist-border);border-radius:var(--wishlist-border-radius);font-size:1rem;background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);transition:border-color .3s ease}.search-bar__input:focus{outline:none;border-color:var(--wishlist-purple)}.view-controls{display:flex;gap:.5rem}.view-btn{padding:.5rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-secondary);border-radius:var(--wishlist-border-radius);cursor:pointer;transition:all .3s ease;font-size:1.25rem}.filter-btn{padding:.5rem 1rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-secondary);border-radius:2rem;font-size:.8rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn--active{background:var(--wishlist-purple);border-color:var(--wishlist-purple);color:#fff}.filter-btn:hover:not(.filter-btn--active){border-color:var(--wishlist-purple);color:var(--wishlist-purple)}.sort-select{padding:.5rem;border-radius:var(--wishlist-border-radius);border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);cursor:pointer}.sort-select:focus{outline:none;border-color:var(--wishlist-purple)}.wishlist__empty-icon{font-size:4rem;margin-bottom:1rem}.wishlist__empty h3{color:var(--wishlist-text-primary);margin-bottom:.5rem}.wishlist__empty p{margin-bottom:2rem}.wishlist-item{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid var(--wishlist-border);animation:slideInUp .3s ease}.wishlist-item.priority-critical:before{background:linear-gradient(135deg,#eb1515,#ef4444)}.wishlist-item--loading:after{content:"";position:absolute;inset:0;background:#0000001a;border-radius:var(--wishlist-border-radius);z-index:1}.wishlist-item__title{font-size:1.1rem;font-weight:700;color:var(--wishlist-text-primary);margin-bottom:.5rem;line-height:1.3}.wishlist-item__volume-badge{display:inline-block;padding:.25rem .75rem;background:#a855f71a;color:var(--wishlist-purple);border-radius:1rem;font-size:.7rem;font-weight:600;margin-top:.5rem}.wishlist-item__notes,.wishlist-item__synopsis{font-size:.85rem;color:var(--wishlist-text-primary);font-style:italic;margin-bottom:1rem;padding:.75rem;background:#a855f70d;border-radius:8px;border-left:3px solid var(--wishlist-purple);line-height:1.4}.wishlist-item__date{color:var(--wishlist-text-tertiary)}.wishlist-item__expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--wishlist-border)}.wishlist-item .priority-select:focus{outline:none;border-color:var(--wishlist-purple)}.wishlist-item .priority-select:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.wishlist-item{padding:1rem}.wishlist-item__synopsis{font-size:.8rem;padding:.5rem}}.priority-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0}.priority-badge.priority-critical{background:linear-gradient(135deg,#eb1515,#ef4444);color:#fff;box-shadow:0 2px 8px #ef44444d}.priority-badge.priority-high{background:var(--wishlist-red);color:#fff}.priority-badge.priority-medium{background:var(--wishlist-orange);color:#fff}.priority-badge.priority-low{background:var(--wishlist-green);color:#fff}.priority-badge.priority-minimal{background:var(--wishlist-text-tertiary);color:#fff}.action-btn:disabled{opacity:.6;cursor:not-allowed}.btn{padding:.75rem 1.5rem;border-radius:var(--wishlist-border-radius);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--wishlist-purple),#ec4899);color:#fff;box-shadow:var(--wishlist-shadow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--wishlist-shadow-lg)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--secondary{background:transparent;color:var(--wishlist-purple);border:2px solid var(--wishlist-purple)}.btn--secondary:hover:not(:disabled){background:var(--wishlist-purple);color:#fff}.btn--secondary:disabled{opacity:.6;cursor:not-allowed}.btn--danger{background:var(--wishlist-red);color:#fff}.btn--danger:hover:not(:disabled){background:#eb1515;transform:translateY(-2px)}.btn--danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--success{background:var(--wishlist-green);color:#fff}.btn--success:hover:not(:disabled){background:#0c8a60;transform:translateY(-2px)}.btn--success:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--small{padding:.5rem 1rem;font-size:.8rem}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.notifications{position:fixed;top:2rem!important;bottom:auto!important;right:2rem;z-index:101;display:flex;flex-direction:column;gap:.5rem;max-width:400px}@media (max-width: 768px){.notifications{top:1rem!important;bottom:auto!important;right:1rem;left:1rem;max-width:none}}.notification{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:var(--wishlist-shadow-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;animation:slideInRight .3s ease}.notification--success{border-left:4px solid var(--wishlist-green)}.notification--error{border-left:4px solid var(--wishlist-red)}.notification--info{border-left:4px solid var(--wishlist-purple)}.notification__icon{font-size:1.25rem;flex-shrink:0}.notification__message{color:var(--wishlist-text-primary);font-weight:500;flex:1}@media (max-width: 768px){.wishlist__content{padding:1rem}}@media (max-width: 480px){.btn{font-size:.8rem;padding:.5rem 1rem}.btn--small{font-size:.7rem;padding:.4rem .8rem}}@media (prefers-reduced-motion: reduce){.wishlist-item,.notification,.stat-card{animation:none;transition:none}.wishlist-item:hover,.btn:hover{transform:none}}@media (prefers-contrast: high){.wishlist-item,.filter-btn,.view-btn,.btn{border-width:3px}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist__controls{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:var(--wishlist-shadow);padding:1.5rem 2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.wishlist__controls{flex-direction:column;align-items:stretch;padding:1.5rem}}.wishlist__section-header{padding:1.5rem 2rem;border-bottom:1px solid var(--wishlist-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius) var(--wishlist-border-radius) 0 0}.wishlist__section-header h3{font-size:1.5rem;font-weight:700;color:var(--wishlist-text-primary);margin:0;line-height:1.2}.search-bar{position:relative;min-width:300px;flex:1;max-width:500px}@media (max-width: 768px){.search-bar{min-width:auto;width:100%;max-width:none}}.search-bar__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--wishlist-text-tertiary);font-size:1.25rem;pointer-events:none}.search-bar__input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--wishlist-border);border-radius:var(--wishlist-border-radius);font-size:1rem;background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.search-bar__input:focus{outline:none;border-color:var(--wishlist-purple);box-shadow:0 0 0 3px #a855f71a}.search-bar__input::placeholder{color:var(--wishlist-text-tertiary)}.search-bar__input:disabled{opacity:.6;cursor:not-allowed;background:var(--wishlist-disabled-bg)}.search-bar__clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--wishlist-text-tertiary);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .3s ease;display:none}.search-bar__clear:hover{background:var(--wishlist-hover-bg);color:var(--wishlist-text-primary)}.search-bar__clear.visible{display:block}.view-controls{display:flex;gap:.5rem;flex-shrink:0}.view-btn{padding:.5rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-secondary);border-radius:var(--wishlist-border-radius);cursor:pointer;transition:all .3s ease;font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.view-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.view-btn:focus:not(:focus-visible){box-shadow:none}.view-btn--active{background:var(--wishlist-purple);border-color:var(--wishlist-purple);color:#fff}.view-btn:hover:not(.view-btn--active){border-color:var(--wishlist-purple);color:var(--wishlist-purple)}.view-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.filters{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.filters{width:100%;justify-content:center}}.filter-btn{padding:.5rem 1rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-secondary);border-radius:24px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.filter-btn:focus:not(:focus-visible){box-shadow:none}.filter-btn--active{background:var(--wishlist-purple);border-color:var(--wishlist-purple);color:#fff;font-weight:600}.filter-btn:hover:not(.filter-btn--active){border-color:var(--wishlist-purple);color:var(--wishlist-purple);transform:translateY(-1px)}.filter-btn__count{display:inline-block;background:#ffffff4d;padding:.25rem .5rem;border-radius:50%;margin-left:.25rem;font-size:.7rem;font-weight:700}.filter-btn--active .filter-btn__count{background:#ffffff4d}.filter-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sort-select{padding:.5rem 3rem .5rem 1rem;border-radius:var(--wishlist-border-radius);border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.sort-select:focus{outline:none;border-color:var(--wishlist-purple);box-shadow:0 0 0 3px #a855f71a}.sort-select:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (prefers-contrast: high){.filter-btn,.view-btn,.search-bar__input,.sort-select{border-width:3px}}@media (prefers-reduced-motion: reduce){.filter-btn,.view-btn{transition:none}.filter-btn:hover,.view-btn:hover{transform:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem}@media (max-width: 768px){.wishlist__grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}.wishlist__grid--list{grid-template-columns:1fr;gap:1rem}.wishlist__grid--compact{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.wishlist__grid--large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3rem}.wishlist__empty{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--wishlist-text-secondary)}.wishlist__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.8;display:inline-block;background:var(--wishlist-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wishlist__empty h3{color:var(--wishlist-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.wishlist__empty p{font-size:1rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width: 480px){.wishlist__empty{padding:3rem 1rem}.wishlist__empty-icon{font-size:2.5rem}.wishlist__empty h3{font-size:1.1rem}.wishlist__empty p{font-size:.85rem}}.wishlist__grid>*{animation:fadeInUp .3s ease ease-out;animation-fill-mode:both}.wishlist__grid>*:nth-child(1){animation-delay:.05s}.wishlist__grid>*:nth-child(2){animation-delay:.1s}.wishlist__grid>*:nth-child(3){animation-delay:.15s}.wishlist__grid>*:nth-child(4){animation-delay:.2s}.wishlist__grid>*:nth-child(5){animation-delay:.25s}.wishlist__grid>*:nth-child(6){animation-delay:.3s}.wishlist__grid>*:nth-child(7){animation-delay:.35s}.wishlist__grid>*:nth-child(8){animation-delay:.4s}.wishlist__grid>*:nth-child(9){animation-delay:.45s}.wishlist__grid>*:nth-child(10){animation-delay:.5s}.wishlist__grid>*:nth-child(11){animation-delay:.55s}.wishlist__grid>*:nth-child(12){animation-delay:.6s}.wishlist__grid>*:nth-child(13){animation-delay:.65s}.wishlist__grid>*:nth-child(14){animation-delay:.7s}.wishlist__grid>*:nth-child(15){animation-delay:.75s}.wishlist__grid>*:nth-child(16){animation-delay:.8s}.wishlist__grid>*:nth-child(17){animation-delay:.85s}.wishlist__grid>*:nth-child(18){animation-delay:.9s}.wishlist__grid>*:nth-child(19){animation-delay:.95s}.wishlist__grid>*:nth-child(20){animation-delay:1s}.wishlist__grid--loading{opacity:.8;pointer-events:none}.wishlist__grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem}.wishlist__grid-skeleton .skeleton-item{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);height:300px;animation:pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.wishlist__grid>*{animation:none}.wishlist__grid-skeleton .skeleton-item{animation:none}}@media (prefers-contrast: high){.wishlist__empty{border:2px solid var(--wishlist-border);border-radius:var(--wishlist-border-radius)}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist__header{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:var(--wishlist-shadow);padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.wishlist__header h1{font-size:2rem;font-weight:800;color:var(--wishlist-text-primary);margin:0;line-height:1.2}@media (max-width: 768px){.wishlist__header h1{font-size:1.5rem}}.wishlist__header-content{flex:1;min-width:0}.wishlist__header-actions{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.wishlist__header-actions{width:100%;justify-content:stretch}.wishlist__header-actions .btn{flex:1;min-width:0}}@media (max-width: 768px){.wishlist__header{padding:1.5rem;flex-direction:column;align-items:stretch;text-align:center}.wishlist__header-actions{width:100%;justify-content:stretch}.wishlist__header-actions .btn{flex:1}}.wishlist__subtitle{color:var(--wishlist-text-secondary);margin:.5rem 0 0;font-size:1.1rem;font-weight:400;line-height:1.4}@media (max-width: 480px){.wishlist__subtitle{font-size:1rem}}.wishlist__header--compact{padding:1.5rem;margin-bottom:1.5rem}.wishlist__header--compact h1{font-size:1.5rem}.wishlist__header--compact .wishlist__subtitle{font-size:1rem}.wishlist__header--gradient{background:var(--wishlist-gradient-primary);color:#fff}.wishlist__header--gradient h1,.wishlist__header--gradient .wishlist__subtitle{color:#fff}.wishlist__header:focus-within{outline:2px solid var(--wishlist-purple);outline-offset:2px}@media (prefers-contrast: high){.wishlist__header{border:3px solid var(--wishlist-border)}}@media print{.wishlist__header{box-shadow:none;border:1px solid #000;page-break-after:avoid}.wishlist__header-actions{display:none}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist-item{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);padding:1.5rem;position:relative;overflow:hidden;border:1px solid var(--wishlist-border);box-shadow:var(--wishlist-shadow);animation:slideInUp .3s ease ease;transition:all .3s ease}.wishlist-item:hover{transform:translateY(-5px);box-shadow:var(--wishlist-shadow-lg)}.wishlist-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.wishlist-item.priority-critical:before{background:var(--wishlist-gradient-critical)}.wishlist-item.priority-high:before{background:var(--wishlist-red)}.wishlist-item.priority-medium:before{background:var(--wishlist-orange)}.wishlist-item.priority-low:before{background:var(--wishlist-green)}.wishlist-item.priority-minimal:before{background:var(--wishlist-text-tertiary)}.wishlist-item--loading{opacity:.7;pointer-events:none}.wishlist-item--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#0000001a;border-radius:var(--wishlist-border-radius);z-index:1}.wishlist-item__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.wishlist-item__loading .loading-spinner{width:24px;height:24px;border:2px solid var(--wishlist-border);border-top:2px solid var(--wishlist-purple);border-radius:50%;animation:spin 1s linear infinite}.wishlist-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.wishlist-item__info{flex:1;min-width:0}.wishlist-item__title{font-size:1.1rem;font-weight:700;color:var(--wishlist-text-primary);margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wishlist-item__details{font-size:.85rem;color:var(--wishlist-text-secondary);margin-bottom:.75rem}.wishlist-item__volume-badge{display:inline-block;padding:.25rem .75rem;background:#a855f71a;color:var(--wishlist-purple);border-radius:50%;font-size:.7rem;font-weight:600;margin-top:.5rem}.wishlist-item__body{margin-bottom:1.5rem}.wishlist-item__notes,.wishlist-item__synopsis{font-size:.85rem;color:var(--wishlist-text-primary);font-style:italic;margin-bottom:1rem;padding:.75rem;background:#a855f70d;border-radius:8px;border-left:3px solid var(--wishlist-purple);line-height:1.4;max-height:150px;overflow:hidden;text-overflow:ellipsis}.wishlist-item__meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--wishlist-text-secondary);margin-bottom:1rem}@media (max-width: 480px){.wishlist-item__meta{flex-direction:column;align-items:flex-start;gap:.25rem}}.wishlist-item__type{font-weight:500}.wishlist-item__date{color:var(--wishlist-text-tertiary);font-size:.7rem}.wishlist-item__expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--wishlist-border);animation:slideDown .3s ease ease}.wishlist-item__actions{display:flex;gap:.5rem}@media (max-width: 768px){.wishlist-item__actions{flex-wrap:wrap;gap:.25rem}}@media (max-width: 480px){.wishlist-item__actions{flex-direction:column}}.wishlist-item .priority-select{padding:.4rem;border-radius:8px;border:1px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);font-size:.8rem;cursor:pointer;transition:all .3s ease}.wishlist-item .priority-select:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.wishlist-item .priority-select:focus:not(:focus-visible){box-shadow:none}.wishlist-item .priority-select:focus{border-color:var(--wishlist-purple)}.wishlist-item .priority-select:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.wishlist-item .priority-select{font-size:.7rem;padding:.3rem}}@media (max-width: 480px){.wishlist-item .priority-select{width:100%;margin-bottom:.5rem}}@media (max-width: 480px){.wishlist-item{padding:1rem}.wishlist-item__synopsis{font-size:.8rem;padding:.5rem;max-height:100px}.wishlist-item__title{font-size:1rem}}.priority-badge{background:transparent;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0}.priority-badge.priority-high{background:var(--wishlist-red)}.priority-badge.priority-medium{background:var(--wishlist-orange)}.priority-badge.priority-low{background:var(--wishlist-green)}.action-btn{flex:1;padding:.5rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn--view:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.action-btn--remove:hover:not(:disabled){opacity:.8}.action-btn--expand{background:transparent;color:var(--wishlist-text-secondary);border:1px solid var(--wishlist-border);min-width:36px}@media (max-width: 768px){.action-btn{font-size:.7rem;padding:.3rem;min-width:auto}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px}}@media (prefers-reduced-motion: reduce){.wishlist-item{animation:none;transition:none}.wishlist-item:hover,.action-btn:hover{transform:none}.wishlist-item__expanded{animation:none}}@media (prefers-contrast: high){.wishlist-item{border-width:3px}.priority-badge{border:2px solid currentColor}.action-btn{border-width:2px}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist-manga-group{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);padding:1.5rem;position:relative;overflow:hidden;border-left:4px solid;box-shadow:var(--wishlist-shadow);transition:all .3s ease;animation:slideInUp .3s ease ease}.wishlist-manga-group:hover{transform:translate(4px);box-shadow:var(--wishlist-shadow-lg)}.wishlist-manga-group.priority-critical{border-color:var(--wishlist-red);background:var(--wishlist-priority-critical-bg)}.wishlist-manga-group.priority-high{border-color:var(--wishlist-orange);background:var(--wishlist-priority-high-bg)}.wishlist-manga-group.priority-medium{border-color:var(--wishlist-blue);background:var(--wishlist-priority-medium-bg)}.wishlist-manga-group.priority-low{border-color:var(--wishlist-text-secondary);background:var(--wishlist-priority-low-bg)}.wishlist-manga-group.priority-minimal{border-color:var(--wishlist-text-tertiary)}.wishlist-manga-group__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.wishlist-manga-group__header{flex-direction:column}}.wishlist-manga-group__info{flex:1;min-width:0}.wishlist-manga-group__title{font-size:1.25rem;font-weight:700;color:var(--wishlist-text-primary);margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.wishlist-manga-group__title{font-size:1.1rem}}.wishlist-manga-group__meta{font-size:.85rem;color:var(--wishlist-text-secondary);margin-bottom:.5rem;line-height:1.5}.wishlist-manga-group__items{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.wishlist-manga-group__actions{display:flex;gap:.5rem;margin-top:1rem}@media (max-width: 480px){.wishlist-manga-group__actions{flex-direction:column}}.wishlist-manga-group__volumes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--wishlist-border);animation:slideDown .3s ease ease}.wishlist-manga-group__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--wishlist-border);font-size:.8rem;color:var(--wishlist-text-tertiary);font-style:italic}@media (max-width: 768px){.wishlist-manga-group{padding:1rem}.wishlist-manga-group__title{font-size:1rem}.wishlist-manga-group__meta{font-size:.8rem}}.item-badge{background:transparent;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;border:1px solid}.item-badge--series{background:#a855f733;color:#c186f9;border-color:#a855f74d}.item-badge--volumes{background:#ec489933;color:#ee5fa6;border-color:#ec48994d}.item-badge__icon{font-size:.8rem}.volumes-list{display:flex;flex-direction:column;gap:.5rem}.volume-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid var(--wishlist-border);transition:all .3s ease}.volume-item:hover{background:#a855f71a;transform:translate(4px);border-color:var(--wishlist-purple)}.volume-item__info{display:flex;gap:1rem;align-items:center;flex:1}@media (max-width: 480px){.volume-item__info{flex-direction:column;align-items:flex-start;gap:.25rem}}.volume-item__number{font-weight:600;color:var(--wishlist-text-primary);min-width:80px;font-size:.85rem}@media (max-width: 480px){.volume-item__number{min-width:auto}}.volume-item__priority{font-size:.85rem;color:var(--wishlist-text-secondary)}@media (max-width: 480px){.volume-item__priority{font-size:.8rem}}.volume-item__remove{background:#ef444433;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--wishlist-red);font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.volume-item__remove:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.volume-item__remove:focus:not(:focus-visible){box-shadow:none}.volume-item__remove:hover{background:#ef44444d;transform:scale(1.1)}.volume-item__remove:active{transform:scale(.95)}.volume-item__remove:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.action-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.action-btn:focus:not(:focus-visible){box-shadow:none}.action-btn--view{background:var(--wishlist-blue);color:#fff}.action-btn--view:hover:not(:disabled){background:#0b63f3;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.action-btn--expand{background:transparent;color:var(--wishlist-text-secondary);border:2px solid var(--wishlist-border)}.action-btn--expand:hover:not(:disabled){background:var(--wishlist-purple);color:#fff;border-color:var(--wishlist-purple)}.action-btn--expand.expanded .icon{transform:rotate(180deg)}.action-btn--expand .icon{transition:transform .3s ease}.action-btn--remove{background:var(--wishlist-red);color:#fff}.action-btn--remove:hover:not(:disabled){background:#eb1515;transform:translateY(-2px);box-shadow:0 2px 8px #dc26264d}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.action-btn{width:100%;justify-content:center}}.priority-badge{background:transparent;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.priority-badge.priority-critical{background:var(--wishlist-gradient-critical);box-shadow:0 2px 8px #dc26264d}.priority-badge.priority-high{background:var(--wishlist-orange)}.priority-badge.priority-medium{background:var(--wishlist-blue)}.priority-badge.priority-low{background:var(--wishlist-text-secondary)}.priority-badge.priority-minimal{background:var(--wishlist-text-tertiary)}@media (max-width: 768px){.priority-badge{font-size:.8rem;padding:.25rem .75rem}}.added-date{font-size:.8rem;color:var(--wishlist-text-tertiary);font-style:italic;display:flex;align-items:center;gap:.25rem}.added-date:before{content:"📅";font-style:normal}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.wishlist-manga-group{animation:none;transition:none}.wishlist-manga-group:hover{transform:none}.wishlist-manga-group__volumes{animation:none}.volume-item:hover,.action-btn:hover{transform:none}}@media (prefers-contrast: high){.wishlist-manga-group{border-width:6px}.volume-item{border-width:2px}.action-btn{border-width:3px}}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:var(--wishlist-modal-overlay);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease ease}.modal__content{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease cubic-bezier(.16,1,.3,1);scroll-behavior:smooth;overscroll-behavior:contain}.modal__header{padding:2rem 2rem 1rem;background:var(--wishlist-gradient-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:var(--wishlist-border-radius) var(--wishlist-border-radius) 0 0}.modal__title{font-size:1.25rem;font-weight:700;margin:0;line-height:1.3}@media (max-width: 480px){.modal__title{font-size:1.1rem}}.modal__close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal__close:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.modal__close:focus:not(:focus-visible){box-shadow:none}.modal__close:hover{background:#ffffff1a;transform:scale(1.1)}.modal__close:active{transform:scale(.95)}.modal__body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 200px)}.modal__form{display:flex;flex-direction:column;gap:1.5rem}.modal__actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--wishlist-border)}@media (max-width: 480px){.modal__actions{flex-direction:column}}.modal__actions .btn{flex:1;justify-content:center}@media (max-width: 480px){.modal{padding:.5rem}.modal__content{max-height:95vh;border-radius:12px}.modal__header{padding:1.5rem 1.5rem 1rem}.modal__body{padding:1.5rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group:last-of-type{margin-bottom:0}.form-group--required .form-label:after{content:" *";color:var(--wishlist-red);font-weight:700}.form-label{font-weight:600;color:var(--wishlist-text-primary);font-size:.85rem;line-height:1.4;cursor:pointer}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:2px solid var(--wishlist-border);border-radius:var(--wishlist-border-radius);font-size:.85rem;font-family:inherit;background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--wishlist-purple);box-shadow:0 0 0 3px #a855f71a}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--wishlist-text-tertiary);opacity:1}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--wishlist-disabled-bg)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--wishlist-red)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input.success,.form-select.success,.form-textarea.success{border-color:var(--wishlist-green)}.form-input.success:focus,.form-select.success:focus,.form-textarea.success:focus{box-shadow:0 0 0 3px #10b9811a}.form-textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.5;font-family:inherit}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:3rem}.form-error{color:var(--wishlist-red);font-size:.8rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-error:before{content:"⚠";font-size:.85rem}.form-help{font-size:.8rem;color:var(--wishlist-text-tertiary);margin-top:.25rem;font-style:italic;line-height:1.4}.form-help:before{content:"ℹ️ ";margin-right:.25rem}.form-checkbox,.form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--wishlist-purple)}.form-checkbox input[type=checkbox]:focus,.form-checkbox input[type=radio]:focus,.form-radio input[type=checkbox]:focus,.form-radio input[type=radio]:focus{outline:2px solid var(--wishlist-purple);outline-offset:2px}.form-checkbox label,.form-radio label{cursor:pointer;user-select:none}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.modal,.modal__content{animation:none}.modal__close:hover{transform:none}}@media (prefers-contrast: high){.form-input,.form-textarea,.form-select{border-width:3px}.modal__content{border:3px solid var(--wishlist-border)}}.modal[aria-hidden=false] body{overflow:hidden}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist-share{position:relative;display:inline-block}.wishlist-share__overlay{position:fixed;inset:0;z-index:999;background:transparent}.wishlist-share__menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:var(--wishlist-shadow-lg);padding:.5rem;min-width:200px;z-index:10000;animation:slideInDown .2s ease ease}.wishlist-share__menu button{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--wishlist-text-primary);text-align:left;cursor:pointer;border-radius:8px;transition:all .3s ease;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.wishlist-share__menu button:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.wishlist-share__menu button:focus:not(:focus-visible){box-shadow:none}.wishlist-share__menu button:hover{background:var(--wishlist-purple);color:#fff}.wishlist-share__menu button:hover .share-icon{transform:scale(1.2)}.wishlist-share__menu .share-icon{font-size:1.25rem;transition:transform .3s ease;flex-shrink:0}.share-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease ease}.share-modal__content{background:var(--wishlist-card-bg);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInUp .4s cubic-bezier(.16,1,.3,1)}.share-modal__header{padding:2rem;background:var(--wishlist-gradient-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.share-modal__header h3{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.share-modal__close{background:#fff3;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}.share-modal__close:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.share-modal__close:focus:not(:focus-visible){box-shadow:none}.share-modal__close:hover{background:#ffffff4d;transform:rotate(90deg)}.share-modal__close:active{transform:rotate(90deg) scale(.95)}.share-modal__body{padding:2rem;overflow-y:auto;flex:1}.share-modal__body::-webkit-scrollbar{width:8px}.share-modal__body::-webkit-scrollbar-track{background:#a855f71a;border-radius:6px}.share-modal__body::-webkit-scrollbar-thumb{background:var(--wishlist-purple);border-radius:6px}.share-modal__body::-webkit-scrollbar-thumb:hover{background:var(--wishlist-purple-hover)}@media (max-width: 768px){.share-modal{padding:.5rem}.share-modal__content{max-height:90vh;border-radius:12px}.share-modal__header{padding:1.5rem}.share-modal__header h3{font-size:1.1rem}.share-modal__body{padding:1.5rem}}@media (max-width: 480px){.share-modal__content{max-height:95vh}.share-modal__header{padding:1rem}.share-modal__header h3{font-size:1.1rem}.share-modal__close{width:36px;height:36px;font-size:1.25rem}.share-modal__body{padding:1rem}}.share-section{margin-bottom:2rem}.share-section:last-child{margin-bottom:0}.share-section h4{color:var(--wishlist-text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600;line-height:1.3}.share-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.share-section__header h4{margin:0}.share-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 480px){.share-filters{grid-template-columns:1fr}}.filter-chip{padding:.75rem 1rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);color:var(--wishlist-text-primary);border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.85rem;text-align:center}.filter-chip:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.filter-chip:focus:not(:focus-visible){box-shadow:none}.filter-chip:hover{border-color:var(--wishlist-purple);background:#a855f70d;transform:translateY(-2px)}.filter-chip.active{background:var(--wishlist-gradient-primary);color:#fff;border-color:transparent;font-weight:600}.filter-chip.active:hover{transform:translateY(-2px) scale(1.02)}.filter-chip__count{display:inline-block;background:#fff3;padding:.25rem .5rem;border-radius:50%;margin-left:.25rem;font-size:.7rem;font-weight:700}.share-items{max-height:300px;overflow-y:auto;border:2px solid var(--wishlist-border);border-radius:12px;padding:.5rem;background:#a855f708}.share-items::-webkit-scrollbar{width:8px}.share-items::-webkit-scrollbar-track{background:#a855f71a;border-radius:6px}.share-items::-webkit-scrollbar-thumb{background:var(--wishlist-purple);border-radius:6px}.share-items::-webkit-scrollbar-thumb:hover{background:var(--wishlist-purple-hover)}.share-item{display:flex;align-items:center;gap:1rem;padding:.75rem;cursor:pointer;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.share-item:hover{background:#a855f71a;border-color:#a855f74d}.share-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--wishlist-purple);flex-shrink:0}.share-item input[type=checkbox]:focus{outline:2px solid var(--wishlist-purple);outline-offset:2px}.share-item__info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.share-item__title{color:var(--wishlist-text-primary);font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-item__meta{font-size:.8rem;color:var(--wishlist-text-secondary)}.share-summary{background:linear-gradient(135deg,#a855f726,#ec489926);padding:1.5rem;border-radius:12px;color:var(--wishlist-text-primary);text-align:center;font-weight:600;font-size:1rem;margin-bottom:2rem;border:2px solid rgba(168,85,247,.3)}.share-summary:before{content:"✓ ";font-size:1.25rem;margin-right:.5rem}.share-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 480px){.share-platforms{grid-template-columns:1fr}}.platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid var(--wishlist-border);background:var(--wishlist-card-bg);border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--wishlist-text-primary);font-weight:500}.platform-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d}.platform-btn:focus:not(:focus-visible){box-shadow:none}.platform-btn:hover{border-color:var(--wishlist-purple);background:#a855f71a;transform:translateY(-4px);box-shadow:0 8px 16px #a855f733}.platform-btn:active{transform:translateY(-2px)}.platform-btn .platform-icon{font-size:4rem;filter:grayscale(1);transition:opacity .3s ease}.platform-btn:hover .platform-icon{filter:grayscale(0)}.platform-btn span:last-child{font-size:.85rem}.platform-btn:nth-child(1):hover{border-color:#25d366;background:#25d3661a}.platform-btn:nth-child(2):hover{border-color:#ea4335;background:#ea43351a}.platform-btn:nth-child(3):hover{border-color:var(--wishlist-purple);background:#a855f71a}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.share-modal,.share-modal__content,.wishlist-share__menu{animation:none}.filter-chip:hover,.platform-btn:hover,.share-modal__close:hover{transform:none}}@media (prefers-contrast: high){.filter-chip,.platform-btn,.share-items{border-width:3px}.filter-chip.active{border:3px solid white}.share-modal__content{border:3px solid var(--wishlist-border)}}.platform-btn--loading{position:relative;pointer-events:none;color:transparent}.platform-btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--wishlist-border);border-top:2px solid var(--wishlist-purple);border-radius:50%;animation:spin 1s linear infinite}.share-notification{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:var(--wishlist-shadow-lg);z-index:10001;animation:slideInRight .3s ease ease}.share-notification--success{background:var(--wishlist-green);color:#fff}.share-notification--error{background:var(--wishlist-red);color:#fff}@media (max-width: 480px){.share-notification{left:1rem;right:1rem;bottom:1rem}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loader,.loader__moon,.loader__dot{animation:none!important;transition:none!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-disabled:disabled{opacity:.6;cursor:not-allowed;transform:none}.u-gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--collection-bg: #f8fafc;--collection-card-bg: #ffffff;--collection-text-primary: #1f2937;--collection-text-secondary: #6b7280;--collection-text-tertiary: #9ca3af;--collection-border: #e5e7eb;--collection-border-light: #f3f4f6;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--collection-hover-bg: #f9fafb;--collection-input-bg: #ffffff;--collection-input-border: #d1d5db;--collection-input-focus: #a855f7;--collection-purple: #a855f7;--collection-purple-light: #c4b5fd;--collection-purple-dark: #7c3aed;--collection-green: #10b981;--collection-blue: #3b82f6;--collection-orange: #f59e0b;--collection-red: #ef4444;--collection-cyan: #06b6d4;--collection-yellow: #fbbf24;--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--item-hover-bg: #f9fafb;--accent-color: #a855f7;--accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--error-color: #ef4444;--spinner-track: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--header-bg: #ffffff;--header-border: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--tooltip-bg: #374151;--tooltip-text: #ffffff;--accent-secondary: #ec4899;--accent-secondary-hover: #db2777;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f3f4f6;--sidebar-item-focus: #f3f4f6;--accent-color-light: rgba(168, 85, 247, .125);--manga-card-bg: #ffffff;--manga-card-text: #1f2937;--manga-card-text-secondary: #6b7280;--manga-card-border: #e5e7eb;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #7c3aed;--wishlist-heart-empty: #d1d5db;--wishlist-heart-filled: #a855f7;--status-complete: #10b981;--status-ongoing: #3b82f6;--status-paused: #f59e0b;--status-dropped: #ef4444;--status-planned: #7c3aed;--priority-high-bg: #fef2f2;--priority-high-text: rgb(234.9802955665, 21.0197044335, 21.0197044335);--priority-medium-bg: #fef3c7;--priority-medium-text: rgb(196.9291338583, 126.7125984252, 8.0708661417);--priority-low-bg: #ecfdf5;--priority-low-text: rgb(13.9701492537, 161.5298507463, 112.6343283582);--warning-bg: #fef3c7;--warning-border: #fbbf24;--warning-text: #92400e;--warning-hover: rgba(251, 191, 36, .2);--color-bg-secondary: #f3f4f6;--color-border: #e5e7eb;--color-primary: #3b82f6;--background-primary: #ffffff;--background-hover: #f9fafb;--reading-card-border: #e5e7eb;--overlay-bg: rgba(0, 0, 0, .7);--gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-attackontitan: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-myheroacademia: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dragonball: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-jujutsu: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-chainsaw: linear-gradient(135deg, #ff8a80 0%, #ea4335 100%);--gradient-fullmetal: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-bleach: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--home-bg: #f8fafc;--home-text-primary: #1f2937;--home-text-secondary: #6b7280;--home-text-tertiary: #9ca3af;--home-hero-bg: #ffffff;--home-section-bg: #f8fafc;--home-card-bg: #ffffff;--home-card-border: #f3f4f6;--home-card-hover-bg: #f9fafb;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--home-error-bg: #fef2f2;--home-error-border: #fecaca;--home-error-text: #ef4444;--home-welcome-text: #1f2937;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #f8fafc;--search-text-primary: #1f2937;--search-text-secondary: #6b7280;--search-text-tertiary: #9ca3af;--search-card-bg: #ffffff;--search-border: #e5e7eb;--search-border-subtle: #f3f4f6;--search-hover-bg: #f9fafb;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--search-accent: #a855f7;--search-disabled-bg: #f3f4f6;--search-input-bg: #ffffff;--search-input-border: #d1d5db;--search-input-focus: #a855f7;--search-error-bg: #fef2f2;--search-error-border: #fecaca;--search-error-text: #ef4444;--status-ongoing-bg: #dbeafe;--status-ongoing-text: #1d4ed8;--status-complete-bg: #d1fae5;--status-complete-text: #059669;--status-paused-bg: #fef3c7;--status-paused-text: #d97706;--status-dropped-bg: #fecaca;--status-dropped-text: #dc2626;--reading-bg: #f8fafc;--reading-card-bg: #ffffff;--reading-text-primary: #1f2937;--reading-text-secondary: #6b7280;--reading-text-tertiary: #9ca3af;--reading-border: #e5e7eb;--reading-border-subtle: #f3f4f6;--reading-hover-bg: #f9fafb;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--reading-accent: #a855f7;--reading-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--reading-success: #10b981;--reading-warning: #f59e0b;--reading-error: #ef4444;--reading-info: #3b82f6;--reading-progress-bg: #e5e7eb;--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #ffffff;--reading-quick-action-border: #e5e7eb;--reading-quick-action-hover: #f9fafb;--reading-dropdown-bg: #ffffff;--reading-dropdown-border: #e5e7eb;--reading-dropdown-hover: #f9fafb;--reading-popup-bg: #ffffff;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #f8fafc;--settings-card-bg: #ffffff;--settings-text-primary: #1f2937;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-border: #e5e7eb;--settings-border-subtle: #f3f4f6;--settings-hover-bg: #f9fafb;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--settings-input-bg: #ffffff;--settings-input-border: #d1d5db;--settings-input-focus: #a855f7;--settings-accent: #a855f7;--settings-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--settings-sidebar-bg: #ffffff;--settings-sidebar-hover: #f9fafb;--settings-sidebar-active-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #f9fafb;--settings-privacy-warning-bg: #fef3c7;--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #92400e;--settings-privacy-level-bg: #f9fafb;--settings-privacy-summary-bg: #f9fafb;--settings-privacy-item-bg: #ffffff;--settings-privacy-item-hover: #f9fafb;--settings-data-item-bg: #f9fafb;--settings-data-card-bg: #ffffff;--settings-data-card-border: #e5e7eb;--settings-data-card-hover: #f9fafb;--settings-data-progress-bg: #e5e7eb;--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #ffffff;--settings-data-export-border: #e5e7eb;--settings-danger-bg: rgba(239, 68, 68, .05);--settings-danger-border: rgba(239, 68, 68, .2);--settings-danger-text: #ef4444;--settings-badge-success-bg: #d1fae5;--settings-badge-success-text: #065f46;--settings-badge-warning-bg: #fef3c7;--settings-badge-warning-text: #92400e;--settings-badge-error-bg: #fee2e2;--settings-badge-error-text: #991b1b;--settings-badge-info-bg: #dbeafe;--settings-badge-info-text: #1e40af;--settings-toggle-bg: #9ca3af;--settings-toggle-active: #a855f7;--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .5);--settings-modal-bg: #ffffff;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #f8fafc;--volume-card-bg: #ffffff;--volume-text-primary: #1f2937;--volume-text-secondary: #6b7280;--volume-text-tertiary: #9ca3af;--volume-border: #e5e7eb;--volume-border-light: #f3f4f6;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--volume-hover-bg: #f9fafb;--volume-input-bg: #ffffff;--volume-input-border: #d1d5db;--volume-input-focus: #a855f7;--volume-purple: #a855f7;--volume-purple-light: #c4b5fd;--volume-purple-dark: #7c3aed;--volume-green: #10b981;--volume-blue: #3b82f6;--volume-orange: #f59e0b;--volume-red: #ef4444;--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #f8fafc;--wishlist-card-bg: #ffffff;--wishlist-text-primary: #1f2937;--wishlist-text-secondary: #6b7280;--wishlist-text-tertiary: #9ca3af;--wishlist-border: #e5e7eb;--wishlist-border-subtle: #f3f4f6;--wishlist-hover-bg: #f9fafb;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--wishlist-purple: #a855f7;--wishlist-purple-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--wishlist-purple-light: #c4b5fd;--wishlist-green: #10b981;--wishlist-red: #ef4444;--wishlist-orange: #f59e0b;--wishlist-yellow: #fbbf24;--wishlist-pink: #ec4899;--wishlist-cyan: #06b6d4;--wishlist-blue: #3b82f6;--wishlist-input-bg: #ffffff;--wishlist-input-border: #d1d5db;--wishlist-input-focus: #a855f7;--card-background: #ffffff;--surface-secondary: #f8fafc;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--wishlist-modal-overlay: rgba(0, 0, 0, .6);--wishlist-disabled-bg: #d1d5db;--wishlist-disabled-text: #6b7280;--wishlist-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-gradient-critical: linear-gradient(135deg, rgb(234.9802955665, 21.0197044335, 21.0197044335) 0%, #ef4444 100%);--wishlist-priority-critical-bg: rgba(239, 68, 68, .1);--wishlist-priority-high-bg: rgba(245, 158, 11, .1);--wishlist-priority-medium-bg: rgba(59, 130, 246, .1);--wishlist-priority-low-bg: rgba(16, 185, 129, .1)}.dark{--collection-bg: #0f172a;--collection-card-bg: #1e293b;--collection-text-primary: #f9fafb;--collection-text-secondary: #e2e8f0;--collection-text-tertiary: #cbd5e1;--collection-border: #334155;--collection-border-light: #475569;--collection-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--collection-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--collection-hover-bg: #334155;--collection-input-bg: #374151;--collection-input-border: #4b5563;--collection-input-focus: #c084fc;--collection-purple: #c084fc;--collection-purple-light: #ddd6fe;--collection-purple-dark: #a855f7;--collection-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--collection-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--collection-orange: rgb(246.0039370079, 167.7381889764, 35.4960629921);--collection-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--collection-cyan: rgb(20.6330275229, 215.2018348624, 248.3669724771);--collection-yellow: #fbbf24;--dashboard-bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--item-hover-bg: #334155;--accent-color: #e879f9;--accent-hover: #d946ef;--error-color: rgb(241.0098522167, 91.4901477833, 91.4901477833);--spinner-track: #1e293b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--header-bg: #1e293b;--header-border: #334155;--input-bg: #374151;--input-border: #4b5563;--btn-secondary-bg: #374151;--btn-secondary-hover: #4b5563;--tooltip-bg: #111827;--tooltip-text: #f9fafb;--accent-secondary: #f472b6;--accent-secondary-hover: #ec4899;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-item-hover: #374151;--sidebar-item-focus: #374151;--accent-color-light: rgba(192, 132, 252, .125);--manga-card-bg: #1e293b;--manga-card-text: #f1f5f9;--manga-card-text-secondary: #cbd5e1;--manga-card-border: #334155;--manga-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--manga-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-heart-empty: #475569;--wishlist-heart-filled: #c084fc;--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--priority-medium-bg: rgba(245, 158, 11, .2);--priority-medium-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--priority-low-bg: rgba(16, 185, 129, .2);--priority-low-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgb(221.4251968504, 142.4744094488, 9.0748031496);--warning-text: #fbbf24;--warning-hover: rgba(251, 191, 36, .1);--color-bg-secondary: #1f2937;--color-border: #334155;--color-primary: #6366f1;--background-primary: #374151;--background-hover: #4b5563;--reading-card-border: #334155;--reading-hover-bg: #374151;--overlay-bg: rgba(0, 0, 0, .8);--home-bg: #0f172a;--home-text-primary: #f9fafb;--home-text-secondary: #e2e8f0;--home-text-tertiary: #cbd5e1;--home-hero-bg: #1e293b;--home-section-bg: #0f172a;--home-card-bg: #1e293b;--home-card-border: #334155;--home-card-hover-bg: #334155;--home-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--home-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--home-error-bg: rgba(239, 68, 68, .1);--home-error-border: rgba(239, 68, 68, .3);--home-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--home-welcome-text: #f9fafb;--home-welcome-accent: #f59e0b;--home-gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--home-accent-color: #a855f7;--home-accent-hover: rgb(155.5365168539, 60.6460674157, 245.8539325843);--search-bg: #0f172a;--search-text-primary: #f9fafb;--search-text-secondary: #e2e8f0;--search-text-tertiary: #cbd5e1;--search-card-bg: #1e293b;--search-border: #334155;--search-border-subtle: #475569;--search-hover-bg: #334155;--search-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--search-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--search-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--search-disabled-bg: #374151;--search-input-bg: #374151;--search-input-border: #4b5563;--search-input-focus: #c084fc;--search-error-bg: rgba(239, 68, 68, .1);--search-error-border: rgba(239, 68, 68, .3);--search-error-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--status-ongoing-bg: rgba(59, 130, 246, .2);--status-ongoing-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--status-complete-bg: rgba(16, 185, 129, .2);--status-complete-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--status-paused-bg: rgba(245, 158, 11, .2);--status-paused-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--status-dropped-bg: rgba(239, 68, 68, .2);--status-dropped-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--reading-bg: #0f172a;--reading-card-bg: #1e293b;--reading-text-primary: #f9fafb;--reading-text-secondary: #e2e8f0;--reading-text-tertiary: #cbd5e1;--reading-border: #334155;--reading-border-subtle: #475569;--reading-hover-bg: #334155;--reading-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--reading-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--reading-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--reading-accent-hover: #a855f7;--reading-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--reading-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--reading-error: rgb(243.0197044335, 114.9802955665, 114.9802955665);--reading-info: rgb(107.7609756098, 161.0975609756, 248.2390243902);--reading-progress-bg: rgba(255, 255, 255, .1);--reading-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--reading-status-active-bg: rgba(16, 185, 129, .95);--reading-status-paused-bg: rgba(245, 158, 11, .95);--reading-status-completed-bg: rgba(59, 130, 246, .95);--reading-quick-action-bg: #1e293b;--reading-quick-action-border: #334155;--reading-quick-action-hover: #334155;--reading-dropdown-bg: #1e293b;--reading-dropdown-border: #334155;--reading-dropdown-hover: #334155;--reading-popup-bg: #1e293b;--reading-gradient-naruto: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%);--reading-gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--reading-gradient-demonslayer: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--reading-gradient-default: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-bg: #0f172a;--settings-card-bg: #1e293b;--settings-text-primary: #f9fafb;--settings-text-secondary: #e2e8f0;--settings-text-tertiary: #cbd5e1;--settings-border: #334155;--settings-border-subtle: #475569;--settings-hover-bg: #334155;--settings-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--settings-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--settings-input-bg: #374151;--settings-input-border: #4b5563;--settings-input-focus: #c084fc;--settings-accent: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-accent-hover: #a855f7;--settings-sidebar-bg: #1e293b;--settings-sidebar-hover: #374151;--settings-sidebar-active-gradient: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--settings-avatar-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-avatar-bg: #334155;--settings-privacy-warning-bg: rgba(251, 191, 36, .1);--settings-privacy-warning-border: #fbbf24;--settings-privacy-warning-text: #fbbf24;--settings-privacy-level-bg: #334155;--settings-privacy-summary-bg: #334155;--settings-privacy-item-bg: #1e293b;--settings-privacy-item-hover: #334155;--settings-data-item-bg: #334155;--settings-data-card-bg: #1e293b;--settings-data-card-border: #334155;--settings-data-card-hover: #334155;--settings-data-progress-bg: rgba(255, 255, 255, .1);--settings-data-progress-fill: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--settings-data-export-bg: #1e293b;--settings-data-export-border: #334155;--settings-danger-bg: rgba(239, 68, 68, .1);--settings-danger-border: rgba(239, 68, 68, .3);--settings-danger-text: rgb(243.0197044335, 114.9802955665, 114.9802955665);--settings-badge-success-bg: rgba(16, 185, 129, .2);--settings-badge-success-text: rgb(41.0074626866, 236.4925373134, 171.7164179104);--settings-badge-warning-bg: rgba(245, 158, 11, .2);--settings-badge-warning-text: rgb(247.0078740157, 177.4763779528, 59.9921259843);--settings-badge-error-bg: rgba(239, 68, 68, .2);--settings-badge-error-text: rgb(245.0295566502, 138.4704433498, 138.4704433498);--settings-badge-info-bg: rgba(59, 130, 246, .2);--settings-badge-info-text: rgb(132.1414634146, 176.6463414634, 249.3585365854);--settings-toggle-bg: #64748b;--settings-toggle-active: rgb(192.9269662921, 133.7078651685, 249.2921348315);--settings-toggle-knob: #ffffff;--settings-modal-overlay: rgba(0, 0, 0, .7);--settings-modal-bg: #1e293b;--settings-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--volume-bg: #0f172a;--volume-card-bg: #1e293b;--volume-text-primary: #f9fafb;--volume-text-secondary: #e2e8f0;--volume-text-tertiary: #cbd5e1;--volume-border: #334155;--volume-border-light: #475569;--volume-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--volume-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--volume-hover-bg: #334155;--volume-input-bg: #374151;--volume-input-border: #4b5563;--volume-input-focus: #c084fc;--volume-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--volume-purple-light: #ddd6fe;--volume-purple-dark: #a855f7;--volume-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--volume-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--volume-orange: #f59e0b;--volume-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--volume-yellow: #fbbf24;--gradient-onepiece: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--wishlist-bg: #0f172a;--wishlist-card-bg: #1e293b;--wishlist-text-primary: #f9fafb;--wishlist-text-secondary: #e2e8f0;--wishlist-text-tertiary: #cbd5e1;--wishlist-border: #334155;--wishlist-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--wishlist-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--wishlist-hover-bg: #334155;--wishlist-purple: rgb(192.9269662921, 133.7078651685, 249.2921348315);--wishlist-purple-hover: #a855f7;--wishlist-green: rgb(20.0597014925, 231.9402985075, 161.7313432836);--wishlist-orange: #f59e0b;--wishlist-red: rgb(241.0098522167, 91.4901477833, 91.4901477833);--wishlist-blue: rgb(107.7609756098, 161.0975609756, 248.2390243902);--wishlist-border-radius: 12px;--wishlist-input-bg: #374151;--wishlist-input-border: #4b5563;--wishlist-input-focus: #c084fc;--wishlist-modal-overlay: rgba(0, 0, 0, .8);--wishlist-disabled-bg: #334155;--wishlist-disabled-text: #64748b;--wishlist-priority-critical-bg: rgba(239, 68, 68, .2);--wishlist-priority-high-bg: rgba(245, 158, 11, .2);--wishlist-priority-medium-bg: rgba(59, 130, 246, .2);--wishlist-priority-low-bg: rgba(16, 185, 129, .2);--card-background: #1e293b;--surface-secondary: #334155;--border-color: #334155;--text-primary: #f9fafb;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1}.wishlist__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.wishlist__stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.wishlist__stats{grid-template-columns:1fr}}.stat-card{background:var(--wishlist-card-bg);border-radius:var(--wishlist-border-radius);box-shadow:var(--wishlist-shadow);padding:1.5rem;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.stat-card--total:before{background:var(--wishlist-purple)}.stat-card--series:before{background:var(--wishlist-blue)}.stat-card--volumes:before{background:var(--wishlist-green)}.stat-card--priority:before{background:var(--wishlist-red)}.stat-card--budget:before{background:var(--wishlist-green)}.stat-card--average:before{background:var(--wishlist-orange)}.stat-card__icon{font-size:2rem;margin-bottom:.5rem;display:inline-block;background:var(--wishlist-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card__number{font-size:2rem;font-weight:800;color:var(--wishlist-text-primary);margin-bottom:.25rem;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-card__label{color:var(--wishlist-text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.stat-card{padding:1rem}.stat-card__icon{font-size:1.25rem}.stat-card__number{font-size:1.5rem}.stat-card__label{font-size:.8rem}}.stat-card--trending:after{content:"↗";position:absolute;top:.5rem;right:.5rem;font-size:1.1rem;color:var(--wishlist-green);opacity:.8}.stat-card--alert{border:2px solid var(--wishlist-red)}.stat-card--alert:after{content:"⚠";position:absolute;top:.5rem;right:.5rem;font-size:1.1rem;color:var(--wishlist-red)}@media (prefers-reduced-motion: reduce){.stat-card{transition:none}.stat-card:hover{transform:none}}@media (prefers-contrast: high){.stat-card{border:3px solid var(--wishlist-border)}.stat-card:before{width:6px}}.user-reviews-page{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in-out}.user-reviews-page .reviews-header{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a}.user-reviews-page .reviews-header__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.user-reviews-page .reviews-header__top h1{font-size:2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.user-reviews-page .reviews-header__top h1 .emoji{font-size:2rem}.user-reviews-page .reviews-header__top .header-actions{display:flex;gap:1rem}.user-reviews-page .reviews-header p{color:var(--text-secondary);margin-bottom:0;font-size:1rem}.user-reviews-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.user-reviews-page .stats-grid{gap:1rem}}@media (max-width: 480px){.user-reviews-page .stats-grid{grid-template-columns:1fr;gap:1rem}}.user-reviews-page .stats-grid .stat-card{background:var(--bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 480px){.user-reviews-page .stats-grid .stat-card{align-items:center;text-align:center}}.user-reviews-page .stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .2s}.user-reviews-page .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #00000026}.user-reviews-page .stats-grid .stat-card:hover:before{width:8px}.user-reviews-page .stats-grid .stat-card--count:before{background:#8b5cf6}.user-reviews-page .stats-grid .stat-card--rating:before{background:#f59e0b}.user-reviews-page .stats-grid .stat-card--likes:before{background:#ef4444}.user-reviews-page .stats-grid .stat-card--useful:before{background:#10b981}.user-reviews-page .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.25rem}@media (max-width: 768px){.user-reviews-page .stats-grid .stat-card .stat-value{font-size:1.5rem}}.user-reviews-page .stats-grid .stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.user-reviews-page .stats-grid .stat-card .stat-label{font-size:.75rem}}.user-reviews-page .filters-bar{background:var(--bg-card);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.user-reviews-page .filters-bar{flex-direction:row;align-items:center;justify-content:space-between}}.user-reviews-page .filters-bar .search-input{position:relative;flex:1;max-width:400px}.user-reviews-page .filters-bar .search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);transition:border-color .2s}.user-reviews-page .filters-bar .search-input input:focus{border-color:var(--primary-color);outline:none}.user-reviews-page .filters-bar .search-input .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.user-reviews-page .filters-bar .filters-actions{display:flex;flex-wrap:wrap;gap:.5rem}.user-reviews-page .filters-bar .filters-actions .filter-chip{padding:.5rem 1rem;border-radius:99px;font-size:.875rem;background:transparent;color:inherit;border:1px solid var(--border-color);cursor:pointer;transition:all .2s;font-weight:500}.user-reviews-page .filters-bar .filters-actions .filter-chip:hover{background:var(--bg-hover);border-color:var(--text-primary)}.user-reviews-page .filters-bar .filters-actions .filter-chip.active{background-color:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important;box-shadow:0 2px 4px #7c3aed4d}.user-reviews-page .filters-bar .sort-select{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer}.user-reviews-page .filters-bar .sort-select:focus{border-color:var(--primary-color)}.user-reviews-page .reviews-list{display:flex;flex-direction:column;gap:1.5rem}.user-reviews-page .reviews-list .review-item{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s}@media (min-width: 768px){.user-reviews-page .reviews-list .review-item{grid-template-columns:100px 1fr 200px}}.user-reviews-page .reviews-list .review-item:hover{border-color:var(--border-color-hover)}.user-reviews-page .reviews-list .review-item .manga-cover{width:100%;border-radius:8px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 4px 6px #0000001a;cursor:pointer}.user-reviews-page .reviews-list .review-item .review-content{flex:1;min-width:0}.user-reviews-page .reviews-list .review-item .review-content .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.user-reviews-page .reviews-list .review-item .review-content .review-header h3{font-size:1.1rem;font-weight:700;margin:0;cursor:pointer;transition:color .2s;line-height:1.4}.user-reviews-page .reviews-list .review-item .review-content .review-header h3:hover{color:var(--primary-color)}.user-reviews-page .reviews-list .review-item .review-content .badges-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;align-items:center}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;line-height:1.2}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--volume{background:#7c3aed!important;color:#fff!important}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--manga{background:#f59e0b;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--visibility{cursor:pointer;border:none;transition:transform .2s}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--visibility:hover{transform:scale(1.05)}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--public{background:#d1fae5;color:#065f46}.user-reviews-page .reviews-list .review-item .review-content .badges-row .badge--private{background:#f3f4f6;color:#4b5563}.user-reviews-page .reviews-list .review-item .review-content .comment-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.user-reviews-page .reviews-list .review-item .review-meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1rem}@media (max-width: 767px){.user-reviews-page .reviews-list .review-item .review-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1rem}}.user-reviews-page .reviews-list .review-item .review-meta .rating-badge{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.user-reviews-page .reviews-list .review-item .review-meta .rating-badge span{font-size:1rem;color:var(--text-secondary);font-weight:400}.user-reviews-page .reviews-list .review-item .review-meta .date{font-size:.875rem;color:var(--text-tertiary)}.user-reviews-page .reviews-list .review-item .review-meta .actions{display:flex;gap:.5rem}.user-reviews-page .reviews-list .review-item .review-meta .actions button{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.user-reviews-page .reviews-list .review-item .review-meta .actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.user-reviews-page .reviews-list .review-item .review-meta .actions button.btn-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.user-reviews-page .reviews-list .no-reviews{text-align:center;padding:4rem;color:var(--text-secondary)}.user-reviews-page .reviews-list .no-reviews .emoji{font-size:3rem;margin-bottom:1rem;display:block}.mt-1{margin-top:1rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:1.5rem}.mb-3{margin-bottom:2rem}.p-1{padding:1rem}.p-2{padding:1.5rem}.p-3{padding:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--collection-text-primary)}.text-secondary{color:var(--collection-text-secondary)}.text-tertiary{color:var(--collection-text-tertiary)}img{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: no-preference){*{scroll-behavior:smooth}}.manga-card,.stat-card,.missing-item{will-change:transform,opacity}.manga-card:hover,.stat-card:hover,.missing-item:hover{will-change:transform,box-shadow}