/* FineME v332 — Recommendation Engine v1 UI. */
.fm-v332 .fm-recommendation-reason{
  display:inline-flex;align-items:center;gap:6px;margin:0 16px 10px;padding:6px 10px;border-radius:999px;
  background:linear-gradient(135deg,#f3f1ff,#fff5fb);color:#685bd8;font-size:10px;font-weight:850;line-height:1.2;
  box-shadow:inset 0 0 0 1px rgba(118,99,225,.10)
}
.fm-v332 .fm-recommendation-reason>span:first-child{font-size:10px;color:#8d6fe9}
.fm-v332 .fm-video-recommendation-reason{
  display:inline-flex;align-items:center;gap:5px;max-width:min(72vw,360px);margin:0 0 8px;padding:5px 9px;border-radius:999px;
  background:rgba(14,20,34,.62);backdrop-filter:blur(12px);color:#f5edff;font-size:10px;font-weight:850;line-height:1.2;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(0,0,0,.16)
}
.fm-v332 .fm-video-recommendation-reason span{color:#c8b8ff}
.fm-v332 .fm-social-feed-tabs{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.fm-v332 .fm-social-feed-tabs::-webkit-scrollbar{display:none}
.fm-v332 .fm-social-feed-tabs a{flex:0 0 auto;white-space:nowrap}

@media(max-width:700px){
  .fm-v332 .fm-social-feed-tabs{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;padding:4px!important;overflow:visible!important}
  .fm-v332 .fm-social-feed-tabs a{min-width:0!important;padding:9px 6px!important;font-size:10px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .fm-v332 .fm-recommendation-reason{max-width:calc(100% - 24px);margin:0 12px 8px;padding:5px 8px;font-size:9px;white-space:normal}
  .fm-v332 .fm-video-recommendation-reason{max-width:calc(100vw - 112px);font-size:9px;padding:5px 8px;white-space:normal}
}