:root{--bg:#071019;--panel:#0d1924;--panel2:#112130;--border:#1c3142;--text:#eef7fb;--muted:#8298a8;--cyan:#27d7e8;--blue:#3c8cff;--green:#39d98a;--yellow:#ffd166;--orange:#ff9f43;--red:#ff5c6c;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#11314b 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:rgba(7,16,25,.92);backdrop-filter:blur(18px);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:0 10px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#041018;font-weight:900;font-size:22px;box-shadow:0 0 30px rgba(39,215,232,.25)}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand span{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#9eb0bd;padding:12px 14px;border-radius:12px;text-align:left;font:600 14px Inter;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.nav-item:hover{background:#102130;color:white}.nav-item.active{background:linear-gradient(90deg,rgba(39,215,232,.15),rgba(60,140,255,.06));color:var(--cyan);box-shadow:inset 3px 0 var(--cyan)}.nav-item .badge{margin-left:auto;background:var(--red);color:white;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-footer{margin-top:auto;padding:16px 10px;color:var(--muted);display:grid;gap:14px}.ghost-button,.icon-button,.primary-button,.text-btn,.layer{font:600 13px Inter;cursor:pointer}.ghost-button{border:1px solid var(--border);background:#0b1721;color:var(--text);padding:9px 12px;border-radius:10px}.main{margin-left:238px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid rgba(28,49,66,.7);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(7,16,25,.75);backdrop-filter:blur(18px);z-index:15}.search-wrap{position:relative;width:min(520px,55vw);display:flex;align-items:center;gap:10px;background:#0c1822;border:1px solid var(--border);padding:11px 14px;border-radius:13px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:500 14px Inter}.search-wrap input::placeholder{color:#657d8e}.search-results{display:none;position:absolute;top:48px;left:0;right:0;background:#0e1b27;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.search-results.open{display:block}.search-result{padding:11px 14px;cursor:pointer;border-bottom:1px solid #152737}.search-result:hover{background:#132536}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{width:39px;height:39px;border-radius:11px;border:1px solid var(--border);background:#0d1a25;color:var(--text)}.live-pill{font-size:11px;font-weight:800;letter-spacing:1px;background:#10231f;border:1px solid #1e513e;color:#61e9a5;padding:7px 10px;border-radius:999px}.live-pill i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 10px var(--green)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1f708a,#273c6b);font-size:12px;font-weight:800}.view{display:none;padding:34px;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-weight:800;margin:0 0 7px}.page-heading h1{font-size:30px;margin:0 0 7px}.page-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.risk-chip{font-size:12px;font-weight:700;border-radius:999px;padding:9px 12px}.risk-chip.safe{background:#10251f;color:#72dfa8;border:1px solid #21553d}.overview-grid,.content-grid,.forecast-layout,.astro-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.hero-card,.card,.alert-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(17,33,48,.92),rgba(10,23,33,.96));box-shadow:var(--shadow)}.hero-card{padding:27px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 15% 0%,rgba(53,180,255,.15),transparent 40%),linear-gradient(145deg,#102332,#0a1721)}.hero-main{display:flex;align-items:center;gap:24px}.weather-icon{font-size:68px;filter:drop-shadow(0 0 20px rgba(255,209,102,.2))}.temperature{font-size:58px;font-weight:800;line-height:1}.temperature sup{font-size:23px}.hero-main h2{margin:7px 0 3px;font-size:18px}.hero-main p{margin:0;color:var(--muted);font-size:13px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.hero-stats div{min-width:90px}.hero-stats span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.hero-stats strong{font-size:14px}.alert-card,.card{padding:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-head h3{margin:0;font-size:16px}.text-btn{border:0;background:transparent;color:var(--cyan);font-size:11px}.alert{display:flex;gap:13px;align-items:center;padding:13px;border-radius:13px;margin-top:10px}.alert.warning{background:rgba(255,209,102,.08);border:1px solid rgba(255,209,102,.2)}.alert.info{background:rgba(60,140,255,.08);border:1px solid rgba(60,140,255,.18)}.alert>b{font-size:9px;min-width:54px;text-align:center;padding:5px 7px;border-radius:7px;background:#332d15;color:var(--yellow)}.alert.info>b{background:#132342;color:#76aaff}.alert strong,.alert span{display:block;font-size:12px}.alert span{color:var(--muted);margin-top:3px;font-size:10px}.hourly{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px}.hour-block{min-width:80px;text-align:center;padding:12px 8px;border-radius:13px;background:#0b1924;border:1px solid transparent}.hour-block.now{border-color:#226270;background:#102932}.hour-block small{color:var(--muted);font-size:10px}.hour-block b{display:block;font-size:22px;margin:10px 0 6px}.hour-block strong{font-size:13px}.hour-block em{display:block;color:#5ccbe8;font-size:9px;font-style:normal;margin-top:5px}.map{height:300px;border-radius:14px;overflow:hidden;background:#0a141d}.map-preview .map{height:315px}.map-chips{display:flex;gap:7px;position:absolute;transform:translate(12px,-44px);z-index:500}.map-chips span{background:rgba(6,15,22,.88);border:1px solid #274457;padding:7px 9px;border-radius:8px;font-size:9px}.station-item,.report{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #182b3b}.station-item:last-child,.report:last-child{border-bottom:0}.station-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(57,217,138,.55)}.station-item div{flex:1}.station-item strong,.station-item small{display:block}.station-item strong{font-size:12px}.station-item small,.report p{font-size:10px;color:var(--muted);margin:3px 0 0}.station-item b{font-size:13px}.report>span{font-size:22px}.report strong{font-size:12px}.astro-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.astro-row div{text-align:center;background:#0b1924;border-radius:12px;padding:14px 8px}.astro-row span{font-size:24px;display:block}.astro-row b,.astro-row small{display:block;font-size:10px;margin-top:5px}.astro-row small{color:var(--muted)}.daylight{height:6px;background:#182c3b;border-radius:20px;margin:18px 0 8px}.daylight i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ffb84d,#fff0a5)}.muted{color:var(--muted);font-size:10px}.bottom-grid{grid-template-columns:1fr 1fr}.daily-list{display:grid;gap:8px}.day-row{display:grid;grid-template-columns:1.2fr .5fr .7fr .7fr;align-items:center;padding:13px 5px;border-bottom:1px solid #172b3a}.day-row:last-child{border-bottom:0}.day-row span,.day-row small{font-size:12px}.day-row small{color:var(--muted)}.day-row b{text-align:right}.chart{height:320px;display:flex;align-items:end;gap:12px;padding:20px 10px 8px}.bar{flex:1;min-width:25px;background:linear-gradient(#27d7e8,#305cff);border-radius:8px 8px 2px 2px;position:relative;opacity:.85}.bar span{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-5px);font-size:9px}.bar small{position:absolute;top:100%;left:50%;transform:translate(-50%,7px);font-size:9px;color:var(--muted)}.model-table{display:grid}.model-row{display:grid;grid-template-columns:1.1fr repeat(4,1fr);padding:14px;border-bottom:1px solid #172b3a;font-size:12px}.model-row.header{color:var(--muted);font-size:10px;text-transform:uppercase}.map-workspace{padding:12px;position:relative}.full-map{height:620px}.layer-bar{position:absolute;z-index:600;top:26px;left:26px;display:flex;gap:7px;flex-wrap:wrap}.layer{background:rgba(7,17,25,.9);color:#a8bac6;border:1px solid #294154;padding:8px 10px;border-radius:9px}.layer.active{color:#06121a;background:var(--cyan);border-color:var(--cyan)}.timeline{position:absolute;z-index:600;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(620px,80%);padding:10px 14px;background:rgba(7,17,25,.93);border:1px solid #294154;border-radius:14px}.timeline button{background:var(--cyan);border:0;width:32px;height:32px;border-radius:50%}.timeline input{flex:1;accent-color:var(--cyan)}.timeline span{font-size:11px;min-width:42px}.legend{position:absolute;right:28px;bottom:92px;z-index:600;background:rgba(7,17,25,.9);padding:8px 10px;border-radius:10px;font-size:9px;display:flex;align-items:center;gap:6px}.legend i{width:90px;height:7px;border-radius:8px;background:linear-gradient(90deg,#42d392,#ffe55c,#ff9348,#d94057,#8b4cd9)}.alerts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.severity-card{border-radius:18px;padding:22px;border:1px solid var(--border);background:#0d1b26}.severity-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;font-weight:800}.severity-card.yellow>span{background:#382f13;color:var(--yellow)}.severity-card.orange>span{background:#3a2414;color:var(--orange)}.severity-card.neutral>span{background:#123022;color:var(--green)}.severity-card h3{margin:18px 0 6px}.severity-card p,.severity-card small{color:var(--muted);font-size:11px}.settings-list label{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #172b3a}.settings-list label:last-child{border-bottom:0}.settings-list b,.settings-list small{display:block}.settings-list b{font-size:13px}.settings-list small{font-size:10px;color:var(--muted);margin-top:3px}.settings-list input{width:40px;height:20px;accent-color:var(--cyan)}.station-toolbar{display:flex;gap:10px;margin-bottom:16px}.station-toolbar input,.station-toolbar select{background:#0e1a25;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.station-toolbar input{flex:1}.station-grid,.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.station-card,.community-card{background:linear-gradient(145deg,#10202c,#0b1721);border:1px solid var(--border);border-radius:16px;padding:17px}.station-card .top{display:flex;justify-content:space-between}.station-card h3,.community-card h3{font-size:14px;margin:0}.station-card p,.community-card p{font-size:10px;color:var(--muted)}.station-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.station-metrics div{background:#0a1720;border-radius:9px;padding:9px}.station-metrics small,.station-metrics strong{display:block}.station-metrics small{color:var(--muted);font-size:8px}.station-metrics strong{font-size:12px;margin-top:3px}.primary-button{border:0;background:linear-gradient(135deg,var(--cyan),#36a8ff);color:#041119;padding:10px 14px;border-radius:10px;font-weight:800}.community-card .meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:14px}.astro-hero{display:flex;align-items:center;gap:28px;min-height:200px}.moon{font-size:100px;color:#e7e3ca;text-shadow:0 0 35px rgba(231,227,202,.2)}.astro-hero h2{margin:5px 0 8px}.astro-hero p{color:var(--muted);font-size:11px}.sun-times{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding-top:34px}.sun-times span{display:block;font-size:27px;font-weight:800}.sun-times small{color:var(--muted)}.event-list div{display:grid;grid-template-columns:90px 1fr 80px;padding:14px 0;border-bottom:1px solid #172b3a;font-size:12px}.event-list small{text-align:right;color:var(--muted)}.articles-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.article{background:#0e1b26;border:1px solid var(--border);border-radius:17px;overflow:hidden;padding-bottom:18px}.article-image{height:170px;background-size:cover}.article-image.heat{background:linear-gradient(145deg,#ffb14b,#bc3a52)}.article-image.storm{background:radial-gradient(circle at 25% 20%,#eee 0 2%,transparent 3%),linear-gradient(145deg,#1d2a47,#293b65 60%,#8254a3)}.article-image.climate{background:linear-gradient(145deg,#517f4a,#c6a84e)}.article span,.article h2,.article h3,.article p{margin-left:16px;margin-right:16px}.article span{display:block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1px;margin-top:14px}.article h2{font-size:20px}.article h3{font-size:15px}.article p{font-size:11px;color:var(--muted)}dialog{width:min(520px,92vw);border:1px solid var(--border);border-radius:18px;background:#0d1b26;color:var(--text);padding:22px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{background:none;border:0;color:white;font-size:26px;cursor:pointer}dialog label{display:grid;gap:6px;font-size:11px;color:#9cb0bd;margin:14px 0}dialog input,dialog select,dialog textarea{border:1px solid var(--border);border-radius:10px;background:#08151e;color:white;padding:11px;font:13px Inter}dialog textarea{min-height:100px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.leaflet-control-attribution{font-size:7px!important;background:rgba(7,16,25,.7)!important;color:#8ba0ae}.leaflet-control-attribution a{color:#8ba0ae}.leaflet-tile{filter:saturate(.65) brightness(.72) contrast(1.08)}body.light{--bg:#edf4f7;--panel:#fff;--panel2:#fff;--border:#d7e4ea;--text:#10202b;--muted:#647b89;--shadow:0 18px 50px rgba(30,70,90,.09)}body.light{background:#edf4f7}body.light .sidebar,body.light .topbar{background:rgba(242,248,250,.92)}body.light .hero-card,body.light .card,body.light .alert-card,body.light .station-card,body.light .community-card,body.light .article{background:white}body.light .search-wrap,body.light .ghost-button,body.light .icon-button,body.light .hour-block,body.light .astro-row div,body.light .station-metrics div{background:#f5fafc}body.light .leaflet-tile{filter:none}@media(max-width:1100px){.sidebar{width:82px}.brand>div:last-child,.nav-item span,.sidebar-footer small{display:none}.brand{padding-left:4px}.nav-item{justify-content:center;font-size:18px}.nav-item .badge{position:absolute;margin:0 0 20px 24px}.main{margin-left:82px}.overview-grid,.content-grid,.forecast-layout,.astro-grid{grid-template-columns:1fr}.station-grid,.community-grid{grid-template-columns:repeat(2,1fr)}.articles-grid{grid-template-columns:1fr 1fr}.article.featured{grid-column:1/-1}}@media(max-width:720px){.sidebar{position:fixed;inset:auto 0 0 0;width:auto;height:65px;flex-direction:row;padding:6px 8px;border-right:0;border-top:1px solid var(--border)}.brand,.sidebar-footer{display:none}.nav{width:100%;flex-direction:row;justify-content:space-around;overflow-x:auto}.nav-item{min-width:48px;padding:10px}.nav-item:nth-child(n+6){display:none}.main{margin-left:0;padding-bottom:68px}.topbar{height:66px;padding:0 16px}.search-wrap{width:72vw}.live-pill,.avatar{display:none}.view{padding:20px 14px}.page-heading h1{font-size:25px}.page-heading{align-items:center}.risk-chip{display:none}.hero-card{display:block}.hero-stats{margin-top:22px}.overview-grid,.content-grid,.bottom-grid,.forecast-layout,.alerts-grid,.station-grid,.community-grid,.astro-grid,.articles-grid{grid-template-columns:1fr}.station-grid,.community-grid{grid-template-columns:1fr}.full-map{height:70vh}.layer-bar{right:18px}.timeline{width:90%}.model-row{grid-template-columns:1fr repeat(4,.8fr);font-size:10px}.articles-grid .article.featured{grid-column:auto}}
.global-city-picker,.section-city-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.global-city-picker select,.city-select{background:#0e1a25;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 11px;font:11px Inter;min-width:150px}.section-city-picker{flex-direction:column;align-items:flex-start}.section-city-picker .city-select{min-width:220px}.extremes-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}.extreme-card{background:linear-gradient(145deg,#10202c,#0b1721);border:1px solid var(--border);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.extreme-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700}.extreme-card strong{font-size:25px}.extreme-card small{font-size:10px;color:var(--muted)}.extreme-card.hot strong{color:#ff9a5b}.extreme-card.cold strong{color:#71c9ff}.lightning-frame{display:none;width:100%;border:0;border-radius:13px;background:#071019}.lightning-frame.active{display:block}.map-source{position:absolute;z-index:610;left:26px;bottom:88px;background:rgba(7,17,25,.9);border:1px solid #294154;padding:6px 9px;border-radius:8px;color:#9fb2bf;font-size:9px}.leaflet-control-attribution{font-size:8px!important}@media(max-width:900px){.extremes-grid{grid-template-columns:1fr 1fr}.extremes-grid .extreme-card:last-child{grid-column:1/-1}.global-city-picker span{display:none}.global-city-picker select{min-width:125px}}@media(max-width:720px){.extremes-grid{grid-template-columns:1fr}.extremes-grid .extreme-card:last-child{grid-column:auto}.global-city-picker{display:none}.section-city-picker{width:100%;margin-top:12px}.section-city-picker .city-select{width:100%;min-width:0}.map-source{left:18px;right:18px;bottom:82px}.lightning-frame{height:70vh}}

/* Robustné rozmery Leaflet/iframe máp — zabraňuje orezaniu dlaždíc po prepnutí sekcie alebo zmene šírky. */
.map-preview,.map-workspace,.content-grid,.overview-grid{min-width:0}
.map,.full-map,#overviewMap,#fullMap{width:100%!important;max-width:100%;min-width:0;position:relative}
.map-workspace{overflow:hidden}
#fullMap,.lightning-frame{min-height:520px}
.leaflet-container{width:100%!important;height:100%!important;min-height:inherit;background:#071019}
.leaflet-map-pane,.leaflet-tile-pane{will-change:transform}
.lightning-frame{object-fit:cover}
@media(max-width:720px){#fullMap,.lightning-frame{min-height:520px;height:68vh}}

/* Živé meteorologické vrstvy Open-Meteo */
.meteo-div-icon{background:transparent!important;border:0!important}
.wind-marker,.pressure-marker,.temp-marker{display:flex;align-items:center;justify-content:center;background:rgba(7,17,25,.88);border:1px solid rgba(114,214,236,.5);color:#e8f7fb;box-shadow:0 3px 12px rgba(0,0,0,.25);backdrop-filter:blur(3px);pointer-events:none}
.wind-marker{width:46px;height:46px;border-radius:50%;gap:2px;flex-direction:column}
.wind-marker span{display:block;font-size:19px;line-height:16px;color:#63dff0;transform-origin:center}
.wind-marker b{font-size:9px;font-weight:800}
.pressure-marker{width:58px;height:36px;border-radius:12px;flex-direction:column;border-color:rgba(173,151,255,.55)}
.pressure-marker b{font-size:11px;line-height:12px}.pressure-marker small{font-size:7px;color:#b6a8ff}
.temp-marker{width:40px;height:32px;border-radius:12px;border-color:rgba(255,170,100,.55)}
.temp-marker b{font-size:11px;color:#ffc28e}
body.light .wind-marker,body.light .pressure-marker,body.light .temp-marker{background:rgba(255,255,255,.9);color:#16303c;box-shadow:0 3px 12px rgba(20,60,80,.12)}

/* Map rendering hotfix: Leaflet potrebuje explicitnú výšku kontajnera. */
#overviewMap{height:315px!important;min-height:315px!important;display:block}
#fullMap{height:clamp(520px,68vh,760px)!important;min-height:520px!important;display:block}
#fullMap.leaflet-container,#overviewMap.leaflet-container{background:#0a141d!important}
.leaflet-container{isolation:isolate;overflow:hidden}
.leaflet-pane,.leaflet-map-pane,.leaflet-tile-pane{position:absolute;left:0;top:0}
.leaflet-tile-pane{z-index:200}
.leaflet-overlay-pane{z-index:400}
.leaflet-marker-pane{z-index:600}
.leaflet-tooltip-pane{z-index:650}
.leaflet-popup-pane{z-index:700}
.leaflet-tile{visibility:inherit!important}
@media(max-width:720px){#fullMap{height:68vh!important;min-height:520px!important}}