:root{--bg:#f6f7f9;--surface:#fff;--text:#111418;--muted:#3d4651;--border:#c9ced6;--primary:#0b4f8a;--primary-text:#fff;--notice-bg:#fff4d6;--notice-border:#a36b00;--good:#1f7a3a;--good-bg:#e6f4ea;--moderate:#8a6d00;--moderate-bg:#fff8d6;--unhealthy:#b34700;--unhealthy-bg:#ffeadb;--very-unhealthy:#a1123a;--very-unhealthy-bg:#fde4ea;--hazardous:#5b1a8a;--hazardous-bg:#efe3f8;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:112.5%;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:36rem;margin:0 auto;padding:1rem}h1{margin:0;font-size:1.75rem}h2{margin:0 0 .5rem;font-size:1.35rem}p{margin:.5rem 0}.header{margin-bottom:1rem}.muted{color:var(--muted)}.label{margin-top:1rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.btn{width:100%;min-height:3rem;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--primary);cursor:pointer;border-radius:10px;padding:.75rem 1rem;font-weight:600;display:block}.btn-primary{color:var(--primary-text);background:var(--primary);margin-top:1rem}.btn-secondary{margin-top:.75rem}.btn:disabled{opacity:.7;cursor:not-allowed}.select{width:100%;min-height:3rem;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--primary);border-radius:10px;margin-top:.25rem;padding:.5rem .75rem;display:block}.select:focus-visible,.btn:focus-visible,.link:focus-visible,a:focus-visible{outline:3px solid var(--text);outline-offset:3px}.link{min-height:3rem;font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-weight:600;text-decoration:underline}a{color:var(--primary);font-weight:600}.area-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.area-row h2{margin:0}.notice{background:var(--notice-bg);border-left:6px solid var(--notice-border);border-radius:6px;padding:.75rem}.band{border-left:10px solid;border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.band .label{margin:0}.band-main{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.25rem 0 0;font-size:1.6rem;display:flex}.band-main .value{color:var(--muted);font-size:1.1rem}.band-psi-good,.band-pm-normal{border-color:var(--good);background:var(--good-bg)}.band-psi-moderate{border-color:var(--moderate);background:var(--moderate-bg)}.band-psi-unhealthy,.band-pm-elevated{border-color:var(--unhealthy);background:var(--unhealthy-bg)}.band-psi-veryUnhealthy,.band-pm-high{border-color:var(--very-unhealthy);background:var(--very-unhealthy-bg)}.band-psi-hazardous,.band-pm-veryHigh{border-color:var(--hazardous);background:var(--hazardous-bg)}.stack{gap:1rem;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:.75rem 1rem;position:relative}.account p{margin:0}.account-text{padding-right:2.5rem;font-weight:600}.account-note{color:var(--muted);font-size:.9rem;margin-top:.5rem!important}.account-close{width:3rem;height:3rem;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.25rem;right:.25rem}.btn-google{border-width:1px;border-color:#747775;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.account-signed-in{padding:.5rem 1rem}.step-count{color:var(--muted);font-weight:600}.step-nav{justify-content:space-between;margin-top:.75rem;display:flex}.choices{border:none;gap:.75rem;margin:1rem 0 0;padding:0;display:grid}.choices .btn[aria-pressed=true]{background:var(--good-bg)}.choice{border:2px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;min-height:3rem;padding:.5rem .75rem;display:flex}.choice:has(input:checked){border-color:var(--primary);background:#e7f0f8}.choice-serious:has(input:checked){border-color:var(--very-unhealthy);background:var(--very-unhealthy-bg)}.choice input{flex:none;width:1.5rem;height:1.5rem}.card-prompt{border:2px solid var(--primary)}.prompt-text{margin:0;font-size:1.2rem;font-weight:700}.emergency{border:4px solid var(--very-unhealthy);background:var(--very-unhealthy-bg)}.btn-emergency{text-align:center;color:#fff;background:var(--very-unhealthy);border-color:var(--very-unhealthy);margin:1rem 0;font-size:1.2rem;text-decoration:none}.btn-danger{color:#fff;background:var(--very-unhealthy);border-color:var(--very-unhealthy)}.link-danger{color:var(--very-unhealthy);margin-top:.75rem}.advice-section h3{border-bottom:2px solid var(--border);margin:1.5rem 0 .5rem;padding-bottom:.25rem;font-size:1.35rem}.based-on{color:var(--muted);margin:0}.topic{border-left:8px solid var(--border);background:var(--bg);border-radius:8px;margin-top:.75rem;padding:.75rem 1rem}.topic-title{color:var(--muted);margin:0;font-size:1rem}.topic-main{margin-top:.25rem;display:flow-root}.illustration{float:left;border:1px solid var(--border);border-radius:12px;width:4.5rem;height:4.5rem;margin:0 .75rem .25rem 0}.topic-answer{margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.tone-ok{border-color:var(--good)}.tone-caution{border-color:var(--moderate)}.tone-avoid{border-color:var(--very-unhealthy)}.tone-info{border-color:var(--primary)}.refs{color:var(--muted);margin-top:.5rem;font-size:.9rem}.refs-label{margin:0;font-weight:600}.refs ul{margin:.25rem 0 0;padding-left:1.1rem}.refs li+li{margin-top:.25rem}.source{margin-top:.25rem;display:inline-block}.tip{border:2px dashed var(--moderate);background:var(--moderate-bg);border-radius:8px;margin-top:.75rem;padding:.5rem .75rem}.tip p{margin:0}.tip-label{font-size:.9rem;font-weight:700}.tip-text{margin-top:.25rem!important}.glossary{border:1px solid var(--border);border-radius:8px;margin-top:1.5rem;padding:.75rem 1rem;font-size:.9rem}.glossary h3{margin:0 0 .5rem;font-size:1rem}.glossary dl{margin:0 0 .5rem}.glossary-row{flex-wrap:wrap;gap:0 .5rem;display:flex}.glossary dt{font-weight:700}.glossary dt:after{content:":"}.glossary dd{margin:0}.band-detail{color:var(--muted);margin:.25rem 0 0}.reading-source{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.past-24h{color:var(--muted);margin-top:.75rem;font-size:.9rem}.footer-title{color:var(--text);margin:0 0 .25rem;font-size:1.1rem}.footer{color:var(--muted);margin-top:1.5rem;font-size:1rem}
