:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;position:relative}.dev-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:.5em;display:none}body.dev-mode .dev-buttons{display:flex}.dev-btn{font-size:.8em;padding:.4em .8em;background-color:#444;border-color:#555}.card{padding:1em;display:flex;gap:1em;justify-content:center}.weather-cards-container{display:flex;gap:1em;justify-content:center;margin-top:1em}.weather-card{border:1px solid #444;border-radius:8px;padding:1em;text-align:left;width:220px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.tabs{margin-top:2em;border-bottom:1px solid #444}.tab-btn{background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.8em 1.2em;font-size:1.1em;cursor:pointer;transition:all .2s ease-in-out;color:#fff9;line-height:1.2}.tab-btn .sub-heading{display:block;font-size:.7em;font-weight:400;color:#ffffff80}.tab-btn.active{border-bottom-color:#0f52ba;color:#fff}.tab-btn.active .sub-heading{color:#fffc}.tab-btn:hover{color:#fff}.panel{display:none;padding-top:1em;min-height:450px}.panel.active{display:block}.forecast-container{display:flex;gap:1em;text-align:left;align-items:flex-end}.forecast-list{width:200px;border-right:1px solid #444;padding-right:1em;max-height:380px;overflow-y:auto}.forecast-list-item{padding:.8em;cursor:pointer;border-radius:6px;transition:background-color .2s;margin-bottom:.5em}.forecast-list-item:last-child{margin-bottom:0}.forecast-list-item .time{display:block;font-weight:700}.forecast-list-item .date{display:block;font-size:.8em;color:#ffffffb3}.forecast-list-item:hover{background-color:#333}.forecast-list-item.active{background-color:#0f52ba;color:#fff}.forecast-details{flex:1}#location-input{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;transition:border-color .25s}#location-input:focus,#location-input:focus-visible{outline:4px auto -webkit-focus-ring-color}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#0f52ba}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}