@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";body{background-color:#0000;min-height:100vh;margin:0;font-family:Roboto,sans-serif}.main-layout{width:100%;min-height:100vh}.logo{width:auto;height:60px;margin-bottom:-24px;margin-left:36px}.app-name{color:var(--text-color);margin-left:4px;padding-top:4px;font-weight:700}.app{background-image:url(/world-map.png);background-size:cover;flex-direction:column;width:100%;min-height:100vh;transition:background .2s;display:flex}:root{--text-color:black}.dark{--text-color:white}.app.transitioning{opacity:0}.fade-out{opacity:0;transition:opacity .2s}.fade-in{opacity:1;transition:opacity .2s}.app.dark{background-color:#17181c}.app.light{background-color:#e8e8e8}.app.dark{--text-primary:#ffffffe6;--text-secondary:#fff9;--card-bg:#161d2d80;--card-border:#ffffff14;background:#0d111b url(/world-map.png) 50%/cover no-repeat}.app.light{--text-primary:#000000d9;--text-secondary:#00000080;--card-bg:#fff6;--card-border:#00000014;background:#e8e8e8 url(/vector-light.png) 50%/cover no-repeat}.right-section{flex-direction:column;align-items:flex-end;display:flex}.left-section{flex-direction:column;display:flex}.lower-right{flex-direction:column;align-items:flex-end;gap:4px;margin-top:-2px;display:flex}.current-weather{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#161d2d80;border:1px solid #ffffff14;border-radius:15px;justify-content:space-between;align-items:flex-start;width:100%;max-width:100%;min-height:100px;margin-top:10px;margin-left:12px;padding:0 16px;display:flex;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.city-name{color:#ffffffe5;text-align:right;margin-bottom:0}.city-time{color:#fff9;text-align:right;margin-top:0}.city-wind{color:#ffffffe5;text-align:right;margin-top:4px;margin-bottom:8px}.city-temp-range{color:#fff9;text-align:right;margin-top:0}.city-temp{color:#ffffffe5;margin-bottom:0}.city-feel{color:#fff9;margin-top:0}.city-weather{color:#a1a1a1}.weather-icon{width:40px;height:auto}.weather-desc{align-items:center;gap:8px;display:flex}.wind-icon{width:30px;height:auto}.wind-desc{align-items:flex-end;gap:8px;margin-left:auto;display:flex}.group{flex:1;justify-content:flex-end;align-items:center;max-width:350px;margin-top:20px;margin-left:20px;line-height:28px;display:flex;position:relative}.input{text-align:left;opacity:.7;color:#bdbecb;cursor:text;z-index:0;background-color:#16171d;border:0;border-radius:25px;outline:none;width:100%;height:45px;padding-left:2.5rem;font-family:Roboto,sans-serif;font-size:20px;transition:all .25s cubic-bezier(.19,1,.22,1);box-shadow:0 0 0 1.5px #2b2c37,0 0 25px -17px #000}.input::placeholder{color:#bdbecb}.input:hover{box-shadow:0 0 0 2.5px #2f303d,0 0 25px -15px #000}.input:focus{box-shadow:0 0 0 2.5px #2f303d}.search-icon{fill:#bdbecb;pointer-events:none;z-index:1;width:1.5rem;height:1.5rem;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.switch{flex-shrink:0;width:64px;height:34px;margin-top:16px;margin-left:auto;margin-right:-24px;font-size:17px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#73c0fc;border-radius:30px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";z-index:2;background-color:#e8e8e8;border-radius:20px;width:30px;height:30px;transition:all .4s;position:absolute;bottom:2px;left:2px}.sun{z-index:1;width:24px;height:24px;position:absolute;top:6px;left:36px}.moon{fill:#73c0fc;z-index:1;width:24px;height:24px;position:absolute;top:5px;left:5px}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}.icon{pointer-events:none;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%)}.top-bar{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.left-side{flex:1;margin-top:12px;margin-left:16px;display:flex}.right-side{flex:1;justify-content:flex-end;display:flex}.forecast-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#161d2d80;border:1px solid #ffffff14;border-radius:15px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:900px;min-width:120px;margin-top:8px;margin-left:20px;margin-right:20px;padding:15px;display:flex;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d}.daily-forecast{width:100%}.daily-icons{width:50px;height:50px}.weather-group-daily{align-items:center;gap:8px;display:flex}.forecast-heading{color:#fff;margin-top:0;margin-left:20px}.date{width:220px}.weather-group-daily{align-items:center;gap:8px;width:120px;display:flex}.temp{text-align:right;width:100px}.hourly-forecast{box-sizing:border-box;gap:12px;width:100%;margin-left:20px;padding-bottom:10px;display:flex}.hour-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#161d2d80;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:80px;height:130px;padding:12px;display:flex;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d}.hourly-time{margin-bottom:0}.hour-icon{width:35px;height:35px}.hourly-temp{margin-top:16px;margin-bottom:0}.top-weather{align-items:center;margin-top:-20px;padding:10px;display:flex}.hourly-icon-group{flex-direction:column;align-items:center;gap:4px;margin-bottom:-8px;display:flex}.hourly-icon-group p{margin:0}.fade-out{opacity:0}.fade-in{opacity:1}.city-name{color:var(--text-primary)}.city-time{color:var(--text-secondary)}.city-wind{color:var(--text-primary)}.city-temp-range{color:var(--text-secondary)}.city-temp{color:var(--text-primary)}.city-feel,.city-weather{color:var(--text-secondary)}.forecast-heading,.other-heading{color:var(--text-primary)}.current-weather,.hour-card,.forecast-card{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary)}.left-column{flex-direction:column;flex-shrink:0;gap:.75rem;width:360px;min-width:360px;padding:0 1rem 0 2rem;display:flex}.right-column{flex-direction:column;flex:1;gap:.75rem;min-width:0;margin-left:-12px;padding:0 2rem 0 1rem;display:flex}.content-wrapper{box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:0;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;overflow:hidden}.other-cities{padding:1 rem;box-sizing:border-box;border-radius:15px;justify-content:space-between;align-items:flex-start;width:100%;max-width:100%;min-height:100px;margin-top:-20px;margin-bottom:8px;margin-left:-4px;padding:0 16px;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.other-heading{color:var(--text-primary);margin-top:0;margin-left:24px}