:root:has(#app[data-realm="master"]) {
  --accent: light-dark(#b7283f, #d64b60);
  --accent-hi: light-dark(#d23f57, #ef6478);
  --focus: var(--accent-hi);
  --focus-ring: color-mix(in srgb, var(--focus) 16%, transparent);
  --accent-ink: light-dark(#a91f37, #ffacb9);
  --active: light-dark(#f9e7eb, rgb(214 75 96 / 17%));
  --button: light-dark(#b7283f, #b93048);
  --button-ink: #fff;
}

#app .brand-mark, #app .avatar { background: linear-gradient(140deg, #df5a70, #a02038); }
#app .master-theme { display: grid; place-items: center; width: 38px; min-height: 38px; padding: 0; }
.master-about .operation-popover { left: auto; right: 0; width: max-content; max-width: calc(100vw - 24px); padding: 12px; }
#app .master-signout { display: flex; align-items: center; justify-content: center; gap: 8px; }