.pf .tone--good{--tone:#16a34a;--tone-soft:#dcfce7;--tone-ink:#14532d}.pf .tone--moderate{--tone:#b45309;--tone-soft:#fef3c7;--tone-ink:#7c2d12}.pf .tone--sensitive{--tone:#ea580c;--tone-soft:#ffedd5;--tone-ink:#7c2d12}.pf .tone--unhealthy{--tone:#dc2626;--tone-soft:#fee2e2;--tone-ink:#7f1d1d}.pf .tone--very-unhealthy{--tone:#7c3aed;--tone-soft:#ede9fe;--tone-ink:#4c1d95}.pf .tone--hazardous{--tone:#7f1d1d;--tone-soft:#fecaca;--tone-ink:#450a0a}.pf .tone--unknown{--tone:#6e7079;--tone-soft:#f1f1f4;--tone-ink:#46474f}.pf .aqi-hero{position:relative;overflow:hidden}.pf .aqi-haze{filter:blur(8px);pointer-events:none;background:radial-gradient(60% 80% at 20% 30%,#b1a4812e,#0000 70%),radial-gradient(50% 70% at 75% 40%,#b7987629,#0000 70%);background:radial-gradient(60% 80% at 20% 30%,lab(67.7275% .773191 19.8267/.18),#0000 70%),radial-gradient(50% 70% at 75% 40%,lab(65.1667% 8.10027 22.6915/.16),#0000 70%);height:320px;animation:26s ease-in-out infinite alternate aqi-drift;position:absolute;inset:-20% -10% auto}@keyframes aqi-drift{0%{transform:translate(-4%)translateY(0)}to{transform:translate(6%)translateY(10px)}}.pf .aqi-updated{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:inline-flex}.pf .aqi-updated .dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 0 var(--success);border-radius:50%;animation:2.4s ease-out infinite aqi-pulse}@keyframes aqi-pulse{0%{box-shadow:0 0 #29864680;box-shadow:0 0 lab(49.4309% -39.316 25.9959/.5)}70%{box-shadow:0 0 0 8px #29864600;box-shadow:0 0 0 8px lab(49.4309% -39.316 25.9959/0)}to{box-shadow:0 0 #29864600;box-shadow:0 0 lab(49.4309% -39.316 25.9959/0)}}.pf .aqi-source{color:var(--faint);max-width:640px;margin-top:12px;font-size:12.5px}.pf .aqi-source a{color:var(--accent-ink);text-decoration:underline}.pf .aqi-gauge{place-items:center;display:inline-grid;position:relative}.pf .aqi-gauge svg{transform:rotate(-90deg)}.pf .aqi-gauge__track{stroke:var(--tone-soft)}.pf .aqi-gauge__ring{stroke:var(--tone);stroke-linecap:round;animation:1.1s cubic-bezier(.22,1,.36,1) forwards aqi-draw}@keyframes aqi-draw{0%{stroke-dashoffset:var(--circ)}to{stroke-dashoffset:var(--offset)}}.pf .aqi-gauge__val{text-align:center;line-height:1;position:absolute}.pf .aqi-gauge__num{font-family:var(--display);color:var(--tone-ink);letter-spacing:-.02em;font-weight:700}.pf .aqi-gauge__cap{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:10px}.pf .aqi-featured{background:var(--surface);border:1px solid var(--tone);border-radius:var(--r-card);box-shadow:var(--shadow-md);border-left-width:5px;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-top:32px;padding:28px;display:grid}.pf .aqi-featured__rank{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tone);font-size:12px;font-weight:600}.pf .aqi-featured__name{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:700}.pf .aqi-featured__state{color:var(--muted);margin-top:2px;font-size:14px}.pf .aqi-featured__advice{color:var(--body);max-width:46ch;margin-top:12px;font-size:14.5px}.pf .aqi-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:24px;display:grid}.pf .aqi-card{background:var(--surface);border:1px solid var(--line-accent);border-top:3px solid var(--tone);border-radius:var(--r-card);box-shadow:var(--shadow-accent-sm);padding:18px 18px 16px;transition:transform .18s,box-shadow .18s}.pf .aqi-card:hover{box-shadow:var(--shadow-accent-md);transform:translateY(-2px)}.pf .aqi-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pf .aqi-card__name{color:var(--ink);font-size:15.5px;font-weight:700}.pf .aqi-card__state{color:var(--muted);margin-top:1px;font-size:12px}.pf .aqi-card__pill{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--tone-soft);color:var(--tone-ink);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 10px;font-size:10.5px;font-weight:500;display:inline-flex}.pf .aqi-card__meta{color:var(--faint);margin-top:10px;font-size:12px}.pf .aqi-legend{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:20px;display:grid}.pf .aqi-legend__item{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.pf .aqi-legend__sw{background:var(--tone);border-radius:4px;flex:none;width:14px;height:14px}.pf .aqi-legend__lbl{color:var(--body);font-size:12.5px}.pf .aqi-legend__lbl b{color:var(--ink);font-size:13px;display:block}.pf .aqi-tips{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px;display:grid}.pf .aqi-tip{background:var(--surface);border:1px solid var(--line-accent);border-radius:var(--r-card);box-shadow:var(--shadow-accent-sm);align-items:flex-start;gap:14px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.pf .aqi-tip:hover{box-shadow:var(--shadow-accent-md);transform:translateY(-2px)}.pf .aqi-tip__num{font-family:var(--mono);color:var(--faint);font-size:13px;font-weight:600;position:absolute;top:14px;right:16px}.pf .aqi-tip__icon{background:linear-gradient(135deg, var(--accent-soft), var(--accent-soft2));width:44px;height:44px;color:var(--accent-ink);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pf .aqi-tip__icon svg{width:22px;height:22px}.pf .aqi-tip__title{color:var(--ink);font-size:15px;font-weight:700}.pf .aqi-tip__body{color:var(--body);margin-top:5px;font-size:13.5px;line-height:1.5}@media (max-width:560px){.pf .aqi-featured{text-align:center;grid-template-columns:1fr;justify-items:center}.pf .aqi-featured__advice{margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){.pf .aqi-haze,.pf .aqi-updated .dot{animation:none}.pf .aqi-gauge__ring{stroke-dashoffset:var(--offset);animation:none}}