*{box-sizing:border-box;margin:0;padding:0}body{background:#f3f4f6;font-family:Inter,sans-serif}.app-container{background:#f3f4f6;min-height:100vh;padding:40px}.movie-wrapper{background:#fff;border-radius:24px;max-width:1180px;margin:auto;padding:40px;box-shadow:0 10px 40px #0000000f}.top-header{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.top-header h1{color:#111827;margin-bottom:10px;font-size:38px}.top-header p{color:#6b7280;line-height:1.5}.theme-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:12px;padding:12px 18px;font-size:14px}.search-wrapper{gap:14px;margin-bottom:30px;display:flex}.search-input-container{flex:1;position:relative}.search-icon{color:#9ca3af;font-size:15px;position:absolute;top:15px;left:18px}.search-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:16px;outline:none;width:100%;padding:16px 50px;font-size:15px}.search-input:focus{border-color:#2563eb}.clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:16px}.reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:0 22px;font-weight:600}.main-grid{grid-template-columns:1.3fr 1fr;gap:30px;display:grid}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h2{color:#111827;font-size:24px}.section-heading span{color:#9ca3af;font-size:13px}.movie-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px;display:flex}.movie-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.movie-top h3{color:#111827;font-size:21px}.movie-top span{color:#6b7280;font-size:14px}.rating-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rating-badge{color:#111827;background:#fbbf24;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.movie-tags{flex-wrap:wrap;gap:10px;display:flex}.movie-tags span{color:#4b5563;background:#e5e7eb;border-radius:999px;padding:5px 12px;font-size:13px}.fav-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:12px 18px;font-weight:600}.results-count{color:#6b7280;margin-bottom:22px;font-size:14px}.empty-state{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;padding:24px;font-size:15px}.fav-btn.active{color:#fff;background:#ef4444;border:none}.favourite-item{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:14px;padding:16px;font-weight:500}.app-container.dark{background:#111827}.app-container.dark .movie-wrapper{background:#1f2937}.app-container.dark h1,.app-container.dark h2,.app-container.dark h3{color:#fff}.app-container.dark p,.app-container.dark span{color:#d1d5db}.app-container.dark .search-input{color:#fff;background:#111827;border:1px solid #374151}.app-container.dark .movie-card{background:#111827;border-color:#374151}.app-container.dark .favourite-item{color:#fff;background:#111827;border-color:#374151}.app-container.dark .empty-state{color:#d1d5db;background:#111827;border-color:#374151}.app-container.dark .movie-tags span,.app-container.dark .theme-btn{color:#fff;background:#374151}.app-container.dark .fav-btn{color:#fff;background:#1f2937;border-color:#4b5563}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:28px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:10px 18px;font-weight:600;transition:all .2s}.pagination button:hover:not(:disabled){opacity:.9}.pagination button:disabled{cursor:not-allowed;background:#9ca3af}.pagination span{color:#374151;font-weight:600}.app-container.dark .pagination span{color:#fff}.app-container.dark .pagination button:disabled{background:#4b5563}