.weather-panel{margin:32px 0;padding:24px;background:#edf2ee;border:1px solid #d3ddd5;border-radius:18px}.detail-page .weather-panel h2{margin:0 0 18px;font-size:22px}.weather-panel label{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-weight:600}.weather-panel input{font:inherit;padding:10px 14px;border:1px solid #bdc9c0;border-radius:9px;background:#fff;color:#193a30}.weather-hours{display:flex;gap:10px;overflow:auto;padding:4px 0 16px}.weather-hour{display:flex;flex-direction:column;gap:9px;flex:0 0 148px;min-width:0;box-sizing:border-box;padding:16px;background:#fff;border-radius:12px}.weather-hour strong{font-size:24px}.weather-hour small{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.weather-hour>*{min-width:0;overflow-wrap:anywhere}.weather-panel a{display:block;font-size:12px;margin-top:10px;text-decoration:none}.weather-panel small{color:#4a6055}@media(max-width:500px){.weather-panel{padding:18px}.weather-hour{flex-basis:140px}}

.weather-panel a:hover{text-decoration:underline}

.weather-chart{overflow-x:auto;margin:20px 0 12px;padding-bottom:8px;scrollbar-width:thin}
.weather-chart svg{display:block;max-width:none;font-family:inherit;font-size:13px;fill:#254d3f}
.weather-chart .weather-chart-time{fill:#596b61;font-size:11px}
.weather-icon{width:32px;height:32px;color:#3c6956;flex:none}
.weather-hour{flex-basis:128px;gap:8px}.weather-hour>span{font-size:13px;line-height:1.4}
.weather-rain{display:block;font-size:12px;border-top:1px solid #edf1ed;padding-top:8px;margin-top:auto}
@media(max-width:500px){.weather-hour{flex-basis:120px;padding:14px}.weather-chart{margin-top:16px}}

.weather-timeline{overflow-x:auto;scrollbar-width:thin}.weather-timeline:focus-visible{outline:2px solid #285b49;outline-offset:3px}.weather-timeline .weather-chart{overflow:visible;width:max-content;margin:12px 0}.weather-timeline .weather-hours{overflow:visible;width:max-content}.weather-timeline .weather-hour{flex:0 0 128px;width:128px;padding:16px}

.weather-date-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-weight:600}
.weather-date-trigger{font:inherit;padding:11px 16px;border:1px solid #bdc9c0;border-radius:9px;background:#fffdf8;color:#213d32;cursor:pointer}
.weather-date-dialog{box-sizing:border-box;border:1px solid #d8d6cf;border-radius:18px;padding:28px;width:min(420px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:#213d32;background:#fffdf8;box-shadow:0 24px 90px #0003}
.weather-date-dialog::backdrop{background:#15251d66;backdrop-filter:blur(3px)}
.weather-date-dialog button{font:inherit;cursor:pointer}.weather-date-heading{display:flex;justify-content:space-between;gap:16px}.detail-page .weather-date-heading h2{font-size:22px;margin:0 0 8px}.weather-date-heading p{font-size:14px;line-height:1.5;color:#65726a;margin:0 0 22px}
.weather-date-close,.weather-date-nav button{border:1px solid #dedfd6;background:transparent;border-radius:50%;width:36px;height:36px;flex-shrink:0;color:inherit}
.weather-date-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.weather-date-nav strong{font-size:16px}
.weather-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 0}.weather-date-weekday{text-align:center;color:#7b817b;font-size:11px;padding-bottom:8px}
.weather-date-day{aspect-ratio:1;min-height:38px;border:0;background:transparent;border-radius:50%;padding:0;color:inherit;font-size:13px!important}.weather-date-day:hover:not(:disabled){box-shadow:inset 0 0 0 1px #213d32}.weather-date-day.selected{background:#213d32;color:white}.weather-date-dialog button:disabled{opacity:.3;cursor:default}.weather-date-dialog button:focus-visible,.weather-date-trigger:focus-visible{outline:3px solid #b0c727;outline-offset:2px}
.weather-date-actions{border-top:1px solid #dedfd6;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;gap:12px}.weather-date-actions button{border:0;border-radius:7px;padding:12px 18px;background:transparent;color:inherit}.weather-date-actions .weather-date-apply{background:#e9fe4e;font-weight:700}
@media(max-width:500px){.weather-date-dialog{padding:20px}}

.weather-date-trigger{display:inline-flex;align-items:center;gap:12px}
.weather-date-trigger::after{content:"";display:block;width:20px;height:20px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M7 3v4m10-4v4M3 11h18m-13 4h2m4 0h2m-8 3h2'/%3E%3C/svg%3E") center/contain no-repeat}