main.asthma-page{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0fdf4 100%);margin-bottom:20px;padding:24px 0}main.asthma-page .container{max-width:1200px}.asthma-header{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#0d9488 100%);border-radius:16px;margin-bottom:24px;padding:24px}.header-content{align-items:center;gap:16px;display:flex}.header-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.header-icon svg{width:32px;height:32px}.header-text h1{margin:0 0 4px;font-size:1.75rem;font-weight:700}.header-text p{opacity:.9;margin:0;font-size:.95rem}.section-title{color:#1e3a5f;border-bottom:2px solid #e0f2fe;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;font-size:1.15rem;font-weight:600;display:flex}.section-title svg{color:#0891b2}.risk-meter-section{margin-bottom:24px}.risk-meter-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}.risk-meter-header h2{text-align:center;color:#1e3a5f;margin:0 0 20px;font-size:1.1rem}.risk-meter-body{flex-direction:column;align-items:center;gap:16px;display:flex}.risk-gauge{flex-direction:column;align-items:center;gap:12px;display:flex}.gauge-circle{background:conic-gradient(var(--risk-color) 0%, var(--risk-color) 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 8px 30px #00000026}.gauge-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.risk-number{color:#1e3a5f;font-size:3rem;font-weight:800;line-height:1}.risk-max{color:#64748b;font-size:1.1rem}.risk-label{color:#fff;border-radius:20px;padding:8px 24px;font-size:1rem;font-weight:600}.risk-description{text-align:center;color:#64748b}.risk-scale{gap:4px;width:100%;max-width:400px;margin-top:16px;display:flex}.scale-item{text-align:center;color:#fff;border-radius:4px;flex:1;padding:8px 4px;font-size:.75rem;font-weight:600}.air-quality-section{margin-bottom:24px}.factors-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.factor-card{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0000000f}.factor-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.factor-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.factor-card.pm25 .factor-icon{color:#d97706;background:#fef3c7}.factor-card.pm10 .factor-icon{color:#db2777;background:#fce7f3}.factor-card.pollen .factor-icon{color:#059669;background:#d1fae5}.factor-card.humidity .factor-icon{color:#2563eb;background:#dbeafe}.factor-card.temp .factor-icon{color:#dc2626;background:#fee2e2}.factor-card.wind .factor-icon{color:#4f46e5;background:#e0e7ff}.factor-info{flex-direction:column;gap:2px;display:flex}.factor-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.factor-value{color:#1e3a5f;font-size:1.25rem;font-weight:700}.factor-value small{color:#94a3b8;font-size:.7rem;font-weight:400}.factor-status{border-radius:10px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.factor-status.good{color:#059669;background:#d1fae5}.factor-status.moderate{color:#d97706;background:#fef3c7}.factor-status.bad{color:#dc2626;background:#fee2e2}.forecast-section{margin-bottom:24px}.forecast-grid{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.forecast-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:95px;padding:16px 14px;transition:transform .2s;display:flex;box-shadow:0 2px 10px #0000000f}.forecast-card:hover{transform:translateY(-3px)}.forecast-card.today{color:#fff;background:linear-gradient(135deg,#0891b2,#0d9488)}.forecast-day{text-align:center}.day-name{font-size:.85rem;font-weight:600;display:block}.day-date{opacity:.7;font-size:.7rem;display:block}.forecast-risk{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:700;display:flex}.forecast-label{color:#64748b;font-size:.7rem;font-weight:500}.forecast-card.today .forecast-label{color:#ffffffe6}.forecast-details{color:#94a3b8;gap:8px;font-size:.65rem;display:flex}.forecast-card.today .forecast-details{color:#fffc}.forecast-details span{align-items:center;gap:2px;display:flex}.legend-section{margin-bottom:24px}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.legend-item{background:#fff;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.legend-info strong{color:#1e3a5f;margin-bottom:2px;font-size:.85rem;display:block}.legend-info p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.triggers-section{margin-bottom:24px}.triggers-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.trigger-card{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000f}.trigger-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex}.trigger-icon.air{color:#d97706;background:#fef3c7}.trigger-icon.pollen{color:#059669;background:#d1fae5}.trigger-icon.temp{color:#dc2626;background:#fee2e2}.trigger-icon.humidity{color:#2563eb;background:#dbeafe}.trigger-card h3{color:#1e3a5f;margin:0 0 8px;font-size:.95rem}.trigger-card p{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.tips-section{margin-bottom:24px}.tips-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tip-card{background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 2px 10px #0000000f}.tip-number{color:#fff;background:linear-gradient(135deg,#0891b2,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.tip-content h4{color:#1e3a5f;margin:0 0 4px;font-size:.9rem}.tip-content p{color:#64748b;margin:0;font-size:.8rem;line-height:1.4}.info-section{margin-bottom:24px}.info-content{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000f}.info-card h3{color:#1e3a5f;margin:0 0 10px;font-size:1rem}.info-card p{color:#64748b;margin:0;font-size:.85rem;line-height:1.6}.disclaimer{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.disclaimer svg{color:#d97706;flex-shrink:0;margin-top:2px}.disclaimer p{color:#92400e;margin:0;font-size:.8rem;line-height:1.5}@media (max-width:768px){main.asthma-page{padding:16px 0}.asthma-header{padding:16px}.header-text h1{font-size:1.35rem}.factors-grid{grid-template-columns:repeat(2,1fr)}.triggers-grid,.tips-grid,.info-content{grid-template-columns:1fr}.forecast-card{min-width:85px;padding:12px 10px}.legend-grid{grid-template-columns:1fr}}@media (max-width:480px){.factors-grid{grid-template-columns:1fr}.header-content{text-align:center;flex-direction:column}.gauge-circle{width:120px;height:120px}.gauge-inner{width:94px;height:94px}.risk-number{font-size:2.5rem}}.city-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:25px;align-items:center;gap:8px;margin:8px 0;padding:8px 16px;transition:all .3s;display:inline-flex}.city-selector:hover{background:#ffffff4d}.city-selector i:first-child{color:#fff;font-size:.9rem}.city-selector i:last-child{color:#fffc;pointer-events:none;font-size:.7rem}.city-selector select{color:#fff;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding-right:5px;font-size:1rem;font-weight:600}.city-selector select option{color:#fff;background:#0891b2}.header-date{opacity:.9;margin:5px 0 0;font-size:.9rem}