main{min-height:100vh;direction:rtl;transition:background 1s ease;color:#1f2937}.cont-city-select{max-width:400px;margin:0 auto;padding:1rem}.drop-down-weather{max-width:1200px;margin:2rem auto}#animation-container{overflow:hidden;z-index:0;inset: 0;position: fixed;}@media (max-width:640px;inset: 0;position: fixed;)@media (max-width:768px){.weather-container .display-4{font-size:1.8rem}}main.bg-night .weather-container h1,main.bg-night .cont-city-select label{color:#d1d5db}#background-particles{position:absolute;inset:0;background:#fff0}.particle{position:absolute;width:4px;height:4px;background:rgb(255 255 255 / .5);border-radius:50%;animation:float linear infinite;z-index:99999}@keyframes float{0%{transform:translateY(100vh) translateX(0)}100%{transform:translateY(-100vh) translateX(10px)}}@keyframes float-windy{0%{transform:translateX(-100vw) translateY(0)}100%{transform:translateX(100vw) translateY(20px)}}.raindrop{position:absolute;width:3px;height:30px;background:rgb(255 255 255 / .8);animation:fall linear infinite;transform:rotate(15deg);z-index:99999}.raindrop.extreme::after{content:'';position:absolute;bottom:-5px;left:50%;width:10px;height:10px;background:rgb(255 255 255 / .4);border-radius:50%;transform:translateX(-50%)}@keyframes fall{0%{transform:translateY(-100vh) rotate(15deg)}100%{transform:translateY(100vh) rotate(15deg)}}.snowflake{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:snow-fall linear infinite}@keyframes snow-fall{0%{transform:translateY(-100vh) rotate(0deg)}100%{transform:translateY(100vh) rotate(360deg)}}.heatwave{position:absolute;width:100%;height:8px;background:linear-gradient(to right,transparent,rgb(255 100 0 / .4),transparent);animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.cloud{position:fixed;width:120px;height:50px;background:#fff;border-radius:50px;box-shadow:0 0 15px rgb(0 0 0 / .2);animation:drift linear infinite;z-index:38}.cloud.extreme{opacity:.8;animation:drift-windy linear infinite}.cloud::before,.cloud::after{content:'';position:absolute;background:#fff;border-radius:50%}.cloud::before{width:60px;height:60px;top:-30px;left:25px}.cloud::after{width:40px;height:40px;top:-20px;left:70px}@keyframes drift{0%{transform:translateX(-100vw)}100%{transform:translateX(100vw)}}@keyframes drift-windy{0%{transform:translateX(-100vw)}100%{transform:translateX(100vw)}}.sun{position:absolute;width:100px;height:100px;background:radial-gradient(circle,#ffeb3b,#ff9800);border-radius:50%;top:80px;right:20px;box-shadow:0 0 30px #ffeb3b;animation:glow 1.5s ease-in-out infinite;z-index:37}.sun.extreme{background:radial-gradient(circle,#ff5722,#b71c1c);box-shadow:0 0 50px #ff5722,0 0 80px #ff1744;animation:glow-extreme 1s ease-in-out infinite}.moon{position:absolute;width:100px;height:100px;background:radial-gradient(circle,#e0e7ff,#9ca3af);border-radius:50%;top:80px;right:20px;box-shadow:0 0 30px #e0e7ff;animation:glow-moon 1.5s ease-in-out infinite;z-index:37}.moon.extreme{background:radial-gradient(circle,#e0e7ff,#6b7280);box-shadow:0 0 50px #e0e7ff,0 0 80px #9ca3af;animation:glow-moon-extreme 1s ease-in-out infinite}@keyframes glow{0%,100%{transform:scale(1);box-shadow:0 0 30px #ffeb3b}50%{transform:scale(1.05);box-shadow:0 0 50px #ffeb3b}}@keyframes glow-extreme{0%,100%{transform:scale(1);box-shadow:0 0 50px #ff5722,0 0 80px #ff1744}50%{transform:scale(1.1);box-shadow:0 0 70px #ff5722,0 0 100px #ff1744}}@keyframes glow-moon{0%,100%{transform:scale(1);box-shadow:0 0 30px #e0e7ff}50%{transform:scale(1.05);box-shadow:0 0 50px #e0e7ff}}@keyframes glow-moon-extreme{0%,100%{transform:scale(1);box-shadow:0 0 50px #e0e7ff,0 0 80px #9ca3af}50%{transform:scale(1.1);box-shadow:0 0 70px #e0e7ff,0 0 100px #9ca3af}}select{background-color:#ffffff!important;color:#111827!important;border:1px solid #d1d5db!important;padding:0.75rem!important;font-size:1rem!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23111827'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left .75rem center!important;background-size:0.65em!important;padding-left:2.5rem!important;border-radius:0.5rem!important;transition:all 0.3s ease;width:100%;box-shadow:0 1px 3px rgb(0 0 0 / .1)}select option{background-color:#ffffff!important;color:#111827!important}select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px rgb(59 130 246 / .5)!important}#weather-today{background:linear-gradient(135deg,#ffffff,#f8fafc);border-radius:1rem;padding:2rem;box-shadow:0 10px 25px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;max-width:900px;margin:0 auto 2rem;border:1px solid rgb(0 0 0 / .05);backdrop-filter:blur(5px)}#weather-today:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgb(0 0 0 / .15)}#weather-today h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:.5rem}#weather-today h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(to right,#fbbf24,#f7b81a);border-radius:3px}#today-details{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;align-items:center}#today-details img{width:200px;height:200px;margin:0 auto;transition:transform 0.5s ease;filter:drop-shadow(0 5px 5px rgb(0 0 0 / .1));object-fit:contain}#today-details img:hover{transform:scale(1.1) rotate(5deg)}#today-details>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;font-size:1rem;color:#374151;max-width:550px}#today-details p{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem 0;border-bottom:1px solid rgb(0 0 0 / .05)}#today-details p::before{font-family:'Font Awesome 6 Free';font-weight:900;font-size:1rem;color:#2a2e34;width:1.5rem;text-align:center}#today-temp::before{content:'\f2c9'}#today-desc::before{content:'\f06e'}#today-humidity::before{content:'\f043'}#today-wind::before{content:'\f72e'}#today-wind-direction::before{content:'\f14e'}#today-sunrise::before{content:'\f185'}#today-sunset::before{content:'\f186'}#today-paint::before{content:'\f5aa'}#today-aqi::before{content:'\f769'}#today-feels-like::before{content:'\f2cb'}.weather-card{background:linear-gradient(145deg,#ffffff,#f1f5f9);border-radius:1rem;padding:1.5rem;box-shadow:0 6px 15px rgb(0 0 0 / .08);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgb(0 0 0 / .05);backdrop-filter:blur(3px);min-width:320px;margin:15px auto}.weather-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgb(0 0 0 / .12)}.weather-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.weather-card h3::before{font-family:'Font Awesome 6 Free';font-weight:900;font-size:1rem;color:#10b981}.weather-card p{font-size:.95rem;color:#374151;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;padding:.3rem 0;max-width:300px}.weather-card p::before{font-family:'Font Awesome 6 Free';font-weight:900;font-size:.9rem;color:#2a2e34;width:1.5rem;text-align:center}.weather-card p:nth-child(3)::before{content:'\f2c9'}.weather-card p:nth-child(4)::before{content:'\f06e'}.weather-card p:nth-child(5)::before{content:'\f043'}.weather-card p:nth-child(6)::before{content:'\f72e'}.weather-card p:nth-child(7)::before{content:'\f5aa'}.weather-icon{width:60px;height:60px;transition:transform 0.5s;filter:drop-shadow(0 3px 5px rgb(0 0 0 / .1));object-fit:contain}.weather-icon:hover{transform:scale(1.1) rotate(5deg)}.paint-good{color:#10b981;font-weight:600}.paint-warning{color:#f59e0b;font-weight:600}.paint-bad{color:#ef4444;font-weight:600}.aqi-good{color:#10b981;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.aqi-moderate{color:#dab600;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.aqi-unhealthy-sensitive{color:#f59e0b;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.aqi-unhealthy{color:#ef4444;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.aqi-very-unhealthy{color:#8b5cf6;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.aqi-hazardous{color:#7f1d1d;font-weight:500;padding:.2rem .5rem;border-radius:.25rem}.bg-rainy{background:linear-gradient(to bottom,#b0bec5,#546e7a)}.bg-cloudy{background:linear-gradient(to bottom,#cfd8dc,#90a4ae)}.bg-sunny{background:linear-gradient(to bottom,#fffde7,#ffecb3)}.bg-very-hot{background:linear-gradient(to bottom,#ff5722,#d81b60)}.bg-very-windy{background:linear-gradient(to bottom,#b0bec5,#78909c)}.bg-heavy-snow{background:linear-gradient(to bottom,#eceff1,#b0bec5)}.bg-night{background:linear-gradient(to bottom,#1e3a8a,#111827)}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid rgb(0 0 0 / .1);border-left-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;z-index:1000}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.error-notification{position:fixed;top:20px;right:20px;background:rgb(239 68 68 / .9);color:#fff;padding:1rem;border-radius:.5rem;z-index:1000;transition:opacity 0.5s ease}@media (max-width:640px){#today-details{grid-template-columns:1fr;text-align:center}#today-details img{margin:0 auto}#today-details>div{grid-template-columns:1fr}.weather-card{padding:1.25rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weather-card{animation:fadeIn 0.5s ease-out forwards}.weather-card:nth-child(1){animation-delay:0.1s}.weather-card:nth-child(2){animation-delay:0.2s}.weather-card:nth-child(3){animation-delay:0.3s}.weather-card:nth-child(4){animation-delay:0.4s}.weather-card:nth-child(5){animation-delay:0.5s}[data-theme="dark"] main{color:var(--text-color)}[data-theme="dark"] select{background-color:#2a2e32!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%239ca3af'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat}[data-theme="dark"] select option{background-color:#2a2e32!important;color:var(--text-color)!important}[data-theme="dark"] select:focus{border-color:var(--link-color);box-shadow:0 0 0 3px rgb(59 130 246 / .3)}[data-theme="dark"] #weather-today{background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:var(--shadow)!important}[data-theme="dark"] #weather-today:hover{box-shadow:0 15px 30px rgb(0 0 0 / .3)}[data-theme="dark"] #weather-today h2{color:var(--text-color)}[data-theme="dark"] #weather-today h2::after{background:linear-gradient(to right,#3b82f6,#1d4ed8)}[data-theme="dark"] #today-details>div{color:var(--text-muted)}[data-theme="dark"] #today-details p{border-bottom:1px solid var(--border-color)}[data-theme="dark"] #today-details p::before{color:var(--text-muted)}[data-theme="dark"] .weather-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .weather-card:hover{box-shadow:0 12px 25px rgb(0 0 0 / .3)}[data-theme="dark"] .weather-card h3{color:var(--text-color)}[data-theme="dark"] .weather-card h3::before{color:var(--link-color)}[data-theme="dark"] .weather-card p{color:var(--text-muted)}[data-theme="dark"] .weather-card p::before{color:var(--text-muted)}[data-theme="dark"] .bg-rainy{background:linear-gradient(to bottom,#374151,#1f2937)}[data-theme="dark"] .bg-cloudy{background:linear-gradient(to bottom,#4b5563,#374151)}[data-theme="dark"] .bg-sunny{background:linear-gradient(to bottom,#1e3a8a,#1c2526)}[data-theme="dark"] .bg-very-hot{background:linear-gradient(to bottom,#7f1d1d,#4c1d95)}[data-theme="dark"] .bg-very-windy{background:linear-gradient(to bottom,#374151,#293548)}[data-theme="dark"] .bg-heavy-snow{background:linear-gradient(to bottom,#2a2e32,#374151)}[data-theme="dark"] .bg-night{background:linear-gradient(to bottom,#1e1b4b,#0f172a)}[data-theme="dark"] .loading-spinner{border:4px solid rgb(255 255 255 / .1);border-left-color:var(--link-color)}[data-theme="dark"] .error-notification{background:rgb(248 113 113 / .9);color:var(--text-color)}