*{box-sizing:border-box;margin:0;padding:0}body{color:#979797;background:#1f1f1f;font-family:Arial,sans-serif}.container{max-width:1100px;margin:auto;padding:20px}h1{text-align:center;margin-bottom:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.card{background:#373839;border-radius:12px;overflow:hidden}.card img{object-fit:cover;cursor:pointer;width:100%;height:200px}.filters{justify-content:center;align-items:center;margin-bottom:20px;display:flex}button{cursor:pointer;background:#979797;border:none;border-radius:8px;margin:10px;padding:8px 12px;transition:all .2s}button:hover{background:#bbb}h2{margin:20px 0 10px}select{border-radius:8px;margin:10px;padding:8px}.modal{background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#373839;border-radius:12px;max-width:400px;padding:20px;animation:.3s fadeIn}.modal-content img{border-radius:10px;width:100%;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}p{text-align:center}.card button{width:calc(100% - 20px)}.fav-grid{gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.fav-grid img{border-radius:8px}.error{color:#ff4d4d;text-align:center;margin:10px 0;font-weight:700}