diff --git a/public/api/widget-config/w-weather-uv b/public/api/widget-config/w-weather-uv
new file mode 100644
index 0000000..7ff5350
--- /dev/null
+++ b/public/api/widget-config/w-weather-uv
@@ -0,0 +1 @@
+{"widgetSize":"small","widgetConfig":{"city":"Seville, Andalusia, Spain","lat":37.3891,"lon":-5.9845,"units":"c"}}
diff --git a/public/api/widget-data/w-weather-uv b/public/api/widget-data/w-weather-uv
new file mode 100644
index 0000000..70cc1f2
--- /dev/null
+++ b/public/api/widget-data/w-weather-uv
@@ -0,0 +1 @@
+{"temp":31,"usedFeels":false,"units":"c","code":0,"isDay":true,"city":"Seville, Spain","alerts":[{"kind":"uv","value":8,"band":"veryHigh","level":3}]}
diff --git a/public/js/icon-set.js b/public/js/icon-set.js
index 12c9d1a..0c7b97b 100644
--- a/public/js/icon-set.js
+++ b/public/js/icon-set.js
@@ -237,6 +237,14 @@ export const ICONS = {
     accentCut: [{ ...shape(CLOUD), grow: T.G }],
   },
 
+  uv: {
+    shapes: [circle(12, 12, 5, 'accent'), line('M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1 1M18 18l1 1M5 19l1-1M18 6l1-1')],
+  },
+  air: {
+    inkMask: false,
+    shapes: [line('M3 6q3-2 6 0t6 0t6 0'), line('M3 12q3-2 6 0t6 0t6 0', 'accent'), line('M3 18q3-2 6 0t6 0t6 0')],
+  },
+
   edit: { shapes: [shape('M14 5l5 5L9 20H4v-5z'), line('M12 7l5 5', 'cut')] },
   chevrons: { shapes: [line('M8 9l4-4 4 4'), line('M8 15l4 4 4-4')] },
   back: { shapes: [line('M15 5l-7 7 7 7')] },
diff --git a/public/js/utils.js b/public/js/utils.js
index 404721d..3257a3b 100644
--- a/public/js/utils.js
+++ b/public/js/utils.js
@@ -390,13 +390,38 @@ export function mountScaledWidget(card, { src, title, design, iframeOpts, overla
       wheelWin = null;
     }
   };
