@import"https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";*{box-sizing:border-box;margin:0;padding:0;max-width:100vw}#root{position:fixed;top:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);background-size:cover;margin:0;padding:0;color:#fff;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.WeatherApp{height:100vh;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0003}.WeatherApp#light{background-color:#ebebeb73;color:#000}.WeatherApp#light input::placeholder{color:#000}.WeatherApp#light input{color:#000}::placeholder{color:#f8f8f8}.Main{width:100%;height:99%;padding:5px}.cloud{display:flex}.cloud p{margin-left:16px;transform:translate(16px) rotate(269deg);text-decoration:overline}.cloud .coverImg{width:86px;height:86px;font-size:64px;transform:translate(-20px,1px)}.fc_coverImg{text-align:center;font-size:32px}.WeatherApp .description{margin-top:-10px}.app-container{display:flex;flex-direction:column;height:100vh}.app-content{display:flex;flex:1;margin-left:40px;overflow:hidden;scrollbar-width:0px}.app-main{flex:1;display:flex;flex-direction:column;padding:0;overflow-x:clip;overflow-y:scroll;scroll-snap-type:y mandatory}.clock-hero,.main-body-weather,.main-body-forecast{scroll-snap-stop:always;scroll-snap-align:start}.main-header{position:sticky;top:-1px;z-index:1;background:linear-gradient(135deg,#1e3b72f5,#2a5298f8 100%,#1e3b72f5 0%);padding:1.25rem 1.125rem 1.25rem 1rem;display:flex;align-items:center;gap:8px;overflow:hidden}.clock-hero{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:86%;padding:3rem 0rem 0rem 1rem;color:#fff;font-family:Segoe UI,sans-serif;text-align:center}.main-body-weather{display:flex;padding:5rem 1.5rem 1rem 2rem;background:var(--background-color);border-radius:12px}.map-N-ad{display:flex;align-items:center;gap:32px}.main-body-forecast{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:2rem 0rem 1rem 1rem;margin-bottom:1rem;background:var(--background-color);border-radius:12px;width:100%;font-family:Exo}.smart-feeds{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.loading-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.app-footer{background:var(--background-color, #1a1a1a);padding:1rem;text-align:center;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.app-main{scrollbar-width:thin;scrollbar-color:var(--accent-color, #4a90e2) var(--background-color, #1a1a1a)}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-thumb{background:var(--accent-color, #4a90e2);border-radius:4px}.app-main::-webkit-scrollbar-track{background:var(--background-color, #1a1a1a)}.weather-map{min-width:256px;width:256px;height:256px;margin-top:1rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;z-index:0}.search-container{display:flex;align-items:center;gap:12px;margin-bottom:12px}.search-container .search{flex:1}@media (max-width: 768px){.main-body-weather{margin:0;flex-direction:column;padding:3rem .75rem 0rem}.app-content{margin-left:0}.weather-map{display:none}.main-body-forecast{min-width:100%;width:100%;margin:0;padding:2rem .25rem}}.search-container{position:relative}.search-input{width:150px;padding:10px 0 10px 40px;border-radius:9999px;border:solid 1px #333;transition:all .2s ease-in-out;outline:none;opacity:.8}.search-input::placeholder{color:#4a5568}.search-input:focus{opacity:1;width:250px}.search-input:focus::placeholder{color:transparent}.search-container svg{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;background:linear-gradient(135deg,#1e3b72f5,#2a5298f8 100%,#1e3b72f5 0%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);padding:.5rem 2rem .125rem 4rem;position:relative;z-index:10;font-family:Exo,sans-serif}.header__brand{margin-top:-1.75rem;margin-left:-1rem;padding-top:.5rem;display:flex;flex-direction:row;gap:.5rem}.header__title{display:flex;gap:2px;align-items:center;background-color:#f0f8ff;color:#1e3b72f5;font-size:1.5rem;font-weight:400;font-family:Orbitron,sans-serif;margin:0;padding:.75rem;border-bottom-left-radius:1.5rem}.header__title span{font-weight:700}.header__datetime{padding-top:.5rem;margin-bottom:.125rem;padding-right:.5rem;font-size:.85rem;color:#ffffffb3;font-weight:400;line-height:1.5}.header__menu-button{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:.5rem}.header__nav{display:flex;align-items:center}.header__controls{display:flex;align-items:center;gap:1rem}.header__settings-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s;position:relative}.header__settings-button:hover{opacity:1}.header__tooltip{visibility:hidden;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;white-space:nowrap;transition:visibility .2s;z-index:20}.header__settings-button:hover .header__tooltip{visibility:visible}.header__dropdown{position:absolute;top:100%;right:2rem;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:1rem;min-width:200px;display:none;box-shadow:0 4px 12px #0003;flex-direction:column;gap:1rem}.header__dropdown--open{display:flex}.header__terms-button{background:none;border:none;color:var(--text-color);padding:.5rem;cursor:pointer;text-align:left;font-size:.9rem;transition:background-color .2s;border-radius:4px}.header__terms-button:hover{background-color:#ffffff1a}@media (max-width: 768px){.header{padding:0rem .25rem .06125rem 1rem}.header__datetime{font-size:.7rem}.header__menu-button{display:block}.header__brand{flex:1;margin-left:0;padding-top:1.7rem}.header__title{font-size:1.25rem;padding:.75rem;border-bottom-left-radius:1.5rem}.header__nav{display:none;width:100%;order:3}.header__nav--open{display:flex;flex-direction:column;align-items:center;gap:1rem}.header__controls{width:100%;justify-content:center}.header__dropdown{width:90%;right:5%;left:5%;top:calc(100% + .5rem)}}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(0, 56, 146);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:"";position:absolute;width:100%;height:100%;background:#ffffffbf;border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=)}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}.toggle-button-cover{display:table-cell;position:relative;width:150px;box-sizing:border-box}.button-cover{height:100px;margin:20px;background-color:#fff;box-shadow:0 10px 20px -8px #c5d6d6;border-radius:4px}.button-cover:before{counter-increment:button-counter;content:counter(button-counter);position:absolute;right:0;bottom:0;color:#d7e3e3;font-size:12px;line-height:1;padding:5px}.button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{position:relative;top:50%;width:74px;height:36px;margin:0 0 0 auto;overflow:hidden}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#ebf7fc;transition:.3s ease all;z-index:1}.button.r,.button.r .layer{border-radius:100px}#button-3 .knobs:before{content:"°C";position:absolute;top:4px;left:4px;width:20px;height:10px;color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;background-color:#1c739b;border-radius:50%;transition:.3s ease all,left .3s cubic-bezier(.18,.89,.35,1.15)}#button-3 .checkbox:active+.knobs:before{width:46px;border-radius:100px}#button-3 .checkbox:checked:active+.knobs:before{margin-left:-26px}#button-3 .checkbox:checked+.knobs:before{content:"°F";left:42px;background-color:#b6413b}#button-3 .checkbox:checked~.layer{background-color:#fcebeb}.current-location-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--background-color);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s ease;font-size:.9rem}.current-location-button:hover{border-color:var(--accent-color, #4a90e2);background:#4a90e21a}.current-location-button:disabled{opacity:.7;cursor:not-allowed}.current-location-button .loading-spinner{width:16px;height:16px;border:2px solid var(--text-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.current-location-button .button-text{white-space:nowrap}.cookie-consent-banner{position:fixed;bottom:0;width:100%;background:#f1f1f1;padding:15px;text-align:center;border-top:1px solid #ccc}.terms-of-service{position:absolute;top:86px;background:#ccc;padding:20px;max-width:800px;margin:0 auto;overflow-y:auto;height:85svh}.terms-of-service button{padding:8px;background:#56bbff}.main-weather-card{max-width:580px;display:flex;flex-direction:column;background-color:var(--color-background, );box-shadow:var(--shadow);font-family:Exo,sans-serif}.main-weather-card .temp-N-other-details{display:flex;flex-direction:column;width:100%}.temp-N-other-details .title{width:100%;height:28px;text-align:start;font-size:10px;color:azure;margin-bottom:8px;padding-left:16px;font-family:Exo,sans-serif,Segoe WP,Arial}.temp-N-alerts{display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.temp-N-other-details .temp-N-clouds{width:320px;height:187px;padding:16px 32px 16px 36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;align-items:center;font-family:Exo,sans-serif,Segoe WP,Arial}.temp-N-clouds .cloud-des{display:flex;align-items:center;gap:8px;margin-left:-32px;padding:16px 0}#cover-dir{position:absolute;bottom:32px;right:16px;display:flex;height:32px;font-size:14px;gap:8px}#cover-dir .wind-dir{position:relative;top:0;right:0;font-size:32px}.feels-like{margin-left:8px;padding:0 0 32px 16px}.feels-like .temp{display:flex;align-items:center;text-align:start;font-size:52px;font-weight:600;color:#fff}.feels-like .temp span{font-size:24px;font-weight:400;color:#fff}.feels{font-size:12px}.feels strong{margin-left:4px;font-size:11px}.highligts-container{display:flex;flex-direction:column;margin-left:0rem;margin-top:-.75rem;padding:4px;padding-top:1rem;width:96%;background:#d7e4e4fd;border-radius:0 8px 8px}.highlights{display:flex;flex-wrap:wrap;min-width:300px;justify-content:space-evenly;align-items:center;gap:16px;margin:1px 8px;padding:0;border-radius:0;background-color:#fff0;font-family:Exo,sans-serif,Segoe WP,Arial}.bold{text-decoration:overline;font-size:18px;font-weight:700}.highlights .hl-box{padding:0 2px;font-size:12px;border-radius:5px}.hl-box .h-block{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-background, #001e41);text-align:center}.h-block .h{font-size:12px}.h-block .body p{margin-top:2px;font-size:15px;font-weight:600;text-align:center}@media (max-width: 480px){.temp-N-alerts .temp-N-clouds{width:100%;height:max-content;padding:8px 32px 8px 36px}.temp-N-other-details,.highligts-container{width:100%}.temp-N-alerts{flex-direction:column-reverse}}.weather-alerts{display:flex;flex-direction:column;justify-content:space-evenly;gap:4px;margin-right:32px;margin-bottom:8px;padding:2px;border-radius:8px}.weather-alerts .alert{display:flex;flex-direction:column;width:258px;max-height:96px;gap:0px;padding:8px;background:#ffffff0d;border-radius:8px;transition:transform .2s ease}.alert:hover{transform:translateY(-2px);background:#ffffff14}.alert-header{display:flex;align-items:center;gap:8px;margin:0}.alert-header h3{font-size:16px;font-weight:500;margin:0;color:var(--text-color, #fff)}.alert-header span{font-size:18px}.alert-content{font-size:14px}.weather-alerts .alert-main{font-size:14px;margin:0;color:var(--text-color, #fff);line-height:1.4}.alert-details{display:flex;flex-wrap:wrap;gap:2px;font-size:14px;color:var(--text-secondary-color, rgba(255, 255, 255, .7))}.alert-details span{display:flex;align-items:center;gap:2px}@media (max-width: 768px){.weather-alerts{margin-right:0;padding:12px}.alert{padding:10px}.alert-header h3{font-size:14px}.alert-main{font-size:8px}.alert-details{font-size:12px;gap:8px}}@media (max-width: 480px){.weather-alerts,.weather-alerts .alert{padding:8px;width:100%}.alert-details{flex-direction:column;gap:4px}.weather-map{display:block}}.forecast{background:var(--card-bg);border-radius:20px;padding:4px;margin:8px 0;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);width:590px}.tabs{display:flex;gap:10px;margin-bottom:0;overflow-x:auto;padding-left:16px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 12px;width:86px;min-width:64px;border-radius:18px;border:none;background:#ffffff0f;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 4px #0003}.tab-button:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff14);transform:translateY(-2px) scale(1.02);transition:transform .2s ease,background .3s ease}.tab-button.active{background:#fff3;box-shadow:0 4px 6px #0000004d}.tab-top{font-size:.85rem;font-weight:600;margin-bottom:6px;color:#fff}.tab-icon-N-temps{display:flex;justify-content:center;align-items:center;gap:4px}.tab-icon{font-size:30px}.tab-icon img{width:30px;height:30px;object-fit:contain;margin:4px 0}.tab-temps{display:flex;flex-direction:column;align-items:center;font-size:1rem;font-weight:700}.tab-temps .low-temp{color:#fff9;font-size:.85rem;font-weight:500}.forecast-content{padding:8px 16px;background:var(--bg-color);box-shadow:0 2px 4px #a3a3a30d}.forecast-content h2{display:flex;margin:0 0 20px;color:var(--text-color);font-size:1.5rem;font-weight:600}.forecast-content h3{margin:4px 0 8px;color:var(--text-color);font-size:1.2rem;font-weight:500}.forecast-alert{background:#ffffff1a;border-radius:16px 16px 16px 0/16px 16px 16px 0px;max-width:600px;width:100%;padding:8px;margin-top:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.forecast-alert:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.alert-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.alert-header h3{margin:0;font-size:1.2rem;color:var(--text-color);font-weight:600}.alert-content{color:var(--text-color)}.alert-main{margin:0 0 8px;font-size:1rem;line-height:1;color:var(--text-color)}.alert-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.95rem;color:var(--text-muted);justify-content:flex-start}.alert-details span{flex:1 0 auto;background:#ffffff14;padding:8px 10px;border-radius:8px;transition:all .3s ease;text-align:center;white-space:nowrap;display:flex;align-items:center;gap:6px;font-weight:500}.alert-details span:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.summary-card-horizontal{display:flex;justify-content:space-between;gap:15px;padding:15px;background:var(--card-bg);border-radius:12px;margin:20px 0;overflow-x:auto}.summary-item{display:flex;align-items:center;gap:8px;min-width:100px}.summary-item span{font-size:1.2rem}.summary-item strong{font-size:1rem;color:var(--text-color)}.summary-item small{color:var(--text-muted);font-size:.8rem}.hourly-scroll{display:flex;gap:15px;overflow-x:auto;padding:15px 0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.hourly-scroll::-webkit-scrollbar{height:6px}.hourly-scroll::-webkit-scrollbar-track{background:transparent}.hourly-scroll::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:3px}.hourly-card{min-width:86px;padding:8px;background:var(--card-bg, rgba(255, 255, 255, .25));border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.125);box-shadow:0 2px 4px #00000040;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.hourly-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.hourly-card p{margin:4px 0;color:var(--text-color)}.hourly-card p:first-child{font-weight:500;font-size:.85rem}.hourly-card p:nth-child(2){font-size:1.5rem;font-weight:700;color:var(--accent-color)}.hourly-card p:last-child{font-size:.75rem;color:var(--text-muted)}@media (max-width: 768px){.forecast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.forecast-content{padding:20px}.forecast-content h2{font-size:1.3rem}.tab-button{padding:8px 16px}.hourly-card{min-width:90px;padding:12px}.alert-details{justify-content:center}.alert-details span{max-width:250px;justify-content:center}}@media (max-width: 480px){.forecast{padding:0;margin:10px 0}.forecast-content{padding:15px}.forecast-content h2{font-size:1.2rem}.tab-button{padding:6px 12px;font-size:.85rem}.hourly-card{min-width:80px;padding:10px}.alert-details span{width:127px;text-align:center;padding:6px 10px}.hourly-card p:first-child{font-size:1rem}.hourly-card p:nth-child(2){font-size:1.1rem}.hourly-card p:last-child{font-size:.8rem}}.mini-weather-cards{display:flex;flex-direction:row;align-items:center;gap:8px;padding:.25rem;background:var(--background-color);flex:1;overflow-x:auto;scrollbar-width:none;scrollbar-color:var(--accent-color, #4a90e2) var(--background-color, #1a1a1a);position:relative;z-index:1}.mini-weather-cards::-webkit-scrollbar{height:8px}.mini-weather-cards::-webkit-scrollbar-thumb{background:var(--accent-color, #4a90e2);border-radius:4px}.mini-weather-cards::-webkit-scrollbar-track{background:var(--background-color, #1a1a1a)}.cardm{display:flex;align-items:center;justify-content:flex-start;background:var(--background-color);padding:.05rem .06125rem .025rem .5rem;border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:all .3s ease;box-shadow:0 2px 8px #0000001a;cursor:pointer;width:max-content;max-width:200px;position:relative}.cardm:hover{border-color:var(--accent-color, #4a90e2);box-shadow:0 4px 12px #00000026}.cardm .card__icon{font-size:1.5rem;opacity:.8;margin-right:.5rem}.cardm .card__details{flex:1;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color, #fff);font-size:1.5rem;gap:.5rem}.cardm .card__details h3{margin:0;font-size:.85rem;font-weight:200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardm .card__details p{margin:0;font-size:1rem;color:var(--text-secondary-color, rgba(255, 255, 255, .822))}.cardm .card__menu{margin-left:.5rem}.cardm .card__menu button{display:flex;justify-content:center;background:none;border:none;font-size:1.2rem;color:var(--text-secondary-color, rgba(255, 255, 255, .6));cursor:pointer;padding:.25rem;transition:color .2s ease}.cardm .card__menu button:hover{color:var(--accent-color, #4a90e2)}@media (max-width: 480px){.mini-weather-cards{display:none}}.search{position:relative;width:100%;max-width:256px;margin:0}.search__container{display:flex;align-items:center;background:var(--background-color);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:.25rem .5rem;transition:all .3s ease}.search__container--expanded{border-color:var(--accent-color, #4a90e2);box-shadow:0 4px 12px #0000001a}.search__icon{margin-right:.75rem;opacity:.7}.search__input{flex:1;background:transparent;border:none;color:var(--text-color);font-size:1rem;outline:none;padding:.25rem 0}.search__input::placeholder{color:var(--text-secondary-color, rgba(255, 255, 255, .6))}.search__clear{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;opacity:.7;padding:0 .5rem}.search__clear:hover{opacity:1}.search__button{background:none;border:none;padding-left:4px}.search__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--background-color, #1a1a1a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000001a;z-index:100}.search__recent,.search__popular{margin-bottom:1rem}.search__recent h3,.search__popular h3{font-size:.9rem;color:var(--text-secondary-color, rgba(255, 255, 255, .6));margin-bottom:.5rem}.search__recent-item{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:1rem;padding:.5rem;text-align:left;width:100%;transition:background-color .2s ease}.search__recent-item:hover{background-color:var(--hover-color, rgba(255, 255, 255, .1));border-radius:6px}.search__cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 0}.search__cards-grid>div{cursor:pointer;transition:transform .2s ease}.search__cards-grid>div:hover{transform:translateY(-2px)}.weather-card{display:flex;align-items:center;background:var(--background-color);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:.5rem 1rem;transition:all .3s ease;width:100%;max-width:365px;margin:0 auto}.weather-card:hover{border-color:var(--accent-color, #4a90e2);box-shadow:0 4px 12px #0000001a}.weather-card__icon{margin-right:.75rem;opacity:.7}.weather-card__details{flex:1;color:var(--text-color);font-size:1rem}.weather-card__details h3{margin:0;font-size:1.2rem}.weather-card__details p{margin:0;font-size:.9rem;color:var(--text-secondary-color, rgba(255, 255, 255, .6))}.container{width:250px;height:250px;padding:15px;display:flex;align-items:center;justify-content:center}.cloud{width:250px}.front{padding-top:45px;margin-left:25px;display:inline;position:absolute;z-index:11;animation:clouds 8s infinite;animation-timing-function:ease-in-out}.back{margin-top:-30px;margin-left:150px;z-index:12;animation:clouds 12s infinite;animation-timing-function:ease-in-out}.right-front{width:45px;height:45px;border-radius:50% 50% 50% 0%;background-color:#4c9beb;display:inline-block;margin-left:-25px;z-index:5}.left-front{width:65px;height:65px;border-radius:50% 50% 0%;background-color:#4c9beb;display:inline-block;z-index:5}.right-back{width:50px;height:50px;border-radius:50% 50% 50% 0%;background-color:#4c9beb;display:inline-block;margin-left:-20px;z-index:5}.left-back{width:30px;height:30px;border-radius:50% 50% 0%;background-color:#4c9beb;display:inline-block;z-index:5}.sun{width:120px;height:120px;background:-webkit-linear-gradient(to right,#fcbb04,#fffc00);background:linear-gradient(to right,#fcbb04,#fffc00);border-radius:60px;display:inline;position:absolute}.sunshine{animation:sunshines 2s infinite}@keyframes sunshines{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes clouds{0%{transform:translate(15px)}50%{transform:translate(0)}to{transform:translate(15px)}}.skeleton-loader{display:flex;flex-direction:row;gap:8px;align-items:center}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background-color:#e0e0e0;animation:pulse 1.5s infinite ease-in-out}.skeleton-texts{display:flex;flex-direction:column;gap:8px}.skeleton-line{height:20px;background-color:#e0e0e0;border-radius:9999px;animation:pulse 1.5s infinite ease-in-out}.skeleton-line-short{width:112px}.skeleton-line-long{width:144px}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.loader i{display:block;width:2px;height:85px;margin-top:18px;background-color:#3d3d3d80;overflow:hidden;position:relative}.loader i:before{display:block;content:"";width:100%;height:100%;background-color:#fafafa;position:absolute;top:0;left:0;animation:loader-animation 2s infinite normal}@keyframes loader-animation{0%{transform:translate3d(0,-100%,0)}15%{transform:translate3d(0,-98%,0)}85%{transform:translate3d(0,98%,0)}to{transform:translate3d(0,100%,0)}}.clock-hero__map-container{position:absolute;left:0%;top:28%;width:64%;height:64%;transition:all .5s ease;z-index:-1}.clock-hero__map-container.atHero{top:20%;left:38%;width:70%;height:70%;transition:all .5s ease}.world-map{position:relative;width:100%;height:100%;z-index:-1}.clock-hero__content{width:100%;height:100%;padding-right:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(#223f76c5,#f0f7ff00)}.clock-hero__location{align-self:flex-start;font-size:1.75rem;font-weight:300;opacity:.9;margin:.25rem}.clock-hero__location span{font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent-color, #f0f7ff)}.clock-hero__time{min-width:500px;font-family:Orbitron,sans-serif,Courier New;font-size:clamp(4rem,10vw,16rem);font-weight:bolder;margin:1.25rem;letter-spacing:clamp(.05rem,.25vw,1.25rem)}.clock-hero__date{width:60%;align-self:flex-end;font-size:1.75rem;font-weight:400;margin:0;opacity:.85;font-family:Exo,sans-serif;border-bottom:1px solid rgba(255,255,255,.2)}.clock-hero__info-row{align-self:flex-end;display:flex;flex-wrap:wrap;gap:1rem;font-size:1.5rem;font-weight:600;margin:.2rem 0;align-items:center;justify-content:center;font-family:Exo,sans-serif}.clock-hero__info-row span{display:flex;align-items:center;gap:.4rem}.clock-hero__button{background:#123f7abf;padding:.4rem .8rem;border-radius:1px;color:#fff;font-size:1.25rem;font-family:Exo,sans-serif;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.125);box-shadow:0 2px 4px #00000040}.clock-hero__button:hover{background:#ffffff4d}.world-clock-grid{align-self:end;display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1rem}.world-clock-column{background:#123f7a80;border-radius:2px;padding:.5rem;min-width:120px;text-align:center;outline:none;border:none;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,.125);box-shadow:0 2px 4px #00000040}.world-clock-city{font-size:1.75rem;font-weight:600;text-decoration:underline;font-variant-numeric:tabular-nums;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:var(--text-secondary-color, rgba(255, 255, 255, .822));margin-bottom:.15rem;font-family:Exo,sans-serif}.world-clock-time{text-align:right;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600;font-family:Exo,sans-serif;color:var(--text-secondary-color, rgba(255, 255, 255, .822))}.clock-hero__world-list{margin-bottom:1rem}.clock-hero__world-items{display:flex;gap:1rem;flex-wrap:wrap}.clock-hero__world-item{background:#ffffff14;border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:1rem;transition:background .2s}.clock-hero__world-item.selected{background:var(--accent-color, #4a90e2);font-weight:700}@media (max-width: 768px){.clock-hero__map-container{position:absolute;left:5%;top:8%;width:100%;height:100%;padding:8%;transition:all .5s ease}.clock-hero__map-container.atHero{top:0%;left:0%;transition:all .5s ease}.clock-hero{padding:3rem 0rem 2rem;max-width:100%;min-height:80vh}.clock-hero__time{border-radius:10px}.clock-hero__date{width:86%;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.clock-hero__content{align-self:flex-start;padding:0;height:100%;background:linear-gradient(#223f76c5,#f0f7ff00);justify-content:center;align-items:center}.clock-hero__content .clock-hero__location{padding-left:1rem;font-size:medium}.clock-hero__content .clock-hero__button{font-size:.8rem}.world-clock-grid{gap:.75rem}.world-clock-grid .world-clock-column{min-width:86px;padding:.5rem}.world-clock-column .world-clock-city{font-size:medium}.world-clock-column .world-clock-time{font-size:1.5rem;font-weight:800;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#222;color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 24px #0003;min-width:300px}.modal-set-button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:6px;cursor:pointer}.suggestions-list{margin:.5rem 0 0;padding:0;list-style:none;background:#222;border-radius:6px;box-shadow:0 2px 8px #0003;max-height:150px;overflow-y:auto}.suggestions-list li{padding:.5rem 1rem;cursor:pointer;color:#fff}.suggestions-list li:hover{background:var(--accent-color, #4a90e2)}.modal-loading{margin-top:1rem;color:#fff}.modal-section{margin-top:1rem}.sidebar{position:fixed;top:0;left:0;width:60px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;transition:width .3s ease}.sidebar.expanded{width:240px}.nav-btn{background:none;border:none;color:#fff;padding:12px;margin:4px 0;width:100%;display:flex;align-items:center;cursor:pointer;transition:background .2s}.nav-btn:hover,.nav-btn.active{background:#fff3}.label{margin-left:12px;opacity:0;white-space:nowrap;transition:opacity .3s}.sidebar.expanded .label{opacity:1}.sidebar.dark .nav-btn:hover,.sidebar.dark .nav-btn.active{background:#ffffff4d}.card-wrapper{min-width:300px;max-width:100%;border:1px solid #cccccc6b;border-radius:8px;padding:12px;margin-bottom:16px;margin-right:32px;background:#264b8cef;box-shadow:0 2px 6px #0000000a}.card-wrapper:hover{padding:11px;border:2px solid #cccccc1f;background:#1b396df8}.news-card .news-header{display:flex;align-items:center;gap:12px}.news-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.news-title{font-size:1rem;font-weight:600;margin:0;flex:1}.news-body{margin-top:8px}.news-body p{margin:0 0 8px}.news-body a{color:#007bff;text-decoration:none}.news-body a:hover{text-decoration:underline}.ad-card h4{margin-bottom:6px}.ad-card a{color:#007bff}.grid-container{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100vh}.grid-content{display:grid;grid-template-columns:10% auto;grid-template-rows:auto;height:100%}.grid-main{margin-left:100%;padding:8px;width:calc(100vw - 200px)}.column-main-header{display:flex;flex-direction:row;gap:16px;color:#fff;padding:8px 32px;margin-top:8px;width:max-content}.column1-body1{padding:16px;text-align:center;max-width:max-content}.column1-body2{background:linear-gradient(to left,transparent,#f1f1f136,#f1f1f136,#f1f1f136,transparent);padding:10px;text-align:center;width:86%}.h-scroll{display:flex;flex-direction:row;gap:16px;justify-content:center}.h-scroll .box{background:gray;padding:16px;text-align:center;border-radius:8px;min-width:86px}.right-column{background-color:#241f1f;width:340px;position:absolute;top:1000;right:0;height:calc(100vh - 100px);padding:10px;z-index:2}.v-scroll{display:flex;flex-direction:column;width:100%;height:67vh;gap:8px;overflow:scroll;scrollbar-width:none}.v-scroll .box{padding:8px;width:100%;height:max-content;gap:8px;background:#3a3a3ac7;border-bottom:gray solid 1px;border-radius:8px}.v-scroll #hourlyFC h6{font-size:14px;text-align:start;text-decoration:underline;margin-bottom:8px}.v-scroll #hourlyFC .hfc-content{width:100%;display:flex;justify-content:center;gap:16px}#hourlyFC .hfc-content strong{display:flex}#hourlyFC .hfc-content span{display:flex;flex-direction:column;font-size:18px;text-decoration:none}.hfc-content span small{font-size:10px;margin-right:4px}.footer{background-color:#333;color:#fff;text-align:center;padding:10px;width:100vw}@media (max-width: 1200px){.grid-content{grid-template-columns:12% 60% 30%}.grid-main{margin-left:12%;margin-right:30%}}@media (max-width: 768px){.grid-content{grid-template-columns:100%}.sidebar{display:none}.grid-main{margin:0;width:100%}}