#weather-wellbeing{margin:10px 0 24px}
.jd-wellbeing-shell{position:relative;overflow:hidden;border:1px solid color-mix(in oklab,var(--brand) 42%,var(--border));border-radius:24px;background:linear-gradient(145deg,color-mix(in oklab,var(--card) 88%,var(--brand-50)),color-mix(in oklab,var(--card) 94%,var(--brand-accent) 6%));box-shadow:var(--shadow-1);padding:22px}
.jd-wellbeing-shell:before{content:"";position:absolute;inset:0 0 auto auto;width:280px;height:180px;pointer-events:none;background:radial-gradient(circle at 100% 0,color-mix(in oklab,var(--brand-accent) 22%,transparent),transparent 70%)}
.jd-wellbeing-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.jd-wellbeing-heading{min-width:0}
.jd-wellbeing-eyebrow{display:inline-flex;align-items:center;min-height:28px;border:1px solid color-mix(in oklab,var(--brand) 55%,var(--border));border-radius:999px;color:var(--brand-strong);background:color-mix(in oklab,var(--card) 78%,var(--brand-50));padding:5px 11px;font-size:.75rem;font-weight:800;letter-spacing:.13em}
.jd-wellbeing-title{margin:10px 0 4px;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.08}
.jd-wellbeing-subtitle{max-width:720px;margin:0;color:var(--muted);font-size:1rem;line-height:1.48}
.jd-wellbeing-status{flex:none;min-width:166px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--card) 86%,transparent);padding:10px 13px;box-shadow:inset 0 1px #ffffff54}
.jd-wellbeing-status span,.jd-wellbeing-status strong{display:block}
.jd-wellbeing-status span{color:var(--muted);font-size:.75rem;font-weight:650}
.jd-wellbeing-status strong{margin-top:2px;font-size:.93rem}
.jd-wellbeing-status.is-attention{border-color:#f59e0b70;background:color-mix(in oklab,var(--card) 78%,#f59e0b 22%)}
.jd-wellbeing-status.is-warn{border-color:#f973167a;background:color-mix(in oklab,var(--card) 76%,#f97316 24%)}
.jd-wellbeing-status.is-high{border-color:#ef44447a;background:color-mix(in oklab,var(--card) 74%,#ef4444 26%)}
.jd-wellbeing-status.is-stale{border-color:#94a3b87a;background:color-mix(in oklab,var(--card) 76%,#94a3b8 24%)}
.jd-wellbeing-profile-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in oklab,var(--border) 78%,transparent)}
.jd-wellbeing-profile-label{font-size:.86rem;font-weight:750}
.jd-wellbeing-profiles{display:flex;flex-wrap:wrap;gap:8px}
.jd-wellbeing-profile{appearance:none;border:1px solid color-mix(in oklab,var(--brand) 40%,var(--border));border-radius:999px;color:var(--fg);background:color-mix(in oklab,var(--card) 86%,transparent);min-height:38px;padding:8px 13px;font:inherit;font-size:.86rem;font-weight:720;cursor:pointer}
.jd-wellbeing-profile:hover{border-color:var(--brand)}
.jd-wellbeing-profile:focus-visible{outline:3px solid color-mix(in oklab,var(--brand-accent) 55%,transparent);outline-offset:2px}
.jd-wellbeing-profile[aria-pressed="true"]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:inset 0 1px #ffffff42,0 5px 14px #00000018}
.jd-wellbeing-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.jd-wellbeing-card{display:flex;min-width:0;min-height:255px;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--card) 94%,transparent);padding:15px;box-shadow:0 4px 16px #0f172a0a}
.jd-wellbeing-card.is-attention{border-color:#f59e0b70}
.jd-wellbeing-card.is-warn{border-color:#f973167a}
.jd-wellbeing-card.is-high{border-color:#ef44447a}
.jd-wellbeing-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.jd-wellbeing-card-title-wrap{display:flex;min-width:0;align-items:center;gap:8px}
.jd-wellbeing-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:color-mix(in oklab,var(--brand) 15%,var(--card));font-size:1.05rem}
.jd-wellbeing-card-title{margin:0;font-size:.96rem;line-height:1.2}
.jd-wellbeing-badge{flex:none;max-width:52%;border:1px solid color-mix(in oklab,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in oklab,var(--card) 82%,#10b981 18%);padding:4px 8px;text-align:center;font-size:.72rem;font-weight:800;line-height:1.15}
.is-attention>.jd-wellbeing-card-head .jd-wellbeing-badge{background:color-mix(in oklab,var(--card) 72%,#f59e0b 28%)}
.is-warn>.jd-wellbeing-card-head .jd-wellbeing-badge{background:color-mix(in oklab,var(--card) 72%,#f97316 28%)}
.is-high>.jd-wellbeing-card-head .jd-wellbeing-badge{background:color-mix(in oklab,var(--card) 68%,#ef4444 32%)}
.is-unavailable>.jd-wellbeing-card-head .jd-wellbeing-badge{color:var(--muted);background:color-mix(in oklab,var(--card) 75%,#94a3b8 25%)}
.jd-wellbeing-value{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.jd-wellbeing-value-label{color:var(--muted);font-size:.78rem}
.jd-wellbeing-value strong{font-size:1.55rem;line-height:1;white-space:nowrap}
.jd-wellbeing-desc,.jd-wellbeing-hint{margin:0;line-height:1.42}
.jd-wellbeing-desc{font-size:.9rem;font-weight:670}
.jd-wellbeing-hint{margin-top:7px;color:var(--muted);font-size:.82rem}
.jd-wellbeing-link{align-self:flex-start;margin-top:auto;padding-top:13px;font-size:.82rem;font-weight:800}
.jd-wellbeing-forecast{position:relative;margin-top:16px;padding:16px;border:1px solid color-mix(in oklab,var(--brand) 30%,var(--border));border-radius:18px;background:color-mix(in oklab,var(--card) 82%,var(--brand-50));overflow:hidden}
.jd-wellbeing-forecast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.jd-wellbeing-forecast-title{margin:0;font-size:1.02rem;line-height:1.25}
.jd-wellbeing-forecast-subtitle{max-width:690px;margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.42}
.jd-wellbeing-forecast-freshness{flex:none;border:1px solid color-mix(in oklab,#10b981 45%,var(--border));border-radius:999px;background:color-mix(in oklab,var(--card) 78%,#10b981 22%);padding:5px 9px;font-size:.72rem;font-weight:800;white-space:nowrap}
.jd-wellbeing-forecast-freshness.is-delayed{border-color:#f59e0b70;background:color-mix(in oklab,var(--card) 72%,#f59e0b 28%)}
.jd-wellbeing-forecast-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:10px;margin-top:13px}
.jd-wellbeing-window{min-width:0;border:1px solid var(--border);border-radius:15px;background:color-mix(in oklab,var(--card) 94%,transparent);padding:13px;box-shadow:0 3px 12px #0f172a08}
.jd-wellbeing-window.is-best{border-color:color-mix(in oklab,#10b981 54%,var(--border))}
.jd-wellbeing-window.is-worst.is-attention{border-color:#f59e0b70}
.jd-wellbeing-window.is-worst.is-warn{border-color:#f973167a}
.jd-wellbeing-window.is-worst.is-high{border-color:#ef44447a}
.jd-wellbeing-window-label{display:block;color:var(--muted);font-size:.73rem;font-weight:760}
.jd-wellbeing-window-time{display:block;margin-top:3px;font-size:.98rem;line-height:1.25}
.jd-wellbeing-window-desc{min-height:2.9em;margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}
.jd-wellbeing-window-metrics{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.jd-wellbeing-window-metrics span{border:1px solid color-mix(in oklab,var(--brand) 25%,var(--border));border-radius:999px;background:color-mix(in oklab,var(--card) 88%,transparent);padding:4px 7px;font-size:.7rem;font-weight:740;white-space:nowrap}
.jd-wellbeing-peak-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:11px}
.jd-wellbeing-peak-grid span{white-space:pre-line;border:1px solid color-mix(in oklab,var(--brand) 25%,var(--border));border-radius:10px;background:color-mix(in oklab,var(--card) 84%,var(--brand-50));padding:8px 6px;text-align:center;color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.35}
.jd-wellbeing-peak-grid span::first-line{color:var(--fg);font-size:.78rem;font-weight:850}
.jd-wellbeing-pollen{margin-top:13px;border:1px solid color-mix(in oklab,var(--brand-accent) 34%,var(--border));border-radius:16px;background:linear-gradient(135deg,color-mix(in oklab,var(--card) 92%,var(--brand-accent) 8%),color-mix(in oklab,var(--card) 94%,var(--brand-50)));padding:13px}
.jd-wellbeing-pollen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.jd-wellbeing-pollen-eyebrow{display:block;color:var(--brand-strong);font-size:.93rem;font-weight:850;line-height:1.25}
.jd-wellbeing-pollen-subtitle{margin:3px 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}
.jd-wellbeing-pollen-regional{flex:none;border:1px solid color-mix(in oklab,var(--brand) 28%,var(--border));border-radius:999px;background:color-mix(in oklab,var(--card) 90%,transparent);padding:5px 8px;color:var(--muted);font-size:.66rem;font-weight:760;white-space:nowrap}
.jd-wellbeing-pollen-summary{display:grid;gap:2px;margin-top:11px;border-left:4px solid var(--brand-accent);border-radius:11px;background:color-mix(in oklab,var(--card) 88%,var(--brand-accent) 12%);padding:9px 11px}
.jd-wellbeing-pollen-summary.is-zero{border-left-color:color-mix(in oklab,#10b981 70%,var(--brand))}
.jd-wellbeing-pollen-summary span{color:var(--muted);font-size:.67rem;font-weight:720}
.jd-wellbeing-pollen-summary strong{font-size:.82rem;line-height:1.32}
.jd-wellbeing-pollen-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}
.jd-wellbeing-pollen-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:5px;min-width:0;border:1px solid color-mix(in oklab,var(--brand) 24%,var(--border));border-radius:12px;background:color-mix(in oklab,var(--card) 94%,transparent);padding:9px;overflow:hidden}
.jd-wellbeing-pollen-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:color-mix(in oklab,var(--brand) 72%,var(--brand-accent))}
.jd-wellbeing-pollen-card.is-rising:after{background:#f59e0b}.jd-wellbeing-pollen-card.is-falling:after{background:#10b981}
.jd-wellbeing-pollen-name{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;font-size:.74rem;line-height:1.25;white-space:nowrap}
.jd-wellbeing-pollen-label{grid-column:1/-1;margin-top:6px;color:var(--muted);font-size:.61rem;font-weight:700}
.jd-wellbeing-pollen-value{font-size:1.13rem;font-weight:880;line-height:1}
.jd-wellbeing-pollen-unit{color:var(--muted);font-size:.57rem;font-weight:700;white-space:nowrap}
.jd-wellbeing-pollen-trend{grid-column:1/-1;margin-top:6px;color:var(--muted);font-size:.64rem;font-weight:780}
.jd-wellbeing-pollen-card.is-rising .jd-wellbeing-pollen-trend{color:#b45309}.jd-wellbeing-pollen-card.is-falling .jd-wellbeing-pollen-trend{color:#047857}
.jd-wellbeing-pollen-note{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;margin-top:10px;color:var(--muted);font-size:.68rem;line-height:1.38}
.jd-wellbeing-pollen-note p{margin:0}.jd-wellbeing-pollen-source{margin-left:auto;font-weight:800;white-space:nowrap}
.jd-wellbeing-forecast-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px;color:var(--muted);font-size:.72rem;line-height:1.35}
.jd-wellbeing-forecast-foot a{flex:none;font-weight:800;white-space:nowrap}
.jd-wellbeing-forecast-state{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;margin-top:10px;border:1px dashed var(--border);border-radius:14px;padding:12px;color:var(--muted);font-size:.82rem}
.jd-wellbeing-forecast-state p{margin:0}
.jd-wellbeing-notes{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:16px;padding-top:14px;border-top:1px solid color-mix(in oklab,var(--border) 78%,transparent)}
.jd-wellbeing-notes p{margin:0;line-height:1.42}
.jd-wellbeing-source{width:100%;font-size:.78rem;font-weight:700}
.jd-wellbeing-uv-note{color:var(--muted);font-size:.78rem}
.jd-wellbeing-disclaimer{color:var(--muted);font-size:.78rem}
.jd-wellbeing-risks{margin-left:auto;font-size:.8rem;font-weight:800;white-space:nowrap}
.jd-wellbeing-shell.is-stale .jd-wellbeing-grid{opacity:.76}
.jd-wellbeing-shell.is-loading,.jd-wellbeing-shell.is-error{display:flex;min-height:116px;align-items:center;justify-content:center;gap:14px}
.jd-wellbeing-loading{margin:0;color:var(--muted);font-weight:650}
@media(max-width:900px){.jd-wellbeing-grid{grid-template-columns:1fr}.jd-wellbeing-card{min-height:0}.jd-wellbeing-link{margin-top:12px}.jd-wellbeing-forecast-grid{grid-template-columns:1fr 1fr}.jd-wellbeing-window.is-peak{grid-column:1/-1}.jd-wellbeing-pollen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#weather-wellbeing{margin-top:8px}.jd-wellbeing-shell{border-radius:20px;padding:16px}.jd-wellbeing-header{display:block}.jd-wellbeing-status{display:flex;min-width:0;align-items:center;justify-content:space-between;margin-top:14px}.jd-wellbeing-status strong{margin:0;text-align:right}.jd-wellbeing-profile-wrap{display:block}.jd-wellbeing-profile-label{display:block;margin-bottom:9px}.jd-wellbeing-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jd-wellbeing-profile{width:100%;min-height:48px;padding:7px 6px;line-height:1.15}.jd-wellbeing-grid{gap:10px}.jd-wellbeing-card{padding:14px}.jd-wellbeing-value{margin-top:14px}.jd-wellbeing-forecast{padding:13px}.jd-wellbeing-forecast-head,.jd-wellbeing-pollen-head{display:block}.jd-wellbeing-forecast-freshness,.jd-wellbeing-pollen-regional{display:inline-flex;margin-top:9px}.jd-wellbeing-forecast-grid{grid-template-columns:1fr}.jd-wellbeing-window.is-peak{grid-column:auto}.jd-wellbeing-window-desc{min-height:0}.jd-wellbeing-pollen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-wellbeing-pollen-note{display:block}.jd-wellbeing-pollen-note p+.jd-wellbeing-pollen-note p{margin-top:5px}.jd-wellbeing-pollen-source{display:inline-flex;margin-top:8px}.jd-wellbeing-forecast-foot{display:block}.jd-wellbeing-forecast-foot a{display:inline-flex;margin-top:8px}.jd-wellbeing-notes{display:block}.jd-wellbeing-notes p+.jd-wellbeing-notes p{margin-top:6px}.jd-wellbeing-risks{display:inline-flex;margin-top:10px}}
@media(max-width:360px){.jd-wellbeing-profiles{grid-template-columns:1fr}.jd-wellbeing-profile{min-height:40px}}
@media(prefers-reduced-motion:reduce){.jd-wellbeing-profile{scroll-behavior:auto}}