body:has(.weather-app){background:#020617}.weather-app{background:#020617;color:#e2e8f0;min-height:100vh;font-family:DM Sans,sans-serif;padding-bottom:32px}.weather-app *,.weather-app :after,.weather-app :before{box-sizing:border-box;border:0 solid #334155}.weather-app h1,.weather-app h2,.weather-app h3,.weather-app ol,.weather-app p,.weather-app ul{margin:0;font-family:inherit;letter-spacing:normal;font-size:inherit;font-weight:inherit}.weather-app footer,.weather-app header{display:block;max-width:none;border:0;margin:0;padding:0}.weather-app button,.weather-app input,.weather-app select{font:inherit;line-height:inherit;color:inherit;background:transparent;border-radius:0;width:auto;padding:0}.weather-app button{cursor:pointer}.weather-app label{display:inline;margin:0;font-weight:inherit;font-size:inherit}.weather-app a{text-decoration:none}.weather-app a:hover{text-decoration:underline}.weather-app svg{display:block}.weather-app .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.weather-app form{min-width:0}.weather-app .rain-trend{margin:24px 0 0;padding-top:20px;border-top:1px solid #243044;min-width:0}.weather-app .rain-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.weather-app .rain-trend h3{font-size:15px;font-weight:600;color:#e2e8f0}.weather-app .rain-trend-legend{display:flex;gap:18px;font-size:11px;color:#cbd5e1}.weather-app .rain-trend-legend i{display:inline-block;width:18px;border-top:2px solid #38bdf8;margin-right:5px;vertical-align:middle}.weather-app .rain-trend-legend .projection{border-color:#c4e778;border-top-style:dashed}.weather-app .rain-trend svg{display:block;width:100%;height:auto;margin:12px 0 4px;min-height:150px}.weather-app .rain-trend figcaption,.weather-app .rain-trend-readout,.weather-app .rain-trend-status{font-size:11px;line-height:1.7;color:#94a3b8;margin-top:7px;min-height:18px}.weather-app .rain-trend-status{color:#cbd5e1}.weather-app .rain-trend details{font-size:11px;color:#94a3b8;line-height:1.7;margin-top:8px}.weather-app .rain-trend summary{cursor:pointer}.weather-app .rain-trend details p{margin:8px 0}.weather-app .rain-trend a{text-decoration:underline;color:#7dd3fc}@media(max-width:640px){.weather-app form{display:grid!important;grid-template-columns:minmax(0,1fr) 80px}.weather-app form input{width:100%!important;min-width:0}.weather-app form button{grid-column:1/-1}.weather-app section.grid>div{min-width:0}}.weather-app .seven-day-columns{display:grid;grid-template-columns:64px 32px minmax(0,1fr) 96px 84px 12px;gap:12px;align-items:center;padding:12px 16px}.weather-app .seven-day-labels{font-size:10px;color:#94a3b8;padding-top:16px;padding-bottom:7px}.weather-app .seven-day-labels span:nth-last-child(3){text-align:center}.weather-app .seven-day-labels small{display:block;font-size:10px;color:#64748b}.weather-app .seven-day-row+.seven-day-row{border-top:1px solid #ffffff0d}.weather-app .seven-day-summary{cursor:pointer;list-style:none}.weather-app .seven-day-summary::-webkit-details-marker{display:none}.weather-app .seven-day-summary:hover{background:#ffffff04}.weather-app .seven-day-row[open] .seven-day-chevron{transform:rotate(180deg)}@media(max-width:640px){.weather-app .seven-day-columns{grid-template-columns:40px 28px minmax(0,1fr) 64px 10px;gap:6px;padding-left:8px;padding-right:8px}.weather-app .seven-day-condition{display:none}}.weather-app .m-0{margin:0}.weather-app .mx-auto{margin-left:auto;margin-right:auto}.weather-app .mb-5{margin-bottom:1.25rem}.weather-app .ml-1{margin-left:.25rem}.weather-app .mr-2{margin-right:.5rem}.weather-app .mt-1{margin-top:.25rem}.weather-app .mt-10{margin-top:2.5rem}.weather-app .mt-2{margin-top:.5rem}.weather-app .mt-3{margin-top:.75rem}.weather-app .mt-4{margin-top:1rem}.weather-app .mt-5{margin-top:1.25rem}.weather-app .mt-6{margin-top:1.5rem}.weather-app .mt-7{margin-top:1.75rem}.weather-app .mt-8{margin-top:2rem}.weather-app .block{display:block}.weather-app .inline-block{display:inline-block}.weather-app .flex{display:flex}.weather-app .grid{display:grid}.weather-app .h-3{height:.75rem}.weather-app .h-4{height:1rem}.weather-app .h-7{height:1.75rem}.weather-app .h-8{height:2rem}.weather-app .h-auto{height:auto}.weather-app .w-16{width:4rem}.weather-app .w-24{width:6rem}.weather-app .w-3{width:.75rem}.weather-app .w-5{width:1.25rem}.weather-app .w-7{width:1.75rem}.weather-app .w-8{width:2rem}.weather-app .w-full{width:100%}.weather-app .w-max{width:max-content}.weather-app .min-w-0{min-width:0}.weather-app .min-w-full{min-width:100%}.weather-app .max-w-3xl{max-width:48rem}.weather-app .max-w-6xl{max-width:72rem}.weather-app .flex-1{flex:1 1}.weather-app .shrink-0{flex-shrink:0}.weather-app .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.weather-app .cursor-pointer{cursor:pointer}.weather-app .list-none{list-style-type:none}.weather-app .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-app .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-app .flex-col{flex-direction:column}.weather-app .flex-wrap{flex-wrap:wrap}.weather-app .items-start{align-items:flex-start}.weather-app .items-end{align-items:flex-end}.weather-app .items-center{align-items:center}.weather-app .items-baseline{align-items:baseline}.weather-app .justify-center{justify-content:center}.weather-app .justify-between{justify-content:space-between}.weather-app .gap-1{gap:.25rem}.weather-app .gap-2{gap:.5rem}.weather-app .gap-3{gap:.75rem}.weather-app .gap-4{gap:1rem}.weather-app .gap-5{gap:1.25rem}.weather-app .gap-7{gap:1.75rem}.weather-app .gap-x-10{column-gap:2.5rem}.weather-app .gap-y-5{row-gap:1.25rem}.weather-app :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.weather-app :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.weather-app :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.weather-app :is(.divide-x>:not([hidden])~:not([hidden])){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.weather-app :is(.divide-slate-800>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(30 41 59/var(--tw-divide-opacity,1))}.weather-app .overflow-hidden{overflow:hidden}.weather-app .overflow-x-auto{overflow-x:auto}.weather-app .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-app .rounded{border-radius:.25rem}.weather-app .rounded-2xl{border-radius:1rem}.weather-app .rounded-3xl{border-radius:1.5rem}.weather-app .rounded-full{border-radius:9999px}.weather-app .rounded-lg{border-radius:.5rem}.weather-app .rounded-xl{border-radius:.75rem}.weather-app .border{border-width:1px}.weather-app .border-b{border-bottom-width:1px}.weather-app .border-l{border-left-width:1px}.weather-app .border-t{border-top-width:1px}.weather-app .border-sky-500\/20{border-color:rgba(14,165,233,.2)}.weather-app .border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.weather-app .border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.weather-app .border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.weather-app .border-white\/10{border-color:hsla(0,0%,100%,.1)}.weather-app .border-white\/5{border-color:hsla(0,0%,100%,.05)}.weather-app .bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.weather-app .bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.weather-app .bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.weather-app .bg-sky-500\/\[\.06\]{background-color:rgba(14,165,233,.06)}.weather-app .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.weather-app .bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.weather-app .bg-slate-900\/50{background-color:rgba(15,23,42,.5)}.weather-app .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.weather-app .bg-slate-950\/30{background-color:rgba(2,6,23,.3)}.weather-app .bg-slate-950\/60{background-color:rgba(2,6,23,.6)}.weather-app .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.weather-app .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.weather-app .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.weather-app .from-sky-500\/15{--tw-gradient-from:rgba(14,165,233,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.weather-app .from-slate-900\/80{--tw-gradient-from:rgba(15,23,42,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.weather-app .via-slate-900{--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)}.weather-app .to-slate-950{--tw-gradient-to:#020617 var(--tw-gradient-to-position)}.weather-app .p-0{padding:0}.weather-app .p-2{padding:.5rem}.weather-app .p-5{padding:1.25rem}.weather-app .px-2{padding-left:.5rem;padding-right:.5rem}.weather-app .px-3{padding-left:.75rem;padding-right:.75rem}.weather-app .px-4{padding-left:1rem;padding-right:1rem}.weather-app .px-5{padding-left:1.25rem;padding-right:1.25rem}.weather-app .py-1{padding-top:.25rem;padding-bottom:.25rem}.weather-app .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.weather-app .py-2{padding-top:.5rem;padding-bottom:.5rem}.weather-app .py-3{padding-top:.75rem;padding-bottom:.75rem}.weather-app .py-4{padding-top:1rem;padding-bottom:1rem}.weather-app .py-7{padding-top:1.75rem;padding-bottom:1.75rem}.weather-app .pb-1{padding-bottom:.25rem}.weather-app .pt-4{padding-top:1rem}.weather-app .pt-5{padding-top:1.25rem}.weather-app .pt-6{padding-top:1.5rem}.weather-app .text-center{text-align:center}.weather-app .text-3xl{font-size:1.875rem;line-height:2.25rem}.weather-app .text-4xl{font-size:2.25rem;line-height:2.5rem}.weather-app .text-6xl{font-size:3.75rem;line-height:1}.weather-app .text-\[10px\]{font-size:10px}.weather-app .text-\[11px\]{font-size:11px}.weather-app .text-base{font-size:1rem;line-height:1.5rem}.weather-app .text-lg{font-size:1.125rem;line-height:1.75rem}.weather-app .text-sm{font-size:.875rem;line-height:1.25rem}.weather-app .text-xl{font-size:1.25rem;line-height:1.75rem}.weather-app .text-xs{font-size:.75rem;line-height:1rem}.weather-app .font-bold{font-weight:700}.weather-app .font-medium{font-weight:500}.weather-app .font-normal{font-weight:400}.weather-app .font-semibold{font-weight:600}.weather-app .uppercase{text-transform:uppercase}.weather-app .leading-none{line-height:1}.weather-app .leading-relaxed{line-height:1.625}.weather-app .tracking-\[\.18em\]{letter-spacing:.18em}.weather-app .tracking-\[\.2em\]{letter-spacing:.2em}.weather-app .tracking-tight{letter-spacing:-.025em}.weather-app .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.weather-app .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.weather-app .text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.weather-app .text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.weather-app .text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.weather-app .text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.weather-app .text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.weather-app .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.weather-app .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.weather-app .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.weather-app .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.weather-app .text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.weather-app .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.weather-app .underline{text-decoration-line:underline}.weather-app .opacity-60{opacity:.6}.weather-app .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.weather-app .shadow-sky-950\/30{--tw-shadow-color:rgba(8,47,73,.3);--tw-shadow:var(--tw-shadow-colored)}.weather-app .outline-none{outline:2px solid transparent;outline-offset:2px}.weather-app .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.weather-app .hover\:bg-sky-300:hover{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity,1))}.weather-app .hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.weather-app .hover\:text-sky-200:hover{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity,1))}.weather-app .focus\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.weather-app .focus-visible\:outline:focus-visible{outline-style:solid}.weather-app .focus-visible\:outline-2:focus-visible{outline-width:2px}.weather-app .focus-visible\:outline-sky-400:focus-visible{outline-color:#38bdf8}.weather-app .disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.weather-app .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-app .sm\:gap-10{gap:2.5rem}.weather-app .sm\:p-4{padding:1rem}.weather-app .sm\:p-7{padding:1.75rem}.weather-app .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.weather-app .sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.weather-app .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.weather-app .sm\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1024px){.weather-app .lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}}