/* R53LOGO: the app icon's mark (white S, red dot, purple arcs) in place of the old gradient "S" square.
   The container keeps its page-defined size and place; only its fill is removed so the mark sits on the page itself.
   Dark pages show mark-dark-bg.svg; the dashboard's light theme (<html data-theme="light">) swaps to mark-light-bg.svg. */
.r53-mark{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;
  overflow:visible!important;display:grid!important;place-items:center;color:inherit!important;font-size:0!important;line-height:0!important;
  -webkit-text-fill-color:currentColor;text-decoration:none;flex-shrink:0}
.r53-mark .r53-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;
  -webkit-user-drag:none;filter:drop-shadow(0 0 6px rgba(139,92,246,.38));
  /* optical alignment: the S sits in the lower-left of the mark (arcs above it), so lift it a little to centre it
     on the wordmark, and enlarge slightly to match the visual weight of the old filled square */
  transform:translateY(-5%) scale(1.06)}
.r53-mark .r53-on-light{display:none}
:root[data-theme="light"] .r53-mark .r53-on-dark{display:none}
:root[data-theme="light"] .r53-mark .r53-on-light{display:block;filter:none}
/* the big mark on the coming-soon page keeps a softer, wider glow, like the app icon */
.logo.r53-mark .r53-img{filter:drop-shadow(0 8px 30px rgba(139,92,246,.45))}