@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&display=swap";:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a0033,#306);min-height:100vh;padding:20px;color:#fff}.gallery-header{text-align:center;color:#fff;margin-bottom:40px}.gallery-header h1{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;margin-bottom:10px;text-shadow:0 4px 20px rgba(147,51,234,.4),0 2px 8px rgba(0,0,0,.5);letter-spacing:2px;background:linear-gradient(135deg,#e0b0ff,#a78bfa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-header p{font-size:1.1rem;opacity:.95}.gallery-container{max-width:1400px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;animation:fadeIn .6s ease-in-out}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 32px #0003;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;background:#f0f0f0;aspect-ratio:1}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 48px #0000004d}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item.loading{background:linear-gradient(90deg,#1a1a2e 25%,#2a1a3e,#1a1a2e 75%);background-size:200% 100%;animation:loading 1.5s infinite}.gallery-item.loading img{filter:blur(8px);opacity:0;transition:opacity .4s ease,filter .4s ease}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a0033,#306);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .4s ease-out}.loader-overlay.hidden{opacity:0;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:60px;height:60px;border:4px solid rgba(147,51,234,.2);border-top:4px solid #a78bfa;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{color:#a78bfa;font-size:1.1rem;font-weight:500;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.gallery-grid{min-height:400px}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.lightbox.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:1200px;height:90vh;max-height:90vh}.lightbox-viewer{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:0;width:100%}.lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;animation:zoomIn .3s ease-in-out}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-metadata{position:absolute;bottom:20px;left:20px;right:20px;background:#0006;color:#fff;border-radius:8px;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:max-height .3s ease;overflow:hidden}.lightbox-metadata.collapsed{max-height:2.8em}.lightbox-metadata.expanded{max-height:35%}.metadata-toggle{width:100%;padding:12px 20px;background:transparent;border:none;color:#fff;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.metadata-toggle:hover{background:#ffffff1a}.toggle-arrow{display:inline-block;transition:transform .3s ease;margin-right:10px;font-size:.8rem}.lightbox-metadata.collapsed .toggle-arrow{transform:rotate(180deg)}.metadata-content{padding:16px 20px 20px;overflow-y:auto;max-height:calc(35vh - 2.8em);background:#000000d9}.lightbox-metadata.collapsed .metadata-content{display:none}.metadata-prompt{line-height:1.6;margin-bottom:12px}.metadata-timestamp{font-size:.85rem;opacity:.8;color:#aaa}.lightbox-close{position:absolute;top:20px;right:20px;z-index:1002;background:#fff3;border:none;color:#fff;font-size:2.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.lightbox-nav svg{display:block;flex-shrink:0}.lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.lightbox-content{max-width:95%;height:85vh}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}.gallery-header h1{font-size:2rem}.lightbox-metadata.collapsed{max-height:2.8em}.lightbox-metadata.expanded{font-size:.9rem;max-height:35%}.lightbox-nav{width:40px;height:40px;font-size:1.5rem}.lightbox-close{width:40px;height:40px;font-size:2rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-header h1{font-size:1.5rem}.lightbox-content{max-width:100%;height:100dvh;max-height:100dvh;flex-direction:column;padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.lightbox-viewer{flex:1;width:100%;min-height:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-metadata{position:absolute;bottom:max(20px,env(safe-area-inset-bottom,20px));left:0;right:0;width:100%;border-radius:0}.lightbox-metadata.collapsed{max-height:2.8em}.lightbox-metadata.expanded{max-height:35%}.metadata-content{padding:0 15px 15px}.lightbox-nav{width:35px;height:35px;font-size:1.2rem}.lightbox-close{width:35px;height:35px;font-size:1.5rem}}.lightbox-metadata::-webkit-scrollbar{width:8px}.lightbox-metadata::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.lightbox-metadata::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.lightbox-metadata::-webkit-scrollbar-thumb:hover{background:#ffffff80}