@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/OpenSans-Regular.woff2') format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/OpenSans-Semibold.woff2') format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/OpenSans-Bold.woff2') format('woff2')}@font-face{font-family:'Noto Sans Tifinagh';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/NotoSansTifinagh-Regular.woff2') format('woff2')}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/NotoSans-Regular.woff2') format('woff2')}@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/NotoNaskhArabic-Bold.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:root{--color-primary:#c1272d;--color-bg:#165c3a;--color-bg-light:rgba(255,255,255,0.1);--color-text:#ffffff;--color-text-muted:rgba(255,255,255,0.6);--color-border:rgba(255,255,255,0.1);--font-map:'Open Sans','Noto Naskh Arabic','Noto Sans Tifinagh','Noto Sans',sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-md:0 4px 16px rgba(0,0,0,0.3);--shadow-lg:0 8px 32px rgba(0,0,0,0.4);--pattern-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill='none' stroke='%23fff' stroke-opacity='0.06' d='M40 0l20 20v20L40 60 20 40V20zM0 40l20-20M80 40l-20-20M0 40l20 20M80 40l-20 20'/%3E%3C/svg%3E");--transition-fast:150ms ease;--transition-normal:250ms ease;--sheet-width:320px}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}html,body{height:100%;font-family:var(--font-map);background:hsl(220,55%,32%);color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased}#weather-web{width:100%;height:100%}.weather-web{position:relative;width:100%;height:100%}.map-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.map-container__eumetsat{position:absolute;z-index:45;pointer-events:none;transform:translate(-50%,-100%);background:rgba(0,0,0,0.47);padding:4px 16px;white-space:nowrap;font-family:var(--font-map);font-size:11px;color:white}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(194,0,13,0.5)}70%{box-shadow:0 0 0 15px rgba(194,0,13,0)}100%{box-shadow:0 0 0 0 rgba(194,0,13,0)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.side-sheet{position:fixed;top:0;right:0;bottom:0;width:var(--sheet-width);max-width:100%;height:100%;background-color:var(--color-bg);background-image:var(--pattern-diamond);background-size:80px 80px;z-index:301;transform:translateX(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.side-sheet.open{transform:translateX(0)}.side-sheet-content{flex:1;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}@media (max-width:640px){.side-sheet{width:80%}}.search-bar{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:calc(100% - 144px);max-width:360px;z-index:50}.search-bar__input-wrapper{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;inset-inline-start:12px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.search-bar__input{width:100%;height:44px;padding:0 40px 0 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:rgba(22,92,58,0.95);background-image:var(--pattern-diamond);background-size:80px 80px;color:var(--color-text);font-size:15px;outline:none;transition:border-color var(--transition-fast)}.search-bar--open .search-bar__input{border-radius:var(--radius-md) var(--radius-md) 0 0;height:48px;border-bottom:none}.search-bar__input:focus,.search-bar__input:focus-visible{border-color:var(--color-border)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__clear{position:absolute;inset-inline-end:0;width:44px;height:44px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.search-bar__clear:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.search-bar__clear svg{width:16px;height:16px}.search-bar__dropdown{position:absolute;top:100%;left:0;right:0;background-color:rgba(22,92,58,0.95);background-image:var(--pattern-diamond);background-size:80px 80px;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:240px;overflow-y:auto;z-index:49;padding:4px 0}.search-bar__loading{padding:12px 16px;color:var(--color-text-muted);font-size:14px;display:flex;align-items:center;gap:8px}.search-bar__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}.search-bar__result{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);margin:4px 8px;padding:8px 8px;border:none;background:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text);text-align:start;cursor:pointer;transition:background var(--transition-fast)}.search-bar__result:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.search-bar__result:hover{background:rgba(255,255,255,0.15)}.search-bar__result-icon{width:24px;height:24px;color:var(--color-text-muted);flex-shrink:0}.search-bar__result-text{flex:1;min-width:0}.search-bar__result-name{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar__result-secondary{display:block;font-size:12px;color:var(--color-text-muted)}.search-bar--geo .search-bar__input{display:none}.search-bar__geo{display:flex;align-items:center;gap:3px;width:100%;height:44px;padding-inline-start:32px;padding-inline-end:40px;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:rgba(22,92,58,0.95);background-image:var(--pattern-diamond);background-size:80px 80px}.search-bar__geo-icon{width:32px;height:32px;flex-shrink:0}.search-bar__geo-name{flex:1;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar__geo-temp{font-size:15px;font-weight:700;color:#fff;white-space:nowrap}.search-bar__geo-time{font-size:12px;color:rgba(255,255,255,0.85);white-space:nowrap;margin-inline-start:4px}@media (min-width:768px){.search-bar__geo-name{font-size:14px}.search-bar__geo-temp{font-size:18px}.search-bar__geo-time{font-size:12px}}.weather-card{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:16px;position:relative}.weather-card--compact{padding:8px 16px 8px}.weather-card__close{position:absolute;top:-8px;left:-12px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(193,39,45,0.85);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);z-index:1}.weather-card__close:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.weather-card__close::after{content:'';position:absolute;inset:-8px}.weather-card__close svg{width:24px;height:24px}.weather-card__close:hover{background:rgba(193,39,45,1)}.weather-card__row{display:flex;justify-content:space-between;align-items:center}.weather-card__location{font-size:18px;font-weight:600;line-height:1.2;flex:1;min-width:0}.weather-card__location--coords{font-size:13px;font-weight:500;letter-spacing:0.3px}.weather-card--compact .weather-card__location{text-align:start}.weather-card__meta-coords{font-size:11px;line-height:1.2;opacity:0.7;font-variant-numeric:tabular-nums}.weather-card__meta-date{font-size:11px;line-height:1.2;opacity:0.7;font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.weather-card__current{display:flex;align-items:center;justify-content:end;gap:8px}.weather-card--compact .weather-card__icon{width:48px;height:48px}.weather-card__icon{width:64px;height:64px}.weather-card__temp{font-size:56px;font-weight:300;line-height:1}.weather-card--compact .weather-card__temp{font-size:28px;font-weight:300;line-height:1}.share-bar{display:flex;gap:8px;justify-content:center;background:var(--color-bg-light);border-radius:var(--radius-lg);padding:12px 16px}.share-bar__btn{width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.share-bar__btn:active{opacity:0.7}.share-bar__btn svg{width:20px;height:20px}.share-bar__btn--wa{background:#25D366;color:#fff}.share-bar__btn--fb{background:#1877F2;color:#fff}.share-bar__btn--x{background:#fff;color:#000}.share-bar__btn--copy{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8)}.share-bar__btn--more{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8)}.hourly-forecast{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:12px 0;flex:1;min-height:0;display:flex;flex-direction:column}.hourly-forecast__header{display:grid;grid-template-columns:32px 32px 1fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,0.08)}.hourly-forecast__col-label{font-size:11px;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:0.3px;text-align:center}[dir="rtl"] .hourly-forecast__col-label{font-size:13px}.hourly-forecast__col-label--start{text-align:start}.hourly-forecast__header--units{padding:0 16px 4px;border-bottom:none}.hourly-forecast__col-unit{font-size:11px;color:rgba(255,255,255,0.7);text-align:center}.hourly-forecast__col-unit--start{text-align:start}.hourly-forecast__list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hourly-forecast__list::-webkit-scrollbar{display:none}.hourly-forecast__row{display:grid;grid-template-columns:32px 40px 1fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:0 16px;min-height:44px;cursor:pointer}.hourly-forecast__row:hover{background:rgba(255,255,255,0.06)}.hourly-forecast__row--active{background:rgba(255,255,255,0.1)}.hourly-forecast__time{font-size:13px;font-weight:500;color:var(--color-text-muted)}.hourly-forecast__row--active .hourly-forecast__time{color:var(--color-text)}.hourly-forecast__icon{width:40px;height:40px}.hourly-forecast__badge{display:inline-block;padding:4px;border-radius:10px;font-size:12px;font-weight:700;text-align:center;justify-self:center;width:40px;height:24px;line-height:16px}.hourly-forecast__wind-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:10px;font-size:11px;font-weight:700;justify-self:center;width:44px;height:24px;line-height:16px}.hourly-forecast__wind-arrow{width:12px;height:12px;flex-shrink:0}.hourly-forecast__precip-badge{display:inline-block;padding:4px;border-radius:10px;font-size:11px;font-weight:700;text-align:center;justify-self:center;width:32px;height:24px;line-height:16px}.hourly-forecast__humid-badge{display:inline-block;padding:4px;border-radius:10px;font-size:11px;font-weight:700;text-align:center;justify-self:center;width:32px;height:24px;line-height:16px}.hourly-forecast__day{margin-top:8px;padding:8px 16px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-text);letter-spacing:0.5px;border-top:1px solid rgba(255,255,255,0.15);text-align:center;cursor:pointer;background:rgba(255,255,255,0.04)}[dir="rtl"] .hourly-forecast__day{font-size:15px}.hourly-forecast__day:first-child{border-top:none;padding-top:4px}.hourly-forecast__sun{display:grid;grid-template-columns:32px 40px 1fr;gap:8px;align-items:center;padding:4px 16px;font-size:11px;color:#fbbf24}.hourly-forecast__sun-time{font-size:13px;font-weight:500;justify-self:start}.hourly-forecast__sun-icon{width:40px;height:40px;justify-self:center}.hourly-forecast__sun-label{text-transform:uppercase;font-weight:600;letter-spacing:0.5px;opacity:1;text-align:center}[dir="rtl"] .hourly-forecast__sun-label{font-size:15px}.daily-forecast-wrap{position:relative}.daily-forecast{border-radius:var(--radius-lg);padding:4px;display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.daily-forecast::-webkit-scrollbar{display:none}.daily-forecast__item{flex:0 0 calc((100% - 12px) / 3);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 8px;border:none;background:var(--color-bg-light);border-radius:12px;cursor:pointer;transition:background 0.15s;scroll-snap-align:start}.daily-forecast__item:hover{background:rgba(255,255,255,0.14)}.daily-forecast__item--active{box-shadow:inset 0 0 0 2px rgba(100,200,120,0.8)}.daily-forecast__day{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap}:lang(ar) .daily-forecast__day{font-size:15px}@media (min-width:641px){.daily-forecast__day{font-size:14px}}.daily-forecast__date{font-size:12px;font-weight:700;color:rgba(255,255,255,0.8)}.daily-forecast__header{display:flex;justify-content:space-between;align-items:center;width:100%}.daily-forecast__label{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.1}.daily-forecast__icon{width:48px;height:48px;flex-shrink:0;margin:-8px -4px 0 0}.daily-forecast__badges{display:grid;grid-template-columns:1fr 1fr;gap:3px}.daily-forecast__badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:100%;height:24px;padding:0 4px;border-radius:8px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.daily-forecast__item:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.daily-forecast__arrow{width:8px;height:8px;flex-shrink:0}.layer-selector__controls{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;direction:ltr;font-weight:400}.layer-selector__controls--hidden .layer-selector__divider,.layer-selector__controls--hidden .layer-selector__section-label,.layer-selector__controls--hidden .layer-selector__models,.layer-selector__controls--hidden .layer-selector__model,.layer-selector__controls--hidden .layer-selector__cycle{visibility:hidden}.layer-selector__divider{height:1px;background:rgba(255,255,255,0.08);margin:8px 0 8px}.layer-selector__models{display:inline-flex;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:3px;gap:2px;align-self:center}.layer-selector__model{padding:8px 16px;min-height:44px;border-radius:9px;border:none;background:transparent;color:rgba(255,255,255,0.6);font-size:12px;font-weight:600;letter-spacing:0.3px;cursor:pointer;transition:all 0.2s ease;user-select:none;-webkit-user-select:none;text-align:center}.layer-selector__model:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.layer-selector__model:hover{color:rgba(255,255,255,0.7)}.layer-selector__model--active{background:rgba(255,255,255,0.14);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.08)}.layer-selector__model-name{display:block;line-height:1.2}.layer-selector__cycle{text-align:center;font-size:11px;font-weight:400;color:rgba(255,255,255,0.6);padding:2px 4px 0;direction:ltr;white-space:nowrap;font-family:inherit}.layer-selector__section-label{font-size:12px;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.8px;padding:0 4px 2px;white-space:nowrap;text-align:center;font-family:inherit}[dir="rtl"] .layer-selector__section-label{font-size:15px}.layer-selector{position:fixed;bottom:96px;right:16px;z-index:50;transition:bottom var(--transition-normal)}.layer-selector__btn{min-width:44px;height:44px;padding:0 10px;border-radius:12px;border:none;background:rgba(22,92,58,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,0.8);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:background 0.15s,color 0.15s,border-radius 0.15s}.layer-selector__btn:hover{background:rgba(22,92,58,0.95);color:#fff}.layer-selector__btn:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.layer-selector__btn--open{border-radius:0 0 12px 12px;background:rgba(22,92,58,0.95);color:#fff;box-shadow:none}.layer-selector__btn svg{width:24px;height:24px;flex-shrink:0}.layer-selector__btn-label{font-size:12px;font-weight:700;color:inherit;white-space:nowrap;line-height:1.2}[dir="rtl"] .layer-selector__btn-label{font-size:16px}.layer-selector__panel{position:absolute;bottom:100%;right:0;width:300px;display:flex;flex-direction:column;background-color:#165c3a;background-image:var(--pattern-diamond);background-size:80px 80px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 16px;padding:12px;box-shadow:0 -8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);animation:layer-menu-in 0.2s ease-out}.layer-selector__menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@keyframes layer-menu-in{from{opacity:0;transform:translateY(8px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.layer-selector__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;min-height:72px;border:none;border-radius:12px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all 0.15s}.layer-selector__item:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.layer-selector__item:active{transform:scale(0.95)}.layer-selector__item:hover{color:rgba(255,255,255,0.85)}.layer-selector__item--active{color:#fff;box-shadow:inset 0 0 0 2px rgba(100,200,120,0.8)}.layer-selector__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.layer-selector__icon svg{width:24px;height:24px}.layer-selector__name{font-size:12px;font-weight:700;color:inherit;white-space:normal;text-align:center;line-height:1.2}[dir="rtl"] .layer-selector__name{font-size:14px}.layer-selector__btn--2t{order:0}.layer-selector__btn--wind_speed{order:1}.layer-selector__btn--tp{order:2}.layer-selector__btn--2r{order:3}.layer-selector__btn--prmsl{order:4}.layer-selector__btn--2d{order:5}.layer-selector__btn--airquality{order:6}.layer-selector__btn--satellite{order:7}.layer-selector__btn--whs{order:8}@media (max-width:640px){.layer-selector__panel{width:280px}}.map-player{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:rgba(15,20,30,0.6);z-index:50;overflow:visible;transition:right var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:0}.map-player__row{display:flex;align-items:center;gap:0;height:44px;padding:0;position:relative;-webkit-user-select:none;user-select:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.map-player__slider::-webkit-slider-thumb{box-shadow:0 0.5px 1.5px rgba(0,0,0,0.3)}}.map-player__time-float{position:absolute;top:0;left:72px;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.map-player__time-float--step{right:72px}.map-player__datetime{font-size:16px;font-weight:700;color:rgba(255,255,255,0.9);white-space:nowrap;direction:ltr;font-variant-numeric:tabular-nums;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;min-width:130px;display:inline-block}.value-flag{display:flex;flex-direction:column;align-items:center;cursor:grab}.value-flag:active{cursor:grabbing}.value-flag__card{cursor:pointer;position:relative;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,0.18);border-radius:12px;padding:8px;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.value-flag__close{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(193,39,45,0.85);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.value-flag__close:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.value-flag__close::after{content:'';position:absolute;inset:-12px}.value-flag__close svg{width:12px;height:12px}.value-flag__row{display:flex;align-items:center;gap:8px}.value-flag__value{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;line-height:1.2;transition:color 0.3s}.value-flag__forecast-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;border-radius:50%;background:rgba(193,39,45,0.85);color:#fff;cursor:pointer;transition:background 0.15s;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.value-flag__forecast-btn:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.value-flag__forecast-btn:hover{background:rgba(193,39,45,1)}.value-flag__stem{width:1.5px;height:32px;background:rgba(255,255,255,0.7)}.value-flag__dot{width:8px;height:8px;border-radius:50%;background:transparent;border:2px solid rgba(194,0,13,0.8);animation:pulse 2s ease-out infinite}@media (pointer:coarse){.value-flag__forecast-btn{width:24px;height:24px;position:relative}.value-flag__forecast-btn::after{content:'';position:absolute;inset:-8px}.value-flag__card{padding:8px 12px}}.map-player__slider{flex:1;height:100%;-webkit-appearance:none;appearance:none;background:transparent;outline:none;touch-action:pan-x;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;align-self:stretch;margin:0;padding:0;cursor:pointer}.map-player__slider::-webkit-slider-runnable-track{height:100%;background:transparent}.map-player__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:48px;border-radius:6px;background:rgba(255,255,255,0.9);border:none;cursor:pointer}.map-player__slider::-moz-range-thumb{width:12px;height:48px;border-radius:6px;background:rgba(255,255,255,0.9);border:none;cursor:pointer}.map-player__slider::-moz-range-progress{background:rgba(193,39,45,0.5);height:100%}.map-player__slider::-moz-range-track{background:transparent;height:100%}.map-player__btn{width:64px;min-width:64px;align-self:stretch;flex-shrink:0;border:none;border-radius:0;background:rgb(29,70,47);color:rgba(255,255,255,0.9);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.map-player__btn:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.map-player__btn svg{width:48px;height:48px}.map-player__btn svg.map-player__icon--pause{width:32px;height:32px}.color-scale{position:relative;width:100%;height:32px}.color-scale__bar{position:absolute;top:0;left:0;right:0;bottom:0}.color-scale__labels{position:absolute;top:0;left:0;right:0;height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;font-weight:600;color:#fff}.color-scale__labels>span:first-child{padding-left:24px}.color-scale__labels>span:last-child{padding-right:24px}.settings{position:fixed;bottom:96px;left:16px;z-index:302}.settings__btn{width:44px;height:44px;border-radius:12px;border:none;background:rgba(22,92,58,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,0.8);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:background 0.15s,color 0.15s;-webkit-tap-highlight-color:transparent}.settings__btn:hover{background:rgba(22,92,58,0.95);color:#fff}.settings__btn:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.settings__btn svg{width:24px;height:24px}.settings__btn--open{border-radius:0 0 12px 12px;background:rgba(22,92,58,0.95);color:#fff;box-shadow:none}.settings-sheet{position:absolute;bottom:100%;left:0;width:280px;display:none;flex-direction:column;background-color:#165c3a;background-image:var(--pattern-diamond);background-size:80px 80px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:302;box-shadow:0 -8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);overflow:visible;border-radius:16px 16px 16px 0;animation:settings-popup-in 0.2s ease-out}.settings-sheet--open{display:flex}@keyframes settings-popup-in{from{opacity:0;transform:translateY(8px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-sheet__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 12px 4px;display:flex;flex-direction:column;gap:8px;min-height:0}.settings-sheet__row{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr}.settings-sheet__label{font-size:11px;font-weight:600;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.settings-sheet__card{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.settings-pill{display:inline-flex;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:3px;gap:2px}.settings-pill__opt{padding:8px;min-height:40px;border-radius:9px;border:none;background:transparent;color:rgba(255,255,255,0.4);font-size:11px;font-weight:600;letter-spacing:0.3px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;position:relative}.settings-pill__opt::after{content:'';position:absolute;inset:-4px -2px}.settings-pill__opt:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:-2px}.settings-pill__opt:hover{color:rgba(255,255,255,0.7)}.settings-pill__opt--active{background:rgba(255,255,255,0.14);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.08)}.settings-pill__opt--disabled{opacity:0.6;pointer-events:none}.settings-sheet__install{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#fff;font-size:13px;font-weight:600;letter-spacing:0.5px;cursor:pointer;min-height:44px;margin-bottom:4px;direction:ltr}.settings-sheet__footer{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 16px 8px;border-top:1px solid rgba(255,255,255,0.08);flex-shrink:0;direction:ltr}.settings-sheet__copyright{font-size:13px;color:rgba(255,255,255,0.7);font-weight:500;direction:ltr}.settings-sheet__sources{border:none;background:transparent;color:rgba(255,255,255,0.7);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,0.2);text-underline-offset:2px;padding:8px 0;min-height:44px;display:flex;align-items:center;transition:color 0.15s;-webkit-tap-highlight-color:transparent}.settings-sheet__sources:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.settings-sheet__sources:hover{color:#fff;text-decoration-color:rgba(255,255,255,0.6)}.settings-pill--equal .settings-pill__opt{width:56px;height:40px;display:flex;align-items:center;justify-content:center}.settings-pill--square .settings-pill__opt{width:40px;height:40px;min-height:40px;padding:0;display:flex;align-items:center;justify-content:center}.layer-info{position:fixed;bottom:148px;left:16px;z-index:302}.layer-info__btn{width:44px;height:44px;border-radius:12px;border:none;background:rgba(22,92,58,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,0.8);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:background 0.15s,color 0.15s;-webkit-tap-highlight-color:transparent}.layer-info__btn:hover{background:rgba(22,92,58,0.95);color:#fff}.layer-info__btn:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px}.layer-info__btn svg{width:24px;height:24px}.layer-info__btn--open{border-radius:0 0 12px 12px;background:rgba(22,92,58,0.95);color:#fff;box-shadow:none}.layer-info-sheet{position:absolute;bottom:100%;left:0;width:max-content;max-width:280px;display:none;flex-direction:column;background-color:#165c3a;background-image:var(--pattern-diamond);background-size:80px 80px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px 12px 12px 0;box-shadow:0 -4px 24px rgba(0,0,0,0.3);overflow:hidden}.layer-info-sheet--open{display:flex}.layer-info-sheet__content{padding:12px}.layer-info-sheet__card{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:12px}.layer-info-sheet__title{font-size:13px;font-weight:700;color:rgba(255,255,255,0.95);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.layer-info-sheet__table{display:grid;grid-template-columns:20px 1fr;gap:8px 10px;align-items:start}.layer-info-sheet__row{display:contents}.layer-info-sheet__swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,0.15)}.layer-info-sheet__text{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.3}:lang(ar) .layer-info-sheet__title{font-size:20px}:lang(ar) .layer-info-sheet__text{font-size:15px}.logo-link{position:fixed;top:16px;left:16px;z-index:50}.logo{height:48px;width:auto}.home-btn{position:fixed;top:16px;right:16px;z-index:50;width:44px;height:44px;border-radius:12px;border:none;background:rgba(22,92,58,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,0.8);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:background 0.15s,color 0.15s,right var(--transition-normal);-webkit-tap-highlight-color:transparent}.home-btn svg{width:24px;height:24px}.home-btn:hover{background:rgba(22,92,58,0.95);color:#fff}.home-btn--active{background:rgba(22,92,58,0.95);color:#fff;box-shadow:none}.map-attr-modal__overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;padding:24px}.map-attr-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5);max-width:520px;width:100%;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.map-attr-modal__header{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:rgba(22,92,58,0.95);background-image:var(--pattern-diamond);background-size:80px 80px;color:#fff;flex-shrink:0}.map-attr-modal__title{font-size:14px;font-weight:700}.map-attr-modal__close{width:32px;height:32px;border:none;background:rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s;-webkit-tap-highlight-color:transparent;position:relative}.map-attr-modal__close::after{content:'';position:absolute;width:44px;height:44px}.map-attr-modal__close:hover{background:rgba(255,255,255,0.18);color:#fff}.map-attr-modal__body{padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.map-attr-modal__section{margin-bottom:16px}.map-attr-modal__section:last-child{margin-bottom:0}.map-attr-modal__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:rgba(22,92,58,0.7);margin:0 0 8px 0;padding-bottom:4px;border-bottom:1px solid rgba(22,92,58,0.1)}.map-attr-modal__list{list-style:none;padding:0;margin:0}.map-attr-modal__list li{font-size:12px;color:#444;line-height:1.7;padding:4px 0 4px 16px;position:relative}.map-attr-modal__list li::before{content:'';position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:rgba(22,92,58,0.4)}.map-attr-modal__item--compact{padding:2px 0 2px 16px}.map-attr-modal__list a{color:#165c3a;text-decoration:underline;text-decoration-color:rgba(22,92,58,0.3);text-underline-offset:2px;position:relative}.map-attr-modal__list a::after{content:'';position:absolute;left:-4px;right:-4px;top:-8px;bottom:-8px}.map-attr-modal__list a:hover{color:#0d3d26;text-decoration-color:rgba(22,92,58,0.6)}@media (max-width:640px){.map-attr-modal__overlay{align-items:center;justify-content:center;padding:0}.map-attr-modal{max-width:90vw;max-height:80vh;border-radius:16px}}.toast{position:fixed;bottom:160px;left:50%;transform:translateX(-50%);background:rgba(20,20,35,0.55);color:#e0e0e0;font-size:13px;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);pointer-events:none;white-space:pre;text-align:center;z-index:500;animation:toast-in 0.2s ease;display:flex;align-items:center;gap:8px}.toast__tap-icon{width:24px;height:24px;flex-shrink:0;animation:tap-bounce 1s ease-in-out infinite}@keyframes tap-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes toast-in{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loading{position:fixed;inset:0;z-index:9999;background:#1a2747;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.15);border-top-color:#4fc3f7;border-radius:50%;animation:spin 0.8s linear infinite}.loading__text{color:#8899bb;font:20px/1 sans-serif}:lang(ar) .loading__text{font-size:24px}@keyframes spin{to{transform:rotate(360deg)}}.refresh-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#1a2747;color:#8899bb;font:16px/1 var(--font-map,sans-serif);padding:12px 16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;direction:ltr}[dir="rtl"] .refresh-banner{direction:rtl}.refresh-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px)}.refresh-overlay__btn{padding:14px 32px;border:none;border-radius:12px;background:rgba(22,92,58,0.95);color:rgba(255,255,255,0.9);font:18px/1 var(--font-map,sans-serif);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.4);display:flex;align-items:center;gap:8px}.refresh-overlay__btn:active{background:rgba(22,92,58,1)}.refresh-overlay__icon{width:22px;height:22px;flex-shrink:0}.refresh-banner__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.15);border-top-color:#4fc3f7;border-radius:50%;animation:spin 0.8s linear infinite;flex-shrink:0}.skeleton{display:flex;flex-direction:column;gap:12px;padding:0}.skeleton__card{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px}.skeleton__row{display:flex;justify-content:space-between;align-items:center}.skeleton__line{height:16px;border-radius:7px;background:rgba(255,255,255,0.08);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton__line--lg{width:60%;height:16px}.skeleton__line--sm{width:40%}.skeleton__line--xs{width:70%;height:12px;margin:0 auto}.skeleton__circle{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton__daily{display:flex;gap:8px}.skeleton__day{flex:1;border-radius:12px;background:var(--color-bg-light);padding:8px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.skeleton__circle--sm{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton__hourly{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:12px 16px;display:flex;flex-direction:column;gap:8px}.skeleton__hourly-header{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.08)}.skeleton__hourly-header .skeleton__line--xs{flex:1;width:auto}.skeleton__hourly-row{height:32px;border-radius:8px;background:rgba(255,255,255,0.06);animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@media (min-width:641px){.forecast-sheet-open .map-player{right:var(--sheet-width);transition:right var(--transition-normal)}.forecast-sheet-open .search-bar{transform:translateX(calc(-50% - var(--sheet-width) / 2));transition:transform var(--transition-normal)}.forecast-sheet-open .layer-selector{right:336px}.forecast-sheet-open .home-btn{right:336px;transition:right var(--transition-normal)}}