*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;margin:0;padding:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mapboxgl-map{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.mapboxgl-popup{max-width:300px}.mapboxgl-popup-content{padding:15px;border-radius:8px;font-family:inherit}.mapboxgl-popup-close-button{font-size:18px;color:#666;padding:5px 8px}.mapboxgl-popup-close-button:hover{background-color:#f0f0f0;color:#333}@keyframes pulse{0%{transform:scale(2);filter:drop-shadow(0 0 12px rgba(44,90,160,.8))}50%{transform:scale(2.3);filter:drop-shadow(0 0 20px rgba(44,90,160,1))}to{transform:scale(2);filter:drop-shadow(0 0 12px rgba(44,90,160,.8))}}.photo-gallery{padding:20px;max-width:1200px;margin:0 auto}.gallery-controls{display:flex;gap:20px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-filter{flex:1;min-width:200px}.search-input{width:100%;padding:10px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3498db}.filter-controls{min-width:150px}.filter-select{padding:10px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#3498db}.gallery-stats{margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.gallery-stats p{margin:5px 0;color:#666;font-size:14px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.photo-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.photo-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.photo-image{position:relative;overflow:hidden}.photo-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.clickable-photo{cursor:pointer}.clickable-photo:hover{transform:scale(1.05)}.video-thumbnail{position:relative;cursor:pointer}.video-thumbnail video{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none}.play-button{font-size:24px;color:#fff;margin-left:4px}.video-thumbnail:hover video{transform:scale(1.05)}.video-thumbnail:hover .video-play-overlay{background:#000c}.photo-info{padding:15px}.photo-info h4{margin:0 0 8px;color:#2c3e50;font-size:16px;font-weight:600}.photo-description{margin:0 0 12px;color:#666;font-size:14px;line-height:1.4}.photo-meta{display:flex;gap:15px;margin-bottom:12px;flex-wrap:wrap}.photo-day,.photo-time,.photo-altitude{background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:12px;color:#495057;font-weight:500}.photo-people{margin-bottom:12px;font-size:13px;color:#666}.photo-actions{display:flex;gap:10px}.map-button{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.map-button:hover{background:#2980b9}.no-photos{text-align:center;padding:40px;color:#666;font-size:16px}.photo-lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.photo-lightbox-content{display:flex;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000080}.photo-lightbox-close{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;font-size:16px;transition:background-color .2s ease}.photo-lightbox-close:hover{background:#000000e6}.photo-lightbox-image-container{flex:2;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.photo-lightbox-image,.photo-lightbox-video{max-width:100%;max-height:100%;object-fit:contain}.photo-lightbox-info{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:flex-start;min-width:300px;max-width:400px}.photo-lightbox-title{margin:0 0 10px;color:#2c3e50;font-size:24px;font-weight:600;line-height:1.3}.photo-lightbox-description{margin:0 0 25px;color:#666;font-size:16px;line-height:1.5}.photo-lightbox-metadata{margin-bottom:30px}.metadata-item{display:flex;align-items:center;margin-bottom:12px;color:#555;font-size:14px}.metadata-icon{margin-right:10px;color:#3498db;font-size:16px;width:16px}.photo-lightbox-actions{margin-top:auto}.show-on-map-btn{background:#3498db;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease;width:100%;justify-content:center}.show-on-map-btn:hover{background:#2980b9}.mapboxgl-popup.map-popup .mapboxgl-popup-content{max-width:350px;max-height:380px;overflow-y:auto;padding:0;border-radius:8px}@media (max-width: 768px){.gallery-controls{flex-direction:column;align-items:stretch}.photos-grid{grid-template-columns:1fr}.photo-meta{flex-direction:column;gap:8px}.photo-lightbox-content{flex-direction:column;max-width:95vw;max-height:95vh}.photo-lightbox-image-container{flex:none;height:60vh}.photo-lightbox-info{min-width:auto;max-width:none;padding:20px}.photo-lightbox-title{font-size:20px}.map-popup .mapboxgl-popup-content{max-width:calc(100vw - 60px)!important;max-height:300px!important}}