@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--day-primary:#6366f1;--day-secondary:#8b5cf6;--day-accent:#005688;--day-bg:linear-gradient(135deg,#667eea,#764ba2);--day-card:#ffffff26;--day-text:#fff;--day-text-secondary:#fffc;--day-card-bg:#ffffff1a;--night-primary:#3730a3;--night-secondary:#5b21b6;--night-accent:#0ea5e9;--night-bg:linear-gradient(135deg,#0f172a,#1e1b4b);--night-card:#1e293b66;--night-text:#f1f5f9;--night-text-secondary:#f1f5f9b3;--night-card-bg:#1e293b4d;--shadow-lg:0 25px 50px -12px #00000040;--shadow-md:0 10px 25px -5px #0000001a;--shadow-sm:0 4px 6px -1px #0000001a;--border-radius:24px;--border-radius-sm:16px;--border-radius-lg:32px;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#363636;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#005688);background:linear-gradient(135deg,var(--day-primary),var(--day-accent));border:1px solid #012588;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#005688);background:linear-gradient(135deg,var(--day-secondary),var(--day-accent))}.night ::-webkit-scrollbar-track{background:#1e293b66}.night ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3730a3,#0ea5e9);background:linear-gradient(135deg,var(--night-primary),var(--night-accent))}.night ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5b21b6,#0ea5e9);background:linear-gradient(135deg,var(--night-secondary),var(--night-accent))}*{scrollbar-color:#6366f1 #ffffff1a;scrollbar-color:var(--day-primary) #ffffff1a;scrollbar-width:thin}.night *{scrollbar-color:#3730a3 #1e293b66;scrollbar-color:var(--night-primary) #1e293b66}::selection{background:linear-gradient(135deg,#6366f14d,#06b6d44d);color:#fff;color:var(--day-text);text-shadow:0 1px 2px #0003}.night ::selection{background:linear-gradient(135deg,#3730a366,#0ea5e966);color:#f1f5f9;color:var(--night-text);text-shadow:0 1px 2px #0000004d}.night ::-moz-selection{background:linear-gradient(135deg,#3730a366,#0ea5e966);color:#f1f5f9;color:var(--night-text);text-shadow:0 1px 2px #0000004d}.details-grid::-webkit-scrollbar,.forecast-days::-webkit-scrollbar,.locations-dropdown::-webkit-scrollbar{width:6px}.details-grid::-webkit-scrollbar-track,.forecast-days::-webkit-scrollbar-track,.locations-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.details-grid::-webkit-scrollbar-thumb,.forecast-days::-webkit-scrollbar-thumb,.locations-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.details-grid::-webkit-scrollbar-thumb:hover,.forecast-days::-webkit-scrollbar-thumb:hover,.locations-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.weather-app{scroll-behavior:smooth}:focus{outline:2px solid #0c0e7e;outline-offset:2px}.night :focus{outline:2px solid #0ea5e980}:focus:not(:focus-visible){outline:none}.current-weather-card ::selection,.forecast ::selection,.weather-details ::selection{background:#fff3;color:inherit}.app-title,.current-location-btn,.location-card,.nav-btn,.unit-btn{user-select:none;-webkit-user-select:none}.detail-card,.forecast-condition,.forecast-date,.location-display,.stat-info,.time-display{user-select:text;-webkit-user-select:text}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}.details-grid::-webkit-scrollbar,.forecast-days::-webkit-scrollbar,.locations-dropdown::-webkit-scrollbar{width:3px}}::-webkit-scrollbar-thumb{-webkit-transition:all .3s ease;transition:all .3s ease}.details-grid:not(:hover)::-webkit-scrollbar-thumb,.forecast-days:not(:hover)::-webkit-scrollbar-thumb,.locations-dropdown:not(:hover)::-webkit-scrollbar-thumb{background:#ffffff1a}@media print{::-webkit-scrollbar{display:none}*{scrollbar-width:none}}.night{--day-accent:#06b6d4}.weather-app{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Poppins,Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}.weather-app.day{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--day-bg);color:#fff;color:var(--day-text)}.weather-app.night{background:linear-gradient(135deg,#0f172a,#1e1b4b);background:var(--night-bg);color:#f1f5f9;color:var(--night-text)}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;position:relative;z-index:10}.weather-background{overflow:hidden;position:fixed;z-index:1}.sky-gradient,.weather-background{height:100%;left:0;top:0;width:100%}.sky-gradient{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sky-gradient.day{background:linear-gradient(135deg,#667eea,#764ba2)}.sky-gradient.night{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.celestial-body{height:120px;position:absolute;right:15%;top:10%;width:120px}.sun{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 60px #f59e0b,0 0 100px #fbbf24;height:80px;position:relative;width:80px}.sun-core{background:#f59e0b;border-radius:50%;height:60px;transform:translate(-50%,-50%);width:60px}.sun-core,.sun-ray{left:50%;position:absolute;top:50%}.sun-ray{background:#fbbf24;border-radius:2px;height:40px;transform-origin:0 0;width:4px}.moon{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#e2e8f0,#94a3b8);border-radius:50%;box-shadow:0 0 40px #94a3b8;height:70px;position:relative;width:70px}.moon-crater{background:#64748b;border-radius:50%;position:absolute}.moon-crater:first-child{height:15px;left:15px;top:20px;width:15px}.moon-crater:nth-child(2){height:10px;left:25px;top:45px;width:10px}.moon-crater:nth-child(3){height:8px;left:45px;top:30px;width:8px}.clouds-container{top:20%}.cloud{animation:moveCloud 20s linear infinite;background:#ffffffe6;border-radius:50px}.cloud-1{height:40px;top:50px}.cloud-2{animation-delay:5s;height:60px;top:120px}.cloud-3{animation-delay:10s;height:50px;top:200px;width:150px}.rain-effect,.snow-effect{height:100%;left:0;position:absolute;top:0;width:100%}.rain-drop{background:linear-gradient(#0000,#60a5fa);height:15px}.snow-flake{height:6px;opacity:.8;width:6px}.stars{height:100%;left:0;position:absolute;top:0;width:100%}.star{animation:twinkle 3s infinite;height:2px;width:2px}.floating-particles{height:100%;left:0;position:absolute;top:0;width:100%}.particle{background:#ffffff4d;height:4px;width:4px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes rainFall{0%{opacity:1;transform:translateY(-100px)}to{opacity:0;transform:translateY(100vh)}}@keyframes snowFall{0%{opacity:1;transform:translateY(-100px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.app-header{margin-bottom:30px;padding:20px 0}.header-content{flex-wrap:wrap;gap:20px;justify-content:space-between}.app-title,.header-content{align-items:center;display:flex}.app-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(90deg,#93c5fd,#c7d2fe,#93c5fd);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:800;gap:10px}@keyframes calmGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.title-icon{font-size:2.2rem}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.location-search{min-width:300px;position:relative}.search-container{align-items:center;display:flex;gap:12px}.search-form{flex:1 1}.search-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;justify-content:center;left:8px;padding:8px;position:absolute;transition:all .2s ease;transition:var(--transition-fast);z-index:2}.search-icon-btn:hover:not(:disabled){background:#ffffff1a}.search-icon-btn:disabled{cursor:not-allowed;opacity:.5}.search-icon-btn.searching{animation:pulse 1s infinite}.search-icon{align-items:center;display:flex;font-size:1.1rem;height:20px;justify-content:center;width:20px}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;font-family:Inter,sans-serif;font-size:1rem;padding:16px 48px!important;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;opacity:.7;padding:4px;position:absolute;right:12px;transition:all .2s ease;transition:var(--transition-fast);width:24px;z-index:2}.clear-search:hover{background:#ffffff1a;opacity:1}.search-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;opacity:.7;position:absolute;right:40px;width:16px;z-index:2}.input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-form:focus-within .search-input{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.day .search-input{background:#ffffff26}.night .search-input{background:#1e293b66}.search-input:focus{background:#fff3;border-color:#ffffff4d;box-shadow:0 0 0 3px #6366f11a;outline:none}.current-location-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.current-location-btn:hover{background:#fff3;transform:translateY(-2px)}.locations-dropdown{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius);left:0;margin-top:8px;padding:20px;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;opacity:.7;text-transform:uppercase}.locations-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.location-card{align-items:center;background:#ffffff1a;border:none;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:12px 16px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.location-card:hover{background:#fff3;transform:translateY(-2px)}.location-card.selected{background:#3b82f64d;border:1px solid #3b82f680}.city-name{font-weight:600}.country-flag{font-size:.8rem;opacity:.7}.no-results{padding:40px 20px;text-align:center}.no-results-icon{display:block;font-size:3rem;margin-bottom:15px}.search-anyway-btn{background:#3b82f64d;border:none;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;font-family:Inter,sans-serif;margin-top:15px;padding:12px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-anyway-btn:hover{background:#3b82f680}.unit-switcher{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius-sm);display:flex;padding:4px}.unit-btn{background:#0000;border:none;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:12px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.unit-btn.active{background:#fff3;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-sm)}.divider{background:#fff3;width:1px}.error-toast{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ef4444e6;border-radius:16px;border-radius:var(--border-radius-sm);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:Inter,sans-serif;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.close-error{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.main-content{flex:1 1}.content-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius);display:flex;gap:8px;margin-bottom:30px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:600;gap:8px;padding:12px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-btn.active{background:#fff3;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.1rem}.tab-content{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.current-weather-card{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;background:var(--day-card-bg);border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:30px}.night .current-weather-card{background:#1e293b4d;background:var(--night-card-bg)}.current-weather-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.location-display h2{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:5px}.location-display p{font-size:1.1rem;opacity:.8}.time-display{text-align:right}.local-time{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:5px}.current-date{font-size:1rem;opacity:.8}.weather-main{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.temperature-section{text-align:center}.current-temp{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease-in-out infinite;background:linear-gradient(90deg,#fef3c7,#fde68a,#fef3c7);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Poppins,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin-bottom:10px}.temp-unit{-webkit-text-fill-color:initial;color:inherit;font-size:2rem;font-weight:600}.weather-condition{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.condition-icon{height:64px;width:64px}.condition-text{font-size:1.3rem;font-weight:500}.feels-like{font-size:1.1rem;opacity:.8}.weather-stats{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius);padding:25px}.stat-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.stat-item{align-items:center;background:#ffffff0d;border-radius:16px;border-radius:var(--border-radius-sm);display:flex;gap:15px;padding:15px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700}.stat-label{font-size:.9rem;opacity:.8}.forecast{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;background:var(--day-card-bg);border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:30px}.night .forecast{background:#1e293b4d;background:var(--night-card-bg)}.forecast h3{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.forecast-days{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.forecast-day{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.forecast-day:hover{background:#ffffff1a;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.forecast-date{color:#005688;color:var(--day-accent);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:15px}.night .forecast-date{color:#0ea5e9;color:var(--night-accent)}.forecast-icon{height:64px;margin:10px auto;width:64px}.forecast-temps{display:flex;gap:15px;justify-content:center;margin:15px 0}.forecast-high{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700}.forecast-low{font-size:1.2rem;font-weight:500;opacity:.7}.forecast-condition{align-items:center;display:flex;font-size:.9rem;justify-content:center;margin-bottom:15px;min-height:40px;opacity:.9}.forecast-details{display:flex;flex-direction:column;font-size:.85rem;gap:8px;opacity:.8}.weather-details{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;background:var(--day-card-bg);border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);padding:30px}.night .weather-details{background:#1e293b4d;background:var(--night-card-bg)}.weather-details h3{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--border-radius);padding:25px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.detail-card:hover{background:#ffffff1a;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.detail-card h4{align-items:center;color:#005688;color:var(--day-accent);display:flex;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:15px}.night .detail-card h4{color:#0ea5e9;color:var(--night-accent)}.detail-card h4:before{background:currentColor;border-radius:2px;content:"";height:20px;width:4px}.moon-phase,.precipitation,.sun-times,.wind-pressure{display:flex;flex-direction:column;gap:12px}.moon-phase div,.precipitation div,.sun-times div,.wind-pressure div{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:8px 0}.moon-phase div:last-child,.precipitation div:last-child,.sun-times div:last-child,.wind-pressure div:last-child{border-bottom:none}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center}.loader{text-align:center}.weather-spinner{height:80px;margin:0 auto 20px;position:relative;width:80px}.weather-spinner .sun{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.weather-spinner .ray{background:#fbbf24;border-radius:1px;height:20px;left:50%;position:absolute;top:50%;transform-origin:0 0;width:2px}.weather-spinner .ray:nth-child(2){animation:pulse 2s ease-in-out infinite;transform:translate(-50%,-50%) rotate(45deg)}.weather-spinner .ray:nth-child(3){animation:pulse 2s ease-in-out infinite;transform:translate(-50%,-50%) rotate(90deg)}.weather-spinner .ray:nth-child(4){animation:pulse 2s ease-in-out infinite;transform:translate(-50%,-50%) rotate(135deg)}.weather-spinner .ray:nth-child(5){animation:pulse 2s ease-in-out infinite;transform:translate(-50%,-50%) rotate(180deg)}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:1024px){.weather-main{gap:30px}.stat-grid,.weather-main{grid-template-columns:1fr}}@media (max-width:768px){.app-container{padding:15px}.header-content{align-items:stretch;flex-direction:column}.app-title{font-size:2rem;justify-content:center}.header-controls{flex-direction:column}.location-search{min-width:auto}.search-container{flex-direction:column}.current-location-btn{justify-content:center;width:100%}.locations-grid{grid-template-columns:1fr}.content-nav{max-width:100%;overflow-x:auto}.nav-btn{flex:1 1;justify-content:center;min-width:100px}.current-weather-header{flex-direction:column;text-align:center}.time-display{text-align:right;width:100%}.current-temp{font-size:4rem}.forecast-days{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-container{padding:10px}.app-title{font-size:1.8rem}.celestial-body{height:80px;right:5%;width:80px}.moon,.sun{height:50px;width:50px}.current-temp{font-size:3.5rem}.forecast-days{grid-template-columns:1fr}.current-weather-card,.forecast,.weather-details{padding:20px}}.clouds-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.cloud{animation:moveCloud linear infinite;filter:blur(2px);position:absolute}.cloud-part{background:#fffffff2;border-radius:50%;box-shadow:inset 0 -2px 5px #0000001a,0 2px 10px #ffffff4d;position:absolute}.cloud-1{animation-delay:0s;animation-duration:60s;height:60px;top:15%;width:120px}.cloud-1 .part-1{height:50px;left:10px;top:-25px;width:50px}.cloud-1 .part-2{height:60px;left:35px;top:-30px;width:60px}.cloud-1 .part-3{height:45px;left:65px;top:-20px;width:45px}.cloud-1 .part-4{height:40px;left:25px;top:5px;width:40px}.cloud-2{animation-delay:10s;animation-duration:80s;height:80px;top:25%;width:180px}.cloud-2 .part-1{height:70px;left:15px;top:-35px;width:70px}.cloud-2 .part-2{height:80px;left:50px;top:-40px;width:80px}.cloud-2 .part-3{height:65px;left:95px;top:-30px;width:65px}.cloud-2 .part-4{height:55px;left:35px;top:10px;width:55px}.cloud-3{animation-delay:20s;animation-duration:100s;height:90px;top:45%;width:220px}.cloud-3 .part-1{height:80px;left:20px;top:-40px;width:80px}.cloud-3 .part-2{height:90px;left:65px;top:-45px;width:90px}.cloud-3 .part-3{height:75px;left:125px;top:-35px;width:75px}.cloud-3 .part-4{height:60px;left:45px;top:12px;width:60px}.cloud-4{animation-delay:30s;animation-duration:120s;filter:blur(4px);height:40px;opacity:.8;top:10%;width:200px}.cloud-4 .part-1{height:30px;left:10px;top:-15px;width:60px}.cloud-4 .part-2{height:35px;left:50px;top:-17px;width:80px}.cloud-4 .part-3{height:32px;left:110px;top:-16px;width:70px}.cloud-4 .part-4{height:28px;left:30px;top:5px;width:50px}.cloud-5{animation-delay:40s;animation-duration:90s;height:60px;opacity:.9;top:65%;width:280px}.cloud-5 .part-1{height:40px;left:20px;top:-20px;width:80px}.cloud-5 .part-2{height:45px;left:70px;top:-22px;width:100px}.cloud-5 .part-3{height:42px;left:140px;top:-21px;width:90px}.cloud-5 .part-4{height:38px;left:50px;top:8px;width:70px}.night .cloud-part{background:#c8c8dcd9;box-shadow:inset 0 -2px 5px #0003,0 2px 8px #c8c8dc33}@keyframes moveCloud{0%{opacity:0;transform:translateX(-300px) translateY(0) scale(1)}5%{opacity:1}50%{transform:translateX(calc(50vw - 150px)) translateY(-5px) scale(1.02)}95%{opacity:1}to{opacity:0;transform:translateX(calc(100vw + 300px)) translateY(0) scale(1)}}.cloud:before{animation:floatCloud 8s ease-in-out infinite;background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes floatCloud{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.weather-background .clouds-container .cloud.storm-cloud{filter:blur(1px) brightness(.7);opacity:.95}.weather-background .clouds-container .cloud.storm-cloud .cloud-part{background:#646478e6;box-shadow:inset 0 -3px 8px #0000004d,0 3px 12px #64647833}.rain-effect{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rain-drop{animation:rainFall linear infinite;background:linear-gradient(#0000,#93c5fd);border-radius:1px;height:20px;position:absolute;width:2px}.storm-rain .rain-drop{background:linear-gradient(#0000,#60a5fa);height:25px;width:3px}.snow-effect{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.snow-flake{animation:snowFall linear infinite;background:#fff;box-shadow:0 0 5px #ffffff80}.snow-flake,.snow-flake:before{border-radius:50%;position:absolute}.snow-flake:before{background:#ffffff4d;content:"";height:60%;left:50%;top:50%;transform:translate(-50%,-50%);width:60%}.lightning-effect{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lightning{animation:lightningFlash linear infinite;background:linear-gradient(180deg,#0000,#fef3c7,#0000);box-shadow:0 0 20px #fef3c7,0 0 40px #fbbf24;height:0;opacity:0;position:absolute;width:4px}@keyframes lightningFlash{0%,to{height:0;opacity:0}1%{height:100vh;opacity:1}2%{height:100vh;opacity:.5}3%{height:100vh;opacity:1}4%{height:100vh;opacity:0}5%{height:0;opacity:0}}.fog-effect{left:0;pointer-events:none;top:0}.fog-effect,.fog-layer{height:100%;position:absolute;width:100%}.fog-layer{animation:fogMove linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.fog-1{animation-duration:40s;filter:blur(8px);height:40%;top:30%}.fog-2{animation-duration:60s;filter:blur(12px);height:30%;opacity:.7;top:50%}.fog-3{animation-duration:80s;filter:blur(15px);height:20%;opacity:.5;top:70%}@keyframes fogMove{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.star{animation:twinkle 4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 5px #ffffff80;position:absolute}.star:before{background:radial-gradient(circle,#fffc 0,#0000 70%);content:"";height:200%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.particle{animation:floatParticle linear infinite;background:#ffffff1a;border-radius:50%;box-shadow:0 0 10px #fff3;position:absolute}.particle:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%}@media (max-width:768px){.cloud-1{height:40px;top:15%;width:80px}.cloud-2{height:60px;top:30%;width:120px}.cloud-3{height:80px;top:50%;width:160px}.cloud-4{height:35px;top:10%;width:140px}.cloud-5{height:50px;top:65%;width:200px}.cloud-1 .part-1{height:35px;left:5px;top:-17px;width:35px}.cloud-1 .part-2{height:40px;left:25px;top:-20px;width:40px}.cloud-1 .part-3{height:30px;left:45px;top:-15px;width:30px}.cloud-1 .part-4{height:25px;left:15px;top:3px;width:25px}}.app-footer{padding:20px 16px 28px;position:relative;text-align:center;width:100%;z-index:2}.footer-text{color:#fffc;color:var(--day-text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;letter-spacing:.2px;transition:all .2s ease;transition:var(--transition-fast)}.app-footer.night .footer-text{color:#f1f5f9b3;color:var(--night-text-secondary)}.footer-link{border-bottom:1px solid #0000;color:inherit;font-weight:600;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.footer-link:focus-visible,.footer-link:hover{border-bottom-color:initial;color:#fff;color:var(--day-text)}.app-footer.night .footer-link:focus-visible,.app-footer.night .footer-link:hover{color:#f1f5f9;color:var(--night-text)}
/*# sourceMappingURL=main.9bf3037f.css.map*/