:root{font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#27272a;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:42px auto;padding:0 22px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:24px;font-weight:600}header span,footer,.axis{color:#71717a}.banner,.panel{border:1px solid #e4e4e7;border-radius:8px;margin-bottom:20px;padding:18px;box-shadow:0 1px 2px #00000006}.banner{background:#fafafa}.banner p,footer{line-height:1.7}.controls{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:12px}label{display:flex;align-items:center;gap:5px;font-size:12px}input,select,button{font:inherit;border:1px solid #d4d4d8;border-radius:5px;background:#fff;padding:7px;color:inherit}input[type=number]{width:62px}button{cursor:pointer}#message{font-size:12px;line-height:1.7;color:#52525b}article{padding:16px 0;border-top:1px solid #f4f4f5}.head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.head h2{font-size:14px;margin:0}.rate,.model{font-size:12px;color:#52525b}.scroll{overflow-x:auto;padding:12px 1px 8px}.bars{display:grid;gap:2px}.bar{padding:0;min-width:6px;height:16px;border:0;border-radius:1px}.good{background:#22c55e}.bad{background:#ef4444}.mixed{background:#eab308}.unknown{background:#e4e4e7}.pending{box-shadow:0 3px 0 #7c3aed}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#52525b;margin-bottom:20px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:6px;height:16px;display:inline-block}.axis{display:flex;justify-content:space-between;font-size:11px}#detail{line-height:1.8}footer{font-size:12px}a{color:inherit}@media(max-width:600px){main{margin:16px auto;padding:0 14px}h1{font-size:20px}.panel{padding:14px}header span{font-size:11px}.axis{display:none}.controls{gap:8px}input[type=datetime-local]{width:175px}}