.ys-user-nav {
  position: fixed;
  z-index: 9999;
  top: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #334837;
  border-radius: 999px;
  background: rgba(8, 12, 9, .94);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, .3);
  backdrop-filter: blur(8px);
}

.ys-user-nav a {
  padding: 7px 10px;
  border-radius: 999px;
  color: #eaf5eb;
  font:
    700 13px/1.2
    system-ui,
    sans-serif;
  text-decoration: none;
}

.ys-user-nav a:hover {
  background: #183d20;
  color: #7be481;
}

@media (max-width: 600px) {
  .ys-user-nav {
    top: auto;
    bottom: 12px;
  }
}