* { box-sizing: border-box; }
body { margin:0; width:350px; font:14px/1.45 Arial,sans-serif; background:#faf9f6; color:#202124; }
main { padding:20px; }
.eyebrow { font-size:10px; color:#5174b3; letter-spacing:1.5px; font-weight:800; text-transform:uppercase; }
h1 { margin:5px 0 4px; font-size:24px; letter-spacing:-.8px; }
.intro { color:#6a6e75; font-size:12px; margin:0 0 18px; }
.weather-today { background:#e8f0fe; border:1px solid #cbdcf9; border-radius:14px; padding:16px 14px; margin-bottom:17px; font-size:17px; font-weight:700; }
.weather-today small { display:block; font-size:11px; font-weight:400; color:#5c6c8b; margin-top:6px; }
.toggle-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.toggle-row span { font-size:12px; font-weight:600; }
input[type=checkbox] { width:18px; height:18px; accent-color:#4285f4; }
.location-section { border-top:1px solid #e1e3e8; padding-top:14px; margin-bottom:14px; position:relative; }
.location-section label { display:block; font-size:11px; font-weight:700; margin-bottom:6px; }
.location-section input, .location-section select { font:13px Arial,sans-serif; padding:10px 11px; border:1px solid #dadce0; border-radius:9px; width:100%; outline-color:#4285f4; background:white; }
.unit-label { margin-top:13px; }
#city-results { position:relative; border-radius:9px; border:1px solid #dde2e9; margin-top:4px; overflow:auto; max-height:176px; background:white; }
#city-results button { width:100%; background:white; color:#202124; text-align:left; border:0; border-bottom:1px solid #eff0f2; border-radius:0; padding:10px; font-size:12px; font-weight:500; }
#city-results button:hover { background:#f0f5ff; }
#refresh { border:0; background:#4285f4; color:white; border-radius:9px; padding:10px 11px; font-weight:700; cursor:pointer; width:100%; }
#refresh:hover { background:#2363cf; }
#refresh:disabled { opacity:.65; cursor:wait; }
a { color:#245bbb; }
.fine { font-size:11px; color:#6f737b; margin:14px 0 0; line-height:1.6; }
.status { font-size:11px; color:#3d639f; min-height:14px; margin:10px 0 0; }