*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light;--sky-blue: #62b4e3;--sky-blue-light: #a8daf0;--sky-blue-deep: #2f8fcf;--sun-yellow: #fed41d;--sun-yellow-deep: #f6a92a;--donut-pink: #ff8ac2;--donut-pink-deep: #e86aa6;--frosting: #fff1e0;--grass: #7bc242;--grass-deep: #5ea330;--brick: #b85c00;--cherry: #d93b3b;--cherry-deep: #b32424;--cream: #fff8e3;--cloud: #ffffff;--ink: #2d2218;--ink-soft: #4a3a2a;--gradient-clear-day: linear-gradient(180deg, #6fc0eb 0%, #a8daf0 60%, #d5edfa 100%);--gradient-clear-night: linear-gradient(180deg, #1a2c66 0%, #3a4f9e 55%, #6173b6 100%);--gradient-cloudy: linear-gradient(180deg, #8fb9d4 0%, #b5cfdf 55%, #d6e2ea 100%);--gradient-fog: linear-gradient(180deg, #b8c4cc 0%, #d4dbe0 60%, #e8ecef 100%);--gradient-rain: linear-gradient(180deg, #5a78a3 0%, #7e9bbe 55%, #a8bdd4 100%);--gradient-snow: linear-gradient(180deg, #b9dff2 0%, #d8ecf6 55%, #f0f7fb 100%);--gradient-storm: linear-gradient(180deg, #3a3f5e 0%, #585e82 55%, #7c81a3 100%);--outline: 3px solid var(--ink);--outline-thin: 2px solid var(--ink);--card-shadow: 0 6px 0 var(--ink);--card-shadow-soft: 0 4px 0 rgba(45, 34, 24, .85);--button-shadow: 0 4px 0 var(--ink)}body{min-height:100dvh;background:var(--sky-blue);color:var(--ink)}#app{min-height:100dvh}.weather-app{min-height:100dvh;position:relative;overflow:hidden;transition:background 1.2s ease;display:flex;justify-content:center;padding:1.5rem 1rem 3rem;isolation:isolate}.weather-app:before{content:"";position:absolute;top:-3rem;right:-3rem;width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff299 0%,var(--sun-yellow) 55%,var(--sun-yellow-deep) 100%);box-shadow:0 0 0 6px #fed41d59,0 0 0 14px #fed41d2e;z-index:-2;pointer-events:none}.weather-app:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 240' preserveAspectRatio='xMidYEnd slice'><g fill='%237bc242'><path d='M0 240 L0 200 Q60 170 120 195 Q180 220 240 188 Q300 158 360 196 Q420 232 480 198 Q560 168 640 200 Q720 232 800 196 Q860 170 920 196 Q980 220 1040 188 Q1100 162 1200 200 L1200 240 Z'/></g><g fill='%23b85c00'><rect x='95' y='150' width='38' height='50'/><rect x='90' y='144' width='48' height='8'/><polygon points='114,124 96,144 132,144'/><rect x='110' y='162' width='8' height='14' fill='%23ffe27a'/><rect x='195' y='130' width='60' height='70'/><rect x='190' y='124' width='70' height='8'/><rect x='205' y='148' width='10' height='14' fill='%23ffe27a'/><rect x='235' y='148' width='10' height='14' fill='%23ffe27a'/><rect x='205' y='174' width='10' height='14' fill='%23ffe27a'/><rect x='235' y='174' width='10' height='14' fill='%23ffe27a'/><rect x='830' y='140' width='70' height='60'/><rect x='825' y='134' width='80' height='8'/><polygon points='865,118 845,134 885,134'/><rect x='845' y='154' width='10' height='14' fill='%23ffe27a'/><rect x='875' y='154' width='10' height='14' fill='%23ffe27a'/><rect x='845' y='178' width='10' height='14' fill='%23ffe27a'/><rect x='875' y='178' width='10' height='14' fill='%23ffe27a'/></g><g fill='%2390a4ae'><rect x='430' y='90' width='50' height='110'/><rect x='430' y='200' width='50' height='10' fill='%23607d8b'/><path d='M430 110 Q455 92 480 110 L480 200 L430 200 Z' opacity='0.5'/><rect x='500' y='90' width='50' height='110'/><rect x='500' y='200' width='50' height='10' fill='%23607d8b'/><path d='M500 110 Q525 92 550 110 L550 200 L500 200 Z' opacity='0.5'/></g><g fill='%23e8e8e0' opacity='0.85'><path d='M430 60 q-6 -16 14 -18 q4 -14 22 -10 q8 -14 24 -4 q14 -2 12 14 q12 0 8 18 z'/><path d='M500 70 q-6 -16 14 -18 q4 -14 22 -10 q8 -14 24 -4 q14 -2 12 14 q12 0 8 18 z'/></g><g fill='%23d93b3b'><rect x='680' y='100' width='40' height='100'/><rect x='673' y='95' width='54' height='10'/><ellipse cx='700' cy='95' rx='30' ry='12' fill='%23ff8ac2'/><circle cx='686' cy='90' r='3' fill='%23fff'/><circle cx='708' cy='86' r='3' fill='%23fff'/><circle cx='718' cy='94' r='3' fill='%23fff'/><circle cx='692' cy='98' r='3' fill='%237bc242'/></g><g fill='%23607d8b'><rect x='950' y='150' width='90' height='50'/><rect x='945' y='144' width='100' height='8'/><rect x='968' y='160' width='10' height='14' fill='%23ffe27a'/><rect x='990' y='160' width='10' height='14' fill='%23ffe27a'/><rect x='1012' y='160' width='10' height='14' fill='%23ffe27a'/><rect x='968' y='180' width='10' height='14' fill='%23ffe27a'/><rect x='990' y='180' width='10' height='14' fill='%23ffe27a'/><rect x='1012' y='180' width='10' height='14' fill='%23ffe27a'/></g></svg>");background-repeat:no-repeat;background-position:bottom center;background-size:100% auto;z-index:-1;pointer-events:none}.weather-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.app-header{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:var(--cloud);border:var(--outline);border-radius:999px;box-shadow:var(--card-shadow);align-self:flex-start}.app-logo{font-size:1.5rem;line-height:1}.app-name{font-family:Fredoka,Nunito,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:var(--ink)}.app-tagline{font-family:Fredoka,Nunito,sans-serif;font-size:.75rem;font-weight:500;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-left:.125rem}.search-wrapper{position:relative}.search-form{display:flex;align-items:center;gap:.6rem;background:var(--cloud);border:var(--outline);border-radius:999px;padding:.625rem 1.25rem;box-shadow:var(--card-shadow);transition:transform .15s ease,box-shadow .15s ease}.search-form:focus-within{transform:translateY(-1px);box-shadow:0 7px 0 var(--ink)}.search-icon{font-size:1rem;flex-shrink:0;color:var(--ink)}.search-input{background:transparent;border:none;outline:none;color:var(--ink);font-size:1rem;font-weight:600;flex:1;min-width:0}.search-input::placeholder{color:var(--ink-soft);opacity:.65;font-weight:500}.search-input::-webkit-search-cancel-button{filter:none;cursor:pointer}.suggestions{position:absolute;top:calc(100% + .625rem);left:0;right:0;background:var(--cloud);border-radius:1.25rem;list-style:none;overflow:hidden;z-index:100;border:var(--outline);box-shadow:var(--card-shadow)}.suggestions li button{width:100%;padding:.75rem 1.25rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:baseline;gap:.5rem;color:var(--ink);transition:background .15s;text-align:left;font-family:inherit}.suggestions li+li{border-top:var(--outline-thin)}.suggestions li button:hover,.suggestions li button:focus-visible{background:var(--sun-yellow);outline:none}.suggestion-city{font-weight:700;font-size:.9375rem}.suggestion-region{opacity:.7;font-size:.8125rem;font-weight:600}.weather-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;background:var(--cloud);border:var(--outline);border-radius:2rem;box-shadow:var(--card-shadow);color:var(--ink);font-size:1rem;font-weight:700;text-align:center}.loading-spinner{width:56px;height:56px;border:5px solid var(--sun-yellow);border-top-color:var(--cherry);border-radius:50%;animation:spin .9s linear infinite}.loading-message{font-family:Fredoka,sans-serif;font-size:1.125rem;margin:0;color:var(--ink)}.loading-sub{font-size:.8125rem;font-weight:600;color:var(--ink-soft);opacity:.8;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.weather-error{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.5rem;background:var(--cloud);border:var(--outline);border-radius:2rem;box-shadow:var(--card-shadow);color:var(--ink);text-align:center}.error-icon{font-size:3.5rem;line-height:1}.error-doh{font-family:Fredoka,sans-serif;font-size:1.75rem;font-weight:700;color:var(--cherry-deep);margin:0;letter-spacing:.01em}.weather-error p{font-size:.9375rem;font-weight:600;color:var(--ink-soft);margin:0}.retry-btn{margin-top:.75rem;padding:.625rem 1.5rem;background:var(--sun-yellow);border:var(--outline);border-radius:999px;color:var(--ink);font-family:Fredoka,sans-serif;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:var(--button-shadow);transition:transform .1s ease,box-shadow .1s ease}.retry-btn:hover{background:var(--sun-yellow-deep)}.retry-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.retry-btn:focus-visible{outline:3px solid var(--sky-blue-deep);outline-offset:3px}.current-weather{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--cloud);border:var(--outline);border-radius:2rem;box-shadow:var(--card-shadow);color:var(--ink);text-align:center;padding:1.5rem 1.25rem 1.25rem}.current-weather:before{content:"🍩";position:absolute;top:-1.1rem;right:.75rem;font-size:2.25rem;transform:rotate(-12deg);filter:drop-shadow(0 2px 0 var(--ink));pointer-events:none}.location-name{display:inline-flex;align-items:center;gap:.3rem;font-family:Fredoka,sans-serif;font-size:1.0625rem;font-weight:600;color:var(--ink);background:var(--sun-yellow);border:var(--outline-thin);border-radius:999px;padding:.25rem .875rem;box-shadow:0 2px 0 var(--ink)}.weather-icon{font-size:5.5rem;line-height:1;margin:.4rem 0 .25rem;filter:drop-shadow(0 4px 0 rgba(45,34,24,.18));animation:bob 4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.temperature{font-family:Fredoka,sans-serif;font-size:5.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink)}.weather-description{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:500;color:var(--ink-soft);letter-spacing:.01em}.weather-stats{display:flex;align-items:stretch;background:var(--frosting);border:var(--outline-thin);border-radius:1.25rem;margin-top:.875rem;overflow:hidden;width:100%}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem}.stat-label{font-size:.6875rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-weight:700}.stat-value{font-family:Fredoka,sans-serif;font-size:1.125rem;font-weight:700;color:var(--ink)}.stat-divider{width:2px;background:var(--ink);opacity:.18;flex-shrink:0}.sun-times{display:flex;align-items:stretch;background:var(--cream);border:var(--outline-thin);border-radius:1.25rem;margin-top:.625rem;overflow:hidden;width:100%}.sun-time{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem}.sun-time-icon{font-size:1.5rem;line-height:1}.sun-time-label{font-size:.6875rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-weight:700}.sun-time-value{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;color:var(--ink)}.sun-time-divider{width:2px;background:var(--ink);opacity:.18;flex-shrink:0}.sun-timeline{background:var(--cloud);border:var(--outline);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:1.125rem 1.25rem}.sun-timeline-bar{position:relative;margin:.375rem 0 0}.sun-bar-inner{display:flex;height:1.25rem;border-radius:.625rem;overflow:hidden;border:var(--outline-thin)}.sun-seg{flex-shrink:0;height:100%}.sun-seg--night-left{background:linear-gradient(90deg,#2c2455,#5b4b9b)}.sun-seg--night-right{background:linear-gradient(90deg,#5b4b9b,#2c2455);flex:1}.sun-seg--day{background:linear-gradient(90deg,var(--sun-yellow-deep) 0%,var(--sun-yellow) 35%,var(--sky-blue-light) 70%,var(--sun-yellow-deep) 100%)}.sun-dot{position:absolute;top:50%;width:1rem;height:1rem;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--ink);z-index:2}.sun-dot--rise{background:var(--sun-yellow)}.sun-dot--set{background:var(--sun-yellow-deep)}.sun-needle{position:absolute;top:-.25rem;bottom:-.25rem;width:3px;background:var(--cherry);border-radius:1.5px;transform:translate(-50%);z-index:3;box-shadow:0 0 0 2px var(--cloud)}.sun-labels{position:relative;height:3rem;margin-top:.5rem}.sun-label{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.1rem;white-space:nowrap}.sun-label-icon{font-size:1rem;line-height:1}.sun-label-time{font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;color:var(--ink)}.sun-daylight-summary{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.125rem;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.hourly-forecast{background:var(--cloud);border:var(--outline);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:1.125rem 1.25rem}.hourly-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -.25rem;padding:0 .25rem}.hourly-scroll::-webkit-scrollbar{display:none}.hourly-cards{display:flex;gap:.375rem;min-width:min-content}.hourly-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.625rem .75rem;border-radius:1rem;background:var(--frosting);border:var(--outline-thin);color:var(--ink);min-width:3.4rem;flex-shrink:0}.hourly-card--now{background:var(--sun-yellow);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.hourly-time{font-size:.6875rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.hourly-card--now .hourly-time{color:var(--ink)}.hourly-icon{font-size:1.5rem;line-height:1}.hourly-temp{font-family:Fredoka,sans-serif;font-size:.9375rem;font-weight:700;color:var(--ink)}.hourly-precip{font-size:.6875rem;color:var(--sky-blue-deep);font-weight:700;white-space:nowrap}.forecast{background:var(--cloud);border:var(--outline);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:1.125rem 1.25rem}.forecast-title{font-family:Fredoka,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:.875rem;font-weight:700}.forecast-cards{display:flex;gap:.25rem}.forecast-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.625rem .125rem;background:var(--frosting);border:var(--outline-thin);border-radius:.875rem;color:var(--ink)}.forecast-day{font-size:.7rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.forecast-icon{font-size:1.625rem;line-height:1}.forecast-high{font-family:Fredoka,sans-serif;font-size:.9375rem;font-weight:700;color:var(--ink)}.forecast-low{font-size:.8125rem;color:var(--ink-soft);font-weight:700;opacity:.8}.precip-graph{background:var(--cloud);border:var(--outline);border-radius:1.5rem;box-shadow:var(--card-shadow);padding:1.125rem 1.25rem}.precip-graph-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -.25rem;padding:0 .25rem}.precip-graph-scroll::-webkit-scrollbar{display:none}.precip-graph-scroll svg{display:block}.precip-graph-state{display:flex;align-items:center;gap:.5rem;padding:1rem 0 .25rem;color:var(--ink-soft);font-size:.875rem;font-weight:600;margin:0}.alert-banner{border-radius:1.25rem;border:var(--outline);box-shadow:var(--card-shadow);overflow:hidden}.alert-banner--calm{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--grass)}.alert-calm-icon{font-size:1rem;flex-shrink:0}.alert-calm-text{font-size:.875rem;color:var(--ink);font-weight:700}.alert-banner--active{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem;color:var(--ink)}.alert-severity--extreme{background:#ff6b6b}.alert-severity--severe{background:#f96}.alert-severity--moderate{background:var(--sun-yellow)}.alert-severity--minor{background:var(--sky-blue-light)}.alert-top-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.alert-severity-badge{display:flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--cloud);border:var(--outline-thin);border-radius:999px;padding:.2rem .7rem;flex-shrink:0;white-space:nowrap}.alert-event{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;color:var(--ink);flex:1;min-width:0}.alert-toggle-btn{display:flex;align-items:center;gap:.2rem;background:var(--cloud);border:var(--outline-thin);border-radius:999px;color:var(--ink);font-size:.75rem;font-weight:800;padding:.25rem .75rem;cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap;transition:background .15s}.alert-toggle-btn:hover{background:var(--sun-yellow)}.alert-toggle-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.alert-chevron{font-size:1rem;line-height:1;display:inline-block;transform:rotate(90deg);transition:transform .2s}.alert-chevron--up{transform:rotate(-90deg)}.alert-headline{font-size:.9375rem;color:var(--ink);line-height:1.45;margin:0;font-weight:600}.alert-details{display:flex;flex-direction:column;gap:.325rem;margin-top:.25rem;padding-top:.625rem;border-top:2px dashed var(--ink)}.alert-detail-row{display:flex;align-items:baseline;gap:.5rem}.alert-detail-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);width:2.75rem;flex-shrink:0;font-weight:800}.alert-detail-value{font-size:.875rem;color:var(--ink);font-weight:700}.sticky-temp-header{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--sun-yellow);border-bottom:var(--outline);transform:translateY(-100%);opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s ease;pointer-events:none}.sticky-temp-header--visible{transform:translateY(0);opacity:1;pointer-events:auto}.sticky-temp-inner{max-width:480px;margin:0 auto;padding:.625rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ink)}.sticky-location{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-current{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.sticky-icon{font-size:1.375rem;line-height:1}.sticky-temp{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.sticky-desc{font-size:.8125rem;font-weight:600;color:var(--ink-soft);display:none}@media(min-width:380px){.sticky-desc{display:inline}}.notfound-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;gap:.75rem;background:var(--sky-blue-light);color:var(--ink)}.notfound-doh{font-family:Fredoka,sans-serif;font-size:4rem;font-weight:700;color:var(--cherry-deep);letter-spacing:.02em;margin:0;text-shadow:0 4px 0 var(--ink)}.notfound-emoji{font-size:4.5rem}.notfound-text{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600;color:var(--ink-soft);max-width:28ch;margin:0}.notfound-link{margin-top:.5rem;padding:.625rem 1.5rem;background:var(--sun-yellow);border:var(--outline);border-radius:999px;color:var(--ink);font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:var(--button-shadow);transition:transform .1s ease,box-shadow .1s ease}.notfound-link:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}@media(max-width:420px){.weather-app{padding:1.25rem .75rem 2.5rem}.weather-app:before{width:10rem;height:10rem;top:-2.5rem;right:-2.5rem}.weather-app:after{height:7rem}.temperature{font-size:4.5rem}.stat{padding:.625rem .375rem}.stat-label{font-size:.625rem}.forecast-card{padding:.5rem 0}.forecast-day{font-size:.625rem}.forecast-icon{font-size:1.375rem}.forecast-high,.forecast-low{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.weather-icon,.loading-spinner{animation:none}}