:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none}@media screen and (max-width:1024px)and (min-resolution:2dppx){html{zoom:2}}@media screen and (max-width:1024px)and (min-resolution:3dppx){html{zoom:2.5}}@media screen and (max-width:1024px)and (min-resolution:4dppx){html{zoom:3}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;padding-top:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}@supports (height: 100dvh){html,body,#root{height:100dvh}}#root{isolation:isolate}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.day-card{position:relative;overflow:visible;background:#114f7f;border-radius:12px;padding:clamp(1rem,1.5vh,3rem) clamp(1rem,1.5vw,3rem) clamp(.85rem,1.2vh,2.5rem);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:clamp(.6rem,1vh,2rem);min-height:clamp(260px,24vh,650px)}.day-card__header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:.2rem}.day-card__date{font-size:clamp(17px,1.25vw,3rem);font-weight:600;line-height:1.1;opacity:.95}.day-card__content{display:grid;grid-template-columns:clamp(90px,10vw,220px) 1fr;column-gap:clamp(.35rem,.2vw,.9rem);align-items:center;margin-bottom:clamp(.5rem,.8vh,1.5rem);min-height:clamp(110px,10vh,300px)}.day-card__logo{width:clamp(80px,8vw,250px);height:clamp(80px,8vw,250px);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:0rem}.day-card__logo img{width:100%;height:100%;object-fit:contain;transform-origin:center;display:block}.day-card__text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(.3rem,.5vh,1rem);min-width:0}.day-card__aqi-block{display:flex;align-items:baseline;gap:clamp(.35rem,.5vw,1rem);justify-content:flex-start;min-height:1.25em}.day-card__aqi-value{font-size:clamp(21px,1.5vw,4rem);font-weight:500;line-height:1}.day-card__aqi-label{font-size:clamp(11px,.8vw,2rem);opacity:.9;text-transform:uppercase;letter-spacing:.5px}.day-card__category{font-size:clamp(19px,1.4vw,3.5rem);font-weight:500;line-height:1.25;max-width:20ch;min-height:2.5em;word-break:break-word;white-space:normal;margin-bottom:0}.day-card__sparkline{position:relative;width:100%;height:clamp(72px,8vh,240px);isolation:isolate}.day-card__sparkline svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:1;pointer-events:none;display:block}.day-card__grid-label{font-size:clamp(10px,.75vw,2rem);font-weight:800;line-height:1.1;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;fill:#fff;paint-order:stroke;stroke:#00000080;stroke-width:.75px;letter-spacing:.6px;dominant-baseline:ideographic}.day-card:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;--rail-w: 2.5px;padding:var(--rail-w);background:linear-gradient(to bottom,#4bb941,#ffd400,#ff7e00,red,#8f3f97,#7e0023);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 0 0 calc(100% - var(--rail-w)) round 12px)}.day-card:before{content:"";position:absolute;top:calc(var(--rail-pos, 25) * 1%);right:1px;transform:translate(50%,-50%);width:clamp(5px,.4vw,1.5rem);height:clamp(5px,.4vw,1.5rem);border-radius:50%;background:#fff;box-shadow:0 0 6px #00000040;z-index:2;transition:top .2s ease}@media(max-width:1024px){.day-card{min-height:220px;padding:.9rem 1rem .75rem}.day-card__content{grid-template-columns:88px 1fr;column-gap:.6rem}.day-card__logo{width:95px;height:90px;margin-left:-.35rem}.day-card__date{font-size:15px}.day-card__aqi-value{font-size:19px}.day-card__category{font-size:18px}.day-card__sparkline{height:60px}}@media(max-width:640px){.day-card{min-height:210px}.day-card__content{grid-template-columns:82px 1fr}.day-card__logo{width:82px;height:78px;margin-left:-.25rem}.day-card__aqi-value{font-size:18px}.day-card__category{font-size:17px}}.forecast-card{width:100%;max-width:100%;box-sizing:border-box;border-radius:17px;background:#0d538899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(1.25rem,2.5vw,2rem) clamp(1.25rem,2.5vw,2rem);color:#fff}.forecast-card__headline{margin:0 0 clamp(1rem,2vh,1.5rem) 0;font-size:clamp(16px,1.5vw,18px);font-weight:700;text-align:left;letter-spacing:.72px;text-transform:uppercase;color:#fff;font-style:normal;line-height:normal}.forecast-card__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem)}@media(min-width:1441px){.forecast-card__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1025px)and (max-width:1440px){.forecast-card__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:641px)and (max-width:1024px){.forecast-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.forecast-card__grid{grid-template-columns:1fr}.forecast-card{padding:1.25rem 1rem}}@media(max-width:480px){.forecast-card{padding:1rem .75rem}}:root{--aqi-green: #00D600;--aqi-yellow: #FFD400;--aqi-orange: #FF7E00;--aqi-red: #FF0000;--aqi-purple: #8F3F97;--aqi-maroon: #7E0023}.nowcast-card{width:100%;max-width:100%;box-sizing:border-box;border-radius:17px;background:#0d538899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--col1: clamp(140px, 18vw, 350px);--cat-pad: clamp(12px, 2vw, 3rem);padding:clamp(.5rem,1.5vh,3rem) clamp(1.5rem,2.5vw,5rem) clamp(.75rem,1vh,2rem);color:#fff;min-height:clamp(240px,20vh,560px)}.nowcast-card__sensor-info{font-size:clamp(12px,1vw,2rem);opacity:.85;text-align:left;padding-left:calc(var(--col1) + var(--cat-pad));line-height:1.4}.nowcast-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.nowcast-card__title{margin:0;font-size:clamp(16px,1.3vw,3rem);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.nowcast-card__location{text-align:right}.nowcast-card__city{font-size:clamp(20px,2vw,5rem);font-weight:400;line-height:1.2}.nowcast-card__date{font-size:clamp(12px,1vw,2rem);opacity:.85;margin-top:.25rem}.nowcast-card__content{display:grid;grid-template-columns:var(--col1) 1fr minmax(120px,20vw);gap:clamp(.75rem,1.2vw,3rem);align-items:center;min-height:clamp(190px,18vh,460px)}.nowcast-card__icon{width:clamp(120px,12vw,400px);height:clamp(120px,12vw,400px);margin-left:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;background:transparent;border-radius:12px;align-self:start;transform:translateY(-.45rem)}.nowcast-card__icon-img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;pointer-events:none;border:none;object-position:center}.nowcast-card__info{display:flex;flex-direction:row;align-items:center;gap:clamp(.75rem,1.2vw,2rem);min-width:0}.nowcast-card__category{font-size:clamp(22px,2.4vw,5rem);font-weight:500;line-height:1.15;color:#fff;flex:0 1 auto;max-width:clamp(180px,20vw,420px);min-width:0;word-break:break-word;white-space:normal;text-align:left;margin:0;padding-left:var(--cat-pad);overflow:visible}.nowcast-card__bar{position:relative;width:clamp(3px,.1vw,1rem);height:clamp(80px,8vh,300px);border-radius:8px;background:linear-gradient(to bottom,var(--aqi-green) 0%,var(--aqi-yellow) 20%,var(--aqi-orange) 40%,var(--aqi-red) 60%,var(--aqi-purple) 80%,var(--aqi-maroon) 100%);background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.nowcast-card__bar:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:clamp(5px,.5vw,1.5rem);height:clamp(5px,.5vw,1.5rem);border-radius:50%;background:#fff;box-shadow:0 0 6px #00000040;top:var(--toggle-top, 25%)}.nowcast-card__aqi{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;margin-left:.15rem;flex:0 0 auto}.nowcast-card__aqi-value{font-size:clamp(40px,4vw,10rem);font-weight:400;line-height:1}.nowcast-card__aqi-label{font-size:clamp(12px,1vw,2rem);opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-left:.3rem;margin-top:.15rem}.nowcast-card__logo{display:flex;align-items:center;justify-content:center;justify-self:end;align-self:start;padding-top:clamp(.5rem,2vw,2rem);padding-right:clamp(.5rem,1vw,2rem)}.nowcast-card__logo-inner{width:clamp(100px,10vw,350px);height:clamp(100px,10vw,350px);border-radius:8px;overflow:hidden;display:block;background:transparent}.nowcast-card__logo-img{width:100%;height:100%;object-fit:contain;display:block}@media(min-width:1025px){.nowcast-card__info{margin-left:-.5rem}}@media(max-width:1024px)and (min-width:641px){.nowcast-card__content{grid-template-columns:minmax(120px,150px) 1fr minmax(100px,120px)}.nowcast-card__sensor-info{padding-left:clamp(80px,12vw,140px)}}@media(max-width:1024px){.nowcast-card__content{grid-template-columns:1fr;text-align:center;gap:1rem}.nowcast-card{min-height:clamp(220px,20vh,520px)}.nowcast-card__header{flex-direction:column;gap:.5rem;align-items:center;text-align:center}.nowcast-card__location{text-align:center}.nowcast-card__info,.nowcast-card__aqi,.nowcast-card__logo{align-items:center;justify-content:center}.nowcast-card__category,.nowcast-card__sensor-info{text-align:center;padding-left:0}}@media(max-width:640px){.nowcast-card{padding:1rem 1.25rem .75rem}.nowcast-card__icon{width:110px;height:110px}}@media(max-width:480px){.nowcast-card{padding:.75rem 1rem .5rem}}.footer-card{width:100%;max-width:100%;box-sizing:border-box;border-radius:17px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:clamp(.5rem,1vh,2rem) clamp(1.5rem,.5vw,5rem) clamp(.75rem,1vh,2rem);color:#fff;margin:0;display:block;box-shadow:none;min-height:clamp(140px,12vh,420px)}.footer-card__inner{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.app-footer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,3rem);pointer-events:auto;position:relative;z-index:2;background:transparent}@media(max-width:640px){.footer-card{padding:clamp(.75rem,2.5vw,1rem)}.footer-card__inner{padding-left:.5rem;padding-right:.5rem}}@media(prefers-color-scheme:light){.app-footer img{filter:none}}#root{width:100%;max-width:100%;height:100vh;margin:0;padding:1.5rem;text-align:center;overflow-x:hidden}.video-footer{position:relative;z-index:5}@media(max-width:640px){.video-footer{padding-left:1rem!important;padding-right:1rem!important}}.app-root{position:relative;width:100%;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto}.video-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.video-bg__video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;filter:saturate(.9) brightness(.7) contrast(1.02)}.video-bg__toggle{position:fixed;right:1rem;bottom:1rem;z-index:3;pointer-events:auto;background:#00000073;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px}.main-content{position:relative;z-index:2;padding:clamp(.75rem,1.5vh,3rem) clamp(1rem,2.5vw,6rem) clamp(.6rem,1vh,2rem);color:#fff;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vh,3.5rem);min-height:calc(100vh - 160px)}.video-footer{position:relative;z-index:5;width:100%;pointer-events:auto}.loading,.error{background:#ffffff0f;padding:1rem;border-radius:8px}@media(max-width:820px){.main-content{padding:1rem clamp(.75rem,2vw,1.25rem) .2rem;gap:1rem}.video-bg__toggle{right:.75rem;bottom:.75rem}}@media(max-width:480px){.main-content{padding:.75rem .5rem .2rem}.video-footer{padding-left:.5rem!important;padding-right:.5rem!important}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2rem}.read-the-docs{color:#888}