#homeWeather {box-sizing:border-box;width:100%;max-width:calc(100vw - 32px);min-width:0;margin:0 0 24px;padding:20px 24px;border:1px solid #668bac55;border-radius:18px;background:linear-gradient(115deg,#18324bf5,#101922 60%);color:#f4f6fb;}
.home-searching #homeWeather {display:none;}
#homeWeather header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
#homeWeather header small {color:#8fc6ef;letter-spacing:.15em;font-size:10px;font-weight:800;}
#homeWeather h2 {margin:5px 0 0;font-size:20px;}
#homeWeather [data-weather-body] {display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(0,4fr);gap:24px;align-items:center;min-height:126px;}
#homeWeather .weather-current {display:flex;align-items:center;gap:12px;}
#homeWeather .weather-current>strong {font-size:46px;line-height:1.2;letter-spacing:-.04em;}
#homeWeather .weather-unit {color:#a7c0d5;font-size:16px;margin-left:-8px;}
#homeWeather .weather-current .weather-symbol {width:42px;height:42px;color:#ffd580;}
#homeWeather .weather-condition {margin:6px 0;color:#e5edf5;font-weight:700;}
#homeWeather .weather-now>small {font-size:12px;color:#bbcad8;}
.weather-symbol {display:inline-block;width:30px;height:30px;color:#9ed4ff;}
.weather-symbol svg {width:100%;height:100%;}
#homeWeather .weather-days {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px;}
#homeWeather .weather-day {display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;text-align:center;min-width:0;}
#homeWeather .weather-day strong {font-size:12px;}
#homeWeather .weather-day b {font-size:14px;white-space:nowrap;}
#homeWeather .weather-day-condition {font-size:11px;color:#c1d1e0;min-height:26px;display:grid;align-items:center;}
#homeWeather .weather-day small {font-size:11px;color:#9ebcd3;}
#homeWeather footer {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:11px;color:#a7bbcd;}
#homeWeather footer a {color:#a7cde8;}
#homeWeather [data-weather-status] {margin:0;}
#homeWeather [data-weather-alerts] {flex:1;min-width:180px;text-align:center;}
#homeWeather [data-weather-refresh] {min-height:38px;padding:8px 14px;}
#weatherPreferencesSection .setting-actions {margin:12px 0;}
.weather-ticker {position:absolute;z-index:70;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;min-height:42px;padding:6px 16px;background:#45320bf5;color:#fff;font:600 15px/1.4 "DM Sans",sans-serif;overflow:hidden;pointer-events:none;}
.weather-ticker[hidden] {display:none!important;}
.weather-ticker[data-severity="Severe"],.weather-ticker[data-severity="Extreme"] {background:#940e20f5;}
.weather-ticker>strong {flex:0 0 auto;max-width:35%;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.weather-ticker-viewport {flex:1;min-width:0;overflow:hidden;}
.weather-ticker-track {display:inline-block;white-space:nowrap;animation:weather-crawl var(--ticker-time,40s) linear infinite;padding-right:60px;}
@keyframes weather-crawl {0%,5% {transform:translateX(0)} 95%,100% {transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.weather-ticker-track{animation:none;white-space:normal;max-height:4.2em;overflow:auto}.weather-ticker{pointer-events:auto;}}
@media(max-width:800px){#homeWeather{padding:16px}#homeWeather [data-weather-body]{grid-template-columns:1fr;gap:16px}#homeWeather .weather-now{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center}#homeWeather .weather-current{grid-row:1/3}#homeWeather .weather-now>small{grid-column:2}#homeWeather .weather-current>strong{font-size:36px}#homeWeather [data-weather-alerts]{text-align:left;flex-basis:100%}.weather-ticker{font-size:12px;gap:10px;padding:6px 10px}.weather-ticker>strong{font-size:10px;}}
@media(max-width:600px){#homeWeather{margin-top:48px;}}
@media(max-width:480px){#homeWeather{padding:14px 10px}#homeWeather h2{font-size:16px}#homeWeather .weather-days{gap:4px}#homeWeather .weather-day{padding:10px 2px}#homeWeather .weather-day b{font-size:12px}#homeWeather .weather-day-condition,#homeWeather .weather-day small{font-size:10px}#homeWeather .weather-now{display:block}#homeWeather .weather-current>strong{font-size:40px}#homeWeather .weather-now>small{display:block;margin-top:5px}}
