*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#f9f9f9;color:#333;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}h1,h2,h3{font-weight:600}img{max-width:100%;display:block}.btn-primary{background-color:#ff6f61;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background-color:#e65a50}.btn-secondary{background-color:#07c;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background .3s ease}.btn-secondary:hover{background-color:#005fa3}.container{width:90%;max-width:1200px;margin:auto}@media (max-width: 768px){.navbar ul{flex-direction:column;gap:.8rem}.hero-content h1{font-size:2rem}.category-grid{grid-template-columns:1fr}}body.dark-mode{background-color:#121212;color:#fff;transition:background .3s ease,color .3s ease}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p,body.dark-mode label{color:#fff}body.dark-mode .navbar{background:#1f1f1f}body.dark-mode .logo{color:#fff}body.dark-mode .nav-links a{color:#fff!important}body.dark-mode .nav-links a:hover{color:#66b3ff}body.dark-mode .theme-toggle{color:#fff}body.dark-mode .popup-container{background:#1f1f1f;color:#fff}body.dark-mode .hero-content h1{color:#fff}body.dark-mode .search-bar input{background:#333;color:#fff;border:1px solid #555}body.dark-mode .search-bar button{background:#007bff;color:#fff}body.dark-mode .trending h2,body.dark-mode .trend-card h3{color:#fff}body.dark-mode .nav-btn,body.dark-mode .finish-btn{background:#007bff;color:#fff}body.dark-mode .footer{background:#1f1f1f;color:#fff}body.dark-mode .footer a{color:#fff}body.dark-mode .footer a:hover{color:#66b3ff}body{background-color:#fff;color:#222}body.dark-mode{background-color:#121212;color:#f1f1f1}.overlay{background:#00000080;color:#fff}body.dark-mode .overlay{background:#fff3;color:#f1f1f1}.like-comment{background:#0009;color:#fff}body.dark-mode .like-comment{background:#fff3;color:#fff}.categories-section,.trending-section{background:#fff}body.dark-mode .categories-section,body.dark-mode .trending-section{background:#1e1e1e}
