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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f7fa;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}.app-root{margin:0 auto;max-width:1200px}.header{background:#4f8cff;border-radius:0 0 1.5rem 1.5rem;color:#fff;justify-content:space-between;padding:1.2rem 2rem}.header,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700}.logo-text{margin-left:.5rem}.search-bar{align-items:center;display:flex}.search-bar input{border:none;border-radius:2rem;font-size:1rem;margin-right:1rem;outline:none;padding:.5rem 1rem}.menu-btn{background:#fff;border:none;border-radius:50%;color:#4f8cff;cursor:pointer;font-size:1.3rem;height:2.2rem;width:2.2rem}.tabs{background:#eaf0fb;border-radius:0 0 1rem 1rem;display:flex;justify-content:center;margin-bottom:1.5rem;padding:.5rem 0}.tab{background:none;border:none;border-radius:1rem 1rem 0 0;color:#4f8cff;cursor:pointer;font-size:1.1rem;margin:0 1.2rem;padding:.5rem 1rem;transition:background .2s}.tab.active,.tab:hover{background:#fff;color:#222;font-weight:700}.main-content{display:flex;gap:2rem;margin:2rem}.weather-section{flex:2 1}.controls{display:flex;gap:1rem;margin-bottom:1.5rem}.controls select{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.5rem 1rem}.weather-card{background:#fff;border-radius:1.5rem;box-shadow:0 2px 12px #4f8cff14;margin-bottom:2rem;padding:2rem}.weather-card h2{font-size:1.3rem;margin:0 0 .5rem}.weather-date{color:#888;margin-bottom:1.2rem}.weather-main{align-items:center;display:flex;gap:2rem;margin-bottom:1.2rem}.weather-icon{font-size:3rem}.weather-temp{font-size:2.5rem;font-weight:700}.weather-desc{color:#4f8cff;font-size:1.1rem}.date-selector{display:flex;gap:.5rem;margin-bottom:1rem}.date-btn{background:#eaf0fb;border:none;border-radius:.7rem;color:#4f8cff;cursor:pointer;font-size:1rem;padding:.4rem 1rem;transition:background .2s}.date-btn.active,.date-btn:hover{background:#4f8cff;color:#fff}.weather-summary{color:#333;font-size:1rem;margin-top:1rem}.sidebar{background:#fff;border-radius:1.5rem;box-shadow:0 2px 12px #4f8cff14;flex:1 1;height:fit-content;max-width:300px;min-width:220px;padding:2rem 1.5rem}.sidebar h3{font-size:1.1rem;margin-bottom:1rem;margin-top:0}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:.7rem}.sidebar a{color:#4f8cff;font-size:1rem;text-decoration:none}.sidebar a:hover{text-decoration:underline}.cool-btn,.current-location-btn,.date-btn,.menu-btn,.sidebar-link,.tab,button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}.cool-btn:hover,.current-location-btn:hover,.date-btn:hover,.menu-btn:hover,.sidebar-link:hover,.tab:hover,button:hover{background:#4f8cff;box-shadow:0 4px 16px #4f8cff26;color:#fff!important;transform:translateY(-2px) scale(1.05)}.current-location-btn{background:#eaf0fb;border:none;border-radius:2rem;color:#4f8cff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:1rem;padding:.5rem 1.2rem}.current-location-btn:active{transform:scale(.98)}.sidebar-link{background:#eaf0fb;border-radius:.7rem;color:#4f8cff;display:inline-block;font-size:1rem;margin-bottom:.5rem;padding:.4rem 1rem;text-decoration:none}.sidebar-link:active{transform:scale(.98)}.hourly-forecast-section{background:#fff;border-radius:1.5rem;box-shadow:0 2px 12px #4f8cff14;margin-top:2rem;padding:2rem}.hourly-table-wrapper{overflow-x:auto}.hourly-table{border-collapse:collapse;font-size:1rem;min-width:900px;width:100%}.hourly-table td,.hourly-table th{border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;text-align:center}.hourly-table th{background:#f5f7fa;font-size:1.1rem;font-weight:600}.hourly-table tr td:first-child,.hourly-table tr th:first-child{background:#f5f7fa;font-weight:600;text-align:left}.hourly-table tr:last-child td{border-bottom:none}@media (max-width:900px){.hourly-table{font-size:.9rem;min-width:600px}}.history-tab ul{list-style:none;padding:0}.history-tab li{margin-bottom:.5rem}.history-tab button.cool-btn{padding:.5rem 1rem;text-align:left;width:100%}.weather-metrics{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:300px;min-width:220px}.metric-card{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #4f8cff14;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 20px #4f8cff1f;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.metric-header h3{color:#333;font-size:1rem;font-weight:600;margin:0}.metric-value{color:#4f8cff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-status{color:#666;font-size:.9rem;margin-bottom:.5rem}.metric-details{color:#888;font-size:.8rem;line-height:1.4}.visibility-icon{display:flex;flex-direction:column;gap:2px}.visibility-line{background:#4ade80;border-radius:2px;height:3px}.visibility-line:first-child{width:20px}.visibility-line:nth-child(2){width:25px}.visibility-line:nth-child(3){width:30px}.pressure-graphic{height:20px;position:relative;width:40px}.pressure-line{background:#e0e7ff;border-radius:2px;height:4px;position:relative;width:100%}.pressure-handle{background:#8b5cf6;border-radius:50%;height:8px;position:absolute;right:0;top:-2px;width:8px}.wind-compass{height:40px;position:relative;width:40px}.compass-rose{align-items:center;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.compass-e,.compass-n,.compass-s,.compass-w{color:#666;font-size:.7rem;font-weight:700;position:absolute}.compass-n{top:2px}.compass-e{right:2px}.compass-s{bottom:2px}.compass-w{left:2px}.wind-arrow{background:#3b82f6;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:bottom center;width:2px}.wind-arrow:after{border-bottom:6px solid #3b82f6;border-left:3px solid #0000;border-right:3px solid #0000;content:"";height:0;left:-2px;position:absolute;top:-4px;width:0}.humidity-bars{align-items:end;display:flex;gap:2px;height:30px}.humidity-bar{background:#3b82f6;border-radius:2px;min-height:10px;width:4px}@media (max-width:768px){.weather-metrics{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%}.metric-card{flex:1 1;min-width:200px}}
/*# sourceMappingURL=main.d178d819.css.map*/