html.dark-mode,body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-elevated: #363636;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-tertiary: #888888;--border-color: #3d3d3d;--shadow-color: rgba(0, 0, 0, .5);--accent-blue: #64b5f6;--accent-green: #81c784;--accent-orange: #ffb74d;--accent-red: #e57373;--accent-purple: #ba68c8;--accent-yellow: #ffd54f;background-color:var(--bg-primary);color:var(--text-primary)}body.dark-mode *{scrollbar-color:#555 #2d2d2d}body.dark-mode .item-card,body.dark-mode .widget,body.dark-mode .feed-item,body.dark-mode .article-item{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .item-card:hover,body.dark-mode .widget:hover,body.dark-mode .feed-item:hover,body.dark-mode .article-item:hover{background-color:var(--bg-tertiary)!important;box-shadow:0 4px 12px var(--shadow-color)!important}body.dark-mode .item-card.selected,body.dark-mode .widget.selected,body.dark-mode .feed-item.selected,body.dark-mode .article-item.selected{background-color:#1e3a5f!important;border-color:var(--accent-blue)!important}body.dark-mode .item-card.read,body.dark-mode .widget.read,body.dark-mode .feed-item.read,body.dark-mode .article-item.read{opacity:.6}body.dark-mode .item-title,body.dark-mode .widget-title,body.dark-mode .article-title,body.dark-mode .preview-title,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-primary)!important}body.dark-mode .item-description,body.dark-mode .article-description,body.dark-mode .preview-body,body.dark-mode p{color:var(--text-secondary)!important}body.dark-mode .item-date,body.dark-mode .article-date,body.dark-mode .preview-date,body.dark-mode .item-author{color:var(--text-tertiary)!important}body.dark-mode .feed-badge,body.dark-mode .category,body.dark-mode .preview-source{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}body.dark-mode button:not(.read-toggle-btn):not(.save-toggle-btn):not(.read-toggle):not(.save-toggle):not(.filter-btn):not(.mobile-menu-btn):not(.view-btn):not(.action-btn):not(.user-btn):not(.add-feed-btn){background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode button:not(.read-toggle-btn):not(.save-toggle-btn):not(.read-toggle):not(.save-toggle):not(.filter-btn):not(.mobile-menu-btn):not(.view-btn):not(.action-btn):not(.user-btn):not(.add-feed-btn):hover{background-color:var(--bg-tertiary)!important;border-color:var(--accent-blue)!important}body.dark-mode .preview-pane{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;box-shadow:0 4px 20px var(--shadow-color)!important}body.dark-mode .preview-header{background:linear-gradient(135deg,#3d5a80,#293241)!important}body.dark-mode .preview-content{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .preview-content a{color:var(--accent-blue)!important}body.dark-mode .preview-content blockquote{border-left-color:var(--accent-blue)!important;color:var(--text-secondary)!important}body.dark-mode .preview-content code{background-color:var(--bg-elevated)!important;color:var(--accent-orange)!important}body.dark-mode .preview-content pre{background-color:var(--bg-elevated)!important;border:1px solid var(--border-color)!important}body.dark-mode .article-viewer{background-color:var(--bg-primary)!important}body.dark-mode .article-header{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .article-content{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body.dark-mode .feed-manager,body.dark-mode .sidebar{background-color:var(--bg-secondary)!important;border-right-color:var(--border-color)!important}body.dark-mode .nav-section{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .nav-item,body.dark-mode .nav-item .label{color:var(--text-primary)!important}body.dark-mode .nav-item .count{background-color:var(--accent-red)!important;color:#fff!important}body.dark-mode .nav-item:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .nav-item.active{background-color:var(--bg-elevated)!important;border-left-color:var(--accent-blue)!important}body.dark-mode .nav-item.active .label{color:var(--accent-blue)!important}body.dark-mode .feeds-section{background-color:var(--bg-secondary)!important}body.dark-mode .feeds-section .section-header,body.dark-mode .feeds-section .section-subheader{background-color:var(--bg-elevated)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .feeds-section .section-header .title,body.dark-mode .feeds-section .section-subheader .title{color:var(--text-secondary)!important}body.dark-mode .feeds-section .section-header .feed-count-badge,body.dark-mode .feeds-section .section-subheader .feed-count-badge{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important}body.dark-mode .feeds-section .section-header .refresh-btn,body.dark-mode .feeds-section .section-subheader .refresh-btn{color:var(--text-secondary)!important}body.dark-mode .feeds-section .section-header .refresh-btn:hover:not(:disabled),body.dark-mode .feeds-section .section-subheader .refresh-btn:hover:not(:disabled){background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}body.dark-mode .feeds-section .section-header .refresh-btn:disabled,body.dark-mode .feeds-section .section-subheader .refresh-btn:disabled{cursor:not-allowed!important;opacity:.7!important}body.dark-mode .feeds-section .section-header.clickable,body.dark-mode .feeds-section .section-subheader.clickable{cursor:pointer}body.dark-mode .feeds-section .section-header.clickable:hover,body.dark-mode .feeds-section .section-subheader.clickable:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .feeds-section .section-header.clickable:hover .title,body.dark-mode .feeds-section .section-subheader.clickable:hover .title{color:var(--text-primary)!important}body.dark-mode .feeds-section .section-header.clickable:active,body.dark-mode .feeds-section .section-subheader.clickable:active{background-color:var(--bg-elevated)!important}body.dark-mode .feeds-section .refresh-progress{background-color:var(--bg-elevated)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .feeds-section .refresh-progress .progress-bar{background-color:var(--bg-tertiary)!important}body.dark-mode .feeds-section .refresh-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green))!important}body.dark-mode .feeds-section .refresh-progress .progress-text{color:var(--text-secondary)!important}body.dark-mode .feeds-section .refresh-progress .progress-text .current-feed{color:var(--text-tertiary)!important}body.dark-mode .add-feed-panel{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important}body.dark-mode .add-feed-panel h3{color:var(--text-primary)!important}body.dark-mode .add-feed-panel input[type=text],body.dark-mode .add-feed-panel input[type=url]{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .add-feed-panel input[type=text]:focus,body.dark-mode .add-feed-panel input[type=url]:focus{border-color:var(--accent-blue)!important;background-color:var(--bg-tertiary)!important}body.dark-mode .add-feed-panel input[type=text]::placeholder,body.dark-mode .add-feed-panel input[type=url]::placeholder{color:var(--text-tertiary)!important}body.dark-mode .add-feed-panel select{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .add-feed-panel select:focus{border-color:var(--accent-blue)!important}body.dark-mode .add-feed-panel select option{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .add-feed-panel .btn-primary{background-color:var(--accent-blue)!important;color:#fff!important;border:none!important}body.dark-mode .add-feed-panel .btn-primary:hover:not(:disabled){background-color:#4a9fd8!important}body.dark-mode .add-feed-panel .btn-primary:disabled{background-color:var(--bg-tertiary)!important;color:var(--text-tertiary)!important}body.dark-mode .add-feed-panel .btn-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode .add-feed-panel .btn-secondary:hover{background-color:var(--bg-secondary)!important}body.dark-mode .feed-item,body.dark-mode .feed-item .feed-title{color:var(--text-primary)!important}body.dark-mode .feed-item .unread-count{background-color:var(--accent-red)!important;color:#fff!important}body.dark-mode .feed-item .drag-handle{color:var(--text-tertiary)!important}body.dark-mode .feed-item:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .feed-item.active{background-color:var(--bg-elevated)!important}body.dark-mode .feed-item.active .feed-title{color:var(--accent-blue)!important}body.dark-mode .feed-item.dragging{background-color:var(--bg-tertiary)!important}body.dark-mode .feed-category .category-header,body.dark-mode .category-group .category-header{background-color:var(--bg-elevated)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .feed-category .category-header .arrow,body.dark-mode .category-group .category-header .arrow{color:var(--text-tertiary)!important}body.dark-mode .feed-category .category-header .arrow:hover,body.dark-mode .category-group .category-header .arrow:hover{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}body.dark-mode .feed-category .category-header .category-name,body.dark-mode .category-group .category-header .category-name{color:var(--text-primary)!important}body.dark-mode .feed-category .category-header .category-name:hover,body.dark-mode .category-group .category-header .category-name:hover{background-color:#64b5f626!important;color:var(--accent-blue)!important}body.dark-mode .feed-category .category-header .category-count,body.dark-mode .category-group .category-header .category-count{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important}body.dark-mode .feed-category .category-header.active,body.dark-mode .feed-category .category-header.drag-over,body.dark-mode .category-group .category-header.active,body.dark-mode .category-group .category-header.drag-over{background-color:var(--bg-tertiary)!important;border-left-color:var(--accent-blue)!important}body.dark-mode .feed-category .category-header.active .category-name,body.dark-mode .feed-category .category-header.drag-over .category-name,body.dark-mode .category-group .category-header.active .category-name,body.dark-mode .category-group .category-header.drag-over .category-name{color:var(--accent-blue)!important}body.dark-mode .uncategorized-drop-zone.drag-over{background-color:#81c78433!important;border-color:var(--accent-green)!important}body.dark-mode .uncategorized-drop-zone.empty-drop-zone{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important}body.dark-mode .uncategorized-drop-zone.empty-drop-zone.drag-over{background-color:#81c78433!important;border-color:var(--accent-green)!important}body.dark-mode .uncategorized-drop-zone.empty-drop-zone .drop-hint{color:var(--text-tertiary)!important}body.dark-mode .folder-chips .folder-chip{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .folder-chips .folder-chip:hover{background-color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;color:#fff!important}body.dark-mode .folder-chips .folder-chip.no-folder{border-color:var(--accent-red)!important;color:var(--accent-red)!important}body.dark-mode .folder-chips .folder-chip.no-folder:hover{background-color:var(--accent-red)!important;color:#fff!important}body.dark-mode .existing-folders{border-top-color:var(--border-color)!important}body.dark-mode .category-toggle{color:var(--text-primary)!important;background-color:transparent!important}body.dark-mode .category-name{color:var(--text-primary)!important}body.dark-mode .settings-modal-overlay{background-color:#000000b3!important}body.dark-mode .settings-modal{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}body.dark-mode .settings-modal .modal-header h2,body.dark-mode .settings-modal .modal-header h3{color:var(--text-primary)!important}body.dark-mode .settings-modal .modal-header .close-btn{color:var(--text-tertiary)!important;background-color:transparent!important}body.dark-mode .settings-modal .modal-content{background-color:transparent!important}body.dark-mode .settings-modal label{color:var(--text-primary)!important}body.dark-mode .settings-section{border-bottom-color:var(--border-color)!important}body.dark-mode .color-btn{border-color:transparent!important}body.dark-mode .color-btn:hover{box-shadow:0 4px 12px var(--shadow-color)!important}body.dark-mode .color-btn.active{border-color:var(--accent-blue)!important;box-shadow:0 0 0 3px #64b5f64d,0 4px 12px var(--shadow-color)!important}body.dark-mode .font-btn{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .font-btn:hover{background-color:var(--bg-tertiary)!important;border-color:var(--accent-blue)!important}body.dark-mode .font-btn.active{background-color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;color:#fff!important}body.dark-mode .toggle-label{color:var(--text-primary)!important}body.dark-mode .setting-description{color:var(--text-secondary)!important;background:#667eea1a!important;border-left-color:#667eea!important}body.dark-mode .data-management .export-btn,body.dark-mode .data-management .import-btn{background-color:var(--bg-elevated)!important}body.dark-mode .data-management .export-btn{border-color:#4caf50!important;color:#4caf50!important}body.dark-mode .data-management .export-btn:hover{background-color:#4caf5026!important;border-color:#45a049!important}body.dark-mode .data-management .import-btn{border-color:#2196f3!important;color:#2196f3!important}body.dark-mode .data-management .import-btn:hover{background-color:#2196f326!important;border-color:#1976d2!important}body.dark-mode .data-management .import-btn.feedly-import{border-color:#ff6b35!important;color:#ff6b35!important}body.dark-mode .data-management .import-btn.feedly-import:hover{background-color:#ff6b3526!important;border-color:#f4511e!important}body.dark-mode .data-management .data-info{background-color:var(--bg-elevated)!important;color:var(--text-secondary)!important;border-left-color:var(--accent-orange)!important}body.dark-mode .data-management .data-info strong{color:var(--accent-red)!important}body.dark-mode .modal-footer{border-top-color:var(--border-color)!important;background-color:transparent!important}body.dark-mode .modal-footer .btn-primary{color:#fff!important}body.dark-mode .color-option,body.dark-mode .font-option{border-color:var(--border-color)!important}body.dark-mode .color-option:hover,body.dark-mode .font-option:hover{border-color:var(--accent-blue)!important}body.dark-mode .color-option.selected,body.dark-mode .font-option.selected{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px var(--accent-blue)!important}body.dark-mode input[type=text],body.dark-mode input[type=url],body.dark-mode textarea,body.dark-mode select{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode input[type=text]:focus,body.dark-mode input[type=url]:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #64b5f633!important}body.dark-mode input[type=text]::placeholder,body.dark-mode input[type=url]::placeholder,body.dark-mode textarea::placeholder,body.dark-mode select::placeholder{color:var(--text-tertiary)!important}body.dark-mode input[type=checkbox]{accent-color:var(--accent-blue);border:2px solid var(--border-color)!important}body.dark-mode .widgets-grid .widget{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}body.dark-mode .widgets-grid .widget-header{border-bottom-color:var(--border-color)!important}body.dark-mode .newspaper-grid{background-color:var(--bg-primary)!important}body.dark-mode .newspaper-grid .article-item{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}body.dark-mode ::-webkit-scrollbar{background-color:var(--bg-secondary)!important}body.dark-mode ::-webkit-scrollbar-thumb{background-color:#555!important;border-color:var(--bg-secondary)!important}body.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#666!important}body.dark-mode ::-webkit-scrollbar-track{background-color:var(--bg-tertiary)!important}body.dark-mode img{border:1px solid var(--border-color)!important}body.dark-mode img:hover{border-color:var(--accent-blue)!important}body.dark-mode .dropdown,body.dark-mode .menu{background-color:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px var(--shadow-color)!important}body.dark-mode .dropdown-item,body.dark-mode .menu-item{color:var(--text-primary)!important}body.dark-mode .dropdown-item:hover,body.dark-mode .menu-item:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .read-indicator{color:var(--accent-blue)!important}body.dark-mode .unread-badge,body.dark-mode .count{background-color:var(--accent-red)!important;color:#fff!important}body.dark-mode .read-toggle-btn,body.dark-mode .read-toggle{border-color:#555!important;background-color:var(--bg-elevated)!important;color:#888!important}body.dark-mode .read-toggle-btn:hover,body.dark-mode .read-toggle:hover{border-color:var(--accent-green)!important;color:var(--accent-green)!important}body.dark-mode .read-toggle-btn.read,body.dark-mode .read-toggle.read{background-color:var(--accent-green)!important;border-color:var(--accent-green)!important;color:#fff!important}body.dark-mode .save-toggle-btn,body.dark-mode .save-toggle{border-color:#555!important;background-color:var(--bg-elevated)!important;color:#888!important}body.dark-mode .save-toggle-btn:hover,body.dark-mode .save-toggle:hover{border-color:var(--accent-yellow)!important;color:var(--accent-yellow)!important}body.dark-mode .save-toggle-btn.saved,body.dark-mode .save-toggle.saved{background-color:var(--accent-yellow)!important;border-color:var(--accent-yellow)!important;color:#1a1a1a!important}body.dark-mode .no-items,body.dark-mode .no-widgets{color:var(--text-tertiary)!important}body.dark-mode .loading,body.dark-mode .spinner{color:var(--text-secondary)!important}body.dark-mode a:not([routerLink]):not([ng-reflect-router-link]){color:var(--accent-blue)!important}body.dark-mode a:not([routerLink]):not([ng-reflect-router-link]):hover{color:var(--accent-purple)!important}body.dark-mode hr,body.dark-mode .divider{border-color:var(--border-color)!important}body.dark-mode .preview-footer{border-top-color:var(--border-color)!important}body.dark-mode .preview-source-link{background-color:var(--bg-elevated)!important;color:var(--accent-blue)!important}body.dark-mode .preview-source-link:hover{background-color:var(--accent-blue)!important;color:var(--bg-primary)!important}body.dark-mode .resize-divider{background-color:var(--border-color)!important}body.dark-mode .resize-divider:hover{background-color:var(--accent-blue)!important}body.dark-mode .item-image{background-color:var(--bg-elevated)!important}body.dark-mode .header{background:inherit!important}body.dark-mode .feed-filter .feed-dropdown{background-color:var(--bg-elevated)!important;border-color:var(--border-color)!important;box-shadow:0 8px 24px #0009!important}body.dark-mode .feed-filter .feed-dropdown .dropdown-header{background-color:var(--bg-tertiary)!important;border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .feed-filter .feed-dropdown .dropdown-header span{color:var(--text-primary)!important}body.dark-mode .feed-filter .feed-dropdown .dropdown-header .clear-btn{background-color:var(--accent-red)!important;color:#fff!important;border:none!important}body.dark-mode .feed-filter .feed-dropdown .dropdown-header .clear-btn:hover{background-color:#c62828!important}body.dark-mode .feed-filter .feed-dropdown .feed-list{background-color:var(--bg-elevated)!important}body.dark-mode .feed-filter .feed-dropdown .feed-list .feed-checkbox{color:var(--text-primary)!important}body.dark-mode .feed-filter .feed-dropdown .feed-list .feed-checkbox:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .feed-filter .feed-dropdown .feed-list .feed-checkbox .feed-name{color:var(--text-primary)!important}body.dark-mode .feed-filter .feed-dropdown .feed-list .feed-checkbox input[type=checkbox]{border-color:var(--border-color)!important;background-color:var(--bg-secondary)!important}body.dark-mode .feed-filter .feed-dropdown .feed-list .feed-checkbox input[type=checkbox]:checked{background-color:var(--accent-blue)!important;border-color:var(--accent-blue)!important}body.dark-mode .article-reader{background-color:var(--bg-primary)!important}body.dark-mode .article-reader .reader-content{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .app-container,body.dark-mode .main-layout{background-color:var(--bg-primary)!important}body.dark-mode .content,body.dark-mode main.content{background-color:var(--bg-primary)!important}body.dark-mode .container,body.dark-mode .main-content,body.dark-mode .content-wrapper,body.dark-mode .page-wrapper,body.dark-mode app-root,body.dark-mode app-feed-manager,body.dark-mode app-list-view,body.dark-mode app-grid-view,body.dark-mode app-news-look{background-color:var(--bg-primary)!important}body.dark-mode form{background-color:transparent!important}body.dark-mode table{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode table th{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode table td{border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode table tr:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .modal-overlay,body.dark-mode .backdrop{background-color:#000000b3!important}body.dark-mode .user-menu .user-dropdown{background-color:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 16px var(--shadow-color)!important}body.dark-mode .user-menu .user-info{border-bottom-color:var(--border-color)!important}body.dark-mode .user-menu .user-info .user-email{color:var(--text-secondary)!important}body.dark-mode .user-menu .user-actions{background-color:transparent!important}body.dark-mode .user-menu .settings-btn{background-color:transparent!important;color:var(--accent-blue)!important}body.dark-mode .user-menu .settings-btn:hover{background-color:#64b5f626!important}body.dark-mode .user-menu .logout-btn{background-color:transparent!important;color:var(--accent-red)!important}body.dark-mode .user-menu .logout-btn:hover{background-color:#e5737326!important}body.dark-mode .feed-list{background-color:var(--bg-secondary)!important}body.dark-mode .suggested-feeds{background-color:var(--bg-primary)!important}body.dark-mode .suggested-feeds .suggested-category{color:var(--text-primary)!important}body.dark-mode .suggested-feeds .feed-suggestion{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}body.dark-mode .suggested-feeds .feed-suggestion:hover{background-color:var(--bg-tertiary)!important;border-color:var(--accent-blue)!important}body.dark-mode .toast,body.dark-mode .notification{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}body.dark-mode .toast.success,body.dark-mode .notification.success{border-left:4px solid var(--accent-green)!important}body.dark-mode .toast.error,body.dark-mode .notification.error{border-left:4px solid var(--accent-red)!important}body.dark-mode .toast.info,body.dark-mode .notification.info{border-left:4px solid var(--accent-blue)!important}body.dark-mode .empty-state{color:var(--text-secondary)!important}body.dark-mode .empty-state svg,body.dark-mode .empty-state i{color:var(--text-tertiary)!important}body.dark-mode .settings-modal{background-color:var(--bg-elevated)!important}body.dark-mode .settings-modal .modal-header{border-bottom-color:var(--border-color)!important}body.dark-mode .settings-modal .modal-header h2{color:var(--text-primary)!important}body.dark-mode .settings-modal .modal-header .close-btn{color:var(--text-secondary)!important}body.dark-mode .settings-modal .modal-header .close-btn:hover{color:var(--text-primary)!important}body.dark-mode .settings-modal .settings-sidebar{background-color:var(--bg-secondary)!important;border-right-color:var(--border-color)!important}body.dark-mode .settings-modal .settings-sidebar .category-btn{color:var(--text-secondary)!important}body.dark-mode .settings-modal .settings-sidebar .category-btn:hover{background-color:#667eea26!important;color:var(--accent-blue)!important}body.dark-mode .settings-modal .settings-sidebar .category-btn.active{background-color:var(--bg-elevated)!important;border-left-color:var(--accent-blue)!important;color:var(--accent-blue)!important}body.dark-mode .settings-modal .settings-content{background-color:var(--bg-elevated)!important}body.dark-mode .settings-modal .settings-group .group-title{color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .settings-modal .settings-section label{color:var(--text-primary)!important}body.dark-mode .settings-modal .settings-section .setting-description{color:var(--text-secondary)!important}body.dark-mode .settings-modal .settings-section .export-btn,body.dark-mode .settings-modal .settings-section .import-btn{background-color:var(--bg-elevated)!important}body.dark-mode .settings-modal .settings-section .export-btn{border-color:#4caf50!important;color:#4caf50!important}body.dark-mode .settings-modal .settings-section .export-btn:hover{background-color:#4caf5026!important;border-color:#45a049!important}body.dark-mode .settings-modal .settings-section .import-btn{border-color:#2196f3!important;color:#2196f3!important}body.dark-mode .settings-modal .settings-section .import-btn:hover{background-color:#2196f326!important;border-color:#1976d2!important}body.dark-mode .settings-modal .settings-section .import-btn.feedly-import{border-color:#ff6b35!important;color:#ff6b35!important}body.dark-mode .settings-modal .settings-section .import-btn.feedly-import:hover{background-color:#ff6b3526!important;border-color:#f4511e!important}body.dark-mode .settings-modal .data-backup-section,body.dark-mode .settings-modal .feedly-section{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}body.dark-mode .settings-modal .toggle-label{color:var(--text-primary)!important}body.dark-mode .settings-modal .toggle-label .toggle-switch{background:#555!important}body.dark-mode .settings-modal .toggle-label .toggle-switch:after{box-shadow:0 2px 4px #00000080!important}body.dark-mode .settings-modal .toggle-label input[type=checkbox]:checked+.toggle-switch{background:#667eea!important}body.dark-mode .items-list{background-color:var(--bg-primary)!important}body.dark-mode .items-list.with-preview::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:4px}body.dark-mode .items-list.with-preview::-webkit-scrollbar-thumb{background:var(--bg-tertiary)!important;border-radius:4px}body.dark-mode .items-list.with-preview::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)!important}*{margin:0;padding:0;box-sizing:border-box;cursor:inherit}html{font-family:system-ui;cursor:default}body{font-family:inherit;background:#f5f7fa;color:#333;line-height:1.6;cursor:default}html,body{height:100%;margin:0}a{text-decoration:none;color:inherit}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}