:root{--bg: #131f26;--fg: #ffffff;--accent: rgba(88, 159, 180, 1);--accent-2: rgba(88, 159, 180, .6);--accent-3: rgba(88, 159, 180, .3);--card-1: #265873;--card-2: #2f6a84;--card-3: #277991;--error: #c0392b;--gap: 1.4%;--radius: 6px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:Helvetica Neue,Verdana,Geneva,system-ui,sans-serif;font-weight:300;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:flex;flex-direction:column;width:100%;height:100vh;padding:0 var(--gap)}.app-header{display:flex;align-items:center;justify-content:center;gap:.75rem;height:10vh}.app-header h1{color:var(--accent);font-style:italic;font-weight:300;font-size:4vh;letter-spacing:.02em}.app-header h1 strong{color:var(--fg);text-transform:uppercase;font-weight:700;font-style:normal}.logo{width:4.5vh;height:4.5vh;background:currentColor;color:var(--accent);mask:url(../icons/wx0.svg) center / contain no-repeat;-webkit-mask:url(../icons/wx0.svg) center / contain no-repeat;transform:rotate(-15deg)}.subline{text-align:center;font-style:italic;font-weight:400;text-transform:uppercase;font-size:2.5vh;margin:1.5vh 0;color:var(--accent)}.subline strong{color:var(--fg);font-weight:700}.present,.forecast-grid,.secondary-grid{display:grid;gap:var(--gap);width:100%}.present{grid-template-columns:2fr 1fr;height:24vh}.forecast-grid{grid-auto-flow:column;grid-auto-columns:1fr;height:24vh}.secondary-grid{grid-auto-flow:column;grid-auto-columns:1fr;height:22vh}.card{position:relative;padding:1.5vh 1.8vh;border-radius:var(--radius);background:var(--accent-3);overflow:hidden;display:flex;flex-direction:column}.card.accent{background:var(--accent)}.card.hero:first-child{background:var(--accent-3);justify-content:center;align-items:center;text-align:center}.card.forecast[data-day="0"]{background:var(--card-1)}.card.forecast[data-day="1"]{background:var(--card-2)}.card.forecast[data-day="2"]{background:var(--card-3)}.card.forecast[data-day="3"]{background:var(--card-1)}.card.forecast[data-day="4"]{background:var(--card-2)}.card.forecast[data-day="5"]{background:var(--card-3)}.card.forecast[data-day="6"]{background:var(--card-1)}.card.secondary[data-secondary="0"]{background:var(--accent-3)}.card.secondary[data-secondary="1"]{background:var(--accent-2)}.card.secondary[data-secondary="2"]{background:var(--accent)}.card.secondary[data-secondary="3"]{background:var(--card-2)}.card.secondary[data-secondary="4"]{background:var(--card-3)}.present-city{font-size:6vh;text-transform:uppercase;font-weight:300;line-height:1.1}.present-date{margin-top:1vh;font-size:2.2vh}.icon-wrap{position:absolute;inset:1.5vh 1.5vh auto auto;width:10vh;height:10vh;display:flex;align-items:center;justify-content:center}.icon{width:100%;height:100%;object-fit:contain;display:block}.temps{margin-top:1vh;display:flex;align-items:baseline;gap:.4em}.temp-c{font-size:5vh;font-weight:300;line-height:1}.temp-f{font-size:2.4vh;opacity:.85}.temp-f:before{content:"/ ";opacity:.6}.card footer{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:.5em;font-size:2.3vh}.condition{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day,.place{text-transform:uppercase;font-weight:400;opacity:.9}[aria-busy=true] .icon,[aria-busy=true] .temp-c,[aria-busy=true] .temp-f,[aria-busy=true] .condition{opacity:.4}.error{margin:auto;padding:4vh;text-align:center;color:var(--fg);background:var(--error);border-radius:var(--radius)}[dir=rtl] .icon-wrap{inset:1.5vh auto auto 1.5vh}@media (max-width: 720px){.present{grid-template-columns:1fr;height:auto}.forecast-grid,.secondary-grid{grid-auto-flow:row;height:auto}.app{overflow:auto;height:auto;min-height:100vh}}