@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--font-main: "Outfit", sans-serif;--color-bg-dark: #0f172a;--color-bg-card: rgba(255, 255, 255, .1);--color-bg-card-hover: rgba(255, 255, 255, .15);--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-sunny: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-cloudy: linear-gradient(135deg, #64748b 0%, #475569 100%);--gradient-rainy: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(59, 130, 246, .5);--border-glass: 1px solid rgba(255, 255, 255, .1);--radius-lg: 1rem;--radius-xl: 1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.5;min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.3) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.3) 0px,transparent 50%);background-attachment:fixed}h1,h2,h3{font-weight:700;line-height:1.2}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);box-shadow:var(--shadow-card);border-radius:var(--radius-lg)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.forecast-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease;padding:20px}.forecast-modal{background:#0f172af2;border:1px solid rgba(255,255,255,.2);border-radius:24px;width:100%;max-width:1200px;padding:0;color:#fff;box-shadow:0 30px 60px -12px #0009;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.forecast-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:30px 40px;background:#0f172afa;border-bottom:1px solid rgba(255,255,255,.1);z-index:10;flex-shrink:0}.forecast-header h2{font-size:2rem;margin:0}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px;padding:30px 40px 40px;overflow-y:auto;flex-grow:1}.forecast-day{background:#ffffff0d;padding:24px 12px;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.forecast-day:hover{background:#ffffff1a;transform:translateY(-8px)}.forecast-date{font-size:14px;opacity:.8;margin-bottom:12px;font-weight:500}.forecast-icon{font-size:48px;margin:16px 0}.forecast-temps{font-weight:700;font-size:1.2rem}.temp-max{color:#ff8a80}.temp-min{color:#80d8ff;margin-left:10px}.forecast-precip{font-size:13px;margin-top:10px;color:#4facfe;font-weight:500}.close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.6;padding:10px}.close-btn:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.forecast-modal{padding:0;border-radius:16px;width:100%;max-height:95vh}.forecast-header{margin:0;padding:20px;flex-direction:row;align-items:center;border-radius:16px 16px 0 0}.forecast-header h2{font-size:1.5rem}.close-btn{font-size:24px;padding:5px}.forecast-grid{padding:20px;grid-template-columns:repeat(2,1fr);gap:12px}.forecast-day{padding:16px 8px}.forecast-icon{font-size:36px;margin:10px 0}.forecast-temps{font-size:1rem}}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes weather-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes weather-rain{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}@keyframes weather-snow{0%{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(10px);opacity:0}}@keyframes weather-flash{0%,to{opacity:0}50%{opacity:1}}@keyframes weather-drift{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.weather-icon-svg{display:block;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.sun-body{fill:gold}.sun-rays{stroke:gold;stroke-width:2;transform-origin:center;animation:weather-spin 12s linear infinite}.cloud-body{fill:#e2e8f0}.cloud-dark{fill:#94a3b8}.rain-lines{stroke:#60a5fa;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 6;animation:weather-rain 1s linear infinite}.snow-flakes circle{fill:#e2e8f0;animation:weather-snow 2s linear infinite}.snow-flakes circle:nth-child(2){animation-delay:.5s}.snow-flakes circle:nth-child(3){animation-delay:1s}.lightning{fill:#f59e0b;animation:weather-flash 2s infinite}.fog-lines{stroke:#cbd5e1;stroke-width:2;stroke-linecap:round;animation:weather-drift 4s ease-in-out infinite}.icon-small{width:32px;height:32px}.icon-medium{width:48px;height:48px}.icon-large{width:64px;height:64px}.map-container{width:100%;height:85vh;background:transparent;overflow:hidden;border-radius:16px;position:relative;display:flex;justify-content:center;align-items:center}.zoom-wrapper{width:100%!important;height:100%!important}.zoom-content{width:100%!important;height:100%!important;display:flex!important;justify-content:center;align-items:center}.slovakia-svg{width:100%;height:100%;display:block;overflow:visible}.regions path{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);fill:#0003}.regions path:hover{fill:#ffffff1a;stroke:#fffc!important;stroke-width:1.5!important;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.districts path{pointer-events:auto;transition:all .2s ease;cursor:pointer}.districts path:hover,.districts path.active{fill:#fff3;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.marker-pulse{animation:none!important;transform-origin:center}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.slovakia-svg *,.city-marker,.city-marker *{transition:none!important}.fast-mode .regions,.fast-mode .elevation-layer{filter:none!important}.fast-mode .weather-popup{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#0f172af2!important;transition:none!important}.fast-mode .city-marker{transition:none!important}.fast-mode .weather-icon-svg{filter:none!important}.map-right-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:1000}.map-layer-controls{display:flex;flex-direction:column;gap:8px;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.layer-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff9;padding:8px 12px;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .2s ease;min-width:100px}.layer-toggle svg{opacity:.6;transition:all .2s ease}.layer-toggle:hover{background:#ffffff0d;color:#fff}.layer-toggle.active{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.layer-toggle.active svg{opacity:1;color:#00d4ff}.layer-toggle span{flex-grow:1;text-align:left}.status-label{font-size:9px;font-weight:800;padding:1px 4px;border-radius:3px;background:#ffffff1a;color:#fff6}.layer-toggle.active .status-label{background:#00d4ff4d;color:#00d4ff}.global-stats-panel{display:flex;align-items:center;gap:15px;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d;font-family:Outfit,sans-serif}.stat-item{display:flex;align-items:center;gap:10px;color:#fff}.stat-item svg{color:#00d4ff;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.5;line-height:1;margin-bottom:2px}.stat-value{font-size:13px;font-weight:700;white-space:nowrap}.stat-value small{font-size:9px;opacity:.6;font-weight:400;margin-left:2px}.stat-divider{width:1px;height:24px;background:#ffffff1a}@media(max-width:600px){.map-right-controls{top:70px;right:10px;gap:6px;pointer-events:none}.map-right-controls>*{pointer-events:auto}.map-search-container{top:10px;left:10px;right:10px;width:auto}.global-stats-panel{padding:8px 12px;gap:8px}.stat-divider{height:18px}.stat-value{font-size:11px}.layer-toggle{padding:5px 10px;font-size:11px;min-width:90px}}.weather-popup{background:radial-gradient(ellipse at center,rgba(15,23,42,.95) 0%,rgba(15,23,42,.3) 85%,transparent 100%);color:#fff;padding:12px 4px;border-radius:12px;text-align:center;pointer-events:auto;font-family:Outfit,Inter,sans-serif;box-shadow:none;border:none;min-width:70px;width:95px;max-width:95px;margin:0 auto;-webkit-backdrop-filter:none;backdrop-filter:none;white-space:normal;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.major-popup{background:radial-gradient(ellipse at center,rgba(30,58,138,.9) 0%,rgba(30,58,138,.3) 85%,transparent 100%)!important;border:none!important}.district-popup{background:radial-gradient(ellipse at center,rgba(30,41,59,1) 0%,rgba(30,41,59,.4) 85%,transparent 100%)!important;border:none!important}.city-name{font-size:11px;opacity:1;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.3px;width:100%;line-height:1.1;display:block;flex-shrink:0;min-height:24px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}.weather-icon{margin:0;display:flex;justify-content:center;align-items:center}.temperature{font-size:16px;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.details{font-size:10px;opacity:1;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;gap:3px}.weather-popup:hover{transform:scale(1.05);background:radial-gradient(ellipse at center,rgba(15,23,42,.95) 0%,rgba(15,23,42,.3) 85%,transparent 100%)!important;z-index:1000}@media(max-width:600px){.weather-popup{padding:8px 3px}.city-name{font-size:9px;min-height:18px}.temperature{font-size:13px}.details{font-size:9px}}.map-search-container{position:absolute;top:20px;left:20px;width:280px;z-index:1001}.search-input-wrapper{display:flex;align-items:center;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;background:#0f172ad9}.search-input{background:transparent;border:none;color:#fff;font-family:Outfit,sans-serif;font-size:14px;width:100%;outline:none}.search-results{margin-top:8px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;max-height:250px;overflow-y:auto;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0009}.search-result-item{padding:10px 15px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:hover{background:#00d4ff33}.result-name{font-size:14px;font-weight:600;color:#fff}.result-county{font-size:11px;color:#ffffff80}.custom-widgets-container{display:flex;flex-direction:column;gap:12px;width:100%;max-height:40vh;overflow-y:auto;padding-right:4px}.custom-widgets-container::-webkit-scrollbar{width:4px}.custom-widgets-container::-webkit-scrollbar-track{background:transparent}.custom-widgets-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.custom-location-widget{background:#00d4ff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px;border-radius:12px;border:1px solid rgba(0,212,255,.3);box-shadow:0 4px 15px #0006;cursor:pointer;transition:all .3s ease;width:100%;display:flex;flex-direction:column;gap:10px;animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.custom-location-widget:hover{background:#00d4ff40;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff33}.widget-header{display:flex;justify-content:space-between;align-items:center}.widget-title{font-size:10px;text-transform:uppercase;color:#00d4ff;font-weight:800;letter-spacing:.8px}.widget-content{display:flex;align-items:center;gap:15px}.widget-city-info{flex-grow:1;display:flex;flex-direction:column}.widget-city-name{font-size:15px;font-weight:700;color:#fff;line-height:1.2}.widget-temp{font-size:24px;font-weight:800;color:#fff;margin-top:2px}.bmc-button{display:flex;align-items:center;gap:10px;background:#ffdd0026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border-radius:12px;border:1px solid rgba(255,221,0,.3);color:#fd0;text-decoration:none;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;margin-top:10px}.bmc-button:hover{background:#ffdd0040;transform:translateY(-2px);box-shadow:0 6px 20px #fd03;color:#fff}.bmc-button svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}@media(max-width:600px){.bmc-button{padding:8px 12px;font-size:11px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#141e30,#243b55)}.App{max-width:none;margin:0;padding:0;text-align:center;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.app-title{font-size:3em;margin-bottom:.5rem;margin-top:1rem;font-weight:800;background:-webkit-linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media(max-width:600px){.app-title{font-size:1.8em;margin-top:.5rem;margin-bottom:.2rem}}.loading{font-size:1.5rem;color:#8cf;animation:pulse 1s infinite alternate}