:root{color:#14261a;background:#edf8ef;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.page{place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:#fff;border-radius:1rem;width:min(1040px,100%);padding:1.5rem;box-shadow:0 14px 28px #00000014}h1{margin-top:0;font-size:1.5rem}.temperature{margin:.5rem 0 0;font-size:2.3rem;font-weight:700}.averagesRow{flex-wrap:wrap;align-items:baseline;gap:1.4rem;display:flex}.averageBlock{min-width:180px}.humidityValue{color:#ec4899}.humidityStatus{color:#5b6a5f}.status{margin:.25rem 0 0;font-weight:600}.status.cold{color:#1a5eff}.status.ok{color:#15803d}.status.hot{color:#d92d20}.meta{color:#5b6a5f;margin:.5rem 0 1.2rem}.refreshButton{color:#fff;cursor:pointer;background:#1f7a46;border:0;border-radius:.6rem;padding:.55rem .85rem;font-weight:600}.refreshButton:hover{background:#166237}.error{color:#d92d20;font-weight:600}.historyTitle{margin-top:1.2rem;margin-bottom:.4rem}.chartWrap{background:#fcfffd;border:1px solid #d7e9db;border-radius:.8rem;padding:.5rem;position:relative}.chart{width:100%;height:auto;display:block}.chartPan{cursor:grab;touch-action:none}.chartPanning{cursor:grabbing;touch-action:none}.chartPanOverlay{cursor:inherit}.chartAxis{stroke:#b7ccc0;stroke-width:1px}.chartGrid{stroke:#e3eee7;stroke-width:1px;stroke-dasharray:4 4}.chartGridMajor{stroke:#bcd2c6;stroke-width:1.2px;stroke-dasharray:none;opacity:.75}.chartTickText{fill:#5b6a5f;font-size:11px}.chartTickTextMajor{fill:#5b6a5f;opacity:.9;font-weight:600}.legend{flex-wrap:wrap;gap:.8rem;margin-top:.5rem;display:flex}.historyPager{flex-direction:column;align-items:flex-start;gap:.5rem;margin:.2rem 0 .6rem;display:flex}.rangeButtons{gap:.4rem;display:inline-flex}.pagerNav{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.pagerButtonsRow{flex-wrap:wrap;gap:.6rem;display:inline-flex}.pagerDateRow{min-height:1.4rem}.activeRange{background:#114b2a}.pagerButton:disabled{opacity:.45;cursor:not-allowed}.pageInfo{margin:0}.legendItem{color:#365244;align-items:center;gap:.4rem;font-size:.92rem;display:inline-flex}.legendDot{border-radius:999px;width:.65rem;height:.65rem}.legendDotHumidity{background:0 0;border:2px dashed #ec4899}.sensorList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1rem;display:grid}.sensorCard{background:#f7fcf8;border:1px solid #d7e9db;border-radius:.8rem;padding:.9rem}.sensorCard h2{margin:0;font-size:1.05rem}.sensorTemp{margin:.35rem 0 0;font-size:1.6rem;font-weight:700}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem;margin-top:.6rem;display:grid}.statsCard{background:#f7fcf8;border:1px solid #d7e9db;border-radius:.8rem;padding:.9rem}.statsCard h3{margin:0 0 .6rem;font-size:1.05rem}.statsBlock{border-top:1px solid #e0efe4;padding:.55rem 0}.statsBlock:first-of-type{border-top:0;padding-top:0}.statsBlockTitle{color:#365244;margin-bottom:.35rem;font-weight:700}.statsRow{grid-template-columns:3.2rem 5.2rem 1fr;align-items:baseline;gap:.6rem;padding:.12rem 0;display:grid}.statsLabel{color:#5b6a5f;font-weight:600}.statsValue{color:#14261a;font-weight:800}.statsTime{color:#5b6a5f;text-align:right;justify-self:end;font-size:.92rem}