:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--color-bg: #030712;--color-surface: rgba(17, 24, 39, .6);--color-border: rgba(255, 255, 255, .08);--color-primary: #3b82f6;--color-primary-glow: rgba(59, 130, 246, .15);--color-accent: #10b981;--color-accent-glow: rgba(16, 185, 129, .15);--color-text-primary: #f9fafb;--color-text-secondary: #9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.bg-glow-1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);top:-10%;left:-10%;z-index:0;animation:float-1 20s infinite alternate ease-in-out;pointer-events:none}.bg-glow-2{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%);bottom:-10%;right:-10%;z-index:0;animation:float-2 25s infinite alternate ease-in-out;pointer-events:none}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.1)}}@keyframes float-2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-80px,-50px) scale(.95)}}.welcome-container{position:relative;z-index:10;width:100%;max-width:800px;padding:2.5rem;margin:auto}.glass-card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:24px;padding:3rem;text-align:center;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 30px 60px #00000080,0 0 40px #3b82f61a,inset 0 1px #ffffff26}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#3b82f640,#10b9810d);border:1px solid rgba(59,130,246,.3);font-family:var(--font-display);font-size:2rem;font-weight:900;color:#60a5fa;margin-bottom:2rem;box-shadow:0 0 20px #3b82f633;animation:pulse-glow 3s infinite alternate ease-in-out}@keyframes pulse-glow{0%{box-shadow:0 0 20px #3b82f633}to{box-shadow:0 0 35px #3b82f666}}h1{font-family:var(--font-display);font-size:3.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#93c5fd,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto 3rem;line-height:1.6}.section-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-title:before,.section-title:after{content:"";height:1px;width:40px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent)}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}@media(max-width:640px){.apps-grid{grid-template-columns:1fr}}.app-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);text-decoration:none;color:inherit;transition:all .2s ease-in-out}.app-link-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.app-icon{font-size:1.75rem;margin-bottom:.75rem}.app-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:#f3f4f6;margin-bottom:.25rem}.app-desc{font-size:.75rem;color:var(--color-text-secondary)}footer{margin-top:3rem;font-size:.8rem;color:#9ca3af80;letter-spacing:.05em}.radar-hub-container{max-width:1000px;width:100%;margin:3rem auto 1rem;text-align:left}.radar-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.radar-hub-header h2{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.radar-hub-header .description{color:var(--color-text-secondary);font-size:.95rem;margin-top:.25rem}.live-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#10b981;background:#10b9811a;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(16,185,129,.2);letter-spacing:.05em;margin-bottom:.5rem}.live-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;animation:pulse-dot 1.5s infinite alternate ease-in-out}@keyframes pulse-dot{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:1}}.refresh-btn{background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.75rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-btn:hover{background:#ffffff1a;color:var(--color-text-primary);border-color:#fff3}.refresh-btn.spinning svg{animation:spin-clockwise 1s infinite linear}@keyframes spin-clockwise{to{transform:rotate(360deg)}}.radar-hub-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}@media(max-width:900px){.radar-hub-grid{grid-template-columns:1fr}}.radar-map-column{display:flex;flex-direction:column;gap:1.25rem}.map-wrapper{position:relative;height:400px;border-radius:18px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 10px 30px #0000004d}.leaflet-map-container{width:100%;height:100%;z-index:1}.map-loader{position:absolute;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary)}.spinning{animation:spin-clockwise 1s infinite linear}.map-hud-timeline{position:absolute;top:1rem;left:1rem;right:1rem;background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1rem;z-index:999;display:flex;flex-direction:column;gap:.5rem}.timeline-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.current-frame-time{color:var(--color-text-primary)}.frame-counter{color:var(--color-text-secondary);font-size:.75rem}.timeline-scrubber{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.timeline-tick{height:6px;border-radius:3px;background:#ffffff26;border:none;cursor:pointer;transition:all .2s ease}.timeline-tick:hover{background:#fff6}.timeline-tick.active{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.map-legend-hud{position:absolute;bottom:1rem;left:1rem;background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.5rem .75rem;z-index:999;font-size:.7rem;display:flex;flex-direction:column;gap:4px}.legend-title{color:var(--color-text-secondary);font-weight:600}.legend-bar{display:flex;gap:2px}.legend-bar span{display:inline-block;padding:1px 4px;color:#000;font-weight:700;min-width:22px;text-align:center;border-radius:2px}.map-controls-panel{background:#ffffff05;border:1px solid var(--color-border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.playback-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.play-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;padding:.65rem 1.25rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.play-btn.playing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.play-btn.playing:hover{box-shadow:0 6px 16px #ef444466}.speed-buttons{display:flex;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.speed-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:.5rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.speed-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.speed-btn.active{background:var(--color-primary);color:#fff}.opacity-slider-container{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-secondary);flex-wrap:wrap}.opacity-slider-container input[type=range]{flex-grow:1;min-width:120px;accent-color:var(--color-primary);cursor:pointer}.opacity-val{font-weight:700;color:var(--color-text-primary);min-width:35px;text-align:right}.weather-dashboard-column{display:flex;flex-direction:column;gap:1.25rem}.dashboard-loader,.error-state{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:#ffffff05;border:1px solid var(--color-border);gap:1rem;color:var(--color-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-card{background:#ffffff05;border:1px solid var(--color-border);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.dashboard-card:hover{transform:translateY(-2px);border-color:#ffffff26}.main-condition{grid-column:span 2;flex-direction:row;align-items:center;gap:1.25rem;background:#3b82f614;border-color:#3b82f626}.condition-icon-box{width:56px;height:56px;border-radius:14px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.condition-meta{display:flex;flex-direction:column}.card-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:2px}.condition-text{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);font-family:var(--font-display)}.station-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.card-icon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.value-display{display:flex;align-items:baseline;gap:2px}.value-display .value{font-size:2.25rem;font-weight:900;font-family:var(--font-display);color:var(--color-text-primary);line-height:1.1}.value-display .unit{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.sub-value{font-size:.75rem;color:var(--color-text-secondary);margin-top:.5rem;border-top:1px solid rgba(255,255,255,.04);padding-top:.5rem}.wind-direction{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary);margin-top:.5rem;border-top:1px solid rgba(255,255,255,.04);padding-top:.5rem}.wind-direction svg{transition:transform .3s ease}.temp-glow:hover{box-shadow:0 0 25px #ef444414;border-color:#ef444433}.rain-glow:hover{box-shadow:0 0 25px #3b82f614;border-color:#3b82f633}.humidity-glow:hover{box-shadow:0 0 25px #0ea5e914;border-color:#0ea5e933}.wind-glow:hover{box-shadow:0 0 25px #14b8a614;border-color:#14b8a633}.town-info-card{background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:18px;padding:1.25rem;font-size:.8rem;line-height:1.5;text-align:left}.town-info-card h4{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.town-info-card p{color:var(--color-text-secondary)}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.85rem;text-align:left}.glow-marker-outer{position:relative;width:24px;height:24px}.glow-marker-pulse{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#3b82f666;box-shadow:0 0 12px #3b82f699;animation:marker-pulse-glow 1.8s infinite ease-out}.glow-marker-inner{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:#3b82f6;border:2px solid white;box-shadow:0 0 8px #000c}@keyframes marker-pulse-glow{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.radar-popup{color:#111827;padding:.25rem}.radar-popup h3{font-family:var(--font-display);font-weight:700;font-size:.9rem;margin-bottom:2px}.radar-popup p{font-size:.75rem;color:#4b5563;margin:0}.past-history-card{margin-top:1rem;background:#ffffff04;border:1px solid var(--color-border)}.history-meta-text{font-size:.75rem;color:var(--color-text-secondary)}.sparkline-wrapper{background:#00000040;border-radius:12px;padding:.75rem;margin:.75rem 0;border:1px solid rgba(255,255,255,.03)}.history-svg{overflow:visible}.svg-label{filter:drop-shadow(0px 1px 2px rgba(0,0,0,.9))}.past-summary-analytics{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary);border-top:1px solid rgba(255,255,255,.04);padding-top:.75rem;margin-top:.25rem}.analytic-item{display:flex;align-items:center;gap:4px}.analytic-item .label{font-weight:500}.analytic-item .val{font-weight:700}.tab-buttons{display:flex;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.tab-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:.4rem .8rem;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--color-text-primary);background:#ffffff08}.tab-btn.active{background:var(--color-primary);color:#fff}.hud-badge{display:inline-block;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:.5rem;letter-spacing:.05em}.hud-badge.observation{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.hud-badge.forecast{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.gps-booth-container{margin-top:2rem;margin-bottom:2rem}.live-badge.gps-locked{color:#10b981;background:#10b9811a;border-color:#10b98133}.live-badge.gps-locked .live-dot{background-color:#10b981}.live-badge.gps-searching{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.live-badge.gps-searching .live-dot{background-color:#f59e0b;animation:pulse-dot 1s infinite alternate ease-in-out}.camera-viewport-wrapper{background:#000;position:relative;overflow:hidden;height:400px;border-radius:18px;box-shadow:inset 0 0 40px #000c}.camera-video-element{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-viewfinder-grid{position:absolute;inset:0;pointer-events:none;z-index:2;border:20px solid rgba(0,0,0,.2)}.viewfinder-crosshair{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%)}.viewfinder-crosshair:before,.viewfinder-crosshair:after{content:"";position:absolute;background:#fff6}.viewfinder-crosshair:before{top:14px;left:0;width:30px;height:2px}.viewfinder-crosshair:after{top:0;left:14px;width:2px;height:30px}.viewfinder-lens{position:absolute;top:50%;left:50%;width:160px;height:160px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%);animation:scanning 8s infinite linear}@keyframes scanning{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.camera-viewport-hud{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1.5rem;z-index:10}.shutter-btn{width:72px;height:72px;border-radius:50%;background:#fff3;border:4px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0009;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.shutter-btn:hover{transform:scale(1.08);background:#ffffff4d}.shutter-btn:active{transform:scale(.92)}.shutter-inner{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #fff3}.secondary-hud-btn{background:#111827cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#d1d5db;padding:.5rem 1rem;border-radius:30px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.secondary-hud-btn:hover{background:#1f2937e6;color:#fff}.camera-offline-state{height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,#111827cc,#030712f2)}.camera-placeholder-box{display:flex;flex-direction:column;align-items:center;text-align:center}.camera-placeholder-box h4{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.action-buttons-row{display:flex;gap:1rem;margin-top:1rem}.upload-btn-fallback{background:linear-gradient(135deg,#10b981,#059669);cursor:pointer;box-shadow:0 4px 12px #10b98140;display:inline-flex;align-items:center;padding:.65rem 1.25rem;border-radius:10px;font-weight:700;font-size:.85rem;color:#fff;transition:all .2s ease}.upload-btn-fallback:hover{box-shadow:0 6px 16px #10b98159;transform:translateY(-1px)}.photo-review-mode{display:grid;grid-template-rows:1fr 1fr;height:400px;border-radius:18px;overflow:hidden;border:1px solid var(--color-border)}@media(min-width:640px){.photo-review-mode{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}.review-image-pane{background:#000;position:relative;display:flex;align-items:center;justify-content:center}.review-img{max-width:100%;max-height:100%;object-fit:contain}.close-review-btn{position:absolute;top:1rem;left:1rem;background:#111827d9;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.close-review-btn:hover{transform:scale(1.05);background:#ef4444e6}.review-map-pane{position:relative;height:100%}.review-leaflet-container{width:100%;height:100%}.map-hud-pin-overlay{position:absolute;top:1rem;right:1rem;background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;z-index:999}.review-actions-bar{flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:1rem;flex-wrap:wrap}.download-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.download-btn:hover{box-shadow:0 6px 16px #10b98166!important}.secondary-btn{background:#ffffff0d!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;box-shadow:none!important}.secondary-btn:hover{background:#ffffff1a!important}.danger-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 4px 12px #ef444440!important;margin-left:auto}.danger-btn:hover{box-shadow:0 6px 16px #ef444459!important}.gps-status-card{background:#10b98108!important;border-color:#10b9811f!important}.gps-readings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.reading-item{display:flex;flex-direction:column}.reading-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:2px}.reading-val{font-size:1.15rem;font-weight:800;font-family:var(--font-display);color:var(--color-text-primary)}.gps-override-toggle-area{border-top:1px solid rgba(255,255,255,.04);padding-top:.75rem;margin-top:.25rem}.toggle-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.gps-manual-inputs{display:flex;gap:.5rem;margin-top:.75rem;background:#0003;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.gps-manual-inputs .input-group{display:flex;flex-direction:column;flex:1}.gps-manual-inputs label{font-size:.6rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:2px}.gps-manual-inputs input{background:#03071299;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--color-text-primary);padding:.25rem .4rem;font-size:.75rem;font-family:var(--font-display);width:100%}.gps-manual-inputs input:focus{outline:none;border-color:var(--color-primary)}.exif-inspector-card{background:#3b82f608!important;border-color:#3b82f61f!important}.exif-table-wrapper{background:#00000040;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.03);margin-top:.5rem;margin-bottom:.75rem}.exif-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.exif-table th,.exif-table td{padding:.45rem .75rem}.exif-table th{background:#ffffff08;color:var(--color-text-secondary);font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.exif-table td{border-bottom:1px solid rgba(255,255,255,.02);color:#e5e7eb}.exif-table tr:last-child td{border-bottom:none}.exif-table td:first-child{font-family:var(--font-display);font-weight:600;color:#93c5fd}.exif-guarantee{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#10b981;background:#10b98114;padding:.35rem .65rem;border-radius:6px;border:1px solid rgba(16,185,129,.15)}.instructions-card{padding:1.25rem}.instruction-text{font-size:.75rem;color:var(--color-text-secondary);line-height:1.5;margin-top:.5rem}.session-gallery-card{background:#ffffff03!important}.empty-gallery-state{height:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;color:#9ca3af66;border:1px dashed rgba(255,255,255,.05);border-radius:12px;padding:1rem}.gallery-thumbnails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.gallery-thumb-card{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1)}.gallery-thumb-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 10px #3b82f633}.gallery-thumb-card.active{border-color:#10b981;box-shadow:0 0 10px #10b9814d}.thumb-img{width:100%;height:100%;object-fit:cover}.thumb-meta-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000c,#0000);padding:.25rem;display:flex;justify-content:center}.thumb-coordinates{font-size:.55rem;color:#d1d5db;font-family:var(--font-display);font-weight:500}.thumb-delete-btn{position:absolute;top:4px;right:4px;background:#ef4444cc;border:none;color:#fff;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:5}.gallery-thumb-card:hover .thumb-delete-btn{opacity:1}.thumb-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.fade-in{animation:fadeInEffect .3s ease-out forwards}@keyframes fadeInEffect{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}