/* Owner-only diagnostics panel. Nothing here renders unless .show is set, which
   only F2FDiag does, so a normal visitor never sees or pays for this. */
#f2fDiagBar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:none;
  font:500 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#1a0710;color:#ffd9de;border-top:2px solid #ff5c6c;
  box-shadow:0 -10px 40px rgba(0,0,0,.5)}
#f2fDiagBar.show{display:block}
#f2fDiagBar .f2fdiag-head{display:flex;align-items:center;gap:10px;padding:7px 12px;
  border-bottom:1px solid rgba(255,92,108,.35);background:rgba(255,92,108,.1)}
#f2fDiagBar .f2fdiag-head b{color:#ff8a99;letter-spacing:.14em;font-size:10px}
#f2fDiagBar .f2fdiag-head span{color:#c98d99;font-size:10px;margin-right:auto}
#f2fDiagBar .f2fdiag-head button{border:1px solid rgba(255,138,153,.4);background:transparent;
  color:#ffd9de;border-radius:6px;padding:3px 9px;font:600 9px ui-monospace,monospace;
  letter-spacing:.08em;cursor:pointer}
#f2fDiagBar .f2fdiag-head button:hover{border-color:#ff8a99;background:rgba(255,92,108,.16)}
#f2fDiagBar .f2fdiag-body{max-height:30vh;overflow:auto;padding:8px 12px;
  padding-bottom:calc(8px + env(safe-area-inset-bottom))}
#f2fDiagBar .f2fdiag-line{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06);word-break:break-word}