:root{--bg: white;--panel: #fafafa;--text: black;--outline: lightgrey;--grid: grey;--axis: grey;--danger: darkred;--fonts: arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--fonts);font-size:14px;line-height:1.5}button,select,input{font:inherit}button{cursor:pointer}.app{max-width:1180px;margin:0 auto;padding:28px 20px 40px}.readout,.window-select,.tag-filters label,.custom-range label{font-size:11px}.site-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.site-head h1{font-size:24px;margin:0}.tabs{display:flex;gap:4px;margin-top:22px;border-bottom:1px solid var(--outline)}.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px}.tabs button.active{border-bottom-color:var(--text)}.controls,.view-bar,.tag-filters,.custom-range{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.controls{margin:16px 0 6px}.view-bar{justify-content:space-between;margin:10px 0 14px}.window-select,.tag-filters label,.custom-range label{display:inline-flex;align-items:center;gap:7px}.segment{display:inline-flex;background:var(--panel);border:1px solid var(--outline);border-radius:8px;overflow:hidden}.segment button{font-size:14px;background:none;border:none;border-right:1px solid var(--outline);padding:7px 13px}.segment button:last-child{border-right:none}.segment button.active{background:var(--text);color:#fff}select,input{font-size:14px;background:var(--panel);border:1px solid var(--outline);border-radius:6px;padding:6px 8px}.custom-range button{color:#fff;background:var(--text);border:none;border-radius:6px;padding:7px 14px}.custom-range button:disabled{background:var(--outline);cursor:not-allowed}.grid{display:grid;gap:14px}.grid.stale{opacity:.55}.panel{background:var(--panel);border:1px solid var(--outline);border-radius:10px;padding:14px 14px 6px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:6px}.panel-head h3{font-size:14px;margin:0}.panel-head .unit{font-size:11px;font-weight:400}.legend{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0;font-size:11px}.legend li{display:inline-flex;align-items:center;gap:5px}.empty{font-size:14px;text-align:center;padding:70px 0;margin:0}.error{background:#fbeeee;border:1px solid #eacfcf;border-radius:8px;color:var(--danger);padding:10px 14px;margin-bottom:14px;font-size:14px}:focus-visible{outline:2px solid;outline-offset:2px}