body{background:linear-gradient(145deg,#262626,#262626)}.container{text-align:center;font-family:Roboto,sans-serif;color:#fff;padding:20px}.search-bar{display:flex;justify-content:center;align-items:center;margin-bottom:20px;gap:10px}.search-bar input{width:300px;padding:12px;border:none;border-radius:8px;background:#444;color:#fff;font-size:16px;outline:none;box-shadow:inset 0 2px 4px #0000004d}.search-bar button{padding:12px 20px;cursor:pointer;background:linear-gradient(145deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;font-size:16px;transition:transform .2s,box-shadow .2s}.search-bar button:hover{transform:scale(1.05);box-shadow:0 4px 6px #007bff80}.search-bar select{padding:12px;border:none;border-radius:8px;background:#444;color:#fff;font-size:16px;outline:none}.album{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:10px;justify-items:center}.photo{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;box-shadow:0 4px 6px #00000080}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.photo img:hover{transform:scale(1.05);box-shadow:0 6px 12px #0009}.photo-expanded-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.photo-expanded-container{border-radius:16px}.photo-expanded-container img{max-width:40%;max-height:45%;border-radius:12px}@media (max-width: 768px){.search-bar input{width:80%}.search-bar button,.search-bar select{padding:10px 15px}.album{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.photo{max-width:100%}.photo-expanded-container img{max-width:60%;max-height:60%}}@media (max-width: 480px){.search-bar input{width:90%}.search-bar button,.search-bar select{padding:8px 12px}.album{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo{max-width:100%;margin:0 auto}.photo-expanded-container img{max-width:70%;max-height:70%}}