body{background:#f5f5f5;color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.container{background-color:#ffffff0f;border-radius:16px;box-shadow:0 8px 30px #0000001a;flex-direction:column;justify-content:flex-start;margin:4vh auto;max-width:600px;min-height:auto;padding:2rem 1rem}.container,.top-controls{align-items:center;display:flex;position:relative;width:100%}.top-controls{gap:.75rem;justify-content:space-between;margin-bottom:2rem;max-width:500px}.side-panel-wrapper{align-items:flex-start;display:flex;height:calc(100% - 70px);left:0;position:absolute;top:70px;z-index:10}.toggle-handle{background:#7e57c2;border-radius:6%;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px}.toggle-handle:hover{background-color:#e0d6f3}.city-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;gap:.5rem;min-width:150px;padding:1rem;transform:translateX(-100%);transition:transform .3s ease-in-out}.side-panel-wrapper:hover .city-panel{display:flex;transform:translateX(0)}.city-links{display:flex;flex-direction:column;gap:.5rem}.link{background:linear-gradient(135deg,#fff,#f3e5f5);border:none;border-radius:20px;color:#333;cursor:pointer;font-size:.85rem;font-weight:500;padding:.3rem .8rem;transition:all .3s ease}.link:hover{background:linear-gradient(135deg,#d1c4e9,#b39ddb);color:#fff;transform:translateY(-2px)}.search-bar{display:flex;flex:1 1;gap:.5rem}.search-bar input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;padding:.6rem}.search-bar button{background:#7e57c2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem;transition:background .2s ease}.search-bar button:hover{background:#5e35b1}.weather-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:20px;box-shadow:0 6px 18px #00000040;padding:2rem;text-align:center}.weather-card h2{font-size:1.75rem;margin-top:0}.condition{font-size:1.1rem;font-weight:500;margin-bottom:1rem;text-transform:capitalize}.main-row{flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.main-row,.temp{align-items:center;display:flex}.temp{font-size:2.5rem}.temp img,.temp svg{height:50px;margin-right:.5rem;width:50px}.extra{font-size:.95rem;text-align:right}.extra p{margin:.25rem 0}.forecast{display:flex;gap:.5rem;justify-content:space-between;list-style:none;margin-top:2rem;overflow-x:auto;padding:0}.forecast li{align-items:center;background:#fff3;border-radius:10px;color:#fff;display:flex;flex:1 1 60px;flex-direction:column;font-size:.85rem;gap:.35rem;min-width:70px;padding:.6rem;text-align:center}.forecast img,.forecast svg{height:36px;width:36px}.error,.loader{margin-top:2rem;text-align:center}.error{color:#ffcdd2;font-weight:500}.credit{background-color:#0009;border-radius:6px;color:#ddd;color:#fff;font-size:.75rem;font-size:.6rem;margin-top:2rem;padding:.6rem .5rem;position:relative;text-align:center;z-index:1}.credit a{color:#ffd86a;margin:0 .3rem;text-decoration:none}.credit a:hover{text-decoration:underline}@media (max-width:900px){.temp{font-size:2rem}.forecast li{min-width:60px}.temp img,.temp svg{height:40px;width:40px}}@media (max-width:600px){.weather-card{padding:1.2rem}.main-row{align-items:center;flex-direction:column;gap:1rem}.extra{text-align:center}.search-bar{flex-direction:column}.temp{font-size:1.8rem}.temp img,.temp svg{height:36px;width:36px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.497d0bbf.css.map*/