*{box-sizing:border-box}body{background:linear-gradient(#f0f7ff47,#f0f7ff2e),url(/weather-background.png) 50%/cover fixed,linear-gradient(135deg,#dfefff 0%,#f7f7fb 44%,#e5f4ee 100%);place-content:center;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:grid}.home{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;align-content:flex-start;width:min(420px,100vw - 24px);min-height:min(720px,100vh - 48px);margin:24px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #2a3e5a38}.home:before{content:"";opacity:.78;pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff38),url(/weather-panel-art.png) 50%/cover no-repeat;position:absolute;inset:0}.home:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#ffffff29 34%,#ffffff80),radial-gradient(circle at 50% 38%,#ffffff61,#0000 36%),linear-gradient(135deg,#49a7d638,#0000 42%);position:absolute;inset:0}.home>*{z-index:2;position:relative}.weather-card,.empty-state{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #7488a03d;border-radius:8px;padding:18px;box-shadow:0 16px 32px #3a526e1a}.empty-state{flex-direction:column;justify-content:center;min-height:220px;display:flex}@media (width<=480px){body{place-content:start center}.home{border-radius:0;width:100vw;min-height:100vh;margin:0}}