:root{color-scheme:light dark;--bg: #fff;--fg: #333;--card-bg: rgba(255, 255, 255, .8);--card-fg: #222;--radar-bg: #c7d2de;--radar-border: #5c6b80;--warn-bg: #fff3cd;--warn-fg: #664d03;--severe-bg: #f8d7da;--severe-fg: #58151c}:root[data-theme=dark]{--bg: #16191f;--fg: #e4e6eb;--card-bg: rgba(0, 0, 0, .45);--card-fg: #fff;--radar-bg: #0b1220;--radar-border: #5c6f8a;--warn-bg: #4d3b00;--warn-fg: #ffe69c;--severe-bg: #4d1a20;--severe-fg: #f5a3ab}html{max-width:70ch;margin:auto;color:var(--fg);background:var(--bg);height:100%;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}nav{display:flex;align-items:center;justify-content:space-between;padding-right:.5em}nav h1{font-size:1em}.nav--controls{display:flex;align-items:center;gap:.5rem}.theme-toggle{border:none;background:none;padding:.25rem;font-size:1.1rem;line-height:1}.pull-refresh{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fg);transform:translateY(-60px);transition:transform .2s ease;pointer-events:none;z-index:10}.pull-refresh.refreshing{animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(0) rotate(360deg)}}@keyframes sway{33%{transform:rotate(var(--wind-speed));transform-origin:7px 9px}66%{transform:rotate(-var(--wind-speed));transform-origin:7px 9px}}.windspeed{animation:sway 4s infinite;font-size:1rem}.btn--reload{border:none;background-color:inherit;padding:0}.radar{position:relative;height:26vh;min-height:180px;max-height:280px;overflow:hidden;border-radius:.5rem;background-color:var(--radar-bg)}.radar--img{display:block;width:100%;height:100%;object-fit:cover}.radar--overlay{position:absolute;left:.75rem;bottom:.75rem;display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;color:var(--card-fg);background:var(--card-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.radar--temp{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:600}.radar--condition{font-size:clamp(.85rem,3vw,1.1rem);text-transform:lowercase}body{overflow-x:hidden}h2{margin-bottom:0}hr{filter:opacity(20%)}.grayscale{filter:grayscale(100%)}.halign{display:flex;align-items:center;justify-content:space-between}.alert{border:1px solid transparent;border-radius:.25rem}.warn{background-color:var(--warn-bg);color:var(--warn-fg)}.severe,.error{background-color:var(--severe-bg);color:var(--severe-fg)}.alerts h4{margin-top:1rem}.alert .warning{background-color:var(--warn-bg);color:var(--warn-fg)}.alert{padding-left:.5rem;padding-right:.5rem;border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem}small{font-size:.15rem}.summary--row>*{padding-right:1rem}.summary--row{display:flex;align-items:center}summary{display:block;outline:none;cursor:pointer}button{cursor:pointer}summary::-webkit-details-marker{display:none}summary::marker{list-style-type:none}.summary--title{flex:.5}.weather--row_cell{padding-top:var(--temp-height);padding-bottom:1rem;font-size:1.5rem}summary:before{content:"➕";float:right;width:20px;height:20px;color:#8080804d;font-size:.5rem}details[open] summary:before{content:"➖"}.installing{background-position:center;-webkit-animation:pulse 1.2s ease-in;-webkit-animation-iteration-count:infinite;background-image:url(/assets/loading-fNa-GcVR.png);background-repeat:no-repeat;height:100%}.loading{-webkit-animation:pulse 1.2s ease-in;-webkit-animation-iteration-count:infinite;opacity:.3;touch-action:none}@-webkit-keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.weather--row_graphics{display:flex;align-items:center;overflow-x:auto;justify-content:space-evenly}.temp:after{content:"°"}.weather--row_graphics>*{padding-right:1rem}.weather--row_description{display:flex}.summary--temp-bar-container{display:flex;flex:1;height:1rem;justify-content:flex-end}.summary--offset{width:var(--bar-width);max-width:inherit;height:1rem}.summary--temp-bar{width:var(--bar-width);background-image:linear-gradient(75deg,#666666b3,#666);border-radius:1rem;content:"&nbsp";margin-left:.5rem;margin-right:.5rem;height:1rem}@media screen and (max-width: 600px){.summary--temp-bar{width:1rem;border-radius:0;background-color:inherit;background-image:inherit;text-align:center;font-weight:700}.summary--temp-bar:after{content:"➜"}}.center{text-align:center}.time{text-transform:lowercase;font-size:.7rem;word-spacing:-.1rem;text-align:center;font-variant:small-caps}.title-icon{float:left;width:2rem;align:center}.current-temp{text-align:center;font-size:.8rem}.icon{text-align:center}.icon-group{display:flex;align-items:center}.content-right{text-align:right}.fr{float:right}