.weather-card{margin:0 0 19px;padding:17px 16px 12px;border:1px solid #d9e2d0;border-radius:18px;background:linear-gradient(135deg,#eef3e5 0%,#fafbf3 75%);overflow:hidden}.wx-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wx-heading .eyebrow{font-size:9px;letter-spacing:1px}.wx-heading h2{font:600 19px/1.5 var(--serif);margin-top:3px}.wx-heading>.wx-icon{color:#899d6c;width:35px;height:35px;flex-shrink:0}.wx-location{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#728167;font-size:11px;border-bottom:1px solid #dfe6d4;padding-bottom:2px}.wx-location>span{display:flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.wx-location svg{width:14px;height:14px;flex-shrink:0}.wx-location button,.wx-bottom-actions button,.wx-location-changed button{min-height:44px;font-size:11px;padding:4px 8px;color:#48663f;white-space:nowrap}.wx-intro p{font-size:12px;line-height:1.9;color:#718065;margin:11px 0 15px}.wx-action-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.wx-action-row button{font-size:12px;padding:10px 6px}.wx-action-row svg{width:17px;height:17px}.wx-intro>small{display:block;color:#85917a;font-size:10px;line-height:1.9;margin:12px 0 2px}.wx-current{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 5px}.wx-temperature{font:48px/1.15 Georgia,serif;color:#344f3b;letter-spacing:-2px}.wx-temperature>span{font:18px var(--sans);letter-spacing:0;margin-left:4px;vertical-align:top;display:inline-block;padding-top:7px}.wx-current p{font-size:12px;color:#607753;margin-top:5px}.wx-current small{font-size:10px;color:#829173;margin-top:3px;display:block}.wx-weather-art{width:82px;height:82px;display:flex;align-items:center;justify-content:center;background:#e8edd1;border-radius:50%;margin-right:3px;box-shadow:0 0 0 9px #e9efd53b}.wx-weather-art svg{height:52px;width:52px;color:#8b965f;stroke-width:1.1}.wx-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:10px 0;border-top:1px solid #dee5d1;border-bottom:1px solid #dee5d1;gap:4px}.wx-metrics>div{padding:2px 6px;border-right:1px solid #dfe6d6}.wx-metrics>div:last-child{border:0}.wx-metrics span{font-size:9px;color:#839275;display:block;line-height:1.8;min-height:32px}.wx-metrics b{font:21px/1.3 Georgia,serif;font-weight:400;color:#496342;display:block}.wx-metrics b small{font-size:10px;margin-left:3px}.wx-subheading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:11px}.wx-subheading h3{font-size:12px;font-weight:500}.wx-subheading span{font-size:9px;color:#8b987f}.wx-hours{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c1cdaa transparent;padding:0 0 10px;scroll-snap-type:x proximity}.wx-hour{flex:0 0 56px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 2px;border-radius:10px;background:#fffff78c;scroll-snap-align:start}.wx-hour time{font-size:10px;color:#88957b}.wx-hour .wx-icon{height:20px;width:20px;color:#829669}.wx-hour b{font:18px Georgia,serif}.wx-hour span{font-size:9px;color:#6d8b99}.wx-advice{display:flex;flex-direction:column;gap:8px;margin-top:12px}.wx-advice-item{display:flex;gap:9px;padding:12px 11px;background:#f4efdf;border:1px solid #e8e0c8;border-radius:11px}.wx-advice-dot{width:6px;height:6px;border-radius:50%;background:#b39652;flex-shrink:0;margin-top:6px}.wx-advice-item h3{font-size:12px;font-weight:600;color:#817040;line-height:1.6}.wx-advice-item p{font-size:11px;line-height:1.8;color:#8b805e;margin-top:4px}.wx-advice-item small{display:block;font-size:10px;line-height:1.8;color:#9a8d6d;margin-top:7px;border-top:1px solid #e7ddc7;padding-top:6px}.wx-advice-item.high{background:#f3e9df;border-color:#e7d7c7}.wx-advice-item.high h3{color:#995d3d}.wx-advice-item.high .wx-advice-dot{background:#ac704e}.wx-advice-item.info{background:#edf2e5;border-color:#dae3ce}.wx-advice-item.info h3,.wx-advice-item.info p{color:#718360}.wx-advice-item.info .wx-advice-dot{background:#829a67}.wx-details-button{min-height:46px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#517146;border-bottom:1px solid #dfe6d3;margin-top:5px}.wx-source{font-size:9px;color:#93a084;line-height:1.9;margin:10px 0 0;overflow-wrap:anywhere}.wx-source a{color:#799069}.wx-bottom-actions{display:flex;justify-content:space-between;padding-top:2px}.wx-bottom-actions button:first-child{padding-left:0}.wx-message{text-align:center;padding:29px 5px;color:#7c906b}.wx-message p{font-size:13px;margin:11px 0 5px}.wx-message small{font-size:10px;color:#90a082}.wx-loading-dot{display:inline-block;width:17px;height:17px;border:2px solid #d2ddc2;border-top-color:#718f55;border-radius:50%;animation:wx-spin .9s linear infinite}.wx-status-warning,.wx-location-changed{padding:10px 11px;border-radius:10px;background:#f1e8d9;color:#92734f;font-size:10px;line-height:1.9;margin-top:10px}.wx-location-changed{background:#eaf0df;color:#758568}.wx-location-changed button{display:block;padding:0;min-height:40px}.wx-empty-hour{font-size:11px;color:#8c987e;padding:12px 0}.wx-detail-location{display:flex;align-items:center;gap:5px;font-size:11px;color:#859678;flex-wrap:wrap}.wx-detail-location svg{height:15px;width:15px}.wx-detail-title{font-size:13px;font-weight:500;margin:20px 0 12px}.wx-day{display:grid;grid-template-columns:1fr 32px 1fr;gap:12px;align-items:center;min-height:69px;padding:11px 1px;border-bottom:1px solid #dfe6d4}.wx-day b{font-size:13px;font-weight:500}.wx-day small{display:block;font-size:10px;color:#8d997e;margin-top:3px}.wx-day>div:last-child{text-align:right}.wx-day>svg{color:#8a9c71;width:24px;height:24px}.wx-science-note{margin-top:19px;border-radius:12px;padding:13px;background:#eef2e7;color:#839374}.wx-science-note b{font-size:11px;font-weight:500;color:#6e845c}.wx-science-note p{font-size:10px;line-height:1.9;margin-top:7px}.wx-location-options{margin-top:17px}.wx-location-options .choice-button small{line-height:1.8}@keyframes wx-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.weather-card{padding:15px 12px 10px}.wx-heading h2{font-size:18px}.wx-heading>.wx-icon{width:29px;height:29px}.wx-action-row{gap:6px}.wx-action-row button{font-size:11px}.wx-metrics>div{padding:2px 4px}.wx-metrics span{font-size:9px}.wx-temperature{font-size:44px}}@media(prefers-reduced-motion:reduce){.wx-loading-dot{animation:none}}