@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";*,*: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{--napkin-bg: #fdf6e3;--napkin-text: #2c2c2c;--napkin-border: #2c2c2c;--napkin-shadow: #2c2c2c;--napkin-accent: #e07b4c;--napkin-blue: #5b8fb9;--napkin-green: #6b9e6b;--napkin-muted: #8a8477;--napkin-card-bg: #fefcf5;--napkin-surface: #f5edd6;--napkin-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--napkin-radius-sm: 15px 225px 15px 255px / 255px 15px 225px 15px;font-family:Patrick Hand,cursive,system-ui,sans-serif;color-scheme:light dark}body{min-height:100dvh;background-color:var(--napkin-bg);color:var(--napkin-text);transition:background-color .6s ease,color .3s ease}#app{max-width:600px;margin-inline:auto;padding:1.5rem 1.5rem 2rem}.location-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px dashed var(--napkin-border)}.location-heading h1{font-size:2rem;font-weight:700;line-height:1.1;margin:0}.location-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{background:none;border:none;cursor:pointer;padding:.3rem;color:var(--napkin-muted);display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--napkin-accent)}.unit-toggle{padding:.15rem .5rem;border:2px solid var(--napkin-border);border-radius:var(--napkin-radius-sm);background:var(--napkin-surface);color:var(--napkin-text);cursor:pointer;font-size:1rem;font-family:inherit;box-shadow:2px 2px 0 var(--napkin-shadow)}.unit-toggle:hover{background:var(--napkin-accent);color:#fff}.napkin-card{background:var(--napkin-card-bg);border:2px solid var(--napkin-border);border-radius:var(--napkin-radius);box-shadow:4px 4px 0 var(--napkin-shadow);padding:1.5rem;transform:rotate(-.5deg);margin-bottom:1.25rem;transition:background-color .6s ease}.napkin-card:nth-child(2n){transform:rotate(.3deg)}.napkin-card-sm{background:var(--napkin-card-bg);border:2px solid var(--napkin-border);border-radius:var(--napkin-radius-sm);box-shadow:3px 3px 0 var(--napkin-shadow);padding:.75rem 1rem}.weather-current{text-align:center;padding:1.5rem}.weather-current .weather-icon{margin-bottom:.25rem;line-height:1}.weather-current .weather-temp{font-size:4rem;font-weight:700;line-height:1.1}.weather-current .weather-desc{font-size:1.4rem;color:var(--napkin-muted);margin-bottom:.5rem}.weather-details{display:flex;justify-content:center;gap:2rem;margin-top:.75rem;font-size:1.1rem;color:var(--napkin-muted)}.forecast-title{font-size:1.3rem;margin-bottom:.75rem;border-bottom:1px dashed var(--napkin-border);padding-bottom:.25rem}.forecast-list{display:flex;flex-direction:column;gap:.5rem}.forecast-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;border-bottom:1px dotted var(--napkin-muted);font-size:1.05rem;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.forecast-row:hover{background-color:var(--napkin-surface)}.forecast-row:focus-visible{outline:2px solid var(--napkin-accent);outline-offset:2px}.forecast-row-selected{background-color:var(--napkin-surface)}.forecast-row:last-child{border-bottom:none}.forecast-row .forecast-day{width:4.5rem;font-weight:700}.forecast-row .forecast-icon{width:2rem;text-align:center;display:flex;align-items:center;justify-content:center}.forecast-row .forecast-desc{flex:1;color:var(--napkin-muted)}.forecast-row .forecast-temps{text-align:right;white-space:nowrap}.forecast-row .forecast-high{font-weight:700}.forecast-row .forecast-low{color:var(--napkin-muted)}.day-detail{padding:.75rem .5rem;border-bottom:1px dotted var(--napkin-muted);background-color:var(--napkin-surface);border-radius:4px;margin-bottom:.25rem}.day-detail-summary{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--napkin-muted)}.day-detail-item{display:flex;flex-direction:column;align-items:center;min-width:4rem}.day-detail-label{font-size:.85rem;color:var(--napkin-muted)}.day-detail-value{font-size:1.05rem;font-weight:700}.day-detail-hourly{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:3.5rem;flex-shrink:0}.hourly-time{font-size:.8rem;color:var(--napkin-muted)}.hourly-temp{font-size:.95rem;font-weight:700}.hourly-precip{font-size:.75rem;color:var(--napkin-blue)}.search-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.search-form input{flex:1;padding:.5rem .75rem;border:2px solid var(--napkin-border);border-radius:var(--napkin-radius-sm);background:var(--napkin-card-bg);color:var(--napkin-text);font-size:1.05rem;font-family:inherit}.search-form input::placeholder{color:var(--napkin-muted)}.search-form button{padding:.5rem 1rem;border:2px solid var(--napkin-border);border-radius:var(--napkin-radius);background:var(--napkin-surface);color:var(--napkin-text);cursor:pointer;font-size:1.05rem;font-family:inherit;box-shadow:2px 2px 0 var(--napkin-shadow)}.search-form button:hover{background:var(--napkin-accent);color:#fff}.loading-container{text-align:center;padding:3rem 1rem}.loading-container .loading-icon{animation:wobble 2s ease-in-out infinite;margin-bottom:1rem;display:flex;justify-content:center}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.loading-container p{font-size:1.3rem;color:var(--napkin-muted)}.error-container{text-align:center;padding:2rem 1rem}.error-container p{font-size:1.2rem;color:var(--napkin-muted);margin-bottom:1rem}.error-container button{padding:.5rem 1.25rem;border:2px solid var(--napkin-border);border-radius:var(--napkin-radius);background:var(--napkin-surface);color:var(--napkin-text);cursor:pointer;font-size:1.1rem;font-family:inherit;box-shadow:3px 3px 0 var(--napkin-shadow)}.error-container button:hover{background:var(--napkin-accent);color:#fff}.location-prompt{text-align:center;padding:2rem 1rem}.location-prompt .prompt-icon{margin-bottom:.5rem;display:flex;justify-content:center}.location-prompt h2{font-size:1.5rem;margin-bottom:.5rem}.location-prompt p{color:var(--napkin-muted);font-size:1.1rem;margin-bottom:1rem}.prompt-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.location-prompt button{padding:.6rem 1.5rem;border:2px solid var(--napkin-border);border-radius:var(--napkin-radius);background:var(--napkin-blue);color:#fff;cursor:pointer;font-size:1.15rem;font-family:inherit;box-shadow:3px 3px 0 var(--napkin-shadow)}.location-prompt button:hover{background:var(--napkin-accent)}.prompt-search-btn{background:var(--napkin-surface)!important;color:var(--napkin-text)!important}.prompt-search-btn:hover{background:var(--napkin-accent)!important;color:#fff!important}.app-footer{margin-top:2rem;text-align:center;padding-top:1rem;border-top:1px dashed var(--napkin-muted)}.info-toggle{background:none;border:none;cursor:pointer;color:var(--napkin-muted);padding:.25rem;display:inline-flex;align-items:center}.info-toggle:hover{color:var(--napkin-accent)}.info-panel{margin-top:.75rem;font-size:.95rem;color:var(--napkin-muted);line-height:1.6}.info-panel a{color:var(--napkin-blue);text-decoration:underline}.info-panel a:hover{color:var(--napkin-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes tempFlip{0%{transform:scaleY(1)}40%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .4s ease-out}.napkin-card{animation:slideUp .4s ease-out both}.forecast-row{animation:slideUp .35s ease-out both}.icon-btn:active,.unit-toggle:active,.search-form button:active,.error-container button:active,.location-prompt button:active,.info-toggle:active{transform:scale(.93);transition:transform .1s ease}.weather-current .weather-icon{animation:iconPop .5s ease-out both}.search-form{animation:slideDown .3s ease-out}.day-detail{animation:slideUp .25s ease-out}@media(prefers-reduced-motion:reduce){main,.napkin-card,.forecast-row,.weather-current .weather-icon,.search-form,.day-detail{animation:none}.icon-btn:active,.unit-toggle:active,.search-form button:active,.error-container button:active,.location-prompt button:active,.info-toggle:active{transform:none}}@media(prefers-color-scheme:dark){:root{--napkin-bg: #1a1a1a;--napkin-text: #e8e0d0;--napkin-border: #a89e8c;--napkin-shadow: #0d0d0d;--napkin-accent: #e8955e;--napkin-blue: #6ba3cc;--napkin-green: #7eb87e;--napkin-muted: #9e9688;--napkin-card-bg: #252520;--napkin-surface: #2c2c25}}.weather-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}@keyframes rainFall{0%{transform:translateY(-10px);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(100vh);opacity:0}}.rain-drop{position:absolute;top:-10px;width:2px;background:var(--napkin-blue);opacity:.4;border-radius:0 0 2px 2px;will-change:transform;animation:rainFall linear infinite}.drizzle-drop{position:absolute;top:-10px;width:1px;background:var(--napkin-blue);opacity:.3;border-radius:0 0 1px 1px;will-change:transform;animation:rainFall linear infinite}@keyframes snowFall{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(50vh) translate(20px)}90%{opacity:.6}to{transform:translateY(100vh) translate(-10px);opacity:0}}.snowflake{position:absolute;top:-10px;width:6px;height:6px;background:var(--napkin-text);opacity:.3;border-radius:50%;will-change:transform;animation:snowFall linear infinite}@keyframes lightningFlash{0%,92%,96%,to{opacity:0}93%,95%{opacity:.15}94%{opacity:.3}}.lightning{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffde7;will-change:opacity;animation:lightningFlash 4s ease-in-out infinite}@keyframes cloudDrift{0%{transform:translate(-120%)}to{transform:translate(120vw)}}.cloud-shape{position:absolute;background:var(--napkin-text);opacity:.06;border-radius:255px 15px 225px/15px 225px 15px 255px;will-change:transform;animation:cloudDrift linear infinite}@keyframes fogDrift{0%{transform:translate(-5%);opacity:.08}50%{transform:translate(5%);opacity:.12}to{transform:translate(-5%);opacity:.08}}.fog-band{position:absolute;left:-10%;width:120%;background:var(--napkin-text);opacity:.08;border-radius:50%;will-change:transform;animation:fogDrift ease-in-out infinite}@keyframes sunRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sun-glow{position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--napkin-accent) 0%,transparent 70%);opacity:.12;will-change:transform;animation:sunRotate 60s linear infinite}.sun-ray{position:absolute;top:-40px;right:-40px;width:280px;height:280px;opacity:.06;will-change:transform;animation:sunRotate 90s linear infinite reverse}.sun-ray:before,.sun-ray:after{content:"";position:absolute;top:50%;left:50%;background:var(--napkin-accent);border-radius:2px}.sun-ray:before{width:100%;height:3px;transform:translate(-50%,-50%)}.sun-ray:after{width:3px;height:100%;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.weather-bg{display:none}}