body.dark-mode{background:#121212;color:#e0e0e0;}body.dark-mode{--bg-color:#121212;--surface-color:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#aaaaaa;--border-color:#2e2e2e;--search-bg:#2a2a2a;--hover-bg:#2a2a2a;--active-nav-bg:#2e2e2e;--active-nav-text:#ff6b6b;--submenu-bg:#252525;--overlay-bg:rgba(0,0,0,0.7);--shadow-light:0 1px 3px rgba(0,0,0,0.4);--shadow-heavy:2px 0 8px rgba(0,0,0,0.5);}body.dark-mode .top-bar{background:#1e1e1e;box-shadow:0 1px 0 rgba(255,255,255,0.06);}body.dark-mode .header{background:#1e1e1e;border-bottom-color:#2e2e2e;}body.dark-mode .back-btn{color:#e0e0e0;}body.dark-mode .header-title{color:#e0e0e0;}body.dark-mode .sidebar{background:#1e1e1e;}body.dark-mode .sidebar-header{border-bottom-color:#2e2e2e;}body.dark-mode .app-info h2{color:#e0e0e0;}body.dark-mode .app-info p{color:#aaa;}body.dark-mode .sidebar-menu>li{color:#e0e0e0;}body.dark-mode .sidebar-menu>li:active{background:#2a2a2a;}body.dark-mode .sidebar-menu li .icon{color:#e0e0e0;}body.dark-mode .submenu{background:#252525;}body.dark-mode .submenu li{color:#e0e0e0;}body.dark-mode .submenu li:active{background:#2e2e2e;}body.dark-mode .submenu li a{color:#e0e0e0;}body.dark-mode .menu-item-header:active{background:#2a2a2a;}body.dark-mode .search-container{background:#1e1e1e;}body.dark-mode .search-input-wrapper{background:#2a2a2a;}body.dark-mode .search-input-wrapper input{color:#e0e0e0;}body.dark-mode .search-input-wrapper input::placeholder{color:#888;}body.dark-mode .icon-btn{color:#e0e0e0;}body.dark-mode .icon-btn:active{background:#2a2a2a;}body.dark-mode .user-avatar-btn{border-color:#3a3a3a;}body.dark-mode .user-avatar-btn:hover{border-color:#666;}body.dark-mode .bottom-nav{background:#1e1e1e;box-shadow:0 -1px 3px rgba(0,0,0,0.4);}body.dark-mode .nav-item{color:#e0e0e0;}body.dark-mode .nav-item.active{background:#2e2e2e;color:#e0e0e0;}body.dark-mode .modal-content{background:#1e1e1e;}body.dark-mode .modal-handle{background:#3a3a3a;}body.dark-mode .modal-header{color:#e0e0e0;border-bottom-color:#2e2e2e;}body.dark-mode .modal-footer{border-top-color:#2e2e2e;}body.dark-mode #userModal .modal-content{background:#1e1e1e;}body.dark-mode .umodal-title{color:#e0e0e0;}body.dark-mode .umodal-google-btn{background:#252525;color:#e0e0e0;border-color:#3a3a3a;}body.dark-mode .umodal-legal{color:#aaa;}body.dark-mode .umodal-legal a{color:#ccc;}body.dark-mode .sidebar-overlay{background:rgba(0,0,0,0.7);}body.dark-mode .wp-hero{background:#252525;}body.dark-mode .wp-dl-fab{background:#1e1e1e;color:#e0e0e0;}body.dark-mode .wp-title{color:#e0e0e0;}body.dark-mode .wp-sub{color:#aaa;}body.dark-mode .wp-tag{background:#252525;color:#e0e0e0;border-color:#3a3a3a;}body.dark-mode .wp-tag:hover{background:#333;}body.dark-mode .wp-desc{color:#ccc;}body.dark-mode .rel-head{color:#e0e0e0;border-top-color:#2e2e2e;}body.dark-mode .navbar{background:#1e1e1e;box-shadow:0 1px 3px rgba(0,0,0,0.3);}body.dark-mode .logo{color:#e0e0e0;}body.dark-mode .nav-icons button:hover{background:#2a2a2a;}body.dark-mode .action-bar-btn{color:#aaa;}body.dark-mode .action-bar-btn i{color:#aaa;}body.dark-mode .action-bar-divider{background:#2e2e2e;}body.dark-mode .search-box{background:#1e1e1e;}body.dark-mode .search-box input{color:#e0e0e0;background:transparent;}body.dark-mode .search-box input::placeholder{color:#666;}body.dark-mode .drawer{background:#1e1e1e;}body.dark-mode .drawer-header{border-bottom-color:#2e2e2e;}body.dark-mode .drawer-nav li a{color:#e0e0e0;}body.dark-mode .drawer-nav li a:hover{background:#252525;}body.dark-mode .categories-sheet{background:#1e1e1e;}body.dark-mode .cat-panel-header{border-bottom-color:#2e2e2e;}body.dark-mode .cat-panel-title{color:#e0e0e0;}body.dark-mode .cat-panel-close{background:#252525;color:#e0e0e0;}body.dark-mode .cat-search-box{background:#252525;}body.dark-mode .cat-search-box input{color:#e0e0e0;}body.dark-mode .cat-search-box i{color:#aaa;}body.dark-mode .cat-section-title{color:#e0e0e0;}body.dark-mode .breadcrumb{background:#1e1e1e;border-bottom-color:#2e2e2e;color:#aaa;}body.dark-mode .breadcrumb a{color:#90CAF9;}body.dark-mode .breadcrumb .sep{color:#444;}body.dark-mode .seo-content-box h1{color:#e0e0e0;}body.dark-mode .seo-content-box .content-body{color:#ccc;}body.dark-mode .music-list{background:#121212;}body.dark-mode .music-item{border-bottom-color:#2e2e2e;color:#e0e0e0;}body.dark-mode .music-item:hover{background:#1a1a1a;}body.dark-mode .music-title{color:#e0e0e0;}body.dark-mode .music-duration{color:#aaa;}body.dark-mode .action-btn{color:#aaa;}body.dark-mode .empty-state{background:#121212;}body.dark-mode .empty-state h3{color:#e0e0e0;}body.dark-mode .empty-state p{color:#aaa;}body.dark-mode .folder-card{box-shadow:0 2px 10px rgba(0,0,0,0.4);}body.dark-mode .folder-card:hover{box-shadow:0 4px 18px rgba(0,0,0,0.5);}body.dark-mode .form-group label{color:#aaa;}body.dark-mode .form-group input,body.dark-mode .form-group textarea{background:#252525;border-color:#3a3a3a;color:#e0e0e0;}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#7B68EE;background:#1e1e1e;}body.dark-mode .form-group small{color:#888;}body.dark-mode .btn-secondary{background:#252525;color:#e0e0e0;border-color:#3a3a3a;}body.dark-mode .btn-secondary:hover{border-color:#aaa;}body.dark-mode .option-row{border-bottom-color:#2a2a2a;}body.dark-mode .option-row:active{background:#1a1a1a;}body.dark-mode .option-label{color:#e0e0e0;}body.dark-mode .seo-field{border-bottom-color:#2a2a2a;}body.dark-mode .seo-label{color:#aaa;}body.dark-mode .seo-value{color:#ccc;}body.dark-mode .message-toast{background:#333;color:#e0e0e0;}body.dark-mode .rt-card{background:#1e1e1e;border-color:#2e2e2e;}body.dark-mode .rt-card:hover{box-shadow:0 3px 14px rgba(0,0,0,0.4);}body.dark-mode .rt-title{color:#e0e0e0;}body.dark-mode .rt-title:hover{color:#90CAF9;}body.dark-mode .rt-meta{color:#aaa;}body.dark-mode .rt-meta-sep{color:#444;}body.dark-mode .rt-dur{color:#ccc;}body.dark-mode .rt-views{color:#aaa;}body.dark-mode .rt-views i{color:#aaa;}body.dark-mode .rt-bm-btn{color:#888;}body.dark-mode .rt-share-btn{color:#888;}body.dark-mode .rt-share-btn:hover{color:#e0e0e0;}body.dark-mode .rt-tag{background:#252525;color:#ccc;border-color:#3a3a3a;}body.dark-mode .rt-tag:hover{background:#1a2a3a;color:#90CAF9;border-color:#1565C0;}body.dark-mode .rt-dl-btn{background:#333;}body.dark-mode .p-title{color:#e0e0e0;}body.dark-mode .p-meta{color:#aaa;}body.dark-mode .p-dot{background:#aaa;}body.dark-mode .wave-track{background:#2e2e2e;}body.dark-mode .wave-t{color:#aaa;}body.dark-mode .p-div{background:#2e2e2e;}body.dark-mode .share-btn{background:#252525;}body.dark-mode .share-btn span{color:#aaa;}body.dark-mode .det-lbl{color:#aaa;}body.dark-mode .det-val{color:#e0e0e0;}body.dark-mode .det-val a{color:#90CAF9;}body.dark-mode .det-h{color:#e0e0e0;}body.dark-mode .det-dot{background:#e0e0e0;}body.dark-mode .tag-chip{background:#252525;color:#ccc;border-color:#3a3a3a;}body.dark-mode .tag-chip:hover{background:#1a2a3a;border-color:#1565C0;color:#90CAF9;}body.dark-mode .desc-card{border-top-color:#2e2e2e;}body.dark-mode .desc-title{color:#e0e0e0;}body.dark-mode .desc-text{color:#ccc;}body.dark-mode .not-found h2{color:#e0e0e0;}body.dark-mode .not-found p{color:#aaa;}body.dark-mode .not-found a{color:#90CAF9;}body.dark-mode .tag-hero{border-bottom-color:#2e2e2e;}body.dark-mode .tag-hero h1{color:#e0e0e0;}body.dark-mode .tag-hero p{color:#aaa;}body.dark-mode .rtag-chip{background:#252525;color:#ccc;border-color:#3a3a3a;}body.dark-mode .rtag-chip:hover{background:#1565C0;border-color:#1565C0;}body.dark-mode .empty-t h3{color:#e0e0e0;}body.dark-mode .empty-t p{color:#aaa;}body.dark-mode .search-hero{border-bottom-color:#2e2e2e;}body.dark-mode .search-hero h1{color:#e0e0e0;}body.dark-mode .search-hero p{color:#aaa;}body.dark-mode .sec-head{background:#181818;border-bottom-color:#2e2e2e;color:#aaa;}body.dark-mode .bm-item{border-bottom-color:#2e2e2e;color:#e0e0e0;}body.dark-mode .bm-item:hover{background:#1a1a1a;}body.dark-mode .bm-title{color:#e0e0e0;}body.dark-mode .bm-date{color:#aaa;}body.dark-mode .p-stats{border-bottom-color:#2e2e2e;}body.dark-mode .stat-l{color:#aaa;}body.dark-mode .logout-btn{background:#1e1e1e;border-color:#7f1d1d;color:#f87171;}body.dark-mode .login-box{background:#1e1e1e;}body.dark-mode .topbar{background:#1e1e1e;border-bottom-color:#2e2e2e;}body.dark-mode .topbar-title{color:#e0e0e0;}body.dark-mode .tb-gray{background:#252525;color:#aaa;border-color:#3a3a3a;}body.dark-mode .tb-gray:hover{background:#2e2e2e;}body.dark-mode .card{background:#1e1e1e;}body.dark-mode .card-header{border-bottom-color:#2e2e2e;}body.dark-mode .card-header h2{color:#e0e0e0;}body.dark-mode .card-search{background:#252525;border-color:#3a3a3a;}body.dark-mode .card-search input{color:#e0e0e0;}body.dark-mode th{background:#181818;color:#888;border-bottom-color:#2e2e2e;}body.dark-mode td{border-bottom-color:#2a2a2a;color:#ccc;}body.dark-mode tr:hover td{background:#1a2a2a;}body.dark-mode .td-title{color:#e0e0e0;}body.dark-mode .td-slug{color:#666;}body.dark-mode .pb{background:#1e1e1e;border-color:#2e2e2e;color:#aaa;}body.dark-mode .pb:hover{border-color:#2980b9;color:#2980b9;}body.dark-mode .amodal-box{background:#1e1e1e;}body.dark-mode .amodal-header{border-bottom-color:#2e2e2e;}body.dark-mode .amodal-header h3{color:#e0e0e0;}body.dark-mode .amodal-close{background:#252525;color:#aaa;}body.dark-mode .amodal-footer{border-top-color:#2e2e2e;}body.dark-mode .fg2 label{color:#aaa;}body.dark-mode .fg2 input,body.dark-mode .fg2 textarea,body.dark-mode .fg2 select{background:#252525;border-color:#3a3a3a;color:#e0e0e0;}body.dark-mode .fg2 input:focus,body.dark-mode .fg2 textarea:focus,body.dark-mode .fg2 select:focus{border-color:#2980b9;}body.dark-mode .abtn-secondary{background:#252525;color:#aaa;border-color:#3a3a3a;}body.dark-mode .abtn-secondary:hover{border-color:#888;}body.dark-mode .tab-nav{background:#252525;}body.dark-mode .tab-btn{color:#888;}body.dark-mode .tab-btn.active{background:#1e1e1e;color:#90CAF9;}body.dark-mode .tool-c{background:#1e1e1e;}body.dark-mode .tool-c:hover{box-shadow:0 3px 12px rgba(0,0,0,0.4);}body.dark-mode .tool-c-label{color:#e0e0e0;}body.dark-mode .tool-c-sub{color:#888;}body.dark-mode .hmc-header{background:#181818;border-top-color:#2e2e2e;border-bottom-color:#2e2e2e;}body.dark-mode .hmc-title{color:#e0e0e0;}body.dark-mode .static-page-content{color:#ccc;}body.dark-mode .static-page-content h2{color:#e0e0e0;}body.dark-mode .static-page-content h3{color:#ccc;}body.dark-mode .pagination-wrap{background:#121212;}body.dark-mode .pg-btn{background:#1e1e1e;border-color:#2e2e2e;color:#ccc;}body.dark-mode .pg-btn:hover{border-color:#2196F3;color:#2196F3;}body.dark-mode .pg-btn.pg-active{background:#2196F3;color:#fff;border-color:#2196F3;}body.dark-mode .pg-dots{color:#e0e0e0;}body.dark-mode .view-all-btn{background:#1e1e1e;border-color:#2e2e2e;color:#e0e0e0;}body.dark-mode .menu-icon{color:#e0e0e0;}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:#e0e0e0;}body.dark-mode p{color:#ccc;}#darkModeToggle{background:none;border:none;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:36px;min-height:36px;}#darkModeToggle:active{background-color:var(--hover-bg);}body.dark-mode #darkModeToggle svg{transform:rotate(20deg);}
body.dark-mode .hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#2d1b3d 100%);}body.dark-mode .hero-title{color:#e0e0e0;}body.dark-mode .hero-desc{color:#aaa;}body.dark-mode .hero-desc b{color:#e0e0e0;}body.dark-mode .hero-search-wrap{background:#1e1e1e;border-color:#3a3a3a;box-shadow:0 2px 16px rgba(0,0,0,0.3);}body.dark-mode .hero-search-wrap:focus-within{border-color:#7B68EE;box-shadow:0 2px 20px rgba(123,104,238,0.25);}body.dark-mode .hero-search-input{color:#e0e0e0;background:transparent;}body.dark-mode .hero-search-input::placeholder{color:#666;}body.dark-mode .hero-search-select{background-color:#1e1e1e;color:#e0e0e0;border-left-color:#3a3a3a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");}body.dark-mode .hero-search-select:focus{background-color:#252525;}body.dark-mode .hero-search-btn{background:#7B68EE;}body.dark-mode .hero-search-btn:hover{background:#9370DB;}body.dark-mode .hero-tag{background:#1e1e1e;color:#ccc;border-color:#3a3a3a;}body.dark-mode .hero-tag:hover{border-color:#7B68EE;color:#9d8df5;background:#1a1530;}body.dark-mode .hero-tag--active{border-color:#e53935;color:#e53935;}body.dark-mode .hero-tag--active:hover{background:#2a1515;border-color:#e53935;color:#e53935;}body.dark-mode .hero-tag--pink{border-color:#e91e8c;color:#e91e8c;}body.dark-mode .hero-tag--pink:hover{background:#2a1020;border-color:#e91e8c;color:#e91e8c;}body.dark-mode .hero-tag--green{border-color:#4caf50;color:#4caf50;}body.dark-mode .hero-tag--green:hover{background:#0f2010;border-color:#4caf50;color:#4caf50;}body.dark-mode .hero-tag--dark{background:#e0e0e0;color:#1a1a2e;border-color:#e0e0e0;}body.dark-mode .hero-tag--dark:hover{background:#bbb;border-color:#bbb;color:#1a1a2e;}