.weather-modes{border:0;padding:0;margin:4px 0 20px}.weather-modes legend{font-size:12px;color:#cdb4df;margin-bottom:12px;padding:0}.weather-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.weather-buttons button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 6px;border-radius:9px;background:#121322b0;font-size:12px}.weather-buttons b{font-size:25px;font-weight:400;color:#d6bbf2}.weather-buttons button[aria-pressed=true]{background:#68448065;border-color:#d0a5ec;box-shadow:inset 0 -2px #d0a5ec55}.weather-buttons button:focus-visible{outline:2px solid #e5cdf7;outline-offset:3px}#weather-controls{width:min(410px,calc(100vw - 28px));padding:27px;border-radius:17px;background:linear-gradient(145deg,#231a31f5,#0a1020f5);border:1px solid #c19cd15c;box-shadow:0 24px 90px #000a}#weather-controls::backdrop{background:#080a1644;backdrop-filter:blur(2px)}.weather-heading{display:flex;align-items:center;justify-content:space-between}.weather-heading small{font-size:9px;letter-spacing:3px;color:#b398c6}.weather-heading h2{font-size:25px;font-weight:400;margin:11px 0 23px}.weather-heading button{font-size:22px;padding:6px 12px}#weather-status{font-size:13px;color:#e1c8f1;margin:20px 0 8px}#weather-controls p:last-child{font-size:11px;line-height:1.7;color:#a99eb8;margin-bottom:0}.weather-panel header,.weather-panel #hud,.weather-panel #touch{visibility:hidden}.home-option:has(input:disabled){opacity:.45}