+  /* Keys go to the focused document, not the hovered frame. Hand Escape to a
+     hovered bundled page, so it can dismiss its hover content. A frame never
+     matches :hover while the pointer is inside it. */
+  let hovered = false;
+  const enter = () => {
+    hovered = true;
+  };
+  const leave = () => {
+    hovered = false;
+  };
+  const forwardEscape = e => {
+    if (e.key !== 'Escape' || !hovered) return;
+    try {
+      const win = ifr.contentWindow;
+      win?.document.dispatchEvent(new win.KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+    } catch {}
+  };
   ifr.addEventListener('load', applyDir);
   ifr.addEventListener('load', applyZoom);
-  if (zoomable) ifr.addEventListener('load', attachWheel);
+  if (zoomable) {
+    ifr.addEventListener('load', attachWheel);
+    ifr.addEventListener('pointerenter', enter);
+    ifr.addEventListener('pointerleave', leave);
+    document.addEventListener('keydown', forwardEscape);
+  }
   cleanups.push(() => {
     ifr.removeEventListener('load', applyDir);
     ifr.removeEventListener('load', applyZoom);
     ifr.removeEventListener('load', attachWheel);
+    ifr.removeEventListener('pointerenter', enter);
+    ifr.removeEventListener('pointerleave', leave);
+    document.removeEventListener('keydown', forwardEscape);
     try {
       if (wheelWin) wheelWin.removeEventListener('wheel', forwardWheel);
     } catch {}
diff --git a/public/widgets/weather/data.js b/public/widgets/weather/data.js
index 94ad87b..59c1925 100644
--- a/public/widgets/weather/data.js
+++ b/public/widgets/weather/data.js
@@ -1,6 +1,8 @@
 /* Open-Meteo (keyless) or OpenWeather (free API key). Returns
-   { temp, units, code, isDay, usedFeels, city }, where code is the WMO weather
-   code for both providers. The city search always uses Open-Meteo's geocoder. */
+   { temp, units, code, condition?, isDay, usedFeels, city, alerts? }, where code is the
+   WMO weather code for both providers. condition names sand or volcanic ash,
+   which share a WMO code with dust or smoke. The city search always uses Open-Meteo's geocoder.
+   alerts lists UV and air quality readings at or above their warning level, worst first. */
 
 async function geocode(ctx) {
   const q = String(ctx.config.cityQuery || ctx.config.city || '').trim();
@@ -12,7 +14,7 @@ async function geocode(ctx) {
   const options = ((r.data && r.data.results) || []).map(p => ({
     value: [p.name, p.admin1, p.country].filter(Boolean).join(', '),
     label: [p.name, p.admin1, p.country].filter(Boolean).join(', '),
-    set: { lat: p.latitude, lon: p.longitude },
+    set: { lat: p.latitude, lon: p.longitude, countryCode: p.country_code },
   }));
   return { options };
 }
@@ -47,6 +49,9 @@ async function openMeteo(ctx, lat, lon, units) {
   };
 }
 
+const OW_ATMOSPHERE = { 701: 10, 711: 4, 721: 5, 731: 8, 741: 45, 751: 7, 761: 6, 762: 4, 771: 18, 781: 19 };
+const OW_CONDITION = { 751: 'sand', 762: 'ash' };
+
 /* OpenWeather condition id to the WMO code the page renders. */
 function wmoFromOpenWeather(id) {
   if (id >= 200 && id < 300) return 95;
@@ -54,18 +59,21 @@ function wmoFromOpenWeather(id) {
   if (id === 511) return 66;
   if (id >= 520 && id < 600) return 80;
   if (id >= 500 && id < 600) return 61;
+  if (id >= 611 && id <= 613) return 79;
+  if (id === 615 || id === 616) return 68;
   if (id >= 620 && id < 700) return 85;
   if (id >= 600 && id < 700) return 71;
-  if (id >= 700 && id < 800) return 45;
+  if (id >= 700 && id < 800) return OW_ATMOSPHERE[id] ?? 45;
   if (id === 800) return 0;
   if (id === 801) return 1;
   if (id === 802) return 2;
   return 3;
 }
 
+const owKey = config => String(config.owKey || '').trim();
+
 async function openWeather(ctx, lat, lon, units) {
-  const key = String(ctx.config.owKey || '').trim();
-  if (!key) ctx.fail('Enter an OpenWeather API key.', { kind: ctx.KIND.INVALID });
+  const key = owKey(ctx.config);
   const url =
     'https://api.openweathermap.org/data/2.5/weather' +
     `?lat=${encodeURIComponent(lat)}&lon=${encodeURIComponent(lon)}` +
@@ -89,10 +97,119 @@ async function openWeather(ctx, lat, lon, units) {
     real,
     feels: d.main.feels_like != null ? d.main.feels_like : real,
     code: wmoFromOpenWeather(w.id),
+    condition: OW_CONDITION[w.id],
     isDay,
   };
 }
 
+const EAQI_CODES = new Set(
+  'AT BE BG HR CY CZ DK EE FI FR DE GR HU IS IE IT LV LI LT LU MT NL NO PL PT RO SK SI ES SE CH GB RE GP MQ GF YT MF AX'.split(
+    ' ',
+  ),
+);
+
+/* For places saved without a country code. Must match the geocoder's English country names. A mismatch silently picks the US index. */
+const EAQI_COUNTRIES = new Set([
+  'Austria',
+  'Belgium',
+  'Bulgaria',
+  'Croatia',
+  'Cyprus',
+  'Czechia',
+  'Czech Republic',
+  'Denmark',
+  'Estonia',
+  'Finland',
+  'France',
+  'Germany',
+  'Greece',
+  'Hungary',
+  'Iceland',
+  'Ireland',
+  'Italy',
+  'Latvia',
+  'Liechtenstein',
+  'Lithuania',
+  'Luxembourg',
+  'Malta',
+  'Netherlands',
+  'The Netherlands',
+  'Norway',
+  'Poland',
+  'Portugal',
+  'Romania',
+  'Slovakia',
+  'Slovenia',
+  'Spain',
+  'Sweden',
+  'Switzerland',
+  'United Kingdom',
+]);
+
+function airScale(config) {
+  if (typeof config.countryCode === 'string' && config.countryCode) {
+    return EAQI_CODES.has(config.countryCode.toUpperCase()) ? 'eu' : 'us';
+  }
+  const country = String(config.city || '')
+    .split(',')
+    .pop()
+    .trim();
+  return EAQI_COUNTRIES.has(country) ? 'eu' : 'us';
+}
+
+const UV_BANDS = [
+  [11, 'extreme', 4],
+  [8, 'veryHigh', 3],
+  [6, 'high', 2],
+  [3, 'moderate', 1],
+];
+const AIR_BANDS = {
+  us: [
+    [301, 'hazardous', 5],
+    [201, 'veryUnhealthy', 4],
+    [151, 'unhealthy', 3],
+    [101, 'sensitive', 2],
+  ],
+  eu: [
+    [100, 'extremelyPoor', 4],
+    [80, 'veryPoor', 3],
+    [60, 'poor', 2],
+  ],
+};
+const band = (bands, value) => bands.find(([min]) => value >= min);
+
+function alertsFrom(uv, aqi, scale) {
+  const out = [];
+  if (Number.isFinite(aqi)) {
+    const value = Math.round(aqi);
+    const b = band(AIR_BANDS[scale], value);
+    if (b) out.push({ kind: 'air', scale, value, band: b[1], level: b[2] });
+  }
+  if (Number.isFinite(uv)) {
+    const value = Math.round(uv);
+    const b = band(UV_BANDS, value);
+    if (b) out.push({ kind: 'uv', value, band: b[1], level: b[2] });
+  }
+  return out.sort((a, b) => b.level - a.level);
+}
+
+/* Keep the catch. An air quality outage must not blank the weather. */
+async function exposure(ctx, lat, lon, scale) {
+  const key = scale === 'eu' ? 'european_aqi' : 'us_aqi';
+  const url =
+    'https://air-quality-api.open-meteo.com/v1/air-quality' +
+    `?latitude=${encodeURIComponent(lat)}&longitude=${encodeURIComponent(lon)}` +
+    `&current=uv_index,${key}&timezone=auto`;
+  try {
+    const r = await ctx.fetchJSON(url, { timeout: 8000 });
+    const cur = r.status < 400 && r.data && r.data.current;
+    if (!cur) return [];
+    return alertsFrom(cur.uv_index, cur[key], scale);
+  } catch {
+    return [];
+  }
+}
+
 module.exports = async function (ctx) {
   const { config } = ctx;
   if (ctx.endpoint === 'geocode') return await geocode(ctx);
@@ -101,8 +218,15 @@ module.exports = async function (ctx) {
   if (lat == null || lon == null || lat === '' || lon === '') ctx.fail('Location not set', { kind: ctx.KIND.INVALID });
   const units = config.units === 'f' ? 'f' : 'c';
 
-  const read = config.provider === 'openweather' ? openWeather : openMeteo;
-  const w = await read(ctx, lat, lon, units);
+  const ow = config.provider === 'openweather';
+  if (ow && !owKey(config)) ctx.fail('Enter an OpenWeather API key.', { kind: ctx.KIND.INVALID });
+
+  /* Keep both requests concurrent. In sequence they pass the API's hold time
+     and every poll shows the previous reading. */
+  const warn = config.warnings !== false && config.warnings !== 'false';
+  const air = warn ? exposure(ctx, lat, lon, airScale(config)) : [];
+  const w = await (ow ? openWeather : openMeteo)(ctx, lat, lon, units);
+  const alerts = await air;
 
   const useFeels = config.feelsLike === true || config.feelsLike === 'true';
   const temp = useFeels ? w.feels : w.real;
@@ -112,7 +236,9 @@ module.exports = async function (ctx) {
     usedFeels: useFeels,
     units: units,
     code: w.code,
+    ...(w.condition && { condition: w.condition }),
     isDay: w.isDay,
     city: config.city || '',
+    ...(alerts.length && { alerts }),
   };
 };
diff --git a/public/widgets/weather/i18n/de.json b/public/widgets/weather/i18n/de.json
index d7976df..27c50cb 100644
--- a/public/widgets/weather/i18n/de.json
+++ b/public/widgets/weather/i18n/de.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "Gefühlte Temperatur anzeigen",
+  "warnings.label": "UV- und Luftwarnungen anzeigen",
+  "warnings.hint": "Zeigt ein Symbol, wenn UV-Strahlung oder Luftqualität Vorsicht erfordern. Luftqualitätsdaten: Copernicus CAMS über Open-Meteo.",
   "href.label": "Link-URL",
   "href.placeholder": "https://…",
   "ui.clear": "Klar",
@@ -27,8 +29,39 @@
   "ui.snow": "Schnee",
   "ui.snowShowers": "Schneeschauer",
   "ui.thunderstorm": "Gewitter",
+  "ui.mist": "Feuchter Dunst",
+  "ui.rimeFog": "Gefrierender Nebel",
+  "ui.freezingDrizzle": "Gefrierender Nieselregen",
+  "ui.freezingRain": "Gefrierender Regen",
+  "ui.sleet": "Eiskörner",
+  "ui.rainAndSnow": "Schneeregen",
+  "ui.snowGrains": "Schneegriesel",
+  "ui.hailstorm": "Hagelgewitter",
+  "ui.haze": "Dunst",
+  "ui.smoke": "Rauch",
+  "ui.dust": "Staub",
+  "ui.sand": "Sand",
+  "ui.volcanicAsh": "Vulkanasche",
+  "ui.squalls": "Sturmböen",
+  "ui.tornado": "Tornado",
   "ui.summary": "{place}: {condition}, {temp}",
   "ui.updated": "{summary}. Aktualisiert {time}",
   "ui.currentLocation": "Aktueller Standort",
-  "ui.feelsLikeTemp": "{temp} (gefühlt)"
+  "ui.feelsLikeTemp": "{temp} (gefühlt)",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "LQI {value}",
+  "ui.uvAlert": "UV-Index {value}, {level}",
+  "ui.airAlert": "Luftqualitätsindex {value}, {level}",
+  "ui.withAlert": "{summary}. {alert}",
+  "ui.moderate": "mittel",
+  "ui.high": "hoch",
+  "ui.veryHigh": "sehr hoch",
+  "ui.extreme": "extrem",
+  "ui.sensitive": "ungesund für empfindliche Gruppen",
+  "ui.unhealthy": "ungesund",
+  "ui.veryUnhealthy": "sehr ungesund",
+  "ui.hazardous": "gefährlich",
+  "ui.poor": "schlecht",
+  "ui.veryPoor": "sehr schlecht",
+  "ui.extremelyPoor": "extrem schlecht"
 }
diff --git a/public/widgets/weather/i18n/en.json b/public/widgets/weather/i18n/en.json
index 96a8bed..9a2783f 100644
--- a/public/widgets/weather/i18n/en.json
+++ b/public/widgets/weather/i18n/en.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "Show feels like",
+  "warnings.label": "Show UV and air warnings",
+  "warnings.hint": "Shows an icon when UV or air quality calls for care. Air quality data: Copernicus CAMS, through Open-Meteo.",
   "href.label": "Link URL",
   "href.placeholder": "https://…",
   "ui.clear": "Clear",
@@ -27,8 +29,39 @@
   "ui.snow": "Snow",
   "ui.snowShowers": "Snow Showers",
   "ui.thunderstorm": "Thunderstorm",
+  "ui.mist": "Mist",
+  "ui.rimeFog": "Rime Fog",
+  "ui.freezingDrizzle": "Freezing Drizzle",
+  "ui.freezingRain": "Freezing Rain",
+  "ui.sleet": "Sleet",
+  "ui.rainAndSnow": "Rain and Snow",
+  "ui.snowGrains": "Snow Grains",
+  "ui.hailstorm": "Hailstorm",
+  "ui.haze": "Haze",
+  "ui.smoke": "Smoke",
+  "ui.dust": "Dust",
+  "ui.sand": "Sand",
+  "ui.volcanicAsh": "Volcanic Ash",
+  "ui.squalls": "Squalls",
+  "ui.tornado": "Tornado",
   "ui.summary": "{place}: {condition}, {temp}",
   "ui.updated": "{summary}. Updated {time}",
   "ui.currentLocation": "Current location",
-  "ui.feelsLikeTemp": "{temp} (feels like)"
+  "ui.feelsLikeTemp": "{temp} (feels like)",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "AQI {value}",
+  "ui.uvAlert": "UV index {value}, {level}",
+  "ui.airAlert": "Air quality index {value}, {level}",
+  "ui.withAlert": "{summary}. {alert}",
+  "ui.moderate": "moderate",
+  "ui.high": "high",
+  "ui.veryHigh": "very high",
+  "ui.extreme": "extreme",
+  "ui.sensitive": "unhealthy for sensitive groups",
+  "ui.unhealthy": "unhealthy",
+  "ui.veryUnhealthy": "very unhealthy",
+  "ui.hazardous": "hazardous",
+  "ui.poor": "poor",
+  "ui.veryPoor": "very poor",
+  "ui.extremelyPoor": "extremely poor"
 }
diff --git a/public/widgets/weather/i18n/es.json b/public/widgets/weather/i18n/es.json
index b40e483..04d63e0 100644
--- a/public/widgets/weather/i18n/es.json
+++ b/public/widgets/weather/i18n/es.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "Mostrar sensación térmica",
+  "warnings.label": "Mostrar avisos de UV y calidad del aire",
+  "warnings.hint": "Muestra un icono cuando la radiación UV o la calidad del aire requieren precaución. Datos de calidad del aire: Copernicus CAMS, a través de Open-Meteo.",
   "href.label": "URL del enlace",
   "href.placeholder": "https://…",
   "ui.clear": "Despejado",
@@ -27,8 +29,39 @@
   "ui.snow": "Nieve",
   "ui.snowShowers": "Chubascos de nieve",
   "ui.thunderstorm": "Tormenta",
+  "ui.mist": "Neblina",
+  "ui.rimeFog": "Niebla helada",
+  "ui.freezingDrizzle": "Llovizna engelante",
+  "ui.freezingRain": "Lluvia engelante",
+  "ui.sleet": "Hielo granulado",
+  "ui.rainAndSnow": "Aguanieve",
+  "ui.snowGrains": "Cinarra",
+  "ui.hailstorm": "Granizada",
+  "ui.haze": "Bruma",
+  "ui.smoke": "Humo",
+  "ui.dust": "Polvo",
+  "ui.sand": "Arena",
+  "ui.volcanicAsh": "Ceniza volcánica",
+  "ui.squalls": "Turbonadas",
+  "ui.tornado": "Tornado",
   "ui.summary": "{place}: {condition}, {temp}",
   "ui.updated": "{summary}. Actualizado {time}",
   "ui.currentLocation": "Ubicación actual",
-  "ui.feelsLikeTemp": "{temp} (sensación térmica)"
+  "ui.feelsLikeTemp": "{temp} (sensación térmica)",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "ICA {value}",
+  "ui.uvAlert": "Índice UV {value}, {level}",
+  "ui.airAlert": "Índice de calidad del aire {value}, {level}",
+  "ui.withAlert": "{summary}. {alert}",
+  "ui.moderate": "moderado",
+  "ui.high": "alto",
+  "ui.veryHigh": "muy alto",
+  "ui.extreme": "extremo",
+  "ui.sensitive": "dañino para grupos sensibles",
+  "ui.unhealthy": "dañino para la salud",
+  "ui.veryUnhealthy": "muy dañino para la salud",
+  "ui.hazardous": "peligroso",
+  "ui.poor": "desfavorable",
+  "ui.veryPoor": "muy desfavorable",
+  "ui.extremelyPoor": "extremadamente desfavorable"
 }
diff --git a/public/widgets/weather/i18n/fa.json b/public/widgets/weather/i18n/fa.json
index 3ecea89..ba5a5dd 100644
--- a/public/widgets/weather/i18n/fa.json
+++ b/public/widgets/weather/i18n/fa.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "نمایش دمای محسوس",
+  "warnings.label": "نمایش هشدار فرابنفش و کیفیت هوا",
+  "warnings.hint": "وقتی پرتو فرابنفش یا کیفیت هوا نیاز به احتیاط دارد، نمادی نشان می‌دهد. داده‌های کیفیت هوا: Copernicus CAMS از طریق Open-Meteo.",
   "href.label": "آدرس پیوند",
   "href.placeholder": "https://…",
   "ui.clear": "صاف",
@@ -27,8 +29,39 @@
   "ui.snow": "برف",
   "ui.snowShowers": "رگبار برف",
   "ui.thunderstorm": "رعدوبرق",
+  "ui.mist": "مه رقیق",
+  "ui.rimeFog": "مه یخ‌زده",
+  "ui.freezingDrizzle": "نم‌نم باران یخ‌زن",
+  "ui.freezingRain": "باران یخ‌زن",
+  "ui.sleet": "دانه‌های یخ",
+  "ui.rainAndSnow": "برف و باران",
+  "ui.snowGrains": "برف دانه‌ریز",
+  "ui.hailstorm": "تگرگ",
+  "ui.haze": "غبار رقیق",
+  "ui.smoke": "دود",
+  "ui.dust": "گردوغبار",
+  "ui.sand": "شن",
+  "ui.volcanicAsh": "خاکستر آتشفشان",
+  "ui.squalls": "تندباد",
+  "ui.tornado": "گردباد",
   "ui.summary": "{place}: {condition}، {temp}",
   "ui.updated": "{summary}. {time} به‌روزرسانی شد",
   "ui.currentLocation": "موقعیت فعلی",
-  "ui.feelsLikeTemp": "{temp} (دمای ظاهری)"
+  "ui.feelsLikeTemp": "{temp} (دمای ظاهری)",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "AQI {value}",
+  "ui.uvAlert": "شاخص فرابنفش {value}، {level}",
+  "ui.airAlert": "شاخص کیفیت هوا {value}، {level}",
+  "ui.withAlert": "{summary}. {alert}",
+  "ui.moderate": "متوسط",
+  "ui.high": "زیاد",
+  "ui.veryHigh": "بسیار زیاد",
+  "ui.extreme": "شدید",
+  "ui.sensitive": "ناسالم برای گروه‌های حساس",
+  "ui.unhealthy": "ناسالم",
+  "ui.veryUnhealthy": "بسیار ناسالم",
+  "ui.hazardous": "خطرناک",
+  "ui.poor": "بد",
+  "ui.veryPoor": "بسیار بد",
+  "ui.extremelyPoor": "به‌شدت بد"
 }
diff --git a/public/widgets/weather/i18n/fr.json b/public/widgets/weather/i18n/fr.json
index cd842b9..491db19 100644
--- a/public/widgets/weather/i18n/fr.json
+++ b/public/widgets/weather/i18n/fr.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "Afficher la température ressentie",
+  "warnings.label": "Afficher les alertes UV et qualité de l’air",
+  "warnings.hint": "Affiche une icône quand les UV ou la qualité de l’air demandent des précautions. Données de qualité de l’air : Copernicus CAMS, via Open-Meteo.",
   "href.label": "URL du lien",
   "href.placeholder": "https://…",
   "ui.clear": "Dégagé",
@@ -27,8 +29,39 @@
   "ui.snow": "Neige",
   "ui.snowShowers": "Averses de neige",
   "ui.thunderstorm": "Orage",
+  "ui.mist": "Brume",
+  "ui.rimeFog": "Brouillard givrant",
+  "ui.freezingDrizzle": "Bruine verglaçante",
+  "ui.freezingRain": "Pluie verglaçante",
+  "ui.sleet": "Granules de glace",
+  "ui.rainAndSnow": "Pluie et neige",
+  "ui.snowGrains": "Neige en grains",
+  "ui.hailstorm": "Orage de grêle",
+  "ui.haze": "Brume sèche",
+  "ui.smoke": "Fumée",
+  "ui.dust": "Poussière",
+  "ui.sand": "Sable",
+  "ui.volcanicAsh": "Cendres volcaniques",
+  "ui.squalls": "Rafales",
+  "ui.tornado": "Tornade",
   "ui.summary": "{place} : {condition}, {temp}",
   "ui.updated": "{summary}. Mis à jour {time}",
   "ui.currentLocation": "Position actuelle",
-  "ui.feelsLikeTemp": "{temp} (ressenti)"
+  "ui.feelsLikeTemp": "{temp} (ressenti)",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "IQA {value}",
+  "ui.uvAlert": "Indice UV {value}, {level}",
+  "ui.airAlert": "Indice de qualité de l’air {value}, {level}",
+  "ui.withAlert": "{summary}. {alert}",
+  "ui.moderate": "modéré",
+  "ui.high": "élevé",
+  "ui.veryHigh": "très élevé",
+  "ui.extreme": "extrême",
+  "ui.sensitive": "mauvais pour les groupes sensibles",
+  "ui.unhealthy": "mauvais pour la santé",
+  "ui.veryUnhealthy": "très mauvais pour la santé",
+  "ui.hazardous": "dangereux",
+  "ui.poor": "mauvais",
+  "ui.veryPoor": "très mauvais",
+  "ui.extremelyPoor": "extrêmement mauvais"
 }
diff --git a/public/widgets/weather/i18n/zh-Hans.json b/public/widgets/weather/i18n/zh-Hans.json
index 5972f42..e71a380 100644
--- a/public/widgets/weather/i18n/zh-Hans.json
+++ b/public/widgets/weather/i18n/zh-Hans.json
@@ -14,6 +14,8 @@
   "units.opt.c": "°C",
   "units.opt.f": "°F",
   "feelsLike.label": "显示体感温度",
+  "warnings.label": "显示紫外线和空气质量提醒",
+  "warnings.hint": "紫外线或空气质量需要注意时显示图标。空气质量数据：Copernicus CAMS，经由 Open-Meteo。",
   "href.label": "链接地址",
   "href.placeholder": "https://…",
   "ui.clear": "晴",
@@ -21,14 +23,45 @@
   "ui.partlyCloudy": "局部多云",
   "ui.cloudy": "阴",
   "ui.fog": "雾",
-  "ui.drizzle": "小雨",
+  "ui.drizzle": "毛毛雨",
   "ui.rain": "雨",
   "ui.showers": "阵雨",
   "ui.snow": "雪",
   "ui.snowShowers": "阵雪",
   "ui.thunderstorm": "雷雨",
+  "ui.mist": "轻雾",
+  "ui.rimeFog": "冻雾",
+  "ui.freezingDrizzle": "冻毛毛雨",
+  "ui.freezingRain": "冻雨",
+  "ui.sleet": "冰粒",
+  "ui.rainAndSnow": "雨夹雪",
+  "ui.snowGrains": "米雪",
+  "ui.hailstorm": "冰雹",
+  "ui.haze": "霾",
+  "ui.smoke": "烟雾",
+  "ui.dust": "浮尘",
+  "ui.sand": "扬沙",
+  "ui.volcanicAsh": "火山灰",
+  "ui.squalls": "飑",
+  "ui.tornado": "龙卷风",
   "ui.summary": "{place}：{condition}，{temp}",
   "ui.updated": "{summary}。{time}更新",
   "ui.currentLocation": "当前位置",
-  "ui.feelsLikeTemp": "{temp}（体感）"
+  "ui.feelsLikeTemp": "{temp}（体感）",
+  "ui.uvShort": "UV {value}",
+  "ui.airShort": "AQI {value}",
+  "ui.uvAlert": "紫外线指数 {value}，{level}",
+  "ui.airAlert": "空气质量指数 {value}，{level}",
+  "ui.withAlert": "{summary}。{alert}",
+  "ui.moderate": "中等",
+  "ui.high": "强",
+  "ui.veryHigh": "很强",
+  "ui.extreme": "极强",
+  "ui.sensitive": "对敏感人群不健康",
+  "ui.unhealthy": "不健康",
+  "ui.veryUnhealthy": "非常不健康",
+  "ui.hazardous": "危险",
+  "ui.poor": "差",
+  "ui.veryPoor": "很差",
+  "ui.extremelyPoor": "极差"
 }
diff --git a/public/widgets/weather/index.html b/public/widgets/weather/index.html
index 4a39ee7..208332b 100644
--- a/public/widgets/weather/index.html
+++ b/public/widgets/weather/index.html
@@ -14,26 +14,49 @@
   .widget{width:100%;height:100%;position:relative;border-radius:inherit}
   .widget.clickable{cursor:pointer}
   .widget.clickable:focus-visible{outline:2px solid #0091FF;outline-offset:-3px}
+  .widget[tabindex]:focus-visible{outline:2px solid #0091FF;outline-offset:-3px}
   .ico{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:62%;max-width:110px;aspect-ratio:1/1;display:block;overflow:visible}
   .meta{position:absolute;left:18px;right:18px;bottom:14px;display:flex;flex-direction:column;gap:2px}
   .cond{font-size:15px;font-weight:600;color:#2C2C2E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
   .temp{font-size:42px;font-weight:700;line-height:1;letter-spacing:-0.01em;color:#f0852a}
   .msg{margin-top:3px}
   /* Only on elements without a transform attribute. A transform-origin on one moves it. */
-  .ico .wx-drop,.ico .wx-flake{transform-box:fill-box;transform-origin:center}
+  .ico .wx-drop,.ico .wx-flake,.ico .wx-pellet{transform-box:fill-box;transform-origin:center}
   @keyframes wxdrop{0%{transform:translate(0,0);opacity:0}22%{opacity:1}80%{opacity:1}100%{transform:translate(-7.5px,15.2px);opacity:0}}
   @keyframes wxflake{0%{transform:translate(0,-2px) rotate(0);opacity:0}18%{opacity:1}50%{transform:translate(2px,6px) rotate(45deg)}85%{opacity:1}100%{transform:translate(-1px,15px) rotate(90deg);opacity:0}}
+  @keyframes wxpellet{0%{transform:translate(0,-2px);opacity:0}18%{opacity:1}85%{opacity:1}100%{transform:translate(-3px,17px);opacity:0}}
+  @keyframes wxslide{to{transform:translateX(var(--d))}}
+  @keyframes wxspin{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
   @keyframes wxflash{0%,100%{opacity:0}1.5%{opacity:.5}4%{opacity:.08}6.5%{opacity:.35}12%{opacity:0}}
   @keyframes wxbolt{0%{opacity:1}5%{opacity:.7}7%{opacity:1}20%,100%{opacity:.6}}
   .wx-drop{animation:wxdrop 1.1s cubic-bezier(.45,0,.9,.6) infinite}
   .wx-flake{animation:wxflake 4.2s linear infinite}
+  .wx-pellet{animation:wxpellet 1.5s cubic-bezier(.4,0,.9,.7) infinite}
+  .wx-flow{animation:wxslide 2.4s linear infinite}
+  .wx-spin{stroke-dasharray:28 72;animation:wxspin 1.2s linear infinite}
   .wx-flash{animation:wxflash 6.5s linear infinite}
   .wx-bolt{animation:wxbolt 6.5s linear infinite}
   .wx-draw{stroke-dasharray:1}
   .ico.off *{animation-play-state:paused}
-  @media(prefers-reduced-motion:reduce){.ico *{animation:none}.ico .wx-drop{transform:translate(-3.75px,7.6px)}.ico .wx-flake{transform:translate(1px,6px)}}
+  @media(prefers-reduced-motion:reduce){.ico *{animation:none}.ico .wx-drop{transform:translate(-3.75px,7.6px)}.ico .wx-flake{transform:translate(1px,6px)}.ico .wx-pellet{transform:translate(-1.5px,8px)}.ico .wx-flow{transform:translateX(calc(var(--d) * .4))}}
   .ico .ph{fill:rgba(235,235,245,0.16)}
   html[data-theme="light"] .ico .ph{fill:rgba(60,60,67,0.12)}
+  .aq{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#2C2C2E}
+  .aq[hidden]{display:none}
+  .aq-hit{display:flex}
+  .aq-cap{position:absolute;inset-block-start:2px;inset-inline-end:2px;display:flex;align-items:center;gap:5px;padding-block:5px;padding-inline:10px 5px;border-radius:999px;font-size:13px;font-weight:600;line-height:18px;white-space:nowrap;color:#2C2C2E;background:rgba(255,255,255,0.82);box-shadow:0 1px 6px rgba(0,0,0,0.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
+  .night .aq,.night .aq-cap{color:#FFFFFF}
+  .night .aq-cap{background:rgba(58,58,60,0.82);box-shadow:0 1px 6px rgba(0,0,0,0.4)}
+  @media(hover:hover){.widget:hover .aq-cap{opacity:1;visibility:visible}}
+  .widget:focus-visible .aq-cap,.widget.peek .aq-cap{opacity:1;visibility:visible}
+  .widget.hush .aq-cap{opacity:0;visibility:hidden}
+  @media(prefers-reduced-motion:reduce){.aq-cap{transition:none}}
+  .sy-sprite{position:absolute;width:0;height:0;overflow:hidden}
+  .sy-icon{flex-shrink:0}
+  .sy-i{fill:currentColor}
+  .sy-a{fill:var(--icon-accent,currentColor)}
+  .sy-is{stroke:currentColor}
+  .sy-as{stroke:var(--icon-accent,currentColor)}
   .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 </style>
 </head>
@@ -45,10 +68,15 @@
     <div class="temp" id="temp"></div>
     <div class="msg" id="msg" hidden></div>
   </div>
+  <div class="aq" id="aq" aria-hidden="true" hidden>
+    <span class="aq-hit" id="aq-hit"></span>
+    <span class="aq-cap"><span id="aq-val"></span><span id="aq-cap-ico"></span></span>
+  </div>
   <div class="sr-only" id="sr"></div>
 </div>
 <script type="module">
-import { poll, fetchData, linkTo, loadStrings, wt, formatNumber, errorState, setCardAppearance, placeholder, sinceLabel, readingTime, whileOnScreen } from '/js/widget-toolbox.js?v=49800e75';
+import { poll, fetchData, linkTo, loadStrings, wt, formatNumber, errorState, setCardAppearance, placeholder, sinceLabel, readingTime, whileOnScreen, fitText, html, setHtml } from '/js/widget-toolbox.js?v=ce372f4d';
+import { ensureSprite } from '/js/icon-set.js?v=393b5749';
 await loadStrings();
 document.getElementById('widget').setAttribute('aria-label', wt('widget.label', 'Weather'));
 const API='/api';
@@ -62,6 +90,10 @@
 const tempEl=document.getElementById('temp');
 const msgEl=document.getElementById('msg');
 const srEl=document.getElementById('sr');
+const aqEl=document.getElementById('aq');
+const aqValEl=document.getElementById('aq-val');
+const aqCapIcoEl=document.getElementById('aq-cap-ico');
+const aqHitEl=document.getElementById('aq-hit');
 
 /* ---- artwork, drawn in the icon's 100-unit box ---- */
 const f=n=>+n.toFixed(3);
@@ -75,54 +107,75 @@
 }
 const MARIA=[[-.32,-.28,.26],[-.08,-.44,.16],[-.46,.06,.18],[.3,-.02,.2],[.4,.22,.13],[-.04,.42,.14]];
 const PITS=[[.5,-.36,.06],[.12,.08,.05],[.2,.56,.06]];
-function orb(day,cx,cy,r){
+function orb(day,cx,cy,r,dim=1){
   const body=day
     ?`<circle cx="${cx}" cy="${cy}" r="${r}" fill="#FF9230"/><circle cx="${cx}" cy="${cy}" r="${f(r*.95)}" fill="none" stroke="#FFD600" stroke-opacity=".55" stroke-width="${f(r*.1)}"/>`
     :`<circle cx="${cx}" cy="${cy}" r="${r}" fill="#FFFFFF" fill-opacity=".92"/>`
       +`<g fill="#8E8E93" opacity=".22" filter="url(#wx-soft)">${MARIA.map(([x,y,k])=>`<circle cx="${f(cx+x*r)}" cy="${f(cy+y*r)}" r="${f(k*r)}"/>`).join('')}</g>`
       +PITS.map(([x,y,k])=>`<circle cx="${f(cx+x*r)}" cy="${f(cy+y*r)}" r="${f(k*r)}" fill="#8E8E93" fill-opacity=".35"/>`).join('');
-  return `<g class="wx-orb">${body}</g>`;
+  return `<g class="wx-orb"${dim<1?` opacity="${dim}"`:''}>${body}</g>`;
 }
 let clipN=0;
+function glass(day,d,{cls='',layers=day?[['#8E8E93',.4]]:[['#FFFFFF',.6]],glow='',rim=1.8}={}){
+  const id=`wx-c${clipN++}`;
+  const body=[...layers,['#0091FF',.06]].map(([c,o])=>`<path d="${d}" fill="${c}" fill-opacity="${o}"/>`).join('');
+  return `<g class="${cls}"><clipPath id="${id}"><path d="${d}"/></clipPath><g clip-path="url(#${id})">${glow}${body}</g><path class="wx-rim" d="${d}" fill="none" stroke="#FFFFFF" stroke-opacity="${day?.45:.22}" stroke-width="${rim}"/></g>`;
+}
 function cloud(day,x,y,W,back,glow=''){
-  const d=cloudPath(x,y,W),id=`wx-c${clipN++}`;
   const layers=glow
     ?(day?[['#FFFFFF',.5],['#8E8E93',.15]]:[['#8E8E93',.35]])
     :back?(day?[['#FFFFFF',.6],['#8E8E93',.16]]:[['#FFFFFF',.85]])
-    :(day?[['#8E8E93',.4]]:[['#FFFFFF',.6]]);
-  const body=[...layers,['#0091FF',.06]].map(([c,o])=>`<path d="${d}" fill="${c}" fill-opacity="${o}"/>`).join('');
-  return `<g class="wx-cloud ${back?'wx-back':'wx-front'}"><clipPath id="${id}"><path d="${d}"/></clipPath><g clip-path="url(#${id})">${glow}${body}</g><path class="wx-rim" d="${d}" fill="none" stroke="#FFFFFF" stroke-opacity="${day?.45:.22}" stroke-width="1.8"/></g>`;
+    :undefined;
+  return glass(day,cloudPath(x,y,W),{cls:`wx-cloud ${back?'wx-back':'wx-front'}`,layers,glow});
 }
 const over=(day,orbAt,x,y,W)=>orb(day,...orbAt)+cloud(day,x,y,W,false,`<g filter="url(#wx-blur)">${orb(day,...orbAt)}</g>`);
 const PC=[8,-3,84],BASE=f(PC[1]+.702*PC[2]),SKY=[78,27,31],LANE=[30,64];
 const rnd=(lo,hi)=>f(lo+Math.random()*(hi-lo));
-function falling(n,shape,cls,[lo,hi],op=1){
-  const step=(LANE[1]-LANE[0])/n;
+function falling(n,shape,cls,[lo,hi],{op=1,lane=LANE,shift=.5,slots=n,at=i=>i}={}){
+  const step=(lane[1]-lane[0])/slots;
   return Array.from({length:n},(_,i)=>{
     const d=rnd(lo,hi);
-    return `<g class="wx-pos" data-lo="${LANE[0]}" data-hi="${LANE[1]}" transform="translate(${f(LANE[0]+(i+.5)*step)} 0)"${op<1?` opacity="${op}"`:''}><g class="${cls}" style="animation-duration:${d}s;animation-delay:-${rnd(0,d)}s">${shape}</g></g>`;
+    return `<g class="wx-pos" data-lo="${lane[0]}" data-hi="${lane[1]}" transform="translate(${f(lane[0]+(at(i)+shift)*step)} 0)"${op<1?` opacity="${op}"`:''}><g class="${cls}" style="animation-duration:${d}s;animation-delay:-${rnd(0,d)}s">${shape}</g></g>`;
   }).join('');
 }
 const drop=(k,w)=>`<path d="M0 ${f(BASE-2)}l${f(-4.2*k)} ${f(8.5*k)}" stroke="#00D2E0" stroke-width="${w}" stroke-linecap="round"/>`;
-const rain=()=>falling(2,drop(.7,2.2),'wx-drop',[1.6,2],.5)+falling(4,drop(1,3.6),'wx-drop',[.95,1.25]);
+const rain=()=>falling(2,drop(.7,2.2),'wx-drop',[1.6,2],{op:.5})+falling(4,drop(1,3.6),'wx-drop',[.95,1.25]);
+const STILL={drop:-6,drizzle:-4.5,flake:1,pellet:-1.5};
+const mix=(lane,slots,at,part)=>({lane,slots,at,shift:.5-STILL[part]*slots/(lane[1]-lane[0])});
+const WIDE=[20,80],even=i=>2*i,odd=i=>2*i+1;
+const drops=(n,o)=>falling(n,drop(1,3.6),'wx-drop',[.95,1.25],o);
+const drizzle=(n,o)=>falling(n,drop(.38,3.2),'wx-drop',[1.5,2],o);
+const pellets=(day,n,r,dur,o)=>falling(n,`<circle cx="0" cy="${f(BASE+2)}" r="${r}" fill="${day?'#3CD3FE':'#FFFFFF'}"/>`,'wx-pellet',dur,o);
 function flake(cx,cy,r,w,c){
   return [0,60,120].map(a=>`<path d="M${cx} ${f(cy-r)}v${f(2*r)}" transform="rotate(${a} ${cx} ${cy})" stroke="${c}" stroke-width="${w}" stroke-linecap="round"/>`).join('');
 }
+const flakes=(n,r,w,c,o)=>falling(n,flake(0,f(BASE+3),r,w,c),'wx-flake',[3.6,4.8],o);
 function snow(day){
   const c=day?'#00D2E0':'#FFFFFF',y=f(BASE+3);
-  return falling(2,flake(0,y,2.8,1.8,c),'wx-flake',[5.5,7.5],.55)+falling(3,flake(0,y,4.6,2.6,c),'wx-flake',[3.6,4.8]);
+  return falling(2,flake(0,y,2.8,1.8,c),'wx-flake',[5.5,7.5],{op:.55})+flakes(3,4.6,2.6,c,{shift:.75});
 }
 function storm(day){
   const z=`M4 ${f(BASE-6)}L-6 ${f(BASE+10)}L4 ${f(BASE+11)}L-8 ${f(BASE+30)}`;
   const bolt=`<g class="wx-pos wx-flip" data-lo="40" data-hi="58" transform="translate(50 0)"><g class="wx-bolt"><path class="wx-draw" pathLength="1" d="${z}" fill="none" stroke="#FFD600" stroke-width="3.8" stroke-linecap="round" stroke-linejoin="round"/></g></g>`;
   return bolt+cloud(day,...PC)+`<path class="wx-flash wx-front" d="${cloudPath(...PC)}" fill="#FFFFFF" opacity="0"/>`;
 }
-function mist(day){
-  const c=day?'#8E8E93':'#FFFFFF';
-  const fog=`<linearGradient id="wx-fog"><stop offset="0" stop-color="${c}" stop-opacity="0"/><stop offset=".3" stop-color="${c}"/><stop offset=".7" stop-color="${c}"/><stop offset="1" stop-color="${c}" stop-opacity="0"/></linearGradient>`;
-  const bands=[[10,14,80,.5],[0,28,96,.75],[14,42,84,.9],[2,56,90,.65],[18,68,66,.4]];
-  return `<defs>${fog}<filter id="wx-haze" x="-10%" y="-80%" width="120%" height="260%"><feGaussianBlur stdDeviation="1.6"/></filter></defs>`
-    +`<g filter="url(#wx-haze)" opacity="${day?.6:.7}">${bands.map(([x,y,w,o])=>`<rect class="wx-mist" x="${x}" y="${y}" width="${w}" height="9" rx="4.5" fill="url(#wx-fog)" fill-opacity="${o}"/>`).join('')}</g>`;
+const BANDS=[[10,14,80,.5],[0,28,96,.75],[14,42,84,.9],[2,56,90,.65],[18,68,66,.4]];
+function haze(colours,op,bands=BANDS){
+  const grad=c=>`<linearGradient id="wx-fog${c.slice(1)}"><stop offset="0" stop-color="${c}" stop-opacity="0"/><stop offset=".3" stop-color="${c}"/><stop offset=".7" stop-color="${c}"/><stop offset="1" stop-color="${c}" stop-opacity="0"/></linearGradient>`;
+  return `<defs>${colours.map(grad).join('')}<filter id="wx-haze" x="-10%" y="-80%" width="120%" height="260%"><feGaussianBlur stdDeviation="1.6"/></filter></defs>`
+    +`<g filter="url(#wx-haze)" opacity="${op}">${bands.map(([x,y,w,o],i)=>`<rect class="wx-mist" x="${x}" y="${y}" width="${w}" height="9" rx="4.5" fill="url(#wx-fog${colours[i%colours.length].slice(1)})" fill-opacity="${o}"/>`).join('')}</g>`;
+}
+const grey=day=>day?'#8E8E93':'#FFFFFF';
+function gust(day,x,y,w,i,h){
+  const r=h/2,d=`M${x+w-r} ${y-r}A${r} ${r} 0 0 1 ${x+w-r} ${y+r}L${x} ${y+.5}A.5 .5 0 0 1 ${x} ${y-.5}z`;
+  const len=w-r-4,seg=f(len*.24),id=`wx-c${clipN++}`;
+  return `<g class="wx-mist">${glass(day,d,{rim:1})}<clipPath id="${id}"><rect x="${x+8}" y="${y-2}" width="${f(len-3)}" height="4"/></clipPath><g clip-path="url(#${id})"><path class="wx-flow" d="M${f(x+w-r+seg)} ${y}h${-seg}" stroke="#FFFFFF" stroke-opacity="${day?.95:.85}" stroke-width="1.6" stroke-linecap="round" style="--d:${f(-(len+seg))}px;animation-duration:${f(1.3+i*.3)}s;animation-delay:-${f(i*.5)}s"/></g></g>`;
+}
+const FUNNEL=[[50,13,38],[54,25,27],[54,37,18],[51,49,11],[47,61,6.5],[45,71,3.5]];
+function tornado(day){
+  const c=grey(day);
+  return `<g class="wx-mist">${FUNNEL.map(([cx,cy,rx])=>`<ellipse cx="${cx}" cy="${cy}" rx="${rx}" ry="${f(rx*.28)}" fill="none" stroke="${c}" stroke-opacity="${day?.35:.25}" stroke-width="3.2"/>`).join('')}`
+    +FUNNEL.map(([cx,cy,rx],i)=>{const ry=f(rx*.28);return `<path class="wx-spin" pathLength="100" d="M${f(cx-rx)} ${cy}a${rx} ${ry} 0 1 0 ${f(2*rx)} 0a${rx} ${ry} 0 1 0 ${f(-2*rx)} 0" fill="none" stroke="${c}" stroke-width="3.2" stroke-linecap="round" style="animation-duration:${f(1.1+i*.12)}s"/>`;}).join('')+'</g>';
 }
 const BLUR='<defs><filter id="wx-blur" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="5"/></filter><filter id="wx-soft"><feGaussianBlur stdDeviation="1"/></filter></defs>';
 
@@ -136,23 +189,54 @@
     case 'rain':      return BLUR+rain()+over(day,SKY,...PC);
     case 'thunder':   return BLUR+storm(day);
     case 'snow':      return BLUR+snow(day)+over(day,SKY,...PC);
-    case 'mist':      return BLUR+mist(day);
+    case 'mist':      return BLUR+haze([grey(day)],day?.6:.7);
+    case 'drizzle':   return BLUR+drizzle(6,{shift:.25})+cloud(day,...PC);
+    case 'fdrizzle':  return BLUR+drizzle(4,mix(WIDE,6,i=>[0,2,3,5][i],'drizzle'))+flakes(2,3.2,2,'#3CD3FE',mix(WIDE,6,i=>[1,4][i],'flake'))+cloud(day,...PC);
+    case 'frain':     return BLUR+drops(3,mix(WIDE,5,even,'drop'))+flakes(2,4,2.2,'#3CD3FE',mix(WIDE,5,odd,'flake'))+cloud(day,...PC);
+    case 'sleet':     return BLUR+drops(3,mix(WIDE,6,even,'drop'))+pellets(day,3,2.3,[1.3,1.7],mix(WIDE,6,odd,'pellet'))+cloud(day,...PC);
+    case 'rainsnow':  return BLUR+drops(3,mix(WIDE,5,even,'drop'))+flakes(2,4.6,2.6,day?'#00D2E0':'#FFFFFF',mix(WIDE,5,odd,'flake'))+cloud(day,...PC);
+    case 'grains':    return BLUR+pellets(day,5,1.8,[1.6,2.2],{shift:.75})+cloud(day,...PC);
+    case 'hail':      return BLUR+pellets(day,4,2.6,[1.1,1.4],mix(WIDE,6,i=>[0,1,4,5][i],'pellet'))+storm(day);
+    case 'thinmist':  return BLUR+haze([grey(day)],day?.5:.6,[[6,30,88,.55],[16,46,78,.75],[4,62,84,.5]]);
+    case 'rime':      return BLUR+haze([grey(day),'#3CD3FE'],day?.6:.7);
+    case 'haze':      return BLUR+orb(day,50,34,24)+haze([day?'#FF9230':'#8E8E93'],day?.55:.7,[[2,32,96,.45],[12,46,84,.7],[0,60,92,.55]]);
+    case 'smoke':     return BLUR+haze([day?'#636366':'#8E8E93'],day?.75:.85);
+    case 'dust':      return BLUR+orb(day,50,34,24,day?.55:.45)+haze(['#B78A66'],.8,[[2,30,96,.55],[12,44,84,.85],[0,58,92,.7],[18,70,64,.45],[10,16,80,.35]]);
+    case 'ash':       return BLUR+orb(day,50,34,24,day?.4:.35)+haze([day?'#48484A':'#8E8E93'],day?.8:.85);
+    case 'squall':    return BLUR+gust(day,6,20,84,0,8)+gust(day,18,38,74,1,8)+gust(day,2,56,62,2,7);
+    case 'tornado':   return BLUR+tornado(day);
   }
   return BLUR+cloud(day,2,14,96);
 }
 
 /* WMO weather code -> {cond, label} */
-function mapCode(code){
+function mapCode(code,condition){
+  const is=(...c)=>c.includes(code);
   if(code===0) return {cond:'clear',label:wt('ui.clear','Clear')};
   if(code===1) return {cond:'few',label:wt('ui.mostlyClear','Mostly Clear')};
   if(code===2) return {cond:'scattered',label:wt('ui.partlyCloudy','Partly Cloudy')};
   if(code===3) return {cond:'broken',label:wt('ui.cloudy','Cloudy')};
-  if(code===45||code===48) return {cond:'mist',label:wt('ui.fog','Fog')};
-  if(code>=51&&code<=57) return {cond:'shower',label:wt('ui.drizzle','Drizzle')};
-  if(code>=61&&code<=67) return {cond:'rain',label:wt('ui.rain','Rain')};
+  if(code===4&&condition==='ash') return {cond:'ash',label:wt('ui.volcanicAsh','Volcanic Ash')};
+  if(code===4) return {cond:'smoke',label:wt('ui.smoke','Smoke')};
+  if(code===5) return {cond:'haze',label:wt('ui.haze','Haze')};
+  if(condition==='sand') return {cond:'dust',label:wt('ui.sand','Sand')};
+  if(is(6,7,8,9)||(code>=30&&code<=35)) return {cond:'dust',label:wt('ui.dust','Dust')};
+  if(code===10) return {cond:'thinmist',label:wt('ui.mist','Mist')};
+  if(code===18) return {cond:'squall',label:wt('ui.squalls','Squalls')};
+  if(code===19) return {cond:'tornado',label:wt('ui.tornado','Tornado')};
+  if(code===45) return {cond:'mist',label:wt('ui.fog','Fog')};
+  if(code===48) return {cond:'rime',label:wt('ui.rimeFog','Rime Fog')};
+  if(is(56,57)) return {cond:'fdrizzle',label:wt('ui.freezingDrizzle','Freezing Drizzle')};
+  if(code>=51&&code<=55) return {cond:'drizzle',label:wt('ui.drizzle','Drizzle')};
+  if(is(66,67)) return {cond:'frain',label:wt('ui.freezingRain','Freezing Rain')};
+  if(is(68,69)) return {cond:'rainsnow',label:wt('ui.rainAndSnow','Rain and Snow')};
+  if(code>=61&&code<=65) return {cond:'rain',label:wt('ui.rain','Rain')};
+  if(code===77) return {cond:'grains',label:wt('ui.snowGrains','Snow Grains')};
+  if(code===79) return {cond:'sleet',label:wt('ui.sleet','Sleet')};
   if(code>=80&&code<=82) return {cond:'shower',label:wt('ui.showers','Showers')};
-  if(code>=71&&code<=77) return {cond:'snow',label:wt('ui.snow','Snow')};
+  if(code>=71&&code<=76) return {cond:'snow',label:wt('ui.snow','Snow')};
   if(code>=85&&code<=86) return {cond:'snow',label:wt('ui.snowShowers','Snow Showers')};
+  if(is(96,99)) return {cond:'hail',label:wt('ui.hailstorm','Hailstorm')};
   if(code>=95) return {cond:'thunder',label:wt('ui.thunderstorm','Thunderstorm')};
   return {cond:'broken',label:wt('ui.cloudy','Cloudy')};
 }
@@ -176,9 +260,62 @@
   return `hsl(${Math.round(hue)},${sat}%,${light}%)`;
 }
 
+/* ---- UV and air quality alerts ---- */
+const LEVEL_INK=[,'#FFD600','#FF9230','#FF4245','#DB34F2','#B78A66'];
+const LEVEL_INK_DAY=[,'#A88300','#E05A00','#FF4245','#DB34F2','#B78A66'];
+const BAND={
+  moderate:()=>wt('ui.moderate','moderate'),
+  high:()=>wt('ui.high','high'),
+  veryHigh:()=>wt('ui.veryHigh','very high'),
+  extreme:()=>wt('ui.extreme','extreme'),
+  sensitive:()=>wt('ui.sensitive','unhealthy for sensitive groups'),
+  unhealthy:()=>wt('ui.unhealthy','unhealthy'),
+  veryUnhealthy:()=>wt('ui.veryUnhealthy','very unhealthy'),
+  hazardous:()=>wt('ui.hazardous','hazardous'),
+  poor:()=>wt('ui.poor','poor'),
+  veryPoor:()=>wt('ui.veryPoor','very poor'),
+  extremelyPoor:()=>wt('ui.extremelyPoor','extremely poor'),
+};
+const validAlert=a=>a&&(a.kind==='uv'||a.kind==='air')&&Number.isFinite(a.value)&&Object.hasOwn(BAND,a.band)&&LEVEL_INK[a.level];
+function alertText(a){
+  const vars={value:formatNumber(a.value),level:BAND[a.band]()};
+  return a.kind==='uv'?wt('ui.uvAlert','UV index {value}, {level}',vars):wt('ui.airAlert','Air quality index {value}, {level}',vars);
+}
+let sprite=false,linked=false;
+function drawAlerts(alerts,lightCard){
+  const a=alerts[0];
+  aqEl.hidden=!a;
+  if(!linked){if(a)widgetEl.tabIndex=0;else widgetEl.removeAttribute('tabindex');}
+  if(!a)return;
+  if(!sprite){ensureSprite(document);sprite=true;}
+  aqEl.style.setProperty('--icon-accent',(lightCard?LEVEL_INK_DAY:LEVEL_INK)[a.level]);
+  const ico=()=>html`<svg class="sy-icon" width="18" height="18" aria-hidden="true" focusable="false"><use href="#sy-solid-${a.kind}"/></svg>`;
+  setHtml(aqHitEl,ico());
+  setHtml(aqCapIcoEl,ico());
+  const value=formatNumber(a.value);
+  aqValEl.textContent=a.kind==='uv'?wt('ui.uvShort','UV {value}',{value}):wt('ui.airShort','AQI {value}',{value});
+}
+
+let tapType='',peekTimer=0;
+aqEl.addEventListener('pointerdown',e=>{tapType=e.pointerType;});
+aqEl.addEventListener('click',e=>{
+  if(tapType!=='touch'&&tapType!=='pen')return;
+  e.stopPropagation();
+  widgetEl.classList.remove('hush');
+  widgetEl.classList.add('peek');
+  clearTimeout(peekTimer);
+  peekTimer=setTimeout(()=>widgetEl.classList.remove('peek'),4000);
+});
+document.addEventListener('keydown',e=>{
+  if(e.key!=='Escape')return;
+  widgetEl.classList.remove('peek');
+  widgetEl.classList.add('hush');
+});
+for(const ev of ['mouseleave','focusout'])widgetEl.addEventListener(ev,()=>widgetEl.classList.remove('hush'));
+
 function render(d){
   state.ok();
-  const m=mapCode(d.code);
+  const m=mapCode(d.code,d.condition);
   const day=d.isDay!==false;
   /* The background follows the weather region's day and night, not the
      dashboard theme. */
@@ -191,11 +328,15 @@
   icoEl.innerHTML=buildIcon(m.cond,day);
   if(ambientTimer)ambient();
   condEl.textContent=m.label;
+  fitText(condEl,11);
   const unitSym = d.units==='f' ? '°F' : '°C';
   tempEl.innerHTML=formatNumber(Number(d.temp))+'&deg;';
   /* set colors directly on the elements so nothing can override them */
   tempEl.style.color=tempColor(d.temp,d.units,lightCard);
   condEl.style.color = lightCard ? '#2C2C2E' : '#FFFFFF';
+  widgetEl.classList.toggle('night', !lightCard);
+  const alerts = Array.isArray(d.alerts) ? d.alerts.filter(validAlert) : [];
+  drawAlerts(alerts,lightCard);
   widgetEl.style.setProperty('--wt-cap-color', lightCard ? '#636366' : 'rgba(255,255,255,0.62)');
 
   /* HIG: full detail available on hover + to screen readers */
@@ -205,7 +346,7 @@
     condition:m.label,
     temp:d.usedFeels?wt('ui.feelsLikeTemp','{temp} (feels like)',{temp}):temp,
   });
-  _summary = summary;
+  _summary = alerts.reduce((s, a) => wt('ui.withAlert', '{summary}. {alert}', { summary: s, alert: alertText(a) }), summary);
   _fetchedAt = readingTime(d);
   describe();
 }
@@ -246,7 +387,7 @@
   if(flip)p.querySelector('.wx-draw').animate([{strokeDashoffset:1},{strokeDashoffset:0}],{duration:200,easing:'ease-out'});
 });
 
-const state=errorState({root:widgetEl,content:[icoEl,condEl,tempEl],caption:msgEl});
+const state=errorState({root:widgetEl,content:[icoEl,condEl,tempEl,aqEl],caption:msgEl});
 
 {
   const sun=document.createElementNS('http://www.w3.org/2000/svg','circle');
@@ -262,7 +403,7 @@
   let cfg=null;
   try{const r=await fetch(`${API}/widget-config/${encodeURIComponent(id)}`);if(r.ok)cfg=await r.json();}catch(e){}
   const href=cfg&&cfg.widgetConfig&&cfg.widgetConfig.href;
-  linkTo(widgetEl,href);
+  linked=linkTo(widgetEl,href);
   /* poll keeps the last reading through a transient failure. onError runs when
      there is nothing good to keep. */
   poll({ fetch:wfetch, render, interval:TICK_MS,
diff --git a/public/widgets/weather/widget.json b/public/widgets/weather/widget.json
index 1ed58e2..be37895 100644
--- a/public/widgets/weather/widget.json
+++ b/public/widgets/weather/widget.json
@@ -49,7 +49,8 @@
       "optionsFrom": "geocode",
       "carries": [
         "lat",
-        "lon"
+        "lon",
+        "countryCode"
       ],
       "hint": "city.hint",
       "cosmetic": true
@@ -79,6 +80,14 @@
       "default": false,
       "cosmetic": true
     },
+    {
+      "key": "warnings",
+      "type": "toggle",
+      "label": "warnings.label",
+      "hint": "warnings.hint",
+      "default": true,
+      "cosmetic": true
+    },
     {
       "key": "href",
       "type": "text",
diff --git a/src/content/docs/docs/widgets/weather.mdx b/src/content/docs/docs/widgets/weather.mdx
index da6de4a..9246914 100644
--- a/src/content/docs/docs/widgets/weather.mdx
+++ b/src/content/docs/docs/widgets/weather.mdx
@@ -46,5 +46,25 @@ Small only.
   { name: 'Location', text: 'Type a city into Search, press Fetch, then pick the place. Its coordinates are saved with the widget.' },
   { name: 'Units', text: 'Celsius or Fahrenheit. Defaults to Celsius.' },
   { name: 'Show feels like', text: 'Adds the apparent temperature. Off by default.' },
+  { name: 'Show UV and air warnings', text: 'Shows the warning icon. On by default.' },
   { name: 'Link URL', text: 'Where clicking the widget opens.', optional: true },
 ]} />
+
+## UV and air quality warnings
+
+An icon appears in the top corner when the UV index is 3 or higher, or when the air is unhealthy. Hover or focus the card, or tap the icon, to see the reading. Escape hides it. When both warn, the icon shows the worse one. Screen readers hear both.
+
+<WidgetGroup caption="Very high UV. Hover the card to see the reading."
+  items={[
+    { type: 'weather', file: 'index.html', id: 'w-weather-uv', title: 'Weather, UV warning', label: 'UV 8' },
+  ]} />
+
+| Reading | Warns from |
+| --- | --- |
+| UV index | 3 |
+| European Air Quality Index | 60 (Poor) |
+| US Air Quality Index | 101 (Unhealthy for Sensitive Groups) |
+
+Places in EU and EEA countries, the EU outermost regions, Åland, the United Kingdom and Switzerland use the European index. All other places use the US index.
+
+Both readings come from the Open-Meteo Air Quality API, for either weather service. Air quality data is from the Copernicus Atmosphere Monitoring Service (CAMS).