body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:400;src:url(/static/media/Vazirmatn-Regular.1340fc63c6d61549c84d.ttf) format("truetype")}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:500;src:url(/static/media/Vazirmatn-Medium.e42b1032f2471ccc71ef.ttf) format("truetype")}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:600;src:url(/static/media/Vazirmatn-SemiBold.6545a61604afc34f01af.ttf) format("truetype")}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:700;src:url(/static/media/Vazirmatn-Bold.67f65322967d412668e8.ttf) format("truetype")}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:800;src:url(/static/media/Vazirmatn-ExtraBold.622bd2cc98489c8b463f.ttf) format("truetype")}@font-face{font-display:swap;font-family:Vazirmatn;font-weight:900;src:url(/static/media/Vazirmatn-Black.c20ecaafcef6fbb55d23.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.lang-ar{letter-spacing:.02em}body.lang-ar *{direction:rtl}body.lang-ar *,body.lang-en *{font-feature-settings:"kern" 1,"liga" 1;text-align:center}body.lang-en *{direction:ltr}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}body.lang-ar h1,body.lang-ar h2,body.lang-ar h3,body.lang-ar h4,body.lang-ar h5,body.lang-ar h6{font-weight:700;letter-spacing:-.01em}body.lang-en h1,body.lang-en h2,body.lang-en h3,body.lang-en h4,body.lang-en h5,body.lang-en h6{font-weight:600;letter-spacing:-.02em}:root{--bg1:#1a365d;--bg2:#2d5aa0;--bg3:#4299e1;--glass:#ffffff1f;--glass-strong:#ffffff2e;--stroke:#ffffff40;--text-primary:#fff;--text-secondary:#ffffffde;--text-muted:#ffffffb3;--text-subtle:#ffffff8a;--text-disabled:#ffffff61;--shadow:0 12px 35px #00000040;--shadow-light:0 6px 20px #00000026;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--brand:#fff;--brand-weak:#fffc;--ok:#68d391;--warn:#f6ad55;--bad:#fc8181}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#1a365d,#2d5aa0 40%,#4299e1 80%,#63b3ed);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 40%,var(--bg3) 80%,#63b3ed 100%);background-attachment:fixed;color:#fff;color:var(--text-primary);min-height:100vh;padding:20px;transition:font-family .3s ease,direction .3s ease,font-weight .2s ease}body.lang-ar{direction:rtl;line-height:1.7}body.lang-ar,body.lang-en{font-family:Vazirmatn,system-ui,-apple-system,sans-serif;font-weight:400;letter-spacing:.01em}body.lang-en{direction:ltr;line-height:1.65}.title{font-weight:800!important;text-rendering:optimizeLegibility}body.lang-ar .title{font-weight:900!important;letter-spacing:-.02em}body.lang-en .title{font-weight:700!important;letter-spacing:-.04em}.subtitle{font-weight:500}body.lang-ar .subtitle,button{font-weight:600}button{letter-spacing:.025em}body.lang-ar button{font-weight:700}input{font-weight:500}body.lang-ar input{font-weight:600}.language-toggle{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff2e;background:var(--glass-strong);border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:50%;box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow-light);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.language-toggle:hover{background:#ffffff1f;background:var(--glass);border-color:#fffc;border-color:var(--brand-weak);box-shadow:0 12px 35px #00000040;box-shadow:var(--shadow);transform:translateY(-2px) scale(1.05)}.language-toggle:active{transform:translateY(0) scale(.95)}body.lang-ar .language-toggle{left:20px;right:auto}button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.wrap{margin:0 auto;max-width:900px;padding:0;width:100%}.header{margin-bottom:30px;padding:20px;text-align:center}.title{color:#fff;font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-1px;margin:0 0 10px}.header .title{direction:ltr!important;font-family:Vazirmatn,system-ui,-apple-system,sans-serif!important;text-align:center!important;unicode-bidi:bidi-override!important}.description{color:#ffffffb3;color:var(--text-muted);font-size:clamp(14px,2.5vw,18px);font-weight:500;margin:10px 0 0;opacity:.9}.search-container{align-items:center;display:flex;gap:12px;margin:0 auto 40px;max-width:500px;width:100%}.search{flex:1 1;position:relative}.search input{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1f;background:var(--glass);border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow-light);color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;outline:none;padding:16px 60px 16px 20px;transition:all .3s ease;width:100%}.search input::placeholder{color:#ffffff8a;color:var(--text-subtle);font-weight:400}.search input:focus{background:#ffffff2e;background:var(--glass-strong);border-color:#fff9;box-shadow:0 0 0 4px #fff3,0 12px 35px #00000040;box-shadow:0 0 0 4px #fff3,var(--shadow);transform:translateY(-2px)}.search button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px}.search button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.search button:active{transform:translateY(-50%) scale(.95)}.location-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff4d,#fff3);border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow-light);color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;transition:all .3s ease;white-space:nowrap}.location-btn:hover{background:linear-gradient(135deg,#fff6,#ffffff4d);box-shadow:0 12px 35px #00000040;box-shadow:var(--shadow);transform:translateY(-2px)}.location-btn:active{transform:translateY(0)}.location-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff38,#ffffff1f);border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 12px 35px #00000040;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:400px;padding:32px}.card,.current{margin-bottom:32px}.current{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto;padding:0}.city{color:#fff;color:var(--text-primary);font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:.2px;margin:0 0 8px}.city,.date{text-align:center}.date{color:#ffffffb3;color:var(--text-muted);font-size:clamp(14px,2vw,16px);font-weight:500;margin:0}.now,.temp{text-align:center}.temp{color:#fff;color:var(--text-primary);font-size:clamp(40px,6vw,64px);font-weight:900;line-height:.9;margin:0}.cond{color:#ffffffde;color:var(--text-secondary);font-size:clamp(14px,2vw,16px);font-weight:600;margin-top:8px;text-align:center;text-transform:capitalize}.icon-wrap{align-items:center;display:flex;justify-content:center;margin:20px 0}.icon{filter:drop-shadow(0 10px 25px rgba(0,0,0,.3));height:clamp(80px,12vw,120px);width:clamp(80px,12vw,120px)}.icon img{height:100%;margin-right:auto;object-fit:contain;width:100%}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:auto}.stat{background:#ffffff2e;border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:14px;border-radius:var(--radius-md);padding:18px 12px;text-align:center;transition:all .3s ease}.stat:hover{background:#ffffff40;box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow-light);transform:translateY(-2px)}.stat .label{color:#ffffffb3;color:var(--text-muted);font-size:13px;font-weight:500;margin-bottom:8px}.stat .value{font-size:clamp(14px,2vw,16px);font-weight:700}.section-title,.stat .value{color:#fff;color:var(--text-primary)}.section-title{font-size:clamp(20px,3vw,28px);font-weight:800;margin:0 0 20px;text-align:center}.forecast{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.f-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:18px;border-radius:var(--radius-lg);cursor:default;padding:20px 16px;text-align:center;transition:all .3s ease}.f-card:hover{background:#ffffff47;box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow-light);transform:translateY(-6px)}.f-day{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:10px}.f-icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));margin:8px 0 10px}.f-icon img{height:48px;object-fit:contain;width:48px}.f-cond{color:#ffffffde;color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.f-temps{align-items:center;display:flex;font-size:15px;gap:12px;justify-content:space-between}.f-temps .hi{color:#fff;color:var(--text-primary);font-weight:800}.f-temps .lo{color:#ffffffb3;color:var(--text-muted);font-weight:600}@media (max-width:768px){body{padding:15px}.wrap{padding:0}.header{margin-bottom:25px;padding:15px 0}.title{font-size:32px;margin-bottom:6px}.subtitle{font-size:15px}.search-container{flex-direction:column;gap:12px;margin-bottom:25px;max-width:100%}.search{width:100%}.search input{border-radius:16px;font-size:16px;padding:16px 55px 16px 18px}.search button{border-radius:12px;height:42px;left:10px;width:42px}.location-btn{border-radius:16px;font-size:15px;padding:16px 20px;width:100%}.card{border-radius:20px;margin-bottom:25px;min-height:320px;padding:20px}.current{gap:16px;grid-template-columns:1fr;margin-bottom:20px}.current,.now{text-align:center}.city,.cond,.date,.temp{text-align:center!important}.city{font-size:24px;margin-bottom:6px}.date{font-size:14px}.temp{font-size:48px}.cond{font-size:15px;margin-top:6px}.icon-wrap{margin:15px 0}.icon{height:90px;width:90px}.stats{gap:8px;grid-template-columns:repeat(3,1fr);margin-top:20px}.stat{border-radius:12px;padding:12px 8px}.stat .label{font-size:12px;margin-bottom:6px}.stat .value{font-size:14px}.section-title{font-size:22px;margin-bottom:16px}.forecast{gap:10px;grid-template-columns:repeat(2,1fr)}.f-card{border-radius:16px;padding:16px 12px}.f-day{font-size:15px;margin-bottom:8px}.f-icon img{height:40px;width:40px}.f-cond{font-size:12px;margin-bottom:8px}.f-temps{font-size:14px;gap:8px}}@media (max-width:480px){body{padding:10px}.header{margin-bottom:20px;padding:10px 0}.title{font-size:28px}.subtitle{font-size:14px}.search-container{gap:10px;margin-bottom:20px}.search input{font-size:15px;padding:14px 50px 14px 16px}.search button{height:38px;left:8px;width:38px}.location-btn{font-size:14px;padding:14px 18px}.card{margin-bottom:20px;min-height:300px;padding:18px}.city{font-size:22px}.temp{font-size:42px}.icon{height:80px;width:80px}.stats{gap:8px;grid-template-columns:1fr}.stat{align-items:center;display:flex;justify-content:space-between;padding:14px 16px;text-align:left}.stat .label{font-size:13px;margin-bottom:0}.stat .value{font-size:15px}.section-title{font-size:20px;margin-bottom:15px}.forecast{gap:8px;grid-template-columns:1fr}.f-card{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto auto;padding:14px 16px;text-align:left}.f-day{font-size:15px;margin-bottom:0;min-width:60px}.f-icon{justify-self:center;margin:0}.f-icon img{height:36px;width:36px}.f-cond{font-size:12px;justify-self:start;margin-bottom:0}.f-temps{align-items:flex-end;flex-direction:column;font-size:13px;gap:2px;justify-self:end}}@media (max-width:360px){body{padding:8px}.title{font-size:24px}.card{padding:16px}.temp{font-size:38px}.section-title{font-size:18px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}.error-message,.loading-message{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #ffffff40;border:1px solid var(--stroke);border-radius:18px;border-radius:var(--radius-lg);font-weight:600;margin-bottom:20px;padding:16px 20px;text-align:center}.loading-message{animation:pulse 2s infinite;background:#ffffff1a;color:#fff;color:var(--text-primary)}.error-message{background:#f5656526;border-color:#f565654d;color:#fed7d7}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}