@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#ffce51;--page-text:#000;--card-bg:#fff;--card-border:#000;--card-text:#000;--pill-up-bg:#f09eb4;--pill-down-bg:#3983c9;--pill-same-bg:#00b97d;--pill-text:#000;--pill-border:#000;--display-font:"Fraunces Variable";--display-weight:700}body{box-sizing:border-box;background:var(--page-bg);min-height:100dvh;color:var(--page-text);padding:calc(env(safe-area-inset-top) + 1rem) calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + 1rem) calc(env(safe-area-inset-left) + 1rem);flex-direction:column;margin:0;display:flex}#root,main,.weather{flex-direction:column;flex:1;display:flex}.current-weather{margin-top:auto}.current-weather-title{margin:0 0 .75rem;font-size:24px}.weather-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.weather-cards .weather-card{text-align:center;border:3px solid var(--card-border);background:var(--card-bg);color:var(--card-text);border-radius:24px;padding:.75rem .25rem}.weather-cards h3{margin:0 0 .5rem;font-family:system-ui,sans-serif;font-size:.875rem}.weather-cards p{margin:.25rem 0}.weather-cards .reading{flex-direction:column;align-items:center;gap:.25rem;display:flex}.weather-cards .value{white-space:nowrap;font-size:1.25rem}.weather-cards .change{background:var(--pill-same-bg);border:2px solid var(--pill-border);color:var(--pill-text);border-radius:999px;align-items:center;gap:.15rem;padding:.05rem .5rem .05rem .35rem;font-size:.875rem;font-weight:600;display:inline-flex}.weather-cards .change.up{background:var(--pill-up-bg)}.weather-cards .change.down{background:var(--pill-down-bg)}.weather-cards .change svg{width:1em;height:1em}.weather-summary,.current-weather-title,.weather-cards .condition{font-family:var(--display-font), Georgia, serif;font-weight:var(--display-weight);font-synthesis:none}.weather-cards .condition{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:.875rem}.weather-summary{letter-spacing:.02em;overflow-wrap:break-word;max-width:30ch;font-size:min(3rem,10.1vw)}.sky-icon{vertical-align:-.12em;width:1em;height:1em;margin-left:.2em}.dev-bar{z-index:10;padding:calc(env(safe-area-inset-top) + .5rem) 1rem .5rem;color:#fff;background:#000;flex-wrap:wrap;gap:.5rem 1.25rem;font:.875rem system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}.dev-bar select{font:inherit;margin-left:.5rem}body:has(.dev-bar){padding-top:calc(var(--dev-bar-h,3rem) + 1rem)}.card-sky-icon{width:1.5rem;height:1.5rem;margin:0 auto .25rem;display:block}
