.gsmvp-root { 
  max-width: 380px; 
  margin: 10px auto; 
  padding: 12px; 
  background: #fff; 
  border-radius: 12px; 
  font-family: -apple-system, system-ui, sans-serif;
  text-align: center;
}

.gsmvp-root video { 
  width: 100%; 
  border-radius: 10px; 
  background: #000; 
  aspect-ratio: 9/16; 
  object-fit: cover; 
}

.gsmvp-actions { 
  display: flex; 
  justify-content: center; 
  gap: 8px; 
  margin: 10px 0; 
}

.gsmvp-btn { 
  background: #444; 
  color: #fff; 
  border: none; 
  padding: 8px 0; 
  border-radius: 18px; 
  flex: 1; 
  font-weight: 600; 
  font-size: 12px; 
  cursor: pointer;
  box-shadow: none;
}

.gsmvp-btn.is-recording { background: #1DB954 !important; opacity: 1 !important; }
.gsmvp-btn.is-grey { background: #777 !important; opacity: 1 !important; }
.gsmvp-btn.is-stopped { background: #cc0000 !important; opacity: 1 !important; }
.gsmvp-btn.is-ready { background: #1DB954 !important; opacity: 1 !important; }
.gsmvp-btn:disabled { opacity: 0.25; }

.gsmvp-meta { display: flex; justify-content: space-between; font-size: 11px; color: #888; margin-bottom: 8px; }

.gsmvp-mood-title { font-size: 18px; font-weight: 700; text-align: left; margin: 15px 0 10px 0; color: #111; }
.gsmvp-genres-row { display: flex; justify-content: flex-start; gap: 8px; margin-bottom: 15px; }
.gsmvp-tag { background: #f0f3f5; padding: 8px 16px; border-radius: 25px; font-size: 11px; color: #4a5568; font-weight: 600; text-transform: uppercase; white-space: nowrap; }
.gsmvp-link-card { margin-top: 8px; padding: 16px; background: #f8fafc; border-radius: 12px; text-align: left; }
.gsmvp-link-card a { color: #1DB954; text-decoration: none; font-weight: 600; font-size: 15px; display: flex; align-items: center; }
.gsmvp-play-icon { margin-right: 12px; font-size: 10px; }