:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1922;color:#e2edf3}body{margin:0}main{max-width:1200px;margin:auto;padding:28px}a{color:#71dce9}h1{margin-bottom:8px}p{line-height:1.6;color:#b0c6d2}form{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:24px 0}label{display:grid;gap:6px}input,select,button{font:inherit;padding:10px;border:1px solid #456576;border-radius:6px;background:#142b38;color:inherit}button{cursor:pointer;background:#205462}section,.history-chart{background:#132632;border:1px solid #315161;border-radius:10px;padding:20px;margin:18px 0}.history-chart svg{display:block;width:100%;height:auto;min-width:500px}.history-scroll,.history-chart{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.85rem}td,th{text-align:left;padding:10px;border-bottom:1px solid #315161}.legend{display:flex;gap:20px;flex-wrap:wrap}.legend span{border-left:4px solid;padding-left:8px}@media(max-width:600px){main{padding:14px}h1{font-size:1.6rem}}
.history-city-picker{flex-basis:100%;min-width:0;border:1px solid #315161;border-radius:8px;padding:12px}
.history-city-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;max-height:220px;overflow:auto;margin-top:12px}
.history-city-options label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.history-city-options input{padding:0;flex-shrink:0}
.history-pick-actions{display:flex;gap:10px;flex-wrap:wrap}
.history-chart .legend{max-height:180px;overflow:auto;margin-bottom:12px}
.history-chart .legend button{border-left-width:5px;padding:6px 10px;font-size:.85rem;background:#142b38}
.history-chart .legend button[aria-pressed="false"]{opacity:.45;text-decoration:line-through}
.history-city-detail{border:1px solid #315161;border-radius:8px;padding:16px;margin:12px 0}
.history-city-detail summary{cursor:pointer;font-weight:600}