:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;width:100%;max-width:100%;margin:0;overflow-x:hidden;background:#030c18;color:#eef5ff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-background{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;display:flex;justify-content:center}.app-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.app-overlay{position:relative;z-index:1;width:min(1200px,100%);min-height:100vh;padding:clamp(2.5rem,8vh,5rem) clamp(1.5rem,4vw,3rem) clamp(3rem,10vh,6rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem)}.landing-page{width:100%;display:flex;justify-content:center;height:100%}.landing-content{width:min(760px,100%);display:flex;flex-direction:column;gap:clamp(1.8rem,3.5vw,3rem);align-items:center;text-align:center}.hero{display:flex;flex-direction:column;gap:.75rem;color:#f8fbff;text-transform:uppercase;letter-spacing:.3em}.hero-title{margin:0;font-size:clamp(2.8rem,6.5vw,4.2rem);font-family:Rubik Distressed,Segoe UI,system-ui,sans-serif;font-weight:400}.hero-subtitle{margin:0;font-size:clamp(1.1rem,2.5vw,1.4rem);letter-spacing:.22em;opacity:.8;font-family:Bellota Text,Segoe UI,system-ui,sans-serif;font-weight:600;width:1000px}.hero{align-items:center;text-align:center}.hero-title{font-size:clamp(2.4rem,6.5vw,4.2rem);font-family:Rubik Distressed,Segoe UI,system-ui,sans-serif}.hero-subtitle{max-width:60ch;width:100%;margin-inline:auto;font-size:clamp(1rem,2.4vw,1.3rem);letter-spacing:.18em}.search-card{width:min(900px,100%);padding:clamp(1.2rem,2.4vw,1.8rem);border-radius:2rem;background:#0a16269e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 55px #040c1880}.search-row{display:flex;align-items:stretch;gap:.75rem}.search-input{flex:1;height:52px;padding:0 1.1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2);background:#050e1a54;color:inherit;font-size:1.05rem;letter-spacing:.02em;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus-visible{outline:none;border-color:#7ec8ffe6;box-shadow:0 0 0 3px #7ec8ff40}.search-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:50px;padding:0 2rem;border-radius:1.2rem;background:#38bdf840;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#e6f7ff;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .2s ease,border-color .25s ease;box-shadow:inset 0 1px #ffffff40,0 8px 20px #38bdf840}.search-button:hover{background:#38bdf873;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 10px 30px #38bdf866,0 0 12px #38bdf880;border-color:#7ec8ffcc}.search-button:active{transform:scale(.97);box-shadow:inset 0 2px 4px #0000004d,0 6px 12px #38bdf84d}.search-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 70%);opacity:.8;pointer-events:none}.search-button-icon{width:1.2rem;height:1.2rem;stroke-width:2}.search-toggle{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#f0f8ffd9}.search-toggle input{width:18px;height:18px;accent-color:#00cfff}.result-wrapper{width:100%;display:flex;justify-content:flex-end;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.result-wrapper.visible{opacity:1;transform:translateY(0)}.glassy-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081422b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 48px #0208107a}.result-card{width:min(680px,100%);border-radius:1.75rem;overflow:hidden;display:flex;flex-direction:column;color:#f7fbff}.result-card.error{border:1px solid rgba(255,92,92,.45)}.result-header{padding:1.9rem 2.3rem;display:flex;flex-direction:column;gap:1.5rem;color:#051021}.aqi-pill{display:flex;align-items:flex-end;gap:1.3rem}.aqi-value{font-size:clamp(3rem,6vw,4rem);font-weight:700;line-height:1}.aqi-band-details{display:flex;flex-direction:column;gap:.25rem}.aqi-band{font-size:clamp(1rem,2vw,1.25rem);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.aqi-band-sub{font-size:.9rem;letter-spacing:.05em;opacity:.85}.aqi-meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.95rem}.aqi-city{font-weight:600}.result-body{padding:2.1rem 2.3rem 2.4rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.result-section h3{margin:0 0 .7rem;font-size:1.15rem;font-weight:600;letter-spacing:.05em;color:#f1f7ffeb}.advice-main{margin:0 0 .9rem;line-height:1.6;color:#f1f7ffeb}.advice-sensitive{margin:0 0 .85rem;padding:.85rem 1rem;border-radius:1rem;background:#030d2399;border:1px solid rgba(255,255,255,.08);color:#e6f5ffeb}.advice-note{color:#d2e6ffb3}.forecast-chart{display:flex;align-items:flex-end;gap:1.25rem;height:150px}.forecast-title{padding:.5rem 1rem;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#f0f8ffd9;border-radius:1rem;font-weight:700;margin:0 auto;text-align:center}.forecast-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.forecast-bar-visual{width:100%;flex:1;border-radius:1rem 1rem .6rem .6rem;background:#ffffff14;position:relative;overflow:hidden;display:flex;align-items:flex-end}.forecast-bar-fill{width:100%;border-radius:1rem 1rem .6rem .6rem}.forecast-value{font-weight:600;font-size:1rem}.forecast-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#d2e8ffe6}.forecast-band{font-size:.75rem;color:#d2e8ffb3}.status-message{margin:0;padding:2.1rem;text-align:center;color:#e9f4ffd9}.error .status-message{color:#ffb3b3}.forecast-empty{margin:0;color:#d7e4f2bf}@media (max-width: 900px){.result-wrapper{justify-content:center}.result-card,.search-card{width:100%}.result-body{grid-template-columns:1fr}}@media (max-width: 540px){.app-overlay{padding:2.5rem 1.25rem 3.5rem}.search-row{flex-direction:column}.search-button{width:100%}}.form-error{margin:0;padding:.75rem 1.15rem;border-radius:.9rem;background:#ff57571f;border:1px solid rgba(255,87,87,.35);color:#ffd1d1;font-size:.95rem;letter-spacing:.03em}.insights-page{width:min(1040px,100%);display:flex;flex-direction:column;gap:1.75rem}.insights-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.back-button{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.14);background:#07121ea6;color:#f3f7ff;padding:.6rem 1.3rem;border-radius:999px;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.back-button:hover{border-color:#ffffff59;background:#0b1c30cc;transform:translate(-3px);box-shadow:0 12px 26px #0f233a66}.back-icon{font-size:1rem;line-height:1}.insights-bar{display:flex;align-items:center;justify-content:space-between}.insights-meta-chip{--accent:#22c55e;position:sticky;top:1rem;align-self:flex-end;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 18%,rgba(10,19,31,.65));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);font-size:.9rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),0 10px 24px color-mix(in srgb,var(--accent) 35%,transparent)}.insights-meta-chip:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}@media (max-width:768px){.insights-meta-chip{top:.5rem;font-size:.85rem;padding:.5rem .9rem}}.insights-status{width:100%;padding:1.2rem 1.6rem;border-radius:1.2rem;background:#060f1a8c;border:1px solid rgba(255,255,255,.08);text-align:center;letter-spacing:.05em;color:#e6f2ffe6}.insights-status-error{border-color:#ff636366;color:#ffbdbd;background:#2f0a108c}.insights-spotlight{width:100%;display:grid;gap:1.75rem;align-items:stretch;grid-template-columns:minmax(220px,320px) minmax(260px,1fr)}.insights-photo{position:relative;width:100%;max-height:clamp(220px,40vw,360px);overflow:hidden;border-radius:1.6rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,#0a1626d9,#040c18e6 65%);display:flex;align-items:center;justify-content:center}.insights-photo img{width:100%;height:100%;min-height:420px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;filter:saturate(1.08)}.typing-card{border-radius:1.6rem;padding:clamp(1.6rem,3vw,2.1rem);background:#050c16b8;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 32px 70px #020a1473}.typing-kicker{font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600}.city-heading{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.typing-card h2{margin:0;font-size:clamp(1.9rem,4.5vw,2.4rem);letter-spacing:.06em}.country-chip{border:1px solid rgba(255,255,255,.2);padding:.35rem .75rem;border-radius:999px;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.typing-description{margin:0;color:#dceaff;line-height:1.6;font-size:.99rem;letter-spacing:.14em;text-transform:uppercase;opacity:.99}.typing-text{min-height:6.5rem;line-height:1.6;font-size:1rem;letter-spacing:.03em;color:#ebf4ffe6;white-space:pre-line;position:relative;padding-right:.6rem}.typing-text:after{content:"";position:absolute;top:.35rem;right:.2rem;width:2px;height:1.2em;background:currentColor;animation:typing-cursor 1s steps(1) infinite}@keyframes typing-cursor{0%,50%{opacity:1}50.01%,to{opacity:0}}.insights-details{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.insights-pill{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#060f1c8c}.pill-aqi{font-size:2rem;font-weight:700;letter-spacing:.08em}.pill-band{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.pill-city{font-size:.95rem;opacity:.75}.insights-updated{font-size:.88rem;letter-spacing:.08em;color:#d7e6ffbf}.insights-result-wrapper{width:100%}@media (max-width: 900px){.insights-spotlight{grid-template-columns:1fr}}@media (max-width: 600px){.insights-bar{flex-direction:column;align-items:flex-start;gap:1rem}.typing-card{padding:1.4rem 1.5rem}.typing-text{min-height:8rem}}.insights-search-panel{width:100%;display:flex;flex-direction:column;gap:.75rem}.insights-search-panel .search-card{width:100%}.insights-output-shell{display:flex;flex-direction:column;gap:1.75rem}.insights-response-panel{width:100%}.insights-result-container{width:100%;border-radius:1.4rem;padding:.4rem;background:#050c1673;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.insights-result-container .result-card{box-shadow:none}.insights-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:1.4rem 0 1.2rem}.metric-card{background:#081220b3;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem 1.2rem;box-shadow:0 16px 32px #030d1859;display:flex;flex-direction:column;gap:.35rem}.metric-card--accent{color:#04121f}.metric-card--accent .metric-label,.metric-card--accent .metric-sub{color:#081420c7}.metric-card--accent .metric-value{color:#04121f}.metric-card.metric-card--accent{color:#fff}.metric-card.metric-card--accent .metric-value{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.metric-card.metric-card--accent .metric-label,.metric-card.metric-card--accent .metric-sub{color:#eef6ff;opacity:1}.metric-label{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.metric-value{font-size:1.75rem;font-weight:700;letter-spacing:.05em}.metric-sub{font-size:.86rem;opacity:.75;letter-spacing:.05em}.insights-guidance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.3rem}.guidance-card{background:#06101eb3;border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;padding:1rem 1.15rem;box-shadow:0 18px 40px #020b1666}.guidance-card h3{margin:0 0 .45rem;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.guidance-card p{margin:0;font-size:.95rem;letter-spacing:.04em;line-height:1.45;color:#e8f0ffe0}.additional-health-note{margin-top:1.5rem;font-size:.96rem;letter-spacing:.05em;color:#edf5ffe6}.insights-provenance{margin-top:.9rem;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#d1e2ffa6}.recharts-wrapper{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.recharts-default-tooltip{background:#0a0c12f2!important;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:8px 10px}@media (max-width: 640px){.recharts-wrapper{padding:8px}.recharts-cartesian-axis-tick text{font-size:11px}}.recharts-cartesian-axis-tick text{fill:#fffc;font-size:12px}@media (max-width: 600px){.insights-metrics,.insights-guidance-grid{grid-template-columns:1fr}}.landing-hints{display:flex;flex-direction:column;gap:.75rem;width:100%}.hint-label{display:inline-block;padding:.4rem 1rem;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#f0f8ffd9;background:#ffffff14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:1rem;font-weight:500;margin:0 auto}.hint-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.hint-chip{border:1px solid rgba(255,255,255,.15);background:#07121e99;color:#eef5ff;padding:.55rem 1.2rem;border-radius:999px;font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.hint-chip:hover{border-color:#ffffff59;background:#122034bf;transform:translateY(-2px)}.metric-card--accent{color:#04101e}.metric-card--accent .metric-label,.metric-card--accent .metric-sub{color:#04101ebf}.metric-card--accent .metric-value{color:#04101e}.metric-value{color:#f6fbff}@media (max-width: 768px){.landing-content{max-width:95vw;margin-inline:auto}.hero-title{font-size:clamp(1.9rem,7.5vw,2.6rem)}.hero-subtitle{max-width:90vw;font-size:1rem;letter-spacing:.1em}.search-card{max-width:95vw;padding:1.2rem;border-radius:1.4rem}.search-row{flex-direction:column;align-items:stretch;gap:.9rem;width:100%;height:120px}.search-input{height:68px;font-size:1.05rem;padding:0 1.2rem;border-radius:1.1rem}.search-button{width:100%;height:50px;font-size:.95rem;padding:0 1.25rem;border-radius:1.1rem}.insights-photo{max-height:none;height:clamp(350px,65vw,480px)}.insights-photo img{min-height:400px;-o-object-fit:cover;object-fit:cover}.insights-output-shell{flex-direction:column-reverse}.media-col{order:2}.typing-card{order:1}}
