body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:#333}.app{padding:20px;text-align:center}.title{font-size:2.5rem;margin-bottom:10px}.subtitle{font-size:1.3rem;margin-bottom:30px;color:#666}.search-input{padding:10px 15px;font-size:1rem;border:2px solid #ddd;border-radius:8px;margin-bottom:30px;width:80%;max-width:400px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.image-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #00000014;cursor:pointer}.image-card img{width:100%;height:auto;display:block;transition:transform .3s ease;border-radius:12px 12px 0 0;object-fit:cover}.image-card:hover img{transform:scale(1.03)}.error-msg{padding:40px 20px;color:#888;font-style:italic}.loading{margin:40px 0;font-size:1.2rem;color:#555}.lightbox-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 12px #ffffff40;-webkit-user-select:auto;user-select:auto}.lightbox-close{position:fixed;top:20px;right:30px;font-size:3rem;color:#fff;background:transparent;border:none;cursor:pointer;z-index:1100}.lightbox-close:focus{outline:2px solid #fff;outline-offset:4px}.scroll-to-top{position:fixed;bottom:30px;right:30px;padding:12px 16px;font-size:1.5rem;background:#333;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1000;opacity:.7;transition:opacity .3s,transform .3s}.scroll-to-top:hover{opacity:1;transform:scale(1.1)}