#frameMeter{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:5;pointer-events:none;user-select:none;width:280px;max-width:calc(100vw - 120px);padding:7px 10px;border:1px solid #ffffff40;border-radius:8px;background:#0b151eef;color:#fff;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;contain:layout paint}
#frameMeter strong{font-size:20px;line-height:1.1;color:#c9fa79}
#frameMeter [data-rate-label]{float:right;font-size:10px;color:#c4d4dd}
#frameMeter [data-timing],#frameMeter [data-place]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#frameMeter [data-place]{font-size:10px;color:#c4d4dd}
#frameMeter [data-timing]{white-space:pre-line;font-size:10px}
#frameMeter[data-rate="medium"] strong{color:#ffdf88}
#frameMeter[data-rate="low"] strong{color:#ff9c98}
#frameMeter[data-slow="true"] [data-timing]{color:#ffb2ac}
body.paused #frameMeter{display:none}