:root{--ink:#111;--ink-2:#333;--muted:#6f6f6f;--line:#dcdcdc;--red:#d8443a;--bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;-webkit-font-smoothing:antialiased;background:#f2f2f2;width:100%;height:100%;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#stage{position:fixed;overflow:hidden;inset:0}#screen{position:absolute;background:var(--bg);color:var(--ink);transform-origin:center center;width:1080px;height:1920px;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.top{position:absolute;display:flex;justify-content:space-between;align-items: flex-end;top:246px;left:64px;right:65px}.logo{opacity:0;color:#bdbdbd;animation:.9s ease-out .15s forwards logoIn;width:219px;height:46px}.logo svg{display:block;overflow:visible;width:100%;height:100%}.logo-dot{transform-box:fill-box;transform-origin:center;animation:.38s cubic-bezier(.3,1.6,.5,1) 1.1s forwards pop;transform:scale(0)}.date{letter-spacing:2px;color:#555;opacity:0;animation:.5s ease-out .8s forwards fadeIn;padding-bottom:2px;font-size:23px;font-weight:600}.headline{position:absolute;letter-spacing:-2.5px;opacity:0;color:#9a9a9a;animation:.75s ease-out .8s forwards headIn;font-size:75px;font-weight:600;line-height:75px;top:352px;left:64px}.red{color:var(--red)}.sub{position:absolute;color:var(--muted);letter-spacing:-.3px;opacity:0;animation:.65s ease-out 1.5s forwards fadeIn;width:930px;font-size:30px;font-weight:400;line-height:41px;top:520px;left:64px}.sub sub{vertical-align:-.25em;font-size:.55em;line-height:0}#rows{position:absolute;top:648px;left:64px;right:64px}.row{position:relative;opacity:0;height:160px;margin-bottom:29px;transition:opacity .5s ease-out}.row.show{opacity:1}.row.pinned{margin-top:48px}.city{position:absolute;letter-spacing:-1px;font-size:56px;font-weight:600;line-height:1;top:18px;left:0}.aqi-line{position:absolute;display:flex;align-items:baseline;top:82px;left:0}.aqi-label{letter-spacing:2px;color:var(--muted);margin-right:14px;font-size:20px;font-weight:500}.aqi-num{letter-spacing:-1.5px;min-width:0;font-size:60px;font-weight:600;line-height:1}.badge{color:#111;opacity:0;filter:saturate(.25)brightness(1.25);border-radius:999px;align-self: center;margin-top:6px;margin-left:14px;padding:5px 13px 6px;transition:opacity .4s ease-out,filter .55s ease-out;font-size:21px;font-weight:500;line-height:1.1}.badge.show{opacity:1;filter:none}.box{position:absolute;border:2px solid var(--line);height:160px;top:0;left:401px;right:0}.box canvas{position:absolute;width:100%;height:100%;inset:0}.ug{position:absolute;color:var(--muted);z-index:1;background:#ffffffd9;padding:0 2px;font-size:20px;top:12px;right:16px}.status{position:absolute;color:#9a9a9a;opacity:0;transition:opacity .5s;font-size:22px;top:1630px;left:64px;right:64px}.status.show{opacity:1}@keyframes fadeIn{to{opacity:1}}@keyframes logoIn{0%{opacity:0;color:#e6e6e6}50%{opacity:1;color:#bdbdbd}to{opacity:1;color:#0a0a0a}}@keyframes headIn{0%{opacity:0;color:#cfcfcf}to{opacity:1;color:#0a0a0a}}@keyframes pop{to{transform:scale(1)}}.download{position:fixed;z-index:10;color:#fff;cursor:pointer;opacity:0;background:#111;border:0;border-radius:999px;padding:12px 20px;transition:opacity .4s,transform .4s;font:500 15px Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;bottom:20px;right:20px;transform:translateY(8px);box-shadow:0 4px 16px #0000002e}.download.show{opacity:1;transform:none}.download:disabled{cursor:progress;background:#444}