.weather-container{padding:var(--sp-5);gap:var(--sp-5);background:linear-gradient(#00193240 0%,#0000 50%);flex-direction:column;height:100%;display:flex}.weather-hero{padding-bottom:var(--sp-3);flex-direction:column;align-items:center;gap:4px;display:flex}.weather-icon{filter:drop-shadow(0 4px 12px #ffc83233);margin-bottom:var(--sp-1);font-size:56px}.weather-temp{font-size:var(--fs-5xl);font-weight:var(--fw-light);letter-spacing:-3px;line-height:1}.weather-condition{font-size:var(--fs-md);color:var(--text-secondary);font-weight:var(--fw-medium)}.weather-location,.weather-feels{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.weather-details{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(65px,1fr));display:grid}.weather-detail{text-align:center;padding:var(--sp-3);border-radius:var(--r-lg);transition:border-color var(--t-base) ease;background:#ffffff04;border:1px solid #ffffff06}.weather-detail:hover{border-color:#ffffff0d}.weather-detail-value{font-size:var(--fs-lg);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;margin-bottom:3px}.weather-detail-label{font-size:var(--fs-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--ls-wider);font-weight:var(--fw-medium)}.weather-forecast{flex-direction:column;gap:2px;margin-top:auto;display:flex}.weather-forecast-title{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--text-tertiary);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}.weather-forecast-day{padding:6px var(--sp-3);border-radius:var(--r-md);transition:background var(--t-fast) ease;align-items:center;display:flex}.weather-forecast-day:hover{background:#ffffff06}.forecast-day{width:36px;font-size:var(--fs-xs);color:var(--text-secondary);font-weight:var(--fw-medium)}.forecast-icon{margin-right:auto;font-size:16px}.forecast-temps{gap:var(--sp-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-family:var(--font-mono);display:flex}.forecast-high{color:var(--text-primary);font-weight:var(--fw-medium)}.forecast-low{color:var(--text-tertiary)}.weather-loading{justify-content:center;align-items:center;gap:var(--sp-4);height:100%;color:var(--text-tertiary);font-size:var(--fs-sm);flex-direction:column;display:flex}.weather-loading-spinner{border:2px solid #ffffff0f;border-top-color:var(--neon-cyan);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}