body{background-color:#212529;color:#f8f9fa;font-family:Arial,sans-serif}.header{position:sticky;top:0;left:0;width:100%;padding:1rem 0;background-color:#343a40;box-shadow:0 2px 4px #0003;display:flex;justify-content:center;align-items:center;z-index:100}.search{display:flex;gap:10px;align-items:center}.search input{padding:.5rem 1rem;font-size:1rem;border-radius:20px;border:1px solid #ced4da;background-color:#495057;color:#f8f9fa;outline:none;width:300px;transition:all .3s ease}.search input::placeholder{color:#adb5bd}.search input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.search-btn,.load-more-btn{padding:.5rem 1.5rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.search-btn:hover,.load-more-btn:hover{background-color:#0056b3}.loader-container{display:flex;justify-content:center;align-items:center;height:200px}.error-message{text-align:center;color:#495057;font-size:2rem;padding:4.8rem}.gallery-container{margin:30px 20px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;list-style:none;padding:0;margin:0}.gallery-item{cursor:pointer;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 12px #0003}.image img{width:100%;height:250px;object-fit:cover;display:block}.load-more-container{display:flex;justify-content:center;margin:20px auto}.load-more-btn{font-size:large;padding:.8rem 1.5rem;border-radius:25px}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc}.overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#ffffff20;border-radius:10px;max-width:90%;max-height:90%;overflow:auto;outline:none}.modal img{max-width:100%;max-height:80vh;display:block}