:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f4}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}.shell{max-width:100vw;min-height:100vh;overflow-x:hidden;padding:24px 24px calc(92px + env(safe-area-inset-bottom))}.topbar{align-items:end;display:flex;gap:24px;justify-content:space-between;margin:0 auto 18px;max-width:1180px}.auth-user{align-items:center;display:flex;gap:10px;justify-content:end;min-width:0}.auth-user img{border-radius:999px;height:32px;width:32px}.auth-user span{color:#43545f;font-size:13px;font-weight:800;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-shell{align-items:center;display:grid;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid #d8e1e1;border-radius:8px;box-shadow:0 14px 34px #23363e14;display:grid;gap:14px;margin:0 auto;max-width:420px;padding:22px;width:100%}.auth-panel p:not(.eyebrow){color:#4b5d68;line-height:1.45}.google-signin-slot{min-height:44px}.apple-signin-button{align-items:center;background:#111;color:#fff;display:inline-flex;font-size:15px;justify-content:center;min-height:44px;width:100%}.hidden{display:none}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:22px}.eyebrow{color:#39706b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.zip-form{background:#fff;border:1px solid #d7e0df;border-radius:8px;padding:12px;width:min(320px,100%)}label{color:#4b5d68;display:grid;font-size:13px;font-weight:700;gap:7px}.zip-row{display:grid;gap:10px}.zip-row{grid-template-columns:1fr auto}input,select{border:1px solid #cbd6d8;border-radius:7px;min-height:42px;padding:0 12px}button{border:0;border-radius:7px;cursor:pointer;font-weight:800;min-height:42px;padding:0 14px}.zip-form button,.settings-panel>button{background:#0f766e;color:#fff}.tabs{background:#dfe8e8;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin:0 auto 18px;max-width:1180px;padding:4px}.footer-tabs{border-radius:0;bottom:0;box-shadow:0 -10px 28px #19262d29;left:0;margin:0;max-width:none;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));position:fixed;transform:none;width:100%;z-index:20}.tabs button{background:transparent;color:#43545f}.tabs .active{background:#fff;color:#102a2f;box-shadow:0 1px 4px #19262d1f}.grid,.home-stack,.map-layout{display:grid;gap:18px;margin:0 auto;max-width:1180px;min-width:0;width:100%}.home-stack{grid-template-columns:1fr}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.map-panel{background:#fff;border:1px solid #d8e1e1;border-radius:8px;box-shadow:0 14px 34px #23363e14;min-width:0;padding:18px;width:100%}.panel-head{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.status-pill{border-radius:999px;color:#fff;font-weight:900;padding:9px 12px}.zip-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.ghost-button{background:#e5eeee;color:#0f4f4a}.small-ghost-button{background:#e5eeee;color:#0f4f4a;font-size:11px;min-height:28px;padding:0 8px;white-space:nowrap}.inline-zip-form{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:8px;margin-bottom:16px;padding:12px}.inline-zip-form button{background:#0f766e;color:#fff}.aqi-list,.forecast,.pollutant-grid,.forecast-strip,.settings-panel,.legend,.directions ol{display:grid;gap:12px}.pollutant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pollutant-card{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:13px;padding:14px;position:relative}.card-more{background:#fff;border:1px solid #dbe5e4;border-radius:999px;color:#39706b;font-size:12px;min-height:30px;padding:0 10px;position:absolute;right:10px;top:10px}.card-more:hover,.card-more:focus-visible{background:#edf7ed;border-color:#84cc16}.pollutant-title{align-items:center;display:flex;gap:10px}.pollutant-title div{display:grid;gap:2px;min-width:0}.pollutant-title strong{font-size:17px}.pollutant-title em,.pollutant-card p{font-size:13px;line-height:1.35}.pollutant-icon{align-items:center;color:#fff;display:inline-flex;font-weight:900;justify-content:center}.pollutant-icon{border-radius:7px;flex:0 0 42px;font-size:12px;height:42px}.range-bar{background:#e4eceb;border-radius:999px;display:grid;grid-template-columns:1fr 1fr 1fr;height:12px;overflow:visible;position:relative}.range-bar span:first-child{border-bottom-left-radius:999px;border-top-left-radius:999px}.range-bar span:nth-child(3){border-bottom-right-radius:999px;border-top-right-radius:999px}.range-good{background:#1f9d55}.range-medium{background:#d6a500}.range-bad{background:#dc2626}.range-bar i{border:3px solid #ffffff;border-radius:999px;box-shadow:0 2px 8px #19262d47;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}.range-labels{color:#667680;display:grid;font-size:11px;font-weight:800;gap:6px;grid-template-columns:repeat(3,1fr)}.range-labels span:nth-child(2){text-align:center}.range-labels span:nth-child(3){text-align:right}.modal-backdrop{align-items:center;background:#0f1f2394;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:40}.pollen-modal{background:#fff;border:1px solid #d8e1e1;border-radius:8px;box-shadow:0 24px 70px #0f1f2357;display:grid;gap:14px;max-height:min(680px,calc(100vh - 44px));max-width:860px;overflow-y:auto;padding:58px 18px 18px;position:relative;width:min(100%,860px)}.pollen-summary,.pollen-type-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-close{align-items:center;background:#e5eeee;border-radius:999px;color:#102a2f;display:inline-flex;flex:0 0 42px;font-size:24px;height:42px;justify-content:center;line-height:1;padding:0;position:absolute;right:14px;top:14px;width:42px}.pollen-type-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pollen-type{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:10px;padding:13px}.pollen-type strong{color:#172033;font-size:16px}.pollen-type span{background:#fff;border:1px solid #dbe5e4;border-radius:999px;color:#39706b;font-size:12px;font-weight:900;padding:5px 8px;white-space:nowrap}.pollen-type p{color:#4b5d68;font-size:12px;line-height:1.4}.upi-bar{background:#dfe8e8;border-radius:999px;height:10px;overflow:hidden}.upi-bar i{border-radius:inherit;display:block;height:100%}.recommendation-list{display:flex;flex-wrap:wrap;gap:8px}.recommendation-list span{background:#edf7ed;border:1px solid #cfe6cf;border-radius:8px;color:#305c37;font-size:12px;font-weight:800;line-height:1.35;padding:8px 10px}.forecast-panel{align-self:start}.forecast-tab{display:grid;gap:18px;margin:0 auto;max-width:1180px}.chart-card{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:12px;margin-bottom:14px;padding:14px}.chart-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.forecast-tab h2,.map-layout h2{font-size:18px;line-height:1.15}.forecast-actions{display:flex;justify-content:end}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.chart-legend button{align-items:center;background:#fff;border:1px solid #dbe5e4;border-radius:999px;color:#4b5d68;display:flex;font-size:12px;font-weight:800;gap:6px;min-height:30px;padding:0 10px}.chart-legend button.inactive{color:#8a989e;opacity:.45}.chart-legend i{border-radius:999px;display:inline-block;height:10px;width:10px}.line-chart{background:linear-gradient(180deg,#ffffffe6,#e8efeebf);border-radius:8px;height:240px;overflow:visible;width:100%}.line-chart line{stroke:#5a6a7038;stroke-width:.4}.line-chart .axis-line{stroke:#41505673;stroke-width:.6}.line-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.line-chart text{fill:#64727a;font-size:4px;font-weight:900}.chart-days{color:#667680;display:grid;font-size:12px;font-weight:900;grid-auto-flow:column;grid-auto-columns:1fr;padding-left:11%;text-align:center}.weather-day{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:10px;padding:13px}.weather-day-main{align-items:center;display:flex;justify-content:space-between}.weather-day-main span{font-weight:900}.weather-day-main b{align-items:center;background:#fff;border:3px solid currentColor;border-radius:999px;display:inline-flex;font-size:18px;height:48px;justify-content:center;min-width:48px;padding:0 8px}.forecast-graph{background:#dfe8e8;border-radius:999px;height:9px;overflow:hidden;position:relative}.forecast-graph i{border-radius:inherit;display:block;height:100%}.pollutant-bars{display:grid;gap:7px}.mini-bar{align-items:center;display:grid;gap:8px;grid-template-columns:150px minmax(0,1fr) 28px}.mini-bar span,.mini-bar b{color:#4b5d68;font-size:11px;font-weight:900;line-height:1.2}.mini-bar div{background:#dfe8e8;border-radius:999px;height:8px;overflow:hidden}.mini-bar i{border-radius:inherit;display:block;height:100%}.metric,.forecast-day{align-items:center;background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:13px}.metric strong,.forecast-day strong{font-size:20px}em,.muted{color:#63727a;font-style:normal}.error{background:#fee2e2;border-radius:7px;color:#991b1b;padding:12px}.loading{color:#43545f;padding:24px 0}.map-panel{display:grid;gap:18px}.map-toolbar,.map-summary{align-items:center;display:flex;gap:14px;justify-content:space-between;min-width:0}.map-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:end}.mode-toggle{background:#dfe8e8;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;min-width:0;padding:4px;width:min(240px,100%)}.mode-toggle button{background:transparent;color:#43545f}.mode-toggle .active{background:#fff;color:#102a2f;box-shadow:0 1px 4px #19262d1f}.map-surface{aspect-ratio:16 / 9;background:#d7e2df;border-radius:8px;height:min(58vh,560px);max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.zip-map{min-height:280px}.map-tile{height:33.333%;object-fit:cover;pointer-events:none;position:absolute;width:33.333%}.radius-ring{border:2px solid rgba(16,42,47,.58);border-radius:50%;box-shadow:0 0 0 999px #ffffff1f;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.map-center-pin{background:#102a2f;border:3px solid #ffffff;border-radius:999px;box-shadow:0 2px 8px #102a2f59;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;z-index:5}.map-spot{border:1px solid rgba(255,255,255,.48);border-radius:50%;filter:blur(1px);mix-blend-mode:multiply;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:3}.spot-label{color:#102a2f;display:grid;gap:2px;justify-items:center;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);z-index:4}.spot-label span{background:#ffffffdb;border-radius:999px;font-size:11px;font-weight:900;padding:3px 7px}.spot-label strong{background:#102a2fe0;border-radius:999px;color:#fff;font-size:13px;padding:4px 8px}.zone-label{color:#102a2f;display:grid;gap:2px;justify-items:center;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%)}.zone-label span{background:#ffffffd6;border-radius:999px;font-size:11px;font-weight:900;padding:3px 7px}.zone-label strong{background:#102a2fe0;border-radius:999px;color:#fff;font-size:13px;padding:4px 8px}.map-stat{background:#f6f8f8;border:1px solid #e1e8e7;border-radius:8px;display:grid;gap:2px;min-width:160px;padding:12px}.map-stat span{color:#4b5d68;font-size:12px;font-weight:900}.map-stat strong{color:#172033;font-size:28px;line-height:1}.map-legend{display:flex;flex-wrap:wrap;justify-content:end;max-width:100%;min-width:0}.map-label{background:#102a2f;border-radius:999px;color:#fff;font-size:12px;font-weight:900;padding:7px 10px;position:absolute}.map-label.start{left:9%;top:72%}.map-label.end{right:9%;top:18%}.directions{display:grid;gap:14px}.directions ol{margin:0;padding-left:22px}.directions li{padding-left:4px}.warnings{display:flex;flex-wrap:wrap;gap:8px}.warnings span{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;font-size:12px;font-weight:800;padding:6px 9px}.settings-panel .check{align-items:center;display:flex;gap:10px}.check input{min-height:auto}.legend span{align-items:center;display:flex;gap:10px}.legend i{border-radius:999px;display:inline-block;height:14px;width:14px}.aqi-color-legend span{display:grid;grid-template-columns:14px 1fr}.aqi-color-legend i{margin:0}.aqi-colors-panel h2{margin-bottom:10px}@media (max-width: 820px){.shell{padding:14px 14px calc(88px + env(safe-area-inset-bottom));width:100%}.topbar,.two,.home-stack,.map-layout,.pollutant-grid{grid-template-columns:1fr}.topbar{align-items:stretch;display:grid}h1{font-size:28px}.tabs{grid-template-columns:1fr}.footer-tabs{bottom:0;grid-template-columns:repeat(4,1fr)}.footer-tabs button{font-size:12px;padding:0 6px}.pollutant-grid{grid-template-columns:1fr}.pollen-summary{align-items:stretch;display:grid}.modal-backdrop{align-items:end;padding:12px}.pollen-modal{max-height:calc(100vh - 24px);padding:14px}.pollen-type-grid{grid-template-columns:1fr}.chart-head{display:flex}.forecast-actions,.chart-legend{justify-content:start}.map-toolbar,.map-summary{align-items:center;display:flex;min-width:0;width:100%}.mode-toggle{grid-template-columns:repeat(2,1fr);width:100%}.map-actions{align-items:stretch;display:grid;justify-content:stretch}.zip-map{height:min(52vh,420px);min-height:260px;width:100%}.map-legend{justify-content:start}}