:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--glass-bg:linear-gradient(135deg, #ffffff17 0%, #ffffff08 100%);--glass-border:#ffffff38;--glass-shadow:#00000040;--glass-blur:24px;--color-sun:#ffc93c;--color-rain:#4d96ff;--color-snow:#cce8ff;--color-cloud:#b1b2ff;--color-thunder:#ff6b6b;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#ffffff73;--color-sunny:#ffd200;--color-sunset:#ff8c42;--color-cloudy:#a8c5e0;--color-rainy:#4d96ff;--color-snowy:#cce8ff;--color-thunderstorm:#ff6b6b;--color-night:#7b9cff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0c10;min-height:100vh;overflow-x:hidden}.app-bg{z-index:-2;background-size:400% 400%;width:100%;height:100%;transition:background 1.2s cubic-bezier(.25,.8,.25,1);animation:20s infinite gradientShift;position:fixed;top:0;left:0}.theme-sunny{background:linear-gradient(135deg,#00c6ff 0%,#0072ff 50%,#f7971e 90%,#ffd200 100%)}.theme-sunset{background:linear-gradient(135deg,#1d2b64 0%,#8c255c 45%,#d85750 80%,#f1b774 100%)}.theme-cloudy{background:linear-gradient(135deg,#1f2d3d 0%,#304455 45%,#4b6577 80%,#6e8494 100%)}.theme-rainy{background:linear-gradient(135deg,#060d1f 0%,#0e1e3b 45%,#1d3962 80%,#3a6fa6 100%)}.theme-snowy{background:linear-gradient(135deg,#0a1622 0%,#17243b 40%,#3e5675 80%,#768d6c 100%)}.theme-thunderstorm{background:linear-gradient(135deg,#04040d 0%,#121226 40%,#272a5a 85%,#56437e 100%)}.theme-night{background:linear-gradient(135deg,#020108 0%,#08071e 35%,#131542 75%,#2a1b5c 100%)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{border-color:#ffffff40;box-shadow:0 12px 40px #00000040}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:18px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 24px #00000026}.glass-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 32px #00000040}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:.8}50%{opacity:.4}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-float{animation:4s ease-in-out infinite float}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.weather-grid{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=1024px){.weather-grid{grid-template-columns:350px 1fr;align-items:start}}