:root{--color-body-bg:#d2ecf9;--color-panel-bg:#ffffff;--color-primary:#423A8E;--color-accent:#00CCCD;--color-info:#0D6EFD;--color-success:#198754;--color-warning:#FFC107;--color-danger:#DC3545;--color-body-text:#212529;--color-heading:#1a1a2e;--color-muted:#6c757d;--color-subheading:#423A8E;--color-navbar-bg:#3e8a59;--color-navbar-border:rgba(255,255,255,0.15);--color-navbar-mobile:#362f7a;--color-stat-card:#fcfff8;--color-stat-card-shadow:rgba(66, 58, 142, 0.1);--color-card-border:#e0e0e0;--color-section-border:#d0d0e8;--color-health-section-card:#00CCCD;--color-health-stat-card:#e8fffe;--color-health-h3:#00565a;--color-economy-muted:#d1e7ff;--color-economy-card-text:#FFC107;--color-economy-success:#00aa2a;--color-economy-danger:#c75000;--color-demand-card:#e8f4f5;--color-forecast-card-bg:#ffffff;--color-forecast-day:#333333;--color-forecast-wind:#555555;--color-forecast-sun:#6b7280;--color-forecast-border:#e5e7eb;--color-hourly-time:#423A8E;--color-hourly-temp:#212529;--color-hourly-wind:#6c757d;--color-hourly-rain:#0D6EFD;--color-weather-condition:#212529;--color-form-bg:#ffffff;--color-form-text:#333333;--color-form-border:#ced4da;--color-suggestions-bg:#ffffff;--color-suggestions-border:rgba(0,0,0,0.175);--color-suggestions-item-border:rgba(0,0,0,0.075);--color-scrollbar-track:#f1f1f1;--color-exchange-bg:#ffffff;--color-exchange-border:#e9ecef;--color-error-bg:#f8d7da;--color-error-text:#842029;--color-error-border:#f5c2c7;--color-renewable-label:#555555;--color-energy-source-item:#e3e3e3;--color-stat-value:#212529;--color-stat-label:#555555;--color-section-h2:#423A8E;--primary-gradient:linear-gradient(167deg, #00CCCD 0%, #423A8E 100%);--success-gradient:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--danger-gradient:linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--warning-gradient:linear-gradient(135deg, #FFC107 0%, #ff9f43 100%);--bs-body-bg:#f2f2f2;--bs-body-color:#212529;--bs-headings-color:#1a1a2e;--bs-secondary-color:#393939bf;--bs-body-font-size:1.2rem;--fuel-biomass:#8f5a04;--fuel-coal:#424242;--fuel-imports:#9C27B0;--fuel-gas:#FF9800;--fuel-nuclear:#E91E63;--fuel-other:#9E9E9E;--fuel-hydro:#2196F3;--fuel-solar:#FFEB3B;--fuel-wind:#198754}[data-theme=dark]{--color-body-bg:#000000;--color-panel-bg:#191C24;--color-primary:#AF1763;--color-accent:#0DCAF0;--color-info:#0D6EFD;--color-success:#198754;--color-warning:#FFC107;--color-danger:#AB2E3C;--color-body-text:#efefef;--color-heading:#f0f0f0;--color-muted:#abbac9;--color-subheading:#0DCAF0;--color-navbar-bg:#191C24;--color-navbar-border:rgba(255,255,255,0.1);--color-navbar-mobile:#0d0f16;--color-stat-card:#191C24;--color-stat-card-shadow:rgba(0,0,0,0.3);--color-card-border:rgba(255,255,255,0.07);--color-section-border:rgba(255,255,255,0.12);--color-health-section-card:#1a2a3a;--color-health-stat-card:#192630;--color-health-h3:#0DCAF0;--color-economy-muted:#abbac9;--color-economy-card-text:#FFC107;--color-economy-success:#00ff3a;--color-economy-danger:#f79e83;--color-demand-card:#1c202a;--color-forecast-card-bg:#191C24;--color-forecast-day:#efefef;--color-forecast-wind:#abbac9;--color-forecast-sun:#abbac9;--color-forecast-border:rgba(255,255,255,0.1);--color-hourly-time:#0DCAF0;--color-hourly-temp:#efefef;--color-hourly-wind:#abbac9;--color-hourly-rain:#0DCAF0;--color-weather-condition:#efefef;--color-form-bg:#1c202a;--color-form-text:#efefef;--color-form-border:rgba(255,255,255,0.15);--color-suggestions-bg:#1c202a;--color-suggestions-border:rgba(255,255,255,0.15);--color-suggestions-item-border:rgba(255,255,255,0.07);--color-scrollbar-track:#191C24;--color-exchange-bg:#191C24;--color-exchange-border:rgba(255,255,255,0.1);--color-error-bg:#3a0a12;--color-error-text:#f79e83;--color-error-border:#AB2E3C;--color-renewable-label:#dedede;--color-energy-source-item:#252936;--color-stat-value:#efefef;--color-stat-label:#abbac9;--color-section-h2:#0DCAF0;--primary-gradient:linear-gradient(167deg, #0DCAF0 0%, #AF1763 100%);--success-gradient:linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--danger-gradient:linear-gradient(135deg, #AB2E3C 0%, #f45c43 100%);--warning-gradient:linear-gradient(135deg, #FFC107 0%, #ff9f43 100%);--bs-body-bg:#000000;--bs-body-color:#efefef;--bs-headings-color:#f0f0f0;--bs-secondary-color:#abbac9}[col-fuel=biomass]{background-color:var(--fuel-biomass)}[col-fuel=coal]{background-color:var(--fuel-coal)}[col-fuel=imports]{background-color:var(--fuel-imports)}[col-fuel=gas]{background-color:var(--fuel-gas)}[col-fuel=nuclear]{background-color:var(--fuel-nuclear)}[col-fuel=other]{background-color:var(--fuel-other)}[col-fuel=hydro]{background-color:var(--fuel-hydro)}[col-fuel=solar]{background-color:var(--fuel-solar)}[col-fuel=wind]{background-color:var(--fuel-wind)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--color-body-bg);color:var(--color-body-text);transition:background-color .3s ease,color .3s ease}[data-theme=light] .text-muted{color:#393939bf!important}.theme-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;white-space:nowrap;background:var(--color-primary);color:#fff;border:1.5px solid var(--color-primary);box-shadow:0 2px 6px rgba(66,58,142,.35)}.theme-toggle-btn:hover{background:#362f7a;border-color:#362f7a;box-shadow:0 3px 10px rgba(66,58,142,.5)}[data-theme=dark] .theme-toggle-btn{background:0 0;color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 2px 6px rgba(13,202,240,.2)}[data-theme=dark] .theme-toggle-btn:hover{background:rgba(13,202,240,.12);box-shadow:0 3px 10px rgba(13,202,240,.35)}.theme-toggle-btn .theme-icon{font-size:1rem;line-height:1;transition:transform .4s ease}.theme-toggle-btn:hover .theme-icon{transform:rotate(25deg)}.theme-toggle-btn .theme-label{font-size:.8rem}div#navbarNav{top:-7px;position:relative;left:-50px}.navbar-brand h1{font-family:Fredoka,sans-serif;font-weight:300}.navbar-brand{background:#13556f;border-radius:0 0 50px 0;padding-right:32px}ul.navbar-nav.text-center.mb-3{background:#13556f;border-radius:50px;padding:0 15px 0 15px;border:12px solid var(--color-body-bg)}.navbar-brand h1{font-size:1.5rem;margin:0;color:#fff}.navbar-brand h1 a{color:#fff;text-decoration:none}.navbar-brand h1 a:hover{color:rgba(255,255,255,.9)}.hero-brand-block a{color:#fff}img.logo{width:130px}a.nav-link{font-size:1.3rem;font-weight:400;color:rgba(255,255,255,.9);border-top:3px solid transparent;border-bottom:1px solid transparent}a.nav-link:hover{color:#ffe8a7;border-bottom:2px solid rgba(255,255,255,.7);transition:all .3s ease}a.nav-link.active{font-weight:600;color:#fff;border-top:3px solid #ffe8a7}.navbar-nav .nav-link{color:rgba(255,255,255,.9);padding:.5rem 1rem;transition:color .2s}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#ffe8a7}@media (max-width:991.98px){div#navbarNav{top:0;position:relative;left:0}.navbar-brand h1{font-size:1.2rem}.navbar-collapse{border-radius:8px}a.nav-link.active{border-top:none}.navbar-nav{gap:.5rem}.navbar-nav .nav-link{padding:.75rem 1rem;border-radius:4px}.navbar-nav .nav-link:hover{background:rgba(255,255,255,.1)}nav.navbar{box-shadow:2px 2px 11px 0 #00000069}.navbar-brand h1{color:#fff}.navbar{position:relative}.navbar-toggler{position:absolute;left:85%;transform:translateX(-50%);top:49px;z-index:9999}.navbar-collapse{margin-top:50px;width:100%}}@media (min-width:992px){.navbar-brand h1{font-size:1.75rem}}.stat-card{display:flex;flex-direction:column;height:100%;background:var(--color-stat-card);border-radius:12px;padding:24px;margin-bottom:24px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 2px 8px var(--color-stat-card-shadow)}.stat-card:hover{box-shadow:0 4px 16px var(--color-stat-card-shadow)}.stat-card h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-subheading);border-bottom:2px solid var(--color-section-border);padding-bottom:.5rem}.stat-card .h2{font-size:2.5rem;font-weight:700}.stat-card .bg-light{background-color:#f8f9fa!important;border:1px solid var(--color-card-border)}.stat-card small.text-muted{font-size:.875rem}.chart-container{position:relative;height:300px;min-height:250px;flex-grow:1;margin:20px 0}.section-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--color-section-border)}.section-header h2{font-size:28px;font-weight:700;color:var(--color-section-h2);margin:0}.section-header .badge{vertical-align:middle;margin-left:12px}.stat-value{font-size:36px;font-weight:700;color:var(--color-stat-value)}.stat-label{font-size:14px;color:var(--color-stat-label);margin-top:4px}.energy-source-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-energy-source-item);border-radius:8px;margin-bottom:8px}.energy-source-name{font-weight:600;text-transform:capitalize}.energy-source-percentage{font-size:20px;font-weight:700}#health-Section .card{background:var(--color-health-section-card)!important}#health-Section .stat-card{background:var(--color-health-stat-card)}#health-Section .stat-card h3{color:var(--color-health-h3)}#health-Section .text-primary,#health-Section .text-success{color:#a3ffa9!important}#health-Section .text-danger{color:#ff751a!important}#health-Section .text-secondary{color:#f0f8ff!important}#health-Section .text-muted{color:#ebf6ff!important}#demand .card,#demand .list-group-item,.stat-card .card{background:var(--color-demand-card);color:var(--color-body-text)}.bg-interconnectors{background:#882eca}.bg-generation{background:#61d29a}.bg-solar{background:#d4a20c;opacity:1}.bg-additional{background:#e28f22}.bg-summary{background:#f19a20}.form-control,.form-control:focus{background:var(--color-form-bg);color:var(--color-form-text);border:1px solid var(--color-form-border)}.cacheInd{width:10px;height:10px;display:inline-flex;align-items:center;border-radius:50%}.cached-badge{position:absolute;top:10px;right:10px;background:rgba(108,117,125,.1);padding:4px 12px;border-radius:12px;font-size:12px;color:var(--color-muted)}.refresh-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);border:none;color:#fff;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;transition:transform .3s ease;z-index:1000}.refresh-btn:hover{transform:scale(1.1)}.refresh-btn.spinning{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.last-updated{padding-top:.75rem;border-top:1px solid var(--color-section-border);font-size:.85rem;color:var(--color-muted);text-align:center;margin-top:8px}.flow-indicator{display:inline-flex;align-items:center;gap:1px;font-size:.875rem;margin-left:8px;vertical-align:middle}.flow-line{width:20px;height:6px;position:relative;overflow:hidden;display:inline-block}.flow-line::before{content:'';position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(to right,currentColor 0,currentColor 5px,transparent 5px,transparent 10px);animation:flow 1s linear infinite}.flow-export .flow-line::before{animation-direction:reverse}@keyframes flow{0%{transform:translateX(0)}100%{transform:translateX(10px)}}.flow-arrow{display:inline-flex;align-items:center;font-size:1.1em}.flow-export{color:#198754}.flow-import{color:#dc3545}.flow-none{color:#6c757d}.renewable-meter{position:relative;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.renewable-percentage{font-size:64px;font-weight:700;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.renewable-label{font-size:18px;color:var(--color-renewable-label);font-weight:600}.exchange-rate-item{display:flex;justify-content:space-between;padding:16px;background:var(--color-exchange-bg);border-radius:8px;margin-bottom:12px;border:1px solid var(--color-exchange-border);transition:background .3s ease}.currency-flag{font-size:32px;margin-right:12px}.air-quality-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.aqi-good{background:#89a607;color:#fff}.aqi-moderate{background:#b3da49;color:#db1e1e}.aqi-poor{background:#f8d7da;color:#fff}.aqi-good h3{color:#fff;padding:0;margin:0;border:none}.aqi-moderate h3{color:#db1e1e;padding:0;margin:0;border:none}.aqi-poor h3{color:#000;padding:0;margin:0;border:none}.text-aq{color:#132629;font-weight:700}.error-message{background:var(--color-error-bg);color:var(--color-error-text);padding:16px;border-radius:8px;border:1px solid var(--color-error-border)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.custom-location{border:2px solid var(--color-accent);box-shadow:0 0 10px rgba(0,204,205,.25)}[data-theme=dark] .custom-location{box-shadow:0 0 10px rgba(13,202,240,.3)}.weather-card{background:var(--primary-gradient);color:#fff;border-radius:12px;padding:24px;margin-bottom:16px}.weather-temp{font-size:48px;font-weight:700}.weather-city{font-size:24px;font-weight:600;margin-bottom:8px}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.weather-detail-item{display:flex;align-items:center;gap:8px}.weather-condition{font-size:1.25rem;color:var(--color-weather-condition);margin-bottom:1rem;font-weight:500}.weather-icon-small{font-size:2.5rem;margin:.5rem 0}.weather-condition-small{font-size:.875rem;color:var(--color-weather-condition);margin-bottom:.5rem}div#weather-content,div#weather-hourly{border-radius:8px;padding:5px}#weather-hourly,.forecast-scroll-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(66,58,142,0.5) transparent}[data-theme=dark] #weather-hourly,[data-theme=dark] .forecast-scroll-container{scrollbar-color:rgba(175,23,99,0.5) transparent}#weather-hourly::-webkit-scrollbar,.forecast-scroll-container::-webkit-scrollbar{height:6px}#weather-hourly::-webkit-scrollbar-track,.forecast-scroll-container::-webkit-scrollbar-track{background:0 0}#weather-hourly::-webkit-scrollbar-thumb,.forecast-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.hourly-container{display:flex;gap:12px;padding:16px 0;min-width:min-content}.hourly-item{flex:0 0 auto;width:80px;text-align:center;padding:12px 8px;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s ease;-webkit-tap-highlight-color:transparent}.hourly-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:rgba(66,58,142,.08)}[data-theme=dark] .hourly-item:hover{background:rgba(255,255,255,.08)}.hourly-item:active{transform:scale(.95);background:rgba(66,58,142,.12)}[data-theme=dark] .hourly-item:active{background:rgba(255,255,255,.12)}.hourly-item.now{background:linear-gradient(135deg,#423a8e 0,#00cccd 100%);color:#fff;font-weight:600}[data-theme=dark] .hourly-item.now{background:linear-gradient(135deg,#af1763 0,#0dcaf0 100%)}.hourly-item.now .hourly-rain,.hourly-item.now .hourly-temp,.hourly-item.now .hourly-time,.hourly-item.now .hourly-wind{color:#fff}.hourly-time{font-size:13px;font-weight:600;margin-bottom:8px;color:var(--color-hourly-time)}.hourly-icon{font-size:32px;margin:8px 0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.hourly-temp{font-size:16px;font-weight:700;color:var(--color-hourly-temp);margin:8px 0 4px}.hourly-wind{font-size:11px;color:var(--color-hourly-wind);margin:4px 0}.hourly-rain{font-size:11px;color:var(--color-hourly-rain);margin:4px 0}.forecast-wind-direction,.hourly-wind-direction{color:#238f26}.hourly-wind-direction.now{color:#fff}.hourly-detail-sheet{border-radius:20px 20px 0 0;height:auto!important;max-height:90vh;color:var(--color-body-text);background:var(--color-panel-bg)}.hourly-detail-sheet .offcanvas-body{overflow-y:auto}.hourly-sheet-header{position:relative;border-bottom:1px solid var(--color-section-border);padding:1rem 3rem .75rem 1rem;text-align:center}.hourly-sheet-header .btn-close{position:absolute;right:.75rem;top:.75rem;padding:.5rem;opacity:.7;z-index:10}.sheet-drag-indicator{width:36px;height:4px;background:var(--color-section-border);border-radius:2px;margin:0 auto .75rem}.hourly-sheet-header .offcanvas-title{font-size:1rem;font-weight:600;margin:0}.hourly-sheet-body{padding:1.25rem 1rem 2rem;text-align:center}.hourly-sheet-icon{margin-bottom:1rem}.hourly-icon-large{font-size:3.5rem;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.hourly-condition{display:block;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-top:.25rem}.hourly-temp-main{display:block;font-size:2.5rem;font-weight:300;margin-top:.25rem}.hourly-sheet-summary{background:rgba(66,58,142,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:.875rem 1rem;margin-bottom:1rem}[data-theme=dark] .hourly-sheet-summary{background:rgba(255,255,255,.07)}.hourly-summary-text{margin:0;font-size:1.875rem;line-height:1.5;text-align:center}.hourly-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;justify-content:center;max-width:500px;margin:0 auto}.hourly-detail-item{background:rgba(66,58,142,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}[data-theme=dark] .hourly-detail-item{background:rgba(255,255,255,.07)}.hourly-detail-item i{font-size:1.125rem;opacity:.85}.hourly-detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.hourly-detail-value{font-size:.875rem;font-weight:600}.forecast-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;padding:10px 0;-webkit-overflow-scrolling:touch}.forecast-scroll-container::-webkit-scrollbar{height:6px}.forecast-scroll-container::-webkit-scrollbar-track{background:0 0}.forecast-scroll-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.forecast-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.forecast-card-wrapper{flex:0 0 auto;width:140px}.forecast-card{background:var(--color-forecast-card-bg);border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.08);margin-bottom:1rem;min-width:122px;transition:all .3s ease}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.forecast-card.active{background:linear-gradient(135deg,#e0ed1a 0,#2fe134 100%);color:#fff;transform:translateY(-5px);box-shadow:0 4px 12px rgba(74,144,226,.4)}.forecast-card.active .bi-droplet-fill,.forecast-card.active .forecast-day,.forecast-card.active .forecast-precipitation,.forecast-card.active .forecast-shortDate,.forecast-card.active .forecast-sun,.forecast-card.active .forecast-temps,.forecast-card.active .forecast-wind,.forecast-card.active .forecast-wind-direction,.forecast-card.active .sunrise,.forecast-card.active .sunset{color:#1e3e6f}.forecast-card.active .forecast-temps{background-color:#e4ff00;backdrop-filter:blur(20px);border-radius:5px;font-weight:600}.forecast-day{font-weight:600;color:var(--color-forecast-day);margin:0}.forecast-shortDate{font-size:.8rem;color:var(--color-forecast-wind);margin:0}.forecast-icon{font-size:2rem;margin:.5rem 0}.forecast-temps{display:flex;justify-content:center;gap:.5rem;margin:.5rem 0}.temp-max{font-weight:600;color:#d9534f}.temp-min{color:#5bc0de}.forecast-wind{font-size:.875rem;color:var(--color-forecast-wind)}.forecast-precipitation{font-size:.85rem;color:#6b7280;margin:4px 0}.forecast-precipitation .bi-droplet-fill{color:#60a5fa}.precip-moderate .bi-droplet-fill{color:#3b82f6}.precip-heavy{font-weight:600}.precip-heavy .bi-droplet-fill{color:#1d4ed8}.forecast-sun{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-forecast-sun);margin-top:8px;padding-top:8px;border-top:1px solid var(--color-forecast-border);gap:8px}.forecast-sun .sunrise,.forecast-sun .sunset{display:flex;align-items:center;gap:4px}.forecast-sun .sunrise .bi-sunrise-fill{color:#facc15;font-size:1rem}.forecast-sun .sunset .bi-sunset-fill{color:#f97316;font-size:1rem}.current-weather-main{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1rem 0}.current-weather-icon{font-size:4rem}.wind-text-semibold{font-weight:600}.wind-text-bold{font-weight:700}.wind-arrow-wrapper{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:all .2s ease}.wind-icon-circle-outline{border:2px solid currentColor;font-weight:900}.wind-icon-circle-red{background-color:#dc3545;color:#fff;border:2px solid #dc3545;font-weight:900;box-shadow:0 2px 4px rgba(0,0,0,.2)}#weatherLocationSuggestions{margin-top:2px;border-radius:.375rem;background-color:var(--color-suggestions-bg);border:1px solid var(--color-suggestions-border);transition:background .3s ease}#weatherLocationSuggestions .list-group-item{border:none;border-bottom:1px solid var(--color-suggestions-item-border);background-color:var(--color-suggestions-bg);color:var(--color-body-text);transition:background-color .15s ease-in-out}#weatherLocationSuggestions .list-group-item:last-child{border-bottom:none;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}#weatherLocationSuggestions .list-group-item:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}#weatherLocationSuggestions strong{font-size:1rem;display:block}#weatherLocationSuggestions .text-muted{font-size:.875rem}#weatherLocationSuggestions .bi-geo-alt{font-size:.875rem}#weatherLocationSuggestions::-webkit-scrollbar{width:8px}#weatherLocationSuggestions::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:0 .375rem .375rem 0}#weatherLocationSuggestions::-webkit-scrollbar-thumb{background:#888;border-radius:4px}#weatherLocationSuggestions::-webkit-scrollbar-thumb:hover{background:#555}#weatherLocationSuggestions .list-group-item.text-muted{color:#6c757d!important;text-align:center;padding:1rem}#weatherLocationSuggestions .list-group-item-action.active,#weatherLocationSuggestions .list-group-item-action:active{background-color:var(--color-primary)!important;color:#fff!important}#weatherLocationSuggestions .list-group-item-action.active .location-details,#weatherLocationSuggestions .list-group-item-action.active .location-details span,#weatherLocationSuggestions .list-group-item-action.active .text-muted,#weatherLocationSuggestions .list-group-item-action.active strong{color:#fff!important}.location-details{font-size:.875rem;color:var(--color-muted);margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.location-details span{display:inline-block}.location-details span:not(:last-child)::after{content:"•";margin-left:.25rem}.location-country{font-weight:500}.w-90{width:90%}@media (max-width:767px){.forecast-card-wrapper{width:120px;margin-right:8px}.forecast-card{padding:12px 8px;font-size:.9rem}.forecast-icon{font-size:2rem}.section-header h2{text-align:center}ul.navbar-nav.text-center.mb-3{border-radius:10px;padding:15px}[data-theme=light] nav.navbar{background:#fff}[data-theme=light] .navbar-brand{background:#fff}[data-theme=dark] .navbar-brand{background:#000}[data-theme=dark] .navbar-brand h1{color:#fff}}@media (min-width:768px){.forecast-scroll-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow-x:visible;gap:15px}.forecast-card-wrapper{width:auto}.w-md-75{width:75%!important}}@media (min-width:992px){.forecast-scroll-container{grid-template-columns:repeat(14,1fr)}.col-lg-2-4{flex:0 0 20%;max-width:20%}}@media (min-width:576px){.hourly-detail-sheet{max-height:85vh}.hourly-detail-sheet .offcanvas-body{overflow-y:visible}.hourly-sheet-body{padding:1.5rem 1.5rem 2.5rem}.hourly-icon-large{font-size:4rem}.hourly-temp-main{font-size:3rem}.hourly-detail-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:600px}.hourly-detail-item{padding:1rem .75rem}.hourly-detail-label{font-size:.7rem}.hourly-detail-value{font-size:.95rem}}@media (min-width:768px){.hourly-detail-sheet{max-height:60vh}.hourly-detail-grid{grid-template-columns:repeat(4,1fr);max-width:700px}.hourly-summary-text{font-size:2.45rem}.hourly-sheet-summary{width:50%;margin:0 auto}}@media (max-width:576px){.hourly-item{width:70px;padding:10px 6px}.hourly-icon{font-size:28px}.hourly-temp{font-size:15px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.hourly-sheet-body{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}