.weather-bg--skeleton{background:linear-gradient(#e2e8f0 0%,#f1f5f9 55%,#f8fafc 100%)}.weather-bg--clear{--text:#334155;--text-h:#0f172a;--accent:#ea580c;--border:#0f172a1a;background:linear-gradient(#38bdf8 0%,#7dd3fc 45%,#bae6fd 100%) 0 0/100% 140%;animation:48s ease-in-out infinite sky-breathe}.weather-bg--partly-cloudy{--text:#334155;--text-h:#0f172a;--accent:#0284c7;--border:#0f172a1a;background:linear-gradient(#38bdf8 0%,#93c5fd 55%,#e0f2fe 100%) 0 0/100% 140%;animation:52s ease-in-out infinite sky-breathe}.weather-bg--cloudy{--text:#475569;--text-h:#1e293b;--accent:#64748b;--border:#0f172a1f;background:linear-gradient(#94a3b8 0%,#cbd5e1 55%,#e2e8f0 100%) 0 0/100% 140%;animation:56s ease-in-out infinite sky-breathe}.weather-bg--fog{--text:#64748b;--text-h:#334155;--accent:#94a3b8;--border:#3341551f;background:linear-gradient(#cbd5e1 0%,#e2e8f0 60%,#f1f5f9 100%) 0 0/100% 140%;animation:60s ease-in-out infinite sky-breathe}.weather-bg--drizzle{--text:#cbd5e1;--text-h:#f8fafc;--accent:#93c5fd;--border:#f8fafc2e;background:linear-gradient(#64748b 0%,#94a3b8 55%,#cbd5e1 100%) 0 0/100% 140%;animation:54s ease-in-out infinite sky-breathe}.weather-bg--rain{--text:#cbd5e1;--text-h:#f8fafc;--accent:#7dd3fc;--border:#f8fafc2e;background:linear-gradient(#475569 0%,#64748b 50%,#94a3b8 100%) 0 0/100% 140%;animation:50s ease-in-out infinite sky-breathe}.weather-bg--snow{--text:#475569;--text-h:#1e293b;--accent:#64748b;--border:#1e293b1f;background:linear-gradient(#cbd5e1 0%,#e2e8f0 45%,#f8fafc 100%) 0 0/100% 140%;animation:58s ease-in-out infinite sky-breathe}.weather-bg--thunderstorm{--text:#cbd5e1;--text-h:#f8fafc;--accent:#fde047;--border:#f8fafc2e;background:linear-gradient(#1e293b 0%,#334155 45%,#475569 100%) 0 0/100% 140%;animation:46s ease-in-out infinite sky-breathe}@keyframes sky-breathe{0%,to{background-position:0 0}50%{background-position:0 100%}}.weather-scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun{background:radial-gradient(circle at 35% 35%,#fef08a,#facc15 55%,#f59e0b);border-radius:50%;width:clamp(72px,14vw,120px);height:clamp(72px,14vw,120px);animation:22s ease-in-out infinite sun-float,14s ease-in-out infinite sun-glow;position:absolute;top:10%;right:12%;box-shadow:0 0 60px #facc158c}.sun:before{content:"";background:repeating-conic-gradient(#fff0 0deg 14deg,#ffffff38 14deg 18deg);border-radius:50%;animation:90s linear infinite sun-rays;position:absolute;inset:-45%}.sun:after{content:"";background:radial-gradient(circle,#ffffff59,#0000 70%);border-radius:50%;animation:18s ease-in-out infinite sun-halo;position:absolute;inset:-25%}@keyframes sun-float{0%,to{transform:translate(0)}50%{transform:translate(-12px,14px)}}@keyframes sun-glow{0%,to{box-shadow:0 0 60px #facc158c}50%{box-shadow:0 0 90px #facc15bf}}@keyframes sun-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sun-halo{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.cloud{filter:drop-shadow(0 8px 16px #0f172a14);will-change:transform;background:#ffffffeb;border-radius:999px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-1{width:clamp(100px,22vw,180px);height:clamp(36px,7vw,56px);animation:72s ease-in-out infinite cloud-drift-1;top:14%;left:8%}.cloud-1:before{width:55%;height:140%;top:-55%;left:12%}.cloud-1:after{width:42%;height:110%;top:-35%;right:10%}.cloud-2{opacity:.95;width:clamp(120px,26vw,210px);height:clamp(40px,8vw,64px);animation:88s ease-in-out infinite cloud-drift-2;top:28%;right:10%}.cloud-2:before{width:48%;height:130%;top:-50%;left:8%}.cloud-2:after{width:38%;height:100%;top:-40%;right:14%}.cloud-3{opacity:.88;width:clamp(90px,20vw,160px);height:clamp(32px,6vw,50px);animation:96s ease-in-out infinite cloud-drift-3;top:8%;left:38%}.cloud-3:before{width:50%;height:120%;top:-45%;left:15%}.cloud-3:after{width:35%;height:95%;top:-30%;right:12%}@keyframes cloud-drift-1{0%,to{transform:translate(0)}25%{transform:translate(36px,-10px)}50%{transform:translate(72px,6px)}75%{transform:translate(36px,12px)}}@keyframes cloud-drift-2{0%,to{transform:translate(0)}25%{transform:translate(-48px,8px)}50%{transform:translate(-96px,-6px)}75%{transform:translate(-48px,-12px)}}@keyframes cloud-drift-3{0%,to{transform:translate(0)}33%{transform:translate(28px,10px)}66%{transform:translate(-28px,-8px)}}.fog{filter:blur(12px);will-change:transform, opacity;background:#ffffff73;border-radius:999px;width:120%;height:clamp(60px,12vh,100px);position:absolute;left:-10%}.fog-1{animation:40s ease-in-out infinite fog-drift-1;top:18%}.fog-2{opacity:.7;animation:52s ease-in-out infinite fog-drift-2;top:38%}.fog-3{opacity:.55;animation:64s ease-in-out infinite fog-drift-3;top:58%}@keyframes fog-drift-1{0%,to{opacity:.45;transform:translate(0)}50%{opacity:.65;transform:translate(60px)}}@keyframes fog-drift-2{0%,to{opacity:.55;transform:translate(0)}50%{opacity:.75;transform:translate(-50px)}}@keyframes fog-drift-3{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.6;transform:translate(40px)}}.rain{opacity:.55;background-image:repeating-linear-gradient(115deg,#0000,#0000 14px,#bfdbfe73 14px 15px);animation:2.4s linear infinite rain-fall;position:absolute;inset:0}@keyframes rain-fall{0%{background-position:0 0}to{background-position:-30px 40px}}.snow{opacity:.85;background-image:radial-gradient(circle,#fff 1.5px,#0000 1.5px),radial-gradient(circle,#fff 1px,#0000 1px);background-position:0 0,40px 40px;background-size:80px 80px,120px 120px;animation:28s linear infinite snow-fall;position:absolute;inset:0}@keyframes snow-fall{0%{background-position:0 0,40px 40px}to{background-position:0 120px,40px 160px}}.lightning{background:#fff0;animation:12s ease-in-out infinite lightning-flash;position:absolute;inset:0}@keyframes lightning-flash{0%,88%,to{background:#fff0}90%{background:#ffffff59}92%{background:#fff0}94%{background:#fff3}}@media (prefers-reduced-motion:reduce){.weather-bg--clear,.weather-bg--partly-cloudy,.weather-bg--cloudy,.weather-bg--fog,.weather-bg--drizzle,.weather-bg--rain,.weather-bg--snow,.weather-bg--thunderstorm,.sun,.sun:before,.sun:after,.cloud,.fog,.rain,.snow,.lightning{animation:none}}:root{--text:#475569;--text-h:#0f172a;--bg:#fff;--border:#0f172a1f;--accent:#2563eb;--error:#dc2626;--error-bg:#dc262614;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}#app{height:100%;min-height:100svh}.weather-state{box-sizing:border-box;text-align:center;width:100%;height:100%;min-height:100svh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,4vw,40px);transition:background .6s;display:flex;position:relative;overflow:hidden}:is(.weather-state:has(.weather-widget),.weather-state:has(.weather-skeleton)){padding:0}.weather-state--error{color:var(--error);background:var(--error-bg)!important}.weather-widget{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;margin:0;padding:clamp(20px,4vw,40px);display:flex;position:relative}.weather-location{color:var(--text);margin:0 0 clamp(8px,2vh,16px);font-size:clamp(1rem,2.5vw,1.5rem)}.weather-temp{color:var(--text-h);text-shadow:0 2px 16px #0f172a14;margin:0;font-size:clamp(4rem,18vw,9rem);font-weight:500;line-height:1}.weather-condition{color:var(--accent);margin:clamp(8px,2vh,16px) 0 0;font-size:clamp(1.25rem,3.5vw,2rem)}.weather-details{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,24px);width:100%;max-width:36rem;margin:auto 0 0;padding-top:clamp(20px,4vh,40px);display:grid}.weather-details div{flex-direction:column;gap:4px;display:flex}.weather-details dt{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:clamp(.75rem,1.8vw,.875rem)}.weather-details dd{color:var(--text-h);margin:0;font-size:clamp(1rem,2.5vw,1.375rem);font-weight:500}.weather-skeleton{width:100%}.skeleton-details{border-top-color:#0f172a14}.skeleton{background:linear-gradient(90deg,#0f172a0f 0%,#0f172a1a 50%,#0f172a0f 100%) 0 0/200% 100%;border-radius:999px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-location{width:min(14rem,60%);height:clamp(1rem,2.5vw,1.5rem);margin:0 auto clamp(8px,2vh,16px)}.skeleton-temp{border-radius:1rem;width:min(10rem,45%);height:clamp(4rem,18vw,9rem);margin:0 auto}.skeleton-condition{width:min(12rem,50%);height:clamp(1.25rem,3.5vw,2rem);margin:clamp(8px,2vh,16px) auto 0}.skeleton-label{width:70%;height:.875rem;margin:0 auto 8px}.skeleton-value{width:50%;height:1.375rem;margin:0 auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}