.weather-open #nav{display:none}.weather-open .map-bottom,.weather-open #map-status{visibility:hidden}
#weather-map{position:absolute;bottom:0;left:0;right:0;height:35dvh;min-height:245px;z-index:480;background:white;color:#9faec5;border-radius:22px 22px 0 0;box-shadow:0 -1px 4px #0001}
.weather-expanded #weather-map{height:calc(100dvh - 125px);max-height:calc(100% - 44px)}
#weather-map-content{height:100%;overflow:hidden;border-radius:22px 22px 0 0}
#weather-toolbar{position:absolute;left:0;right:0;top:-50px;display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px}
.weather-modes{display:flex;background:#063f70;border-radius:28px;padding:4px;gap:0;height:44px}.weather-modes button{color:white;background:transparent;border-radius:25px;padding:6px 10px;display:flex;align-items:center;gap:7px;font-size:17px;font-weight:650;white-space:nowrap}.weather-modes button.selected{background:#002847}.weather-modes svg{width:23px;height:23px;stroke-width:1.5}
.weather-help{border-radius:50%;background:#ffb43b;color:#111;width:40px;height:40px;flex:none;font-weight:700;font-size:24px;padding:0;margin-right:1px}
.weather-map-header{position:relative;display:block;width:100%;height:96px;padding:12px 16px 7px;text-align:left;background:linear-gradient(#002b55,#006ba2);color:white;overflow:hidden}
.weather-heading{font-size:17px;font-weight:700;display:block}.weather-map-temperature{position:absolute;right:7px;top:8px;font-size:24px;font-weight:650}.weather-map-place{display:block;font-weight:300;font-size:27px;line-height:1.2;margin-top:5px;width:calc(100% - 47px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-map-icon{position:absolute;right:17px;bottom:26px}.weather-map-icon svg{width:42px;height:34px;stroke-width:1.4}.weather-map-date{font-size:13px;font-weight:600;display:block;margin-top:5px}.weather-map-date b{margin-left:35px;font-weight:600}
#weather-body{height:calc(100% - 96px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;background:white;padding-bottom:16px}
.weather-timeline{display:flex;position:relative;min-height:360px}.weather-fixed{flex:0 0 150px;border-right:1px dotted #bdc8d9;position:relative;background:white;z-index:1}.weather-clock{height:150px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:10px 5px;color:#a2b0c7;font-size:13px;gap:3px}.weather-clock>svg{width:78px;height:91px;color:#cbd3df;opacity:.8}.weather-clock strong{font-weight:700}.weather-activity-labels{height:130px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;color:#f8d792;font-size:13px;border-top:1px dotted #f8d792;border-bottom:1px dotted #f8d792}.weather-activity-labels span:nth-child(2){border-top:1px dotted #f8d792;border-bottom:1px dotted #f8d792;padding:11px 0}.weather-point-hand{text-align:center;color:#8a9aaf;font-size:33px;padding:12px}
#weather-time-strip{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.weather-columns{display:flex;position:relative;min-height:360px}.weather-column{width:65px;flex:none;position:relative}.weather-column.selected{background:#eaf3f7}.weather-column.selected:before{content:'';position:absolute;top:0;left:24px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #00679f;z-index:1}
.weather-step{display:flex;align-items:center;flex-direction:column;width:100%;height:150px;padding:16px 7px 10px;background:transparent;color:#9faec5;gap:10px;font-size:13px}.weather-step>svg{width:29px;height:24px;stroke-width:1.3;margin:3px 0}.weather-step>strong{font-size:17px;font-weight:600}.weather-column-wind{border-top:1px solid #a5b4c9;padding-top:6px;font-size:13px;white-space:nowrap;width:100%;text-align:center;position:relative}.selected .weather-column-wind{border-color:#006ba2}.selected .weather-column-wind:before{content:'';position:absolute;top:-6px;left:23px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #006ba2}.weather-column-wind i{display:inline-block;font-style:normal;margin-right:2px}.weather-column-wind small{font-size:8px;margin-left:2px}
.weather-activity-space{height:130px;border-top:1px dotted #f8d792;border-bottom:1px dotted #f8d792;background:linear-gradient(transparent 49%,#f8d79255 50%,transparent 51%)}.weather-activity-curve{position:absolute;left:0;top:150px;z-index:1;pointer-events:none}.weather-column-extra{height:90px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px}.weather-column-extra>span{display:flex;align-items:center;gap:2px;white-space:nowrap}.weather-column-extra svg{width:16px;height:16px}.weather-column-extra small{font-size:7px}
.weather-rating{display:flex;gap:1px;justify-content:center;color:#dce3ec}.weather-rating span.active{color:#8396b4}.weather-rating svg{width:10px;height:14px;stroke-width:1.8}.daily-rating{margin:12px 0 20px}.daily-rating svg{width:25px;height:30px}.daily-rating{gap:13px}
.weather-facts{display:grid;grid-template-columns:1fr 1fr;padding:10px 16px 5px;column-gap:12px;row-gap:22px}.weather-fact{display:flex;gap:12px;align-items:center;color:#71819a;min-width:0}.weather-fact>svg{width:25px;height:27px;flex:none;color:#9eadc3;stroke-width:1.5}.weather-fact>span{min-width:0}.weather-fact small{display:block;font-size:11px;color:#9faec5}.weather-fact strong{display:block;font-weight:500;font-size:14px;overflow-wrap:anywhere}
.weather-solunar{padding:25px 16px 10px;text-align:center}.weather-solunar h3{font-size:18px;font-weight:600;color:#7a8ba5;margin:10px 0 16px}.weather-solunar h3 small{display:block;font-size:11px;font-weight:400;margin-top:4px}.weather-solunar p{display:flex;flex-direction:column;gap:5px;margin:10px 0 20px;font-size:13px;line-height:1.4}.weather-solunar p small{font-size:12px}.weather-solunar strong{font-weight:500;color:#72839b}
.weather-week{padding:5px 16px}.weather-week button{display:flex;align-items:center;gap:13px;background:white;color:#8c9db7;width:100%;min-height:65px;padding:12px 0;border-bottom:1px solid #e6eaf0;font-size:13px;text-align:left}.weather-week strong{flex:1;font-weight:600}.weather-week svg{width:25px;height:25px;stroke-width:1.4}.weather-week b{font-size:16px;white-space:nowrap}.weather-week b small{font-size:12px;font-weight:400}.weather-week button>span{width:45px;text-align:right}.weather-week button>span small{font-size:8px}
.weather-source{padding:0 16px;font-size:10px;line-height:1.4;color:#8190a7}.weather-reload{background:transparent;color:#006799;padding:9px 16px;font-size:13px}.weather-error,.weather-loading{padding:12px 16px;font-size:13px}.weather-error{color:#b34c40}#weather-radar-status{font-size:11px;padding:3px 16px;color:#7a8ba5}#weather-body>.filter-landscape{position:relative;pointer-events:none}
#weather-wind-field{position:absolute;inset:0;width:100%;height:100%;z-index:440;pointer-events:none}
#weather-seat-filter{position:absolute;top:106px;left:76px;right:76px;z-index:465;box-shadow:0 2px 8px #0002;border-radius:4px;background:#dcf2e9;color:#006450;text-align:center;overflow:hidden}.weather-seat-title{background:#dcf2e9;color:#006450;width:100%;text-align:center;font-size:13px;padding:9px 25px 9px 10px;position:relative;line-height:1.3}.weather-seat-title>span{position:absolute;right:10px;top:16px;font-size:17px}#weather-seat-filter.expanded{left:12px;right:12px;background:white;text-align:left}#weather-seat-filter p{font-size:13px;color:#727f8e;margin:14px 16px}.weather-seat-option{display:flex;align-items:center;gap:12px;background:white;color:#182321;font-size:13px;width:100%;text-align:left;padding:10px 16px 17px}.weather-seat-option>span{border:2px solid #a2afc4;border-radius:50%;width:21px;height:21px;flex:none}.weather-seat-option[aria-pressed=true]>span{background:#006450;border-color:#006450;box-shadow:inset 0 0 0 3px white}
@media(min-width:700px){#weather-map{width:480px;right:auto}#weather-seat-filter{width:310px;left:80px;right:auto}}