:root{--card-bg:#ffffff;--text-color:#111827;--text-light:#6B7280;--border-color:#E5E7EB;--bg-color:#f9fafb;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1)}.dark{--card-bg:#1F2937;--text-color:#F9FAFB;--text-light:#9CA3AF;--border-color:#374151;--bg-color:#111827;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1)}html{color-scheme:light}.dark html{color-scheme:dark}body{background-color:var(--bg-color)!important;color:var(--text-color)!important}.bg-gray-50{background-color:var(--bg-color)!important}.dark .bg-gray-900{background-color:var(--bg-color)!important}.text-gray-900{color:var(--text-color)!important}.dark .text-gray-100{color:var(--text-color)!important}.site-card{background-color:var(--card-bg)!important;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;align-items:center;gap:1.25rem;padding:.75rem;border-radius:.375rem}.site-card:hover{box-shadow:var(--shadow-md);transform:translateY(-.25rem)}.site-card img{width:1.5rem;height:1.5rem;object-fit:contain}.font-medium.text-blue-600,.site-card a{font-weight:500!important;color:#3b82f6!important}.dark .font-medium.text-blue-600,.dark .site-card a{color:#60a5fa!important}.site-card p,.text-xs.text-gray-500{font-size:.75rem!important;color:#6b7280!important}.dark .site-card p,.dark .text-xs.text-gray-500{color:#9ca3af!important}.text-gray-800,.text-xl.font-bold.text-gray-800,.text-xl.md\:text-2xl.font-bold.text-gray-800,h2{color:#111827!important}.dark .text-gray-800,.dark .text-white,.dark .text-xl.font-bold.text-gray-800,.dark .text-xl.md\:text-2xl.font-bold.text-white,.dark h2{color:#f9fafb!important}.category-icon,.text-gray-700{color:#4b5563!important}.dark .category-icon,.dark .text-gray-300,.dark .text-gray-700.dark\:text-gray-300{color:#9ca3af!important}.text-gray-700{color:#4b5563!important}.dark .text-gray-300{color:#d1d5db!important}.text-gray-600{color:#4b5563!important}.dark .text-gray-400{color:#9ca3af!important}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;padding:0}.theme-toggle-btn:hover{transform:rotate(15deg);box-shadow:var(--shadow-md);background-color:rgba(0,0,0,.05)}.dark .theme-toggle-btn:hover{background-color:rgba(255,255,255,.05)}.theme-toggle-btn i{font-size:1.25rem}.theme-toggle-btn .dark-icon,.theme-toggle-btn .light-icon{color:#4b5563!important}.dark .theme-toggle-btn .dark-icon,.dark .theme-toggle-btn .light-icon{color:#d1d5db!important}#sidebar,.bg-white{background-color:var(--card-bg)!important;border-right:1px solid var(--border-color)}.dark #sidebar,.dark .bg-gray-800{background-color:var(--card-bg)!important}#header,.bg-white{background-color:var(--card-bg)!important;border-bottom-color:var(--border-color)}.dark #header,.dark .bg-gray-800{background-color:var(--card-bg)!important}.hover\:bg-gray-100:hover{background-color:rgba(0,0,0,.05)!important}.dark .hover\:bg-gray-700:hover{background-color:rgba(255,255,255,.05)!important}#hamburger-btn{margin-right:.5rem}@media (max-width:1023px){#sidebar{transform:translateX(-100%);z-index:40;width:80%;max-width:16rem}#sidebar.translate-x-0{transform:translateX(0)}#overlay{z-index:30}.overflow-hidden{overflow:hidden}}@media (min-width:1024px){#hamburger-btn{display:none}}#theme-toggle{position:relative;width:48px;height:24px;border-radius:999px;background-color:#e5e7eb;border:1px solid #d1d5db;cursor:pointer;overflow:visible}.dark #theme-toggle{background-color:#374151;border-color:#4b5563}#theme-toggle div{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease;display:flex;align-items:center;justify-content:center}#theme-toggle div::before{content:"\f185";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;color:#f59e0b}.dark #theme-toggle div{transform:translateX(24px)}.dark #theme-toggle div::before{content:"\f186";color:#3b82f6}