.hosmetrics .topbar{align-items:flex-start;gap:20px}.hosmetrics .tools{flex-wrap:wrap}.hosmetrics h1{margin-bottom:8px}.hosmetrics .panel{margin-top:20px}.hosmetrics .stat strong{display:block;margin:12px 0;font-size:28px}.hosmetrics .stat small,.hosmetrics td small{display:block;color:var(--muted);margin-top:5px}.hosmetrics .hm-period{font-size:13px}.hosmetrics .hm-scroll{overflow:auto}.hosmetrics .hm-ratio{display:flex;align-items:baseline;gap:16px}.hosmetrics .hm-ratio strong{font-size:32px}.hosmetrics .hm-email{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.hosmetrics .hm-email strong{display:block;font-size:26px;margin-bottom:8px}.hosmetrics .hm-email span{color:var(--muted)}.hosmetrics .hm-chain{padding:14px 0;border-bottom:1px solid var(--line)}.hosmetrics summary{cursor:pointer}.hosmetrics code{overflow-wrap:anywhere;font-size:12px}.hosmetrics .hm-chain li{margin:12px 0;line-height:1.6}.hosmetrics .hm-chain time,.hosmetrics .hm-chain small{display:block;color:var(--muted);font-size:12px}.hosmetrics .metrics-table th,.hosmetrics .metrics-table td{text-align:left}.hosmetrics .muted{color:var(--muted)}@media(max-width:700px){.hosmetrics .hm-email{grid-template-columns:repeat(2,1fr)}.hosmetrics .hm-ratio{display:block}.hosmetrics .topbar{display:block}.hosmetrics .tools{margin-top:16px}.hosmetrics .tools select{max-width:100%}}
@media(max-width:700px){.hosmetrics .tools{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.hosmetrics .tools select,.hosmetrics .tools button{min-width:0;width:100%;max-width:100%}.hosmetrics .stat{display:block}.hosmetrics .panel{min-width:0}}