#weather-grid .weather-card{border-radius:12px;background:#fff;border:1px solid #f0f0f0!important;transition:box-shadow .22s ease,transform .22s ease}@media(hover:hover)and (pointer:fine){#weather-grid .weather-card:hover{transform:translateY(-2px);box-shadow:0 .25rem .75rem #00000016!important}}.today-highlight{background:linear-gradient(to bottom,#f8fbff,#fff)}.weather-card-selected{background:linear-gradient(to bottom,#eef5ff,#fff)!important;border:2px solid #0d6efd!important;box-shadow:0 .35rem 1rem #0d6efd2e!important;transform:translateY(-2px)}#weather-grid .weather-card.weather-card-clickable{cursor:pointer}.weather-card-skeleton{pointer-events:none}.weather-skeleton-bar{border-radius:.35rem;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa,#e9ecef 75%);background-size:200% 100%;animation:weather-skeleton-shimmer 1.15s ease-in-out infinite}.weather-skeleton-bar--emoji{width:2rem;height:2rem;border-radius:999px}.weather-skeleton-bar--date{width:72%;height:.65rem}.weather-skeleton-bar--temps{width:88%;height:1.1rem}.weather-skeleton-bar--metrics{width:100%;height:.55rem}@keyframes weather-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.weather-charts-row .weather-chart-panel{background:#fff;border:none;border-radius:12px;box-shadow:0 .125rem .375rem #00000016;padding:.65rem .75rem .5rem}.weather-chart-heading{min-height:1.5rem}.weather-chart-badge{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.02em;color:#0d6efd;background:#eef5ff;border:1px solid #cfe2ff;border-radius:4px;padding:.15rem .45rem;line-height:1.3}.weather-chart-title{font-size:.78rem;font-weight:600;color:#333}@media(min-width:992px){.weather-charts-row .weather-chart-panel-height{height:320px}}#weather-app{--weather-block-gap: .5rem;--weather-gap-after-cards: .75rem;--weather-gap-after-charts: 1.6rem;--weather-gap-between-chart-rows: var(--weather-gap-after-charts)}.calendar-grid-container{margin-left:-.25rem!important;margin-right:-.25rem!important;width:calc(100% + .5rem)!important}#weather-grid.calendar-grid-container{margin-bottom:var(--weather-gap-after-cards)!important}#weather-grid.weather-grid-empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}.weather-days-hide-btn{min-width:var(--weather-control-h);padding-left:.4rem;padding-right:.4rem}.weather-charts-row.calendar-grid-container{margin-bottom:0}.weather-charts-row-extra.calendar-grid-container{margin-top:var(--weather-gap-between-chart-rows);margin-bottom:var(--weather-gap-between-chart-rows)}.weather-charts-row{--bs-gutter-x: .5rem;--bs-gutter-y: var(--weather-gap-after-cards)}@media(max-width:767.98px){#weather-app{--weather-gap-after-cards: 0}.weather-charts-row{--bs-gutter-y: var(--weather-gap-between-chart-rows)}}.weather-scale-legend{margin-top:var(--weather-gap-after-charts);margin-bottom:var(--weather-block-gap)}.weather-chart-panel-height{height:350px;max-width:100%}.weather-today-hourly-section{background-color:var(--bs-tertiary-bg, #e9ecef)}.weather-details{font-size:.65rem;line-height:1.5}.weather-details .item{display:flex;justify-content:space-between;padding:1px 0}.weather-details .item span:first-child{color:#888}.weather-card-emoji{font-size:1.5rem;line-height:1}.weather-card-temps{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.65rem}.weather-card-air-temp{font-weight:600}.weather-card-temp-sep{color:#adb5bd;font-weight:400;margin:0 .2rem}.weather-card-app-temp{font-weight:400}.weather-card-app-temp-high{color:#e35d6a}.weather-card-app-temp-low{color:#5a9fd4}.weather-toolbar{--weather-control-h: 28px;gap:.5rem;padding-top:var(--weather-block-gap);padding-bottom:var(--weather-block-gap);padding-right:.5rem;margin-bottom:var(--weather-block-gap)}@media(max-width:767.98px){.weather-toolbar{gap:.875rem .5rem;align-items:stretch;padding-right:0}.weather-toolbar .weather-city-dropdown,.weather-toolbar .weather-search-group{flex:1 1 0;min-width:0;width:auto;max-width:none}.weather-toolbar .weather-days-tabs,.weather-toolbar .weather-chart-toggle-tabs{flex:1 1 100%;width:100%;max-width:100%;display:flex}.weather-days-tabs .btn,.weather-chart-toggle-tabs .btn{flex:1 1 0}.weather-toolbar .weather-aqi-badge{flex:1 1 100%;width:100%;max-width:100%;margin-left:0!important}.weather-city-dropdown .dropdown-toggle{width:100%;min-width:0}}.weather-toolbar .btn,.weather-toolbar .input-group,.weather-toolbar .weather-aqi-badge,.weather-toolbar .weather-days-tabs,.weather-toolbar .weather-chart-toggle-tabs{margin-top:0;margin-bottom:0}.weather-city-dropdown .dropdown-toggle,.weather-search-group .form-control,.weather-search-group .btn,.weather-aqi-badge,.weather-days-tabs .btn,.weather-chart-toggle-tabs .btn{height:var(--weather-control-h);min-height:var(--weather-control-h);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;padding-top:0;padding-bottom:0}.weather-city-dropdown .dropdown-toggle{min-width:6.5rem;padding-left:.65rem;padding-right:.5rem}.weather-search-group{width:120px}.weather-search-group .form-control{padding-top:0;padding-bottom:0}.weather-days-tabs .btn{min-width:2.25rem;padding-left:.45rem;padding-right:.45rem}.weather-chart-toggle-tabs .btn{min-width:2.5rem;padding-left:.55rem;padding-right:.55rem}.weather-days-tabs .btn.active{z-index:1}.weather-aqi-badge{margin-left:auto;font-weight:400;background-color:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.65rem;padding-right:.65rem}.city-preset-option.active,.city-preset-option:active{background-color:#198754;color:#fff}.bg-warning-subtle{background-color:#fff3cd!important}.bg-purple{background-color:#6f42c1!important;color:#fff!important}.weather-precip-light{background-color:#7dd3fc!important}.weather-precip-moderate{background-color:#0ea5e9!important}.weather-precip-heavy{background-color:#2563eb!important}.weather-precip-storm{background-color:#4c1d95!important}.weather-scale-badge{font-size:.6rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:.4rem .5rem .35rem!important;border-radius:.25rem!important;vertical-align:middle!important}@media(min-width:1200px){.row-cols-xl-7>*{flex:0 0 auto;width:14.2857%}}#weather-app :is(.btn,button.dropdown-item):hover{--bs-btn-hover-color: var(--bs-btn-color);--bs-btn-hover-bg: var(--bs-btn-bg);--bs-btn-hover-border-color: var(--bs-btn-border-color);--bs-btn-hover-shadow: none;color:var(--bs-btn-color, inherit);background-color:var(--bs-btn-bg, transparent);border-color:var(--bs-btn-border-color, currentColor);box-shadow:none;transform:none}#weather-app :is(.btn.active,.btn.show,button.dropdown-item.active):hover{--bs-btn-hover-color: var(--bs-btn-active-color, var(--bs-btn-color));--bs-btn-hover-bg: var(--bs-btn-active-bg, var(--bs-btn-bg));--bs-btn-hover-border-color: var(--bs-btn-active-border-color, var(--bs-btn-border-color));color:var(--bs-btn-active-color, var(--bs-btn-color, inherit));background-color:var(--bs-btn-active-bg, var(--bs-btn-bg, transparent));border-color:var(--bs-btn-active-border-color, var(--bs-btn-border-color, currentColor))}#weather-app button.dropdown-item:hover:not(.active){color:inherit;background-color:transparent}#weather-app button.dropdown-item.active:hover{color:#fff;background-color:#198754}