:root{--color-background:#f8f9fa;--color-surface:#fff;--color-surface-secondary:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9e9e9e;--color-accent:#06c;--color-accent-hover:#0052a3;--color-accent-light:#e6f2ff;--color-border:#e0e0e0;--color-shadow:rgba(0,0,0,.08);--color-shadow-hover:rgba(0,0,0,.12);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 12px var(--color-shadow);--shadow-lg:0 10px 40px var(--color-shadow);--shadow-xl:0 20px 60px rgba(0,0,0,.15)}body.dark-theme{--color-background:#1a1a1a;--color-surface:#2d2d2d;--color-surface-secondary:#3a3a3a;--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-tertiary:grey;--color-accent:#4da3ff;--color-accent-hover:#6bb5ff;--color-accent-light:#1a3a5a;--color-border:#404040;--color-shadow:rgba(0,0,0,.3);--color-shadow-hover:rgba(0,0,0,.4);--shadow-xl:0 20px 60px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base)}body.drag-over{background-color:var(--color-accent-light)}body.drag-over:before{animation:pulse 1s infinite;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-accent);content:"📸 " attr(data-drop-text);font-size:2rem;font-weight:var(--font-weight-bold);left:50%;padding:var(--space-2xl);pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.app-container{display:flex;flex-direction:column;min-height:100vh}.hero-section{background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface-secondary) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);transition:all var(--transition-base)}body.dark-theme .hero-section{background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 100%)}.hero-section.hidden{display:none}.hero-container{margin:0 auto;max-width:900px}.hero-content{text-align:center}.hero-badge{align-items:center;background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);display:inline-flex;font-size:.85rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md)}.badge-icon{height:16px;width:16px}.hero-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-md)}.hero-description{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;max-width:700px}.hero-benefits{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-lg)}.benefit-item{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:var(--space-sm)}.benefit-icon{color:var(--color-accent);height:24px;width:24px}.hero-cta{margin-bottom:var(--space-lg)}.hero-cta-primary{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:1.05rem;font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-base)}.hero-cta-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-cta-primary:active{transform:translateY(0)}.cta-icon{height:24px;width:24px}.hero-stats{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;padding-top:var(--space-lg)}.stat-item{text-align:center}.stat-item-link{border-radius:8px;display:block;padding:8px;transition:transform .3s ease,opacity .3s ease}.stat-item-link:hover{background:rgba(102,126,234,.05);opacity:.8;transform:translateY(-4px)}.stat-sublabel{color:#667eea;font-size:11px;font-weight:500;margin-top:4px}.stat-number{color:var(--color-accent);font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-xs)}.stat-label{color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-divider{background:var(--color-border);height:30px;width:1px}.product-hunt-badge{align-items:center;display:flex;justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-md)}.product-hunt-badge a{display:inline-block;transition:transform .2s ease,opacity .2s ease}.product-hunt-badge a:hover{opacity:.9;transform:scale(1.05)}.product-hunt-badge img{display:block}@media (max-width:768px){.hero-section{padding:var(--space-lg) var(--space-md)}.hero-title{font-size:1.75rem}.hero-description{font-size:.95rem;margin-bottom:var(--space-md)}.hero-benefits{align-items:center;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.hero-stats{gap:var(--space-md);padding-top:var(--space-md)}.stat-divider{display:none}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-xl);position:sticky;top:0;transition:all var(--transition-base);z-index:900}body.dark-theme .app-header{background:rgba(45,45,45,.95)}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin:0 auto;max-width:1400px}.header-left{flex-shrink:0;text-align:left}.app-branding{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-xs);transition:all var(--transition-base);user-select:none}.app-branding:hover{opacity:.8;transform:translateY(-1px)}.app-branding:active{transform:translateY(0)}.app-logo{aspect-ratio:1/1;flex-shrink:0;height:50px;object-fit:contain;width:50px}.app-title-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:50px}.header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-md)}.app-title{background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-text-secondary) 100%);-webkit-background-clip:text;color:var(--color-text-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:2px;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.app-tagline{color:var(--color-text-secondary);font-size:.8rem;font-weight:var(--font-weight-normal)}.header-controls{align-items:center;display:flex;flex:1;gap:var(--space-sm);justify-content:center}.header-top-buttons{align-items:center;display:flex;gap:var(--space-xs)}.playback-controls{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}input[type=file]{display:none}.header-play-button,.header-upload-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.header-upload-button{background:var(--color-accent)}.header-upload-button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.header-play-button{background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.header-play-button:hover:not(:disabled){background:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.header-play-button:disabled{cursor:not-allowed;opacity:.4}.lang-switcher{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);height:36px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.lang-icon{flex-shrink:0;height:18px;width:18px}.lang-text{line-height:1}.lang-switcher:hover{background:var(--color-surface-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.lang-switcher:active{transform:translateY(0)}.upload-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.upload-icon{flex-shrink:0;height:20px;width:20px}.upload-text{line-height:1}.upload-button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-button:active{transform:translateY(-1px)}.help-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.help-icon{flex-shrink:0;height:20px;width:20px}.help-text{line-height:1}.help-button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-button:active{transform:translateY(-1px)}.theme-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;position:relative;width:36px}.theme-icon,.theme-toggle{transition:all var(--transition-base)}.theme-icon{height:20px;position:absolute;width:20px}.sun-icon{opacity:1;transform:rotate(0deg) scale(1)}.moon-icon{opacity:0;transform:rotate(90deg) scale(0)}body.dark-theme .sun-icon{opacity:0;transform:rotate(-90deg) scale(0)}body.dark-theme .moon-icon{opacity:1;transform:rotate(0deg) scale(1)}.theme-toggle:hover{background:var(--color-surface-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.nav-button{align-items:center;background:var(--color-surface);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all var(--transition-base);width:36px}.nav-button svg{height:20px;width:20px}.nav-button:hover:not(:disabled){background:var(--color-text-primary);color:#fff;transform:scale(1.05)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.button-icon,.upload-icon{flex-shrink:0;height:18px;width:18px}.button-text{line-height:1}.header-map-selector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:var(--font-weight-medium);outline:none;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.header-map-selector:focus,.header-map-selector:hover{border-color:var(--color-accent)}.header-map-selector:focus{box-shadow:0 0 0 3px var(--color-accent-light)}.header-info{align-items:center;background:var(--color-surface-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:.85rem;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);white-space:nowrap}.info-text{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.info-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.info-divider{color:var(--color-border);margin:0 var(--space-xs)}.info-success{color:#10b981}.info-partial{color:var(--color-accent)}.info-warning{color:#f59e0b}.map-section{flex:1;margin:0 auto;max-width:1400px;padding:var(--space-lg) var(--space-xl);width:100%}#map{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:70vh;min-height:500px;overflow:hidden;position:relative}#map,.empty-state{background:var(--color-surface);width:100%}.empty-state{left:0;position:absolute;top:0;z-index:500}.empty-state,.empty-state-content{align-items:center;display:flex;height:100%;justify-content:center;transition:all var(--transition-base)}.empty-state-content{background:linear-gradient(135deg,hsla(0,0%,100%,.6),hsla(0,0%,96%,.6)),url(world-map-vintage.jpeg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;cursor:pointer;flex-direction:column;padding:var(--space-3xl);text-align:center;width:100%}body.dark-theme .empty-state-content{background:linear-gradient(135deg,rgba(26,26,26,.75),rgba(45,45,45,.75)),url(world-map-vintage.jpeg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}.empty-state-content:hover,body.drag-over .empty-state-content{background:linear-gradient(135deg,rgba(230,242,255,.7),rgba(240,247,255,.7)),url(world-map-vintage.jpeg);background-position:50%,50%;background-size:cover,cover}body.dark-theme .empty-state-content:hover,body.dark-theme.drag-over .empty-state-content{background:linear-gradient(135deg,rgba(26,58,90,.8),rgba(45,70,95,.8)),url(world-map-vintage.jpeg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}body.drag-over .empty-state-content{animation:pulse-glow 1.5s ease-in-out infinite}body.dark-theme.drag-over .empty-state-content{animation:pulse-glow-dark 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{background:linear-gradient(135deg,rgba(230,242,255,.7),rgba(240,247,255,.7)),url(world-map-vintage.jpeg);background-position:50%,50%;background-size:cover,cover}50%{background:linear-gradient(135deg,rgba(230,242,255,.85),rgba(240,247,255,.85)),url(world-map-vintage.jpeg);background-position:50%,50%;background-size:cover,cover}}@keyframes pulse-glow-dark{0%,to{background:linear-gradient(135deg,rgba(26,58,90,.8),rgba(45,70,95,.8)),url(world-map-vintage.jpeg);background-position:50%,50%;background-size:cover,cover}50%{background:linear-gradient(135deg,rgba(26,58,90,.95),rgba(45,70,95,.95)),url(world-map-vintage.jpeg);background-position:50%,50%;background-size:cover,cover}}.empty-state-icon{color:var(--color-text-tertiary);height:100px;margin:0 auto var(--space-lg);transition:all var(--transition-base);width:100px}.empty-state-content:hover .empty-state-icon,body.drag-over .empty-state-icon{color:var(--color-accent);transform:scale(1.1) translateY(-5px)}.empty-state-title{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.85);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1.35rem;font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:color var(--transition-base)}body.dark-theme .empty-state-title{background:rgba(45,45,45,.9)}.empty-state-content:hover .empty-state-title,body.drag-over .empty-state-title{color:var(--color-accent)}.empty-state-text{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.85);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0;padding:var(--space-sm) var(--space-lg)}body.dark-theme .empty-state-text{background:rgba(45,45,45,.9)}.progress-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:none;flex-direction:column;gap:var(--space-md);left:50%;padding:var(--space-lg) var(--space-xl);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.progress-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.progress-text{color:var(--color-text-primary);font-size:.95rem;font-weight:var(--font-weight-medium)}.leaflet-control-attribution{display:none!important}.leaflet-popup-content-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:2px}.leaflet-popup-content{margin:2px;text-align:center}.leaflet-popup-content img{border-radius:var(--radius-sm);cursor:pointer;display:block;margin:0 auto;max-height:400px;max-width:400px;transition:transform var(--transition-base)}.leaflet-popup-content img:hover{transform:scale(1.05)}.leaflet-popup-tip{border:1px solid var(--color-border)}.modal{align-items:center;animation:fadeIn var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.92);display:none;height:100%;justify-content:center;left:0;overflow-y:auto;padding:var(--space-xl);position:fixed;top:0;width:100%;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-body{align-items:center;animation:scaleIn var(--transition-slow);display:flex;flex-direction:column;gap:var(--space-lg);max-height:90vh;max-width:90vw;pointer-events:none;width:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-height:70vh;max-width:100%;pointer-events:auto}.modal-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:48px;justify-content:center;line-height:1;position:absolute;right:var(--space-lg);top:var(--space-lg);transition:all var(--transition-base);width:48px;z-index:2001}.modal-close:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.modal-location-info{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;min-height:80px;padding:var(--space-md) var(--space-lg);pointer-events:auto;width:100%;word-wrap:break-word;overflow-wrap:break-word}.location-details,.location-title{color:var(--color-text-primary)}.location-title{border-bottom:2px solid var(--color-border);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:12px;padding-bottom:var(--space-sm)}.location-details p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.3;margin:2px 0;word-wrap:break-word;overflow-wrap:break-word}.location-poi{color:var(--color-accent);font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-top:10px}.location-road{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.location-area,.location-city{color:var(--color-text-secondary)}.location-country{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-top:6px}.location-postcode{color:var(--color-text-tertiary);font-size:.9rem}.location-loading{animation:pulse 1.5s ease-in-out infinite;color:var(--color-text-tertiary);font-style:italic;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.location-error{color:var(--color-text-tertiary);font-style:italic;text-align:center}.help-modal .modal-body{align-items:flex-start;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-text-primary);max-height:85vh;max-width:800px;overflow-y:auto;padding:var(--space-2xl);pointer-events:auto;-webkit-overflow-scrolling:touch}.help-content{width:100%}.help-title{color:var(--color-text-primary);font-size:2rem;font-weight:var(--font-weight-bold);text-align:center}.help-section,.help-title{margin-bottom:var(--space-xl)}.help-section h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.help-section p{margin-bottom:var(--space-md)}.help-list,.help-section p{color:var(--color-text-secondary);line-height:1.8}.help-list{margin-left:var(--space-lg)}.help-list li{margin-bottom:var(--space-sm)}.help-list strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.privacy-section{background:var(--color-accent-light);padding:var(--space-lg)}.privacy-section p{color:var(--color-text-primary);margin-bottom:0}.privacy-section strong{color:var(--color-accent)}.gps-setup-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.gps-setup-section h3{color:var(--color-accent);font-size:1.5rem;margin-bottom:var(--space-lg)}.gps-platform{background:var(--color-background);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.gps-platform h4{color:var(--color-text-primary);font-size:1.15rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.help-note,.help-tip{background:var(--color-accent-light);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9rem;line-height:1.6;margin-top:var(--space-md);padding:var(--space-md)}.help-tip{background:#e3f2fd;border-left-color:#2196f3}.dark-theme .help-tip{background:rgba(33,150,243,.1)}.gps-tools{display:grid;gap:var(--space-md);grid-template-columns:1fr;margin-top:var(--space-md)}.gps-tool-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);transition:all var(--transition-base)}.gps-tool-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gps-tool-item strong{color:var(--color-accent);display:block;font-size:1.05rem;margin-bottom:var(--space-xs)}.gps-tool-item p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:var(--space-sm)}.gps-tool-link{align-items:center;color:var(--color-accent);display:inline-flex;font-size:.9rem;font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.gps-tool-link:hover{color:var(--color-accent-hover);text-decoration:underline}@media (max-width:1024px){.app-header{padding:var(--space-md) var(--space-lg)}.app-title{font-size:1.35rem}.header-controls{gap:var(--space-xs)}.map-section{padding:var(--space-md) var(--space-lg)}#map{height:60vh;min-height:400px}}@media (max-width:768px){:root{--space-xl:24px;--space-2xl:32px}.app-header{padding:var(--space-sm) var(--space-md)}.header-content{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.header-left{text-align:center}.app-branding{justify-content:center}.app-logo{height:40px;width:40px}.app-title-wrapper{min-height:40px}.app-title{font-size:1.25rem}.app-tagline{font-size:.75rem}.header-controls{flex-direction:column;gap:var(--space-xs);width:100%}.header-map-selector,.header-upload-button,.playback-controls{justify-content:center;width:100%}.header-play-button{flex:1}.header-info{font-size:.8rem}.header-info,.header-top-buttons{justify-content:center;width:100%}.header-top-buttons{display:flex;gap:var(--space-sm)}.help-button,.lang-switcher{flex:1;justify-content:center;max-width:150px}.help-button .help-text{display:none}.help-button .help-icon{height:20px;width:20px}.help-modal .modal-body{max-height:85vh;max-width:100%;overflow-y:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.help-title{font-size:1.5rem}.help-section,.help-title{margin-bottom:var(--space-lg)}.help-section h3{font-size:1.1rem;margin-bottom:var(--space-sm)}.help-list,.help-section p{font-size:.9rem;line-height:1.6}.help-list{margin-left:var(--space-md)}.help-list li{margin-bottom:var(--space-xs)}.privacy-section{padding:var(--space-md)}.map-section{padding:var(--space-sm) var(--space-md)}#map{border-radius:var(--radius-md);height:55vh;min-height:350px}.leaflet-popup-content img{max-height:280px;max-width:280px}.modal{padding:var(--space-md)}.modal-content{max-height:60vh;max-width:100%}.modal-location-info{max-width:100%;padding:var(--space-md)}.location-title{font-size:1.1rem}.location-details p{font-size:.9rem}.modal-close{font-size:1.5rem;height:40px;right:var(--space-md);top:var(--space-md);width:40px}.action-button,.file-upload-button{min-height:44px}}@media (max-width:480px){.app-title{font-size:1.35rem}#map{height:50vh;min-height:300px}}.app-footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-lg) var(--space-xl)}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer-text{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-sm)}.footer-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.footer-links{align-items:center;color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:var(--space-sm);justify-content:center}.footer-links a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-hover);text-decoration:underline}.footer-divider{color:var(--color-border)}.app-version{color:var(--color-text-tertiary);font-family:Courier New,monospace;font-size:.75rem;opacity:.7}.privacy-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;transition:color var(--transition-fast)}.privacy-link:hover{color:var(--color-accent-hover);text-decoration:underline}.privacy-modal .modal-body{align-items:flex-start;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-text-primary);max-height:85vh;max-width:800px;overflow-y:auto;padding:var(--space-2xl);-webkit-overflow-scrolling:touch;pointer-events:auto}.privacy-content{width:100%}.privacy-title{color:var(--color-text-primary);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);text-align:center}.privacy-section{background:var(--color-surface-secondary);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.privacy-section h3{color:var(--color-accent);font-size:1.15rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.privacy-section p{color:var(--color-text-secondary);line-height:1.7;margin:0}.privacy-section strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.app-footer{padding:var(--space-md)}.footer-links,.footer-text{font-size:.8rem}.privacy-modal .modal-body{margin:var(--space-sm);max-height:90vh;max-width:95vw;padding:var(--space-lg)}.privacy-title{font-size:1.5rem;margin-bottom:var(--space-lg)}.privacy-section{margin-bottom:var(--space-md);padding:var(--space-sm)}.privacy-section h3{font-size:1rem}.privacy-section p{font-size:.9rem;line-height:1.6}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}