@font-face{font-family:Ubuntu;src:url(fonts/Ubuntu-Regular.ttf)}@font-face{font-family:Ubuntu;src:url(fonts/Ubuntu-Bold.ttf);font-weight:700}@font-face{font-family:UbuntuCondensed;src:url(fonts/UbuntuCondensed-Regular.ttf)}
:root{color-scheme:dark;--bg:#101d30;--fg:#edf4fc;--muted:#a9bbcf;--line:#314258;--accent:#7bd4ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Ubuntu,system-ui,sans-serif;font-size:15px}header,main{max-width:1440px;margin:auto;padding:30px 36px}header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;flex-wrap:wrap}.brand-icon{color:var(--accent);font-size:32px}.small-tag{margin-left:auto;font-size:13px;font-weight:400;color:var(--muted)}header p{margin:10px 0 0;color:var(--muted);font-size:14px}main{padding-top:26px}.picker{display:grid;grid-template-columns:1fr 320px;gap:20px 40px;padding-bottom:24px;border-bottom:1px solid var(--line)}#places{display:flex;gap:8px;flex-wrap:wrap;align-items:end}button{font:inherit;color:var(--fg);border:1px solid #42566f;border-radius:8px;background:transparent;padding:11px 17px;cursor:pointer;transition:background .15s}button:hover{background:#22374f}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}button:disabled{opacity:.45;cursor:wait}.primary{background:#74cee6;color:#102033;border-color:#74cee6}.primary:hover{background:#9cdeee}label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.search-row{display:flex;gap:8px}input{min-width:0;width:100%;font:inherit;color:var(--fg);background:#182a40;border:1px solid #42566f;border-radius:8px;padding:11px 13px}#search-results{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}#search-results:empty{display:none}.search-result{text-align:left}.search-result small{display:block;color:var(--muted);margin-top:4px}.forecast-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:30px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:11px;margin:0 0 10px}h1{font-size:38px;margin:0 0 9px;letter-spacing:-.04em}#place-subtitle{margin:0;color:var(--muted);font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.status-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:22px}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:26px 0 18px;padding:14px 0;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:8px}.legend i{display:inline-block;width:18px;height:13px}.bar-key{background:#405d78}.feel-key{background:#92adc2}.legend .rain-key{height:0;border-top:3px solid #6ac9fa}.tip{margin-left:auto}#error{border-left:3px solid #ffbd76;background:#332d31;padding:16px;margin-top:20px;color:#ffd5a9}article.day{padding:20px 0 10px;border-bottom:1px solid var(--line)}.day h2{font-size:18px;margin:0 0 10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.day h2 span{font-size:11px;font-weight:400;color:var(--muted);padding:4px 8px;background:#233b48;border-radius:4px}.day.holiday h2 span{background:#34405d}.day canvas{display:block;width:100%;height:auto}.day p{margin:0}footer{color:var(--muted);font-size:12px;line-height:1.8;margin-top:28px;max-width:900px}a{color:var(--accent)}.loading{display:grid;gap:16px}.loading div{height:170px;background:linear-gradient(90deg,#16263b,#1d3048,#16263b);border-radius:6px}.loading[hidden]{display:none}
@media(max-width:750px){header,main{padding:22px 18px}.small-tag{margin-left:0;width:100%;font-size:12px}header p{font-size:13px}.picker{grid-template-columns:1fr;gap:18px}.forecast-heading{align-items:flex-start;flex-direction:column;margin-top:26px}.actions{width:100%}.actions button{flex:1}h1{font-size:32px}.legend{gap:12px 16px}.legend .tip{margin-left:0;flex-basis:100%}.status-row{line-height:1.5}button,input{min-height:44px}input{font-size:16px}article.day{padding-top:20px}.day h2{font-size:17px}.brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.day-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.day-heading h2{margin:0}.daily-average{display:flex;flex-direction:column;gap:5px;flex-shrink:0;padding:10px 15px;background:#2b4157;border-radius:6px;min-width:120px}.daily-average span{font-size:12px;color:#c7d8e8}.daily-average strong{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:480px){.day-heading{gap:10px}.daily-average{padding:9px 11px;min-width:108px}.daily-average strong{font-size:19px}}

.day-heading{display:block;text-align:center;margin:8px 0 18px}.day-heading h2{display:flex;justify-content:center;font-family:Ubuntu,sans-serif;font-weight:700;font-size:21px}.day-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 24px}.weather-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:170px;padding:14px 10px;background:#2b4157;border:0;border-radius:6px;text-align:center;min-width:0}.tile-label{font-family:Ubuntu,sans-serif;font-size:12px;line-height:1.4;color:#c7d8e8;min-height:34px;display:flex;align-items:center;justify-content:center;max-width:100%}.tile-value{font-family:Ubuntu,sans-serif;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tile-value.tile-words{font-size:16px;line-height:1.25;min-height:40px;display:flex;align-items:center;justify-content:center}.tile-detail{font-family:UbuntuCondensed,sans-serif;font-size:13px;color:#c7d8e8;line-height:1.3}.weather-tile .tile-icon{width:48px;height:44px;margin:-5px auto -4px;flex-shrink:0}.day canvas{font-family:UbuntuCondensed,Ubuntu,sans-serif}@media(max-width:1100px){.day-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.day-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:22px}.weather-tile{min-height:166px}.day-heading h2{font-size:19px}.tile-label{font-size:12px}.tile-value{font-size:23px}}
.weather-tile{position:relative;height:190px;min-height:190px;padding:0;display:block}.weather-tile .tile-label{position:absolute;top:14px;left:10px;right:10px;height:34px;min-height:34px}.weather-tile .tile-value{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%)}.weather-tile .tile-value.tile-words{top:104px;transform:none;min-height:40px}.weather-tile .tile-detail{position:absolute;left:6px;right:6px;bottom:14px}.weather-tile .tile-icon{position:absolute;top:54px;left:50%;transform:translateX(-50%);margin:0}@media(max-width:700px){.weather-tile{height:190px;min-height:190px}}