*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:'Inter',Arial,sans-serif;background:linear-gradient(160deg,#eef2ff 0%,#f0f9ff 60%,#f8fafc 100%);color:#0f172a;min-height:100vh;overflow-x:hidden}header{text-align:center;padding:20px 30px 16px;background:linear-gradient(135deg,#1d4ed8 0%,#4f46e5 100%);color:white;position:relative;overflow:hidden}.langSwitch{position:absolute;top:14px;right:20px;display:flex;gap:6px;z-index:10}.langSwitch img{vertical-align:middle;border-radius:2px;margin-right:3px}.langSwitch a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:0.78rem;font-weight:600;letter-spacing:0.5px;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,0.25);transition:all 0.2s ease;white-space:nowrap}.langSwitch a:hover{color:#fff;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.5)}.langSwitch a.lang-active{color:#1d4ed8;background:#fff;border-color:#fff}header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-0.3px}header p{margin-top:4px;opacity:0.75;font-size:0.82rem;font-weight:400}#map{height:600px;width:100%;margin:0 0 22px;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,0.10);position:relative;overflow:hidden}#map-placeholder{position:absolute;inset:0;z-index:1000;border-radius:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 30% 60%,#c8e6c9 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 70% 40%,#dcedc8 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 80%,#b3e5fc 0%,transparent 65%),linear-gradient(160deg,#bbdefb 0%,#90caf9 30%,#a5d6a7 55%,#c5e1a5 75%,#b3e5fc 100%);display:flex;align-items:center;justify-content:center}.map-ph-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.map-ph-spinner{width:52px;height:52px;border:5px solid rgba(255,255,255,0.55);border-top-color:#2563eb;border-radius:50%;animation:mapSpinnerRot 0.85s linear infinite;box-shadow:0 2px 16px rgba(37,99,235,0.25)}@keyframes mapSpinnerRot{to{transform:rotate(360deg)}}#map.map-fullscreen{position:fixed;inset:0;width:100vw !important;height:100dvh !important;height:100vh !important;z-index:9000;border-radius:0;margin:0;border:none;box-shadow:none}body.map-is-fullscreen{overflow:hidden}.fsToggleBtn{display:flex !important;align-items:center;justify-content:center;width:30px !important;height:30px !important;color:#333 !important;background:#fff !important;font-size:14px;line-height:1 !important;cursor:pointer}.fsToggleBtn:hover{background:#f4f4f4 !important}.infoBox{width:90%;max-width:900px;margin:0 auto;background:#ffffff;padding:24px 28px;border-radius:0;border:1px solid rgba(99,102,241,0.10);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(37,99,235,0.08);display:flex;flex-direction:column;gap:10px;transition:box-shadow 0.25s ease,transform 0.25s ease}.infoBox:hover{box-shadow:0 4px 8px rgba(0,0,0,0.06),0 16px 40px rgba(37,99,235,0.12);transform:translateY(-2px)}.infoBox p{margin:0;font-size:0.92rem;color:#475569;font-weight:400}.infoBox p:empty{display:none}button{padding:12px 20px;border:none;border-radius:10px;background:#2563eb;color:white;cursor:pointer;font-family:inherit;font-size:0.9rem;font-weight:500;letter-spacing:0.3px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(37,99,235,0.25)}button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,0.35)}button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(37,99,235,0.2)}button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#eff6ff;color:#2563eb;box-shadow:none;border:1px solid #bfdbfe}.btn-secondary:hover{background:#dbeafe;box-shadow:none;transform:translateY(-1px)}.btn-secondary:disabled{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:#94a3b8;box-shadow:none;border:1px solid #e2e8f0;font-size:0.85rem;padding:10px 16px}.btn-ghost:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}#map-search input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.15);border-radius:4px}.unit-toggle{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;width:fit-content;align-self:flex-start}.unit-btn{padding:6px 16px;border:none;border-radius:0;background:#f8fafc;color:#64748b;font-size:0.85rem;font-weight:600;box-shadow:none;cursor:pointer;transition:background 0.15s,color 0.15s;width:auto}.unit-btn:hover{background:#eff6ff;color:#2563eb;transform:none;box-shadow:none}.unit-btn-active{background:#2563eb !important;color:#fff !important}.unit-btn-active:hover{background:#1d4ed8 !important;transform:none;box-shadow:none}.mainGPSBtn{background:#10b981;box-shadow:0 2px 8px rgba(16,185,129,0.28)}.mainGPSBtn:hover{background:#059669;box-shadow:0 6px 16px rgba(16,185,129,0.38)}.leaflet-popup-content{font-family:'Inter',Arial,sans-serif;font-size:0.88rem;line-height:1.6}.chartBox{display:none;width:90%;max-width:900px;margin:24px auto;background:#ffffff;padding:24px 28px;border-radius:0;border:1px solid rgba(99,102,241,0.10);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(37,99,235,0.08);transition:box-shadow 0.25s ease,transform 0.25s ease}.chartBox:hover{box-shadow:0 4px 8px rgba(0,0,0,0.06),0 16px 40px rgba(37,99,235,0.12);transform:translateY(-2px)}.seo{width:90%;max-width:900px;margin:24px auto 40px;background:#ffffff;padding:36px 40px;border-radius:0;border:1px solid rgba(99,102,241,0.10);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(37,99,235,0.08);line-height:1.75}.seo h2{font-size:1.2rem;font-weight:600;color:#1e293b;margin-top:32px;margin-bottom:10px;letter-spacing:-0.2px}.seo h2:first-child{margin-top:0}.seo-accordion details{border-bottom:1px solid rgba(99,102,241,0.08);padding-bottom:4px;margin-bottom:4px}.seo-accordion details:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.seo-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:4px 0}.seo-accordion summary::-webkit-details-marker{display:none}.seo-accordion summary::after{content:'+';font-size:1.3rem;font-weight:300;color:#94a3b8;flex-shrink:0;margin-left:12px;transition:transform 0.2s ease}.seo-accordion details[open]>summary::after{content:'\2212'}.seo-accordion summary h2{margin:0;font-size:1.05rem}.seo-accordion details>*:not(summary){animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.seo h3{font-size:1rem;font-weight:600;color:#334155;margin-top:24px;margin-bottom:8px}.seo p,.seo li{color:#475569;font-size:0.93rem}.seo ul,.seo ol{padding-left:1.4em;margin:8px 0 16px}.seo li{margin-bottom:4px}.seo a{color:#2563eb;text-decoration:none;font-weight:500}.seo a:hover{text-decoration:underline}.gpsControl button{background:#f59e0b;color:white;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;box-shadow:0 4px 12px rgba(245,158,11,0.35);transition:all 0.2s ease}.gpsControl button:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 16px rgba(245,158,11,0.45)}footer{background:#0f172a;color:#94a3b8;font-size:0.87rem;margin-top:0;padding:48px 24px 24px}footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s}footer a:hover{color:#e2e8f0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto 32px;text-align:left}.footer-col h3{color:#e2e8f0;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer-col ul li a{font-size:0.85rem;line-height:1.4}.footer-all-cities{display:inline-block;margin-top:12px;font-size:0.82rem;color:#60a5fa !important;font-weight:500}.footer-all-cities:hover{color:#93c5fd !important}.footer-copy{text-align:center;border-top:1px solid #1e293b;padding-top:20px;margin:0;font-size:0.8rem;color:#475569}@media (max-width:640px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-col:last-child{grid-column:1 / -1}}.adUnit{width:90%;max-width:900px;margin:0 auto 24px;min-height:0}.comments-section{margin-top:24px}.comment-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.comment-item{background:#f8fafc;border:1px solid rgba(99,102,241,0.10);border-radius:10px;padding:14px 18px}.comment-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px}.comment-meta strong{font-size:0.88rem;color:#1e293b}.comment-meta span{font-size:0.8rem;color:#94a3b8;white-space:nowrap}.comment-item p{margin:0;font-size:0.9rem;color:#334155;line-height:1.6;word-break:break-word}.comment-empty,.comment-error{font-size:0.9rem;color:#94a3b8;margin:0}.comment-form{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(99,102,241,0.10);padding-top:24px}.comment-form input[type="text"],.comment-form textarea{width:100%;padding:11px 14px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:0.92rem;color:#0f172a;background:#f8fafc;outline:none;transition:border-color 0.2s;resize:vertical}.comment-form input[type="text"]:focus,.comment-form textarea:focus{border-color:#2563eb;background:#fff}.comment-consent-label{display:flex;align-items:flex-start;gap:10px;font-size:0.82rem;color:#64748b;line-height:1.5;cursor:pointer}.comment-consent-label input[type="checkbox"]{margin-top:2px;flex-shrink:0;width:15px;height:15px;cursor:pointer;accent-color:#2563eb}.comment-consent-label a{color:#2563eb;text-decoration:underline}.comment-form button[type="submit"]{align-self:flex-start}.comment-form-msg{font-size:0.88rem;padding:10px 14px;border-radius:8px}.comment-form-msg.success{background:#dcfce7;color:#166534}.comment-form-msg.error{background:#fee2e2;color:#991b1b}.map-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,0.82);color:#e2e8f0;font-size:0.8rem;font-weight:500;padding:8px 16px;border-radius:20px;white-space:nowrap;pointer-events:none;z-index:1000;backdrop-filter:blur(4px);transition:opacity 0.4s ease;letter-spacing:0.2px}.map-hint.hidden{opacity:0;pointer-events:none}.chart-placeholder{text-align:center;color:#94a3b8;font-size:0.9rem;padding:32px 0 16px;margin:0}.chart-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:14px 0 4px;border-top:1px solid #e2e8f0;margin-top:16px}.chart-stats .stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.chart-stats .stat-label{font-size:0.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px}.chart-stats .stat-value{font-size:0.95rem;font-weight:700;color:#1e293b}.chart-placeholder-icon{font-size:2rem;display:block;margin-bottom:8px;opacity:0.5}.gps-toast{position:fixed;top:24px;right:24px;max-width:340px;background:#1e293b;color:#e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 8px 32px rgba(0,0,0,0.3);z-index:9998;font-size:0.88rem;line-height:1.6;animation:slideInRight 0.3s ease}.gps-toast strong{display:block;margin-bottom:8px;font-size:0.95rem;color:#f59e0b}.gps-toast ol{margin:8px 0 12px;padding-left:1.4em}.gps-toast ol li{margin-bottom:4px;color:#cbd5e1}.gps-toast-close{display:inline-block;margin-top:8px;padding:6px 14px;background:#334155;border:none;border-radius:8px;color:#94a3b8;font-size:0.82rem;cursor:pointer;font-family:inherit;transition:background 0.2s;width:auto !important;box-shadow:none !important}.gps-toast-close:hover{background:#475569;transform:none !important;box-shadow:none !important}@keyframes slideInRight{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes loadingPulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}#elevation{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}#elevation strong{font-size:0.82rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.elevation-value{font-size:2.8rem;font-weight:800;color:#1d4ed8;letter-spacing:-1px;line-height:1}.elevation-value-unit{font-size:1.1rem;font-weight:600;color:#64748b;margin-left:2px}@media (max-width:768px){header{padding:92px 20px 10px}header h1{font-size:1.2rem}header p{font-size:0.76rem}.langSwitch{top:10px;left:0;right:0;justify-content:center;gap:6px}#dmToggle{top:46px;left:50%;transform:translateX(-50%);z-index:20}.langSwitch a{font-size:0.72rem;padding:3px 8px}#map{height:65vw;min-height:400px;max-height:560px}.infoBox,.chartBox{padding:18px 16px}.infoBox{flex-direction:column}.seo{padding:24px 20px;word-break:break-word}button:not(.mainGPSBtn):not(.btn-secondary):not(#stickyAdClose):not(.unit-btn):not(.gps-toast-close){width:100%}.unit-btn{padding:10px 20px;font-size:0.9rem}.langSwitch a{min-height:32px;display:inline-flex;align-items:center}.leaflet-popup-content{font-size:0.9rem;line-height:1.5}.chart-stats{gap:8px;padding:10px 0 2px}.chart-stats .stat-value{font-size:0.85rem}.chart-stats .stat-label{font-size:0.65rem}#map-overlay{bottom:28px;left:10px;padding:8px 12px}#map-search{top:58px !important;width:min(320px,88%) !important}.gpsControl{top:8px !important}.gpsControl button{font-size:11px !important;padding:7px 10px !important;white-space:nowrap}}@media (max-width:380px){header{padding:88px 16px 8px}header h1{font-size:1.1rem}.langSwitch a{font-size:0.68rem;padding:2px 6px}#map{height:70vw;min-height:340px}}#stickyAd{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#fff;border-top:1px solid #e2e8f0;padding:6px 0 env(safe-area-inset-bottom,0px);text-align:center;box-shadow:0 -2px 10px rgba(0,0,0,0.10)}#stickyAdClose{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:#f1f5f9;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:1px 7px 2px;border-radius:4px;box-shadow:none !important;width:auto !important;min-height:unset !important;line-height:1.5}.sticky-ad-label{display:block;font-size:0.6rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px}@media (max-width:768px){#stickyAd{display:block}body.sticky-ad-active{padding-bottom:70px}}@media (max-width:768px){.adUnit{margin:12px 0}}ins.adsbygoogle[data-ad-status=unfilled]{display:none !important}.adUnit:has(ins[data-ad-status=unfilled]){margin:0}.skip-link{position:absolute;top:-100%;left:0;background:#1d4ed8;color:#fff;padding:12px 20px;font-weight:600;font-size:.95rem;z-index:99999;text-decoration:none;border-radius:0 0 8px 0;transition:top .15s ease}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comment-meta span,.comment-empty,.comment-error,header p,.seo li,.seo p,.infoBox p,footer,.footer-copy{color:#64748b}:root{--dm-bg:#f8fafc;--dm-surface:#ffffff;--dm-text:#0f172a;--dm-text2:#64748b;--dm-border:#e2e8f0}[data-theme="dark"] body{background:#0f172a;color:#f1f5f9}[data-theme="dark"] header{background:linear-gradient(135deg,#1e3a8a 0,#312e81 100%)}[data-theme="dark"] .infoBox{background:#1e293b;border-color:rgba(99,102,241,0.2);color:#f1f5f9}[data-theme="dark"] .infoBox p,[data-theme="dark"] .infoBox h2,[data-theme="dark"] .infoBox span{color:#cbd5e1}[data-theme="dark"] .seo{background:#1e293b;border-color:#334155}[data-theme="dark"] .seo h2,[data-theme="dark"] .seo h3{color:#f1f5f9}[data-theme="dark"] .seo p,[data-theme="dark"] .seo li{color:#94a3b8}[data-theme="dark"] .seo a{color:#60a5fa}[data-theme="dark"] .commentCard{background:#1e293b;border-color:#334155}[data-theme="dark"] .commentCard strong{color:#f1f5f9}[data-theme="dark"] .commentCard p,[data-theme="dark"] .comment-meta span,[data-theme="dark"] .comment-empty,[data-theme="dark"] .comment-error,[data-theme="dark"] footer,[data-theme="dark"] .footer-copy{color:#64748b}[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#64748b}[data-theme="dark"] summary{color:#f1f5f9}[data-theme="dark"] details>p{color:#94a3b8}#dmToggle{position:absolute;top:14px;left:16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:5px 11px;display:flex;align-items:center;gap:5px;transition:background .2s;z-index:20}#dmToggle:hover{background:rgba(255,255,255,0.25)}@media (max-width:480px){.gps-toast{top:12px;right:12px;left:12px;max-width:unset}}@media (max-width:768px){.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.seo{overflow-x:visible}}