:root { --menv-icon-mono: #1a202c; }
:root[data-menv-theme="dark"] { --menv-icon-mono: #f1f5f9; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: transparent;
}

.menv-social {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px;
}

.menv-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.menv-social-icon:hover { transform: translateY(-2px); opacity: 0.9; }

.menv-social-icon.menv-social-filled { color: #ffffff; }
.menv-social-icon.menv-social-outline {
  color: var(--menv-icon-mono);
  border: 1.5px solid var(--menv-icon-mono);
  background: transparent;
}

.menv-social-small  { width: 32px; height: 32px; }
.menv-social-medium { width: 42px; height: 42px; }
.menv-social-large  { width: 52px; height: 52px; }

.menv-social-small svg  { width: 16px; height: 16px; }
.menv-social-medium svg { width: 20px; height: 20px; }
.menv-social-large svg  { width: 26px; height: 26px; }