.viewport-diagnostics{z-index:10000;top:calc(env(safe-area-inset-top) + 74px);box-sizing:border-box;color:#dcff92;background:#0b1414f2;border:1px solid #c8ff2e;border-radius:10px;max-width:min(390px,100vw - 16px);padding:8px;font:10px/1.35 ui-monospace,monospace;position:fixed;left:8px}.viewport-diagnostics header{justify-content:space-between;align-items:center;gap:8px;display:flex}.viewport-diagnostics button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:32px;padding:4px}.viewport-diagnostics small{font:inherit;color:#b9c6aa;display:block}.viewport-diagnostics pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.viewport-diagnostics-safe{visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:fixed}.profile-notifications .viewport-diagnostics-toggle{color:#aab6bf;background:0 0;border:1px solid #34434c;border-radius:10px;min-height:36px;margin-top:8px;padding:8px 10px;font-size:12px}