body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:18vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1001}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-container{margin:40px 0;max-width:95%;min-height:300px;background:#f5f5f5;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#333;padding:40px 20px 40px 40px}.weather-content{width:100%;display:flex;flex-direction:column;align-items:center}.weather-content .card{width:100%;margin:0 auto 1rem}.weather-content .row{width:100%}.weather-content .col-md-12,.weather-content .row{display:flex;justify-content:center}.daily-forecast-card .table td,.daily-forecast-card .table tr{background-color:transparent!important}.daily-forecast-card-table td,.daily-forecast-card-table th,.daily-forecast-card-table tr{background-color:transparent!important;border:none!important}@media (min-width:768px){.sidebar{position:fixed!important;top:18vh!important;left:0!important;height:calc(100vh - 18vh)!important;width:25%!important;max-width:300px!important;overflow-y:auto!important;background-color:#f8f9fa!important;border-right:1px solid #dee2e6!important;padding:2rem 1rem 1rem!important;z-index:1000!important;box-sizing:border-box!important;margin:0!important;transform:none!important}.main-content{margin-left:25%!important;max-width:75%!important;margin-top:0!important}.weather-container{margin-left:0!important;max-width:100%!important}}.hourly-forecast-table{background:#fff;border-radius:8px;overflow:hidden}.hourly-forecast-table .bg-gradient-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important}.hourly-forecast-table .border-bottom{border-bottom:1px solid #dee2e6!important}.hourly-forecast-table img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@media (max-width:768px){.hourly-forecast-table .col-xs-2,.hourly-forecast-table .col-xs-3{font-size:.8rem}.hourly-forecast-table img{width:24px!important;height:24px!important}.hourly-forecast-table .text-nowrap{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.hourly-forecast-table .row{margin-left:-2px;margin-right:-2px}.hourly-forecast-table .col{padding-left:2px;padding-right:2px}.hourly-forecast-table .d-flex.flex-wrap{gap:2px!important}.hourly-forecast-table .d-flex.flex-wrap img{flex-shrink:0!important}.hourly-forecast-table .d-flex.flex-wrap span{flex:1 1;min-width:0}.hourly-forecast-table .col:nth-child(2){overflow:visible!important;text-overflow:clip!important;min-width:0}}@media (max-width:428px){.hourly-forecast-table .bg-primary h5{font-size:1.1rem!important}.hourly-forecast-table .p-3{padding:.5rem!important}.hourly-forecast-table .row{margin-left:-1px;margin-right:-1px}.hourly-forecast-table .col{padding-left:1px;padding-right:1px}}.weather-content .btn-group{box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:6px;overflow:hidden}.weather-content .btn-group .btn{border:none;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s ease}.weather-content .btn-group .btn:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.weather-content .btn-group .btn:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.weather-content .btn-group .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (max-width:576px){.weather-content .d-flex.justify-content-between{flex-direction:column;gap:1rem;align-items:center}.weather-content .btn-group .btn{padding:6px 12px;font-size:.8rem}}@media (min-width:992px){.weather-container{margin:40px 20px 40px 0;max-width:98%;padding:40px 15px 40px 40px}}@media (max-width:991px) and (min-width:768px){.weather-container{margin:40px auto;max-width:90%;padding:40px}}@media (max-width:767px){.sidebar{position:static!important;width:100%!important;height:auto!important;margin-bottom:2rem!important}.main-content,.sidebar{max-width:100%!important}.main-content{margin-left:0!important}.App{padding:0!important}.weather-container{margin:20px 0!important;max-width:100%!important;border-radius:0!important;padding:20px 10px!important}.container,.container-fluid{padding-left:0!important;padding-right:0!important}.row{margin-left:0!important;margin-right:0!important}.col,.col-md-12,.col-sm-12,.col-xs-12{padding-left:0!important;padding-right:0!important}}