:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}}.gallery-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.gallery-header{display:flex;justify-content:center;margin-bottom:1.5rem}.gallery-header .logo-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#fff;padding:20px 40px 15px;border-radius:8px;transition:opacity .2s ease}.gallery-header .logo-link:hover{opacity:.8}.gallery-logo{max-width:200px;height:auto}.shop-text{color:#000;font-size:.7rem;font-weight:700;letter-spacing:.3em;margin-top:10px}.gallery-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#fff}.gallery-subtitle{text-align:center;color:#888;margin-bottom:2rem;font-size:1.1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.gallery-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;aspect-ratio:4 / 3;background-color:#1a1a1a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.gallery-item:hover img{transform:scale(1.05);opacity:.9}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}.lightbox-caption{color:#fff;margin-top:1rem;font-size:1rem}.lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;background:none;border:none;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.lightbox-close:hover{color:#ccc}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;background:#ffffff1a;border:none;cursor:pointer;padding:16px 20px;border-radius:4px;transition:background .2s ease}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media(max-width:768px){.gallery-header .logo-link{padding:15px 30px 12px}.gallery-logo{max-width:150px}.shop-text{font-size:.6rem}.gallery-title{font-size:1.8rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gallery-item{border-radius:4px}.lightbox-nav{padding:12px 16px;font-size:24px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:15px;font-size:32px}}@media(max-width:480px){.gallery-container{padding:10px}.gallery-header .logo-link{padding:12px 25px 10px}.gallery-logo{max-width:120px}.shop-text{font-size:.5rem;margin-top:8px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:6px}.gallery-title{font-size:1.4rem}.gallery-subtitle{font-size:.9rem}}@media(prefers-color-scheme:light){.gallery-title{color:#1a1a1a}.gallery-subtitle{color:#666}}.app{width:100%;min-height:100vh